/* mobilyslider */
#content {
	width: 950px;
	margin: 10px auto 0;
}

.isDisabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}

.slider {
	float: left;
	width: 940px;
	height: 279px;
	position: relative;
	padding-bottom: 6px;
	background: url(http://www.atrac-automation.com/gfx/bottom_shadow.png) no-repeat bottom center;
}

.sliderContent {
	float: left;
	width: 940px;
	height: 279px;
	clear: both;
	position: relative;
	overflow: hidden;
}

.sliderArrows a {
	display: block;
	text-indent: -9999px;
	outline: none;
	z-index: 50;
	background-image: url(../gfx/prev_next.png);
	width: 42px;
	height: 42px;
	position: absolute;
	top: 90%;
	margin-top: -34px;
}

.prev {
	background-position: 0 0;
	left: 840px;
}

.prev:hover {
	background-position: 0 -44px;
}

.next {
	right: 15px;
	background-position: -44px 0;
}

.next:hover {
	background-position: -44px -44px;
}

.sliderContent .item {
	position: absolute;
	width: 940px;
	height: 279px;
}

#slider_img1 {
	z-index: 20;
	width: 940px;
	height: 279px;
	background: url(../images/headerbild_automation01.jpg)
}

#slider_img2 {
	z-index: 20;
	width: 940px;
	height: 279px;
	background: url(../images/headerbild_automation02.jpg)
}

#slider_img3 {
	z-index: 20;
	width: 940px;
	height: 279px;
	background: url(../images/headerbild_automation04.jpg)
}

#slider_img4 {
	z-index: 20;
	width: 940px;
	height: 279px;
	background: url(../images/headerbild_automation05.jpg)
}

#slider_img5 {
	z-index: 20;
	width: 940px;
	height: 279px;
	background: url(../images/headerbild_automation16.jpg)
}

.slider_headline {
	padding-left: 30px;
	padding-top: 130px;
	width: 700px;
}

.slider_headline a {
	color: #2c2c2c;
	font: italic 30px "Arial", Helvetica, sans-serif;
	background-color: #fecc00;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
	font-weight: bold;
}

.slider_zeile1 {
	padding-left: 30px;
	padding-top: 15px;
	width: 700px;
}

.slider_zeile1 a {
	color: #2c2c2c;
	font: normal 13px "Arial", Helvetica, sans-serif;
	background-color: #ffffff;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.slider_zeile2, .header_zeile1, .header_zeile2 {
	padding-left: 30px;
	padding-top: 9px;
	width: 700px;
}

.slider_zeile2 a, .header_zeile1 a, .header_zeile2 a {
	color: #2c2c2c;
	font: normal 13px "Arial", Helvetica, sans-serif;
	background-color: #ffffff;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.slider_zeile3 {
	padding-left: 30px;
	padding-top: 8px;
	width: 700px;
}

.slider_zeile3 a {
	color: #2c2c2c;
	font: normal 13px "Arial", Helvetica, sans-serif;
	background-color: #ffffff;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.sliderBullets {
	position: absolute;
	bottom: -20px;
	left: 50%;
	z-index: 50;
	margin-left: -45px;
}

.sliderBullets a {
	display: block;
	float: left;
	text-indent: -9999px;
	outline: none;
	margin-left: 5px;
	width: 10px;
	height: 11px;
	background: url(../gfx/bullets.png) no-repeat;
}

.sliderBullets .active {
	background-position: 0 -11px;
}

.sliderContent a {
	outline: none;
}

a {
	color: #ffffff;
}

a img {
	border: none;
}

@media screen and (max-width: 959px) {
	/* START SLIDES ON STARTPAGE */
	#slider_img1, #slider_img2, #slider_img3, #slider_img4, #slider_img5 {
		margin: 0px !important;
		padding: 0px !important;
		margin-top: 0px;
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: contain;
		min-height: 150px;
		position: relative;
		float: left;
		width: 100%;
		max-height: 279px;
	}

	#sliderwrap {
		z-index: -5;
		position: relative;
		height: 100%;
		width: 100%;
		min-height: 100px;
		max-height: 279px;
		max-width: 940px;
		margin-left: 0px;
		border: 1px solid transparent;
		margin-bottom: 0px;
		background-repeat: no-repeat;
		background-position: top center;
		background-size: contain;
	}

	#sliderposition {
		width: 100%;
		max-width: 940px;
	}

	.slider {
		height: 100%;
		max-height: 279px;
		width: 100%;
		max-width: 940px;
	}

	.sliderContent {
		height: 100%;
		max-height: 279px;
		width: 100% !important;
	}

	.sliderArrows a {
		display: none;
	}

	.sliderBullets {
		bottom: 10px;
	}

	#sliderwrap > p {
		margin-top: 0px;
	}

	#sliderwrap > p.slider_headline {
		width: 100%;
		padding-left: 2%;
		padding-top: 0px;
		padding-left: 3%;
		margin-bottom: 15px;
		margin-top: 40px;
	}

	#sliderwrap p.slider_headline {
		width: 93%;
		padding-left: 3%;
		margin-bottom: 15px;
	}

	.slider_zeile1, .slider_zeile2, .slider_zeile3, .header_zeile1, .header_zeile2 {
		width: 98%;
		padding-top: 0px;
		padding-left: 3%;
		margin-bottom: 0px;
	}

	/* glueing white lines on slides together */
	p.slider_zeile1, p.slider_zeile2, p.slider_zeile3, p.header_zeile1, p.header_zeile2 {
		margin-top: 0px;
		line-height: 23px;
	}

	.slider_headline a, .slider_zeile1 a, .slider_zeile2 a, .slider_zeile3 a, .header_zeile1 a, .header_zeile2 a {
		padding-left: 1%;
		padding-right: 1%;
		width: 90%;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.slider_zeile1 a, .slider_zeile2 a, .slider_zeile3 a, .header_zeile1 a, .header_zeile2 a {
		line-height: 20px;
		color: #58585a;
		font: normal 12px "Arial", Helvetica, sans-serif;
		background-color: #ffffff;
		margin-top: 0px;
	}
	/* STOP SLIDES ON STARTPAGE */
}

@media screen and (max-width: 340px) {
	/* START SLIDES ON STARTPAGE */
	#sliderposition, #slider, #sliderContent {
		display: none;
	}

	#sliderwrap {
		width: 100%;
		background-image: url(../images/headerbild_automation16.jpg);
		margin-top: 50px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		min-height: 100px;
		max-height: 200px;
		position: relative;
		z-index: -5;
	}

	#sliderwrap p, #sliderwrap a {
		display: none;
	}
	/* STOP SLIDES ON STARTPAGE */
}

@media screen and (min-width: 301px) and (max-width: 340px) {
	#sliderwrap {
		margin-top: 75px;
	}
}

@media screen and (min-width: 341px) and (max-width: 524px) {
	#sliderwrap p.slider_headline {
		margin-top: -70px;
		margin-bottom: 15px;
	}

	/* glueing white lines on slides together */
	p.slider_zeile1, p.slider_zeile2, p.slider_zeile3, p.header_zeile1, p.header_zeile2 {
		line-height: 23px;
	}

	#sliderwrap {
		margin-top: 35px;
		max-height: 180px;
	}

	#sliderposition {
		height: 180px;
	}
}

@media screen and (min-width: 525px) and (max-width: 590px) {
	#sliderposition, #sliderwrap {
		max-height: 200px;
	}

	#sliderwrap {
		margin-top: 35px;
	}

	#sliderwrap p.slider_headline {
		margin-top: -60px;
	}
}

@media screen and (min-width: 591px) and (max-width: 650px) {
	#sliderposition, #sliderwrap {
		max-height: 220px;
	}

	#sliderwrap {
		margin-top: 35px;
	}

	#sliderwrap p.slider_headline {
		margin-top: -40px;
	}
}

@media screen and (min-width: 651px) and (max-width: 695px) {
	#sliderposition, #sliderwrap {
		max-height: 230px;
	}

	#sliderwrap {
		margin-top: 35px;
	}

	#sliderwrap p.slider_headline {
		margin-top: -30px;
	}
}

@media screen and (min-width: 696px) and (max-width: 775px) {
	#sliderposition, #sliderwrap {
		max-height: 255px;
	}

	#sliderwrap {
		margin-top: 35px;
	}

	#sliderwrap p.slider_headline {
		margin-top: -20px;
	}
}

@media screen and (min-width: 776px) and (max-width: 850px) {
	#sliderposition, #sliderwrap {
		max-height: 280px;
	}

	#sliderwrap p.slider_headline {
		margin-top: 0px;
	}
}

@media screen and (min-width: 650px) and (max-width: 750px) {
	/* glueing white lines on slides together */
	p.slider_zeile1, p.slider_zeile2, p.slider_zeile3, p.header_zeile1, p.header_zeile2 {
		line-height: 23px;
	}
}

@media screen and (min-width: 851px) and (max-width: 959px) {
	#slider_img1, #slider_img2, #slider_img3, #slider_img4, #slider_img5 {
		background-position: center center;
	}
}

@media screen and (min-width: 850px) and (max-width: 959px) {
	.sliderBullets {
		bottom: -20px;
		margin-bottom: 10px;
	}
}

@media screen and (min-width: 500px) and (max-width: 750px;) {
	#sliderwrap, .slider, #sliderwrap p.slider_headline {
		max-height: 220px !important;
		background-color: pink;
	}
}
