@charset "utf-8";
/* CSS Document */

/* ---------------------------------------------------- */
/* GLOBAL 
/* ---------------------------------------------------- */


/* ---------------------------------------------------- */
/* SLIDESHOW 
/* ---------------------------------------------------- */
#slideshow {
	width: 727px;
	height: 300px;
}

#slideshow ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 1%;
}

#slideshow ul:after {
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
}

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES 
/* ---------------------------------------------------- */
#slideshow .slides {
	overflow: hidden;
	width: 727px;
	height: 300px;
	margin-left: 353px;
}

#slideshow .slides ul {
	height: 300px;
	width: 1200px;
}

#slideshow .slides li {
	width: 727px;
	height: 300px;
	float: left;
}

#slideshow .slides h2 {
margin-top: 0;}

#slideshow .slides-nav {
	height: 35px;
	margin-left: 350px;
}

#slideshow .slides-nav li {
	float: left;
	background-image: url(../Bilder/slider_btn_white.png);
	height: 28px;
	width: 22px;
	background-repeat: no-repeat;
	margin-left: 3px;
	margin-top: 3px;}

#slideshow .slides-nav li a {
	display: block;
	outline: none;}
	
#slideshow .slides li#slide-one {
	background-image: url(../Bilder/index_slide.jpg);
	height: 300px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

#slideshow .slides li#slide-two {
	background-image: url(../Bilder/ueber_uns_slide.jpg);
	height: 300px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

#slideshow .slides li#slide-three {
	background-image: url(../Bilder/unsere_leistungen_slide.jpg);
	height: 300px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

#slideshow .slides li#slide-four {
	background-image: url(../Bilder/unsere_referenzen_slide.jpg);
	height: 300px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

#slideshow .slides li#slide-five {
	background-image: url(../Bilder/kontakt_slide.jpg);
	height: 300px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

.js #slideshow .slides-nav li.on,  
.js #slideshow .slides-nav li.on a {
	background-image: url(../Bilder/slider_btn_yellow.png);
	height: 28px;
	width: 22px;
	background-repeat: no-repeat;}

.js #slideshow .slides-nav li.on a {
	position: relative;
	top: ;
	height: 28px;
	width: 22px;}