/* CSS Document */

html, body, * {
	margin:0px;
	padding:0px;
}
html, body {
	height:100%;
}
body {
	font: 14px/18px Trebuchet MS, Helvetica, sans-serif;
	color:#393939;
	background:url(../images/bg-body.jpg) top center no-repeat #e9ebed;
	overflow-x:hidden;
	overflow: -moz-scrollbars-vertical;
}

div#container {
	position:relative;
	margin: 0 auto;
	width:960px;
	background:url(../images/bg-container.jpg) 0 0 repeat-y;
	
}
div#container2 {
	position:relative;
	margin: 0 auto;
	width:960px;
	background:url(../images/bg-container2.jpg) 0 0 repeat-y;
	
}
/*-----------------------------------------------------------------------------*/
/*----------------------------------| =header |--------------------------------*/
/*-----------------------------------------------------------------------------*/
div#header {
	width:960;
	height:270px;
	background:url(../images/bg-header.jpg) 0 0 no-repeat;
}
div#headerSlideshow{
    	width:925px;
		height:193px;
		background:url(../images/bg-slideshow.jpg) 0 0 no-repeat;
		margin:27px 0 0 19px;
}
div#headerHandy p{
	width:200px;
	height:30px;
}
/*-----------------------------------------------------------------------------*/
/*----------------------------------| =content |-------------------------------*/
/*-----------------------------------------------------------------------------*/
div#contentContainer {
	background:url(../images/bg-content.jpg) 0 0 no-repeat;
	width:909px;
	margin:0px 24px 0 27px;
}
div#contentContainer a{
	color:#393939;
}	
div#contentContainer a:active, div#contentContainer a:hover{
	text-decoration:none;
}

.content1{
	float:left;
	width:259px;
	padding:10px 20px;
}
.content2{
	float:left;
	width:550px;
	padding:10px 20px;
}
div#contentAuftrag{
	float:left;
	width:269px;
	padding:45px 15px 0 15px;
	margin-right:5px;
}	
div#footer{
	width:960px;
	height:28px;
	background:url(../images/bg-footer.jpg) 0 0 no-repeat;
}
.content1 img{
	padding:1px;
	border:1px solid #d1d2d3;
}

/*-----------------------------------------------------------------------------*/
/*----------------------------------| =Headlines |-----------------------------*/
/*-----------------------------------------------------------------------------*/

div#contentHeadline{
	width:600px;
	float:left;
	height:36px;
	display:block;
	margin:30px 0 30px 0px;
}
h1{
	height:36px;
}
.h1-startseite{
	 background:url(../images/bg-h1.jpg) 0 0 no-repeat;
}
.h1-kontakt{
	 background:url(../images/bg-h1.jpg) 0 -36px no-repeat;
}
.h1-download{
	 background:url(../images/bg-h1.jpg) 0 -72px no-repeat;
}
.h1-anfahrt{
	 background:url(../images/bg-h1.jpg) 0 -108px no-repeat;
}
.h1-impressum{
	 background:url(../images/bg-h1.jpg) 0 -144px no-repeat;
}
.h1-links{
	 background:url(../images/bg-h1.jpg) 0 -180px no-repeat;
}
.h1-uebermich{
	 background:url(../images/bg-h1.jpg) 0 -216px no-repeat;
}
.h1-auftrag{
	 background:url(../images/bg-h1.jpg) 0 -252px no-repeat;
}
.h1-bildergalerie{
	 background:url(../images/bg-h1.jpg) 0 -288px no-repeat;
}
.h1-wissenswertes{
	 background:url(../images/bg-h1.jpg) 0 -324px no-repeat;
}
.h1-vielendank{
	 background:url(../images/bg-h1.jpg) 0 -360px no-repeat;
}
.h1-error404{
	 background:url(../images/bg-h1.jpg) 0 -396px no-repeat;
}
.h1-leistungen{
	 background:url(../images/bg-h1.jpg) 0 -432px no-repeat;
}

/*-----------------------------------------------------------------------------*/
/*----------------------------------| =Navigation |----------------------------*/
/*-----------------------------------------------------------------------------*/

ul#navigation {
	padding:0px 0px 0px 405px;	
	height:35px;
}
ul#navigation li{
	list-style:none;
	height:35px;
	float:left;
}
ul#navigation a{
	display:block;
	font-size:1px;
	text-indent:-9999px;
	outline:none;
	height:35px;
}
.li-startseite a{
	width:102px;
	background:url(../images/bg-navigation.jpg) 0 0 no-repeat;
}
.li-startseite a:active, .li-startseite a:hover, .li-startseiteActive a{
	width:102px;
	background:url(../images/bg-navigation.jpg) 0 -35px no-repeat;
}
.li-kontakt a{
	width:87px;
	background:url(../images/bg-navigation.jpg) -102px 0 no-repeat;
}
.li-kontakt a:active, .li-kontakt a:hover, .li-kontaktActive a{
	width:87px;
	background:url(../images/bg-navigation.jpg) -102px -35px no-repeat;

}
.li-anfahrt a{
	width:85px;
	background:url(../images/bg-navigation.jpg) -189px 0 no-repeat;
}
.li-anfahrt a:active, .li-anfahrt a:hover, .li-anfahrtActive a{
	width:85px;
	background:url(../images/bg-navigation.jpg) -189px -35px no-repeat;
}
.li-links a{
	width:68px;
	background:url(../images/bg-navigation.jpg) -274px 0 no-repeat;
}
.li-links a:active, .li-links a:hover, .li-linksActive a{
	width:68px;
	background:url(../images/bg-navigation.jpg) -274px -35px no-repeat;
}
.li-downloads a{
	width:104px;
	background:url(../images/bg-navigation.jpg) -342px 0 no-repeat;
}
.li-downloads a:active, .li-downloads a:hover, .li-downloadsActive a{
	width:104px;
	background:url(../images/bg-navigation.jpg) -342px -35px no-repeat;
}
.li-impressum a{
	width:107px;
	background:url(../images/bg-navigation.jpg) -446px 0 no-repeat;
}
.li-impressum a:active, .li-impressum a:hover, .li-impressumActive a{
	width:107px;
	background:url(../images/bg-navigation.jpg) -446px -35px no-repeat;
}

#navigationContent{
	width:269px;
	margin-bottom:15px;
	height:87px;
}
#navigationContent li{
	list-style:none;
	float:left;
	height:29px;
}
#navigationContent a{
	display:block;
	outline:none;
	height:29px;
	width:134px;
	text-indent:-9999px;
}
.li-contentLeistungen a{
	background:url(../images/bg-navigationContent.jpg) 0 0 no-repeat;
}
.li-contentLeistungen a:hover, .li-contentLeistungen a:active, .li-contentLeistungenActive a{
	background:url(../images/bg-navigationContent.jpg) 0 -87px no-repeat;
}
.li-contentAuftrag a{
	background:url(../images/bg-navigationContent.jpg) -134px 0 no-repeat;
}
.li-contentAuftrag a:hover, .li-contentAuftrag a:active, .li-contentAuftragActive a{
	background:url(../images/bg-navigationContent.jpg) -134px -87px no-repeat;
}
.li-contentWissenswert a{
	background:url(../images/bg-navigationContent.jpg) 0 -29px no-repeat;
}
.li-contentWissenswert a:hover, .li-contentWissenswert a:active, .li-contentWissenswertActive a{
	background:url(../images/bg-navigationContent.jpg) 0 -116px no-repeat;
}
.li-contentDownload a{
	background:url(../images/bg-navigationContent.jpg) -134px -29px no-repeat;
}
.li-contentDownload a:hover, .li-contentDownload a:active, .li-contentDownloadActive a{
	background:url(../images/bg-navigationContent.jpg) -134px -116px no-repeat;
}
.li-contentUebermich a{
	background:url(../images/bg-navigationContent.jpg) 0 -58px no-repeat;
}
.li-contentUebermich a:hover, .li-contentUebermich a:active, .li-contentUebermichActive a{
	background:url(../images/bg-navigationContent.jpg) 0 -145px no-repeat;
}
.li-contentBildergalerie a{
	background:url(../images/bg-navigationContent.jpg) -134px -58px no-repeat;
}
.li-contentBildergalerie a:hover, .li-contentBildergalerie a:active, .li-contentBildergalerieActive a{
	background:url(../images/bg-navigationContent.jpg) -134px -145px no-repeat;
}
/*-----------------------------------------------------------------------------*/
/*----------------------------------| =basic elements |------------------------*/
/*-----------------------------------------------------------------------------*/

p {
	padding-bottom:15px;
}
h1, h2 {
	text-indent:-9999px;
	
}
h3{
	margin-bottom:15px;	
}
.highlightLine {
	margin-bottom:15px;
	border-bottom:1px solid #d1d2d3;
}
iframe{
	border:1px solid #dddee0;
	padding:1px;
}
.content1 ul{
	margin-left:30px;
}
.content1 li{
	padding-bottom:5px;
}
.content1 ul ul{
	font-size:12px;
	margin-top:5px;
}
.cotnentImageContainer img{
	border:1px solid #dddee0;
	padding:1px;
	margin:0 10px 10px 0;
	float:left;
}
/*-----------------------------------------------------------------------------*/
/*----------------------------------| =CMS Seiten |----------------------------*/
/*-----------------------------------------------------------------------------*/
.clear{
	float:none;
	clear:both;
}