/* CSS Document */

html,
body,
* {
			margin:0px;
			padding:0px;
}

html,
body {
			height:100%;
}

body {
			font: 14px/20px Arial, Helvetica, sans-serif;
			color:#000;
			background:url(../images/kachel.jpg) 0 0 repeat-x;
}

div#containerBackground {
			background:url(../images/kachel_kontakt.gif) -800px 0 repeat-x;
}

div#container {
			position:relative;
			margin: 0 auto;
			width:982px;
}


/*-----------------------------------------------------------------------------*/
/*----------------------------------| =header |--------------------------------*/
/*-----------------------------------------------------------------------------*/
div#header {

}
div#navigationSlideshow{
	width:980px;
	height:368px;
	background:url(../images/bg-slideshow.gif) 0 0 no-repeat;
	padding:14px 0 0 0;
}
ul#navigationAdditional{
	float:left;
	list-style:none;
	font:11px/18px Arial, Helvetica, sans-serif;
	padding:110px 0 0 330px;
}
ul#navigationAdditional li{
	float:left;
}
.border{
	border-right:1px solid #e5e5e5;
}
.first a{
	margin-right:10px;
}
ul#navigationAdditional a{
	color:#7f7f7f;
	text-decoration:none;
	display:block;
	height:13px;
	padding:7px 15px 7px 15px;
	width:50px;
}
ul#navigationAdditional a:active, ul#navigationAdditional a:hover, ul#navigationAdditional a.aktive{
	text-decoration:underline;
	padding:7px 15px 7px 15px;
	color:#000;
}
ul#fontNavigation{
	float:left;
	list-style:none;
	font:11px/18px Arial, Helvetica, sans-serif;
	padding:0px 0px 0px 480px;
}
ul#fontNavigation li{
	float:left;
	padding:0 0 0 2px;
}
ul#fontNavigation a{
	color:#484848;
	text-decoration:none;
	background:#f2f2f2;
	display:block;
	width:97px;
	height:27px;
	text-align:center;
	padding:5px 0 0 0;
}
ul#fontNavigation a:active, ul#fontNavigation a:hover{
	padding:7px 0 0 0;
	height:25px;
	background:#c0c0c0;
	color:#FFF;
	
}
/*-----------------------------------------------------------------------------*/
/*----------------------------------| =content |-------------------------------*/
/*-----------------------------------------------------------------------------*/

div#contentContainer {
	width:980px;
}
div#contentTextContainer{
	width:674px;
	padding:0px 30px 15px 0px;
	float:left;
}
div#contentTextContainer ul{
	padding:0px 0px 15px 30px;
}
div#contentTextContainer li{
	float:none;
	clear:both;
}
div#contentTextContainer a{
	color:#5e7e00;
}
div#contentTextContainer a:active, div#contentTextContainer a:hover{
	color:#000;
	text-decoration:none;
}
.spalte{
	width:327px;
	float:left;
}
.spalte1{
	width:420px;
	float:left;
	padding:0 15px 15px 0;
}

.spalte2{
	width:225px;
	float:left;
	padding-bottom:15px;
}
.spalte3{
	padding:0px 0px 15px 0px;
}
.borderTable{
	padding-left:10px;
	border-left:1px dashed #c4dd60;
}
.spaltePadding{
	padding-right:20px;
}
.teaserImage{
	border:none;
	padding-bottom:14px;
}
.teaserLink{
	background:url(../images/green-arrow.gif) 0 6px no-repeat;
	display:block;
	padding-left:20px;
	color:#5e7e00;
	margin-top:5px;
}
.spalte2 img{
	float:left;
	padding:2px;
	border:1px solid #c4dd60;
	margin-bottom:15px;
}

.lhight{
	line-height:28px!important;
}

.lessHeight{
	padding-bottom:10px!important;
}
/*-----------------------------------------------------------------------------*/
/*----------------------------------| =Sidebar |-------------------------------*/
/*-----------------------------------------------------------------------------*/

div#contentSidebar{
	font:14px/21px Arial, Helvetica, sans-serif;
	float:left;
	width:230px;
	background:url(../images/bg-sidebar.jpg) 0 0 no-repeat;
	padding:30px 15px 15px 18px;
}
div#contentSidebar p{
	padding-bottom:21px;
}
div#contentSidebar a{
	font-size:13px;
	color:#89ae10;
	text-decoration:none;
}
div#contentSidebar a:active, div#contentSidebar a:hover{
	text-decoration:underline;
	color:#000;
}
h3#oeffnungszeiten{
	padding-top:70px;
}
h3#inofpost{
	padding-top:84px;
}
/*-----------------------------------------------------------------------------*/
/*----------------------------------| =Navigation |----------------------------*/
/*-----------------------------------------------------------------------------*/

ul#navigation {
	float:left;
	width:356px;
	background:url(../images/bg-navigationBack.jpg) 0 0 no-repeat;
}
ul#navigation li{
	float:left;
	list-style:none;
	padding-bottom:3px;
	height:107px;
	width:114px;
}
.li-leistungen, .li-leistungenActive{
	padding-left:119px;
}
.more{
	padding-right:5px;
}
ul#navigation a{
	width:114px;
	height:107px;
	display:block;
	outline:none;
	text-indent:-9999px;
}
.li-leistungen a{
	background:url(../images/bg-navigation.jpg) -119px 0 no-repeat;
}
.li-leistungen a:active, .li-leistungen a:hover, .li-leistungenActive a{
	background:url(../images/bg-navigation.jpg) -471px 0px no-repeat;
}
.li-notdienst a{
	background:url(../images/bg-navigation.jpg) -238px 0 no-repeat;
}
.li-notdienst a:active, .li-notdienst a:hover, .li-notdienstActive a{
	background:url(../images/bg-navigation.jpg) -590px 0px no-repeat;
}
.li-team a{
	background:url(../images/bg-navigation.jpg) 0px -110px no-repeat;
}
.li-team a:active, .li-team a:hover, .li-teamActive a{
	background:url(../images/bg-navigation.jpg) -351px -110px no-repeat;
}
.li-verblisterung a{
	background:url(../images/bg-navigation.jpg) -119px -110px no-repeat;
}
.li-verblisterung a:active, .li-verblisterung a:hover, .li-verblisterungActive a{
	background:url(../images/bg-navigation.jpg) -471px -110px no-repeat;
}
.li-kundenkarte a{
	background:url(../images/bg-navigation.jpg) -238px -110px no-repeat;
}
.li-kundenkarte a:active, .li-kundenkarte a:hover, .li-kundenkarteActive a{
	background:url(../images/bg-navigation.jpg) -590px -110px no-repeat;
}
.li-sonderangebote a{
	background:url(../images/bg-navigation.jpg) -0px -220px no-repeat;
}
.li-sonderangebote a:active, .li-sonderangebote a:hover, .li-sonderangeboteActive a{
	background:url(../images/bg-navigation.jpg) -351px -220px no-repeat;
}
.li-vorbestellung a{
	background:url(../images/bg-navigation.jpg) -119px -220px no-repeat;
}
.li-vorbestellung a:active, .li-vorbestellung a:hover, .li-vorbestellungActive a{
	background:url(../images/bg-navigation.jpg) -471px -220px no-repeat;
}
.li-aktionen a{
	background:url(../images/bg-navigation.jpg) -238px -220px no-repeat;
}
.li-aktionen a:active, .li-aktionen a:hover, .li-aktionenActive a{
	background:url(../images/bg-navigation.jpg) -590px -220px no-repeat;
}
/*-----------------------------------------------------------------------------*/
/*----------------------------------| =footer |--------------------------------*/
/*-----------------------------------------------------------------------------*/

div#footer{
	color:#7e7e7e;
	width:980px;
	height:100px;
	background:url(../images/bg-footer.jpg) 0 0 no-repeat;
	padding:30px 0 0 0;
}
div#footer a{
	color:#6a8c03;
}
div#footer a:active, div#footer a:hover{
	text-decoration:none;
	color:#000000;
}

.clear {
			float:none;
			clear:both;
}
/*-----------------------------------------------------------------------------*/
/*----------------------------------| =basic elements |------------------------*/
/*-----------------------------------------------------------------------------*/

p {
			padding-bottom:21px;
}
.highlightLine{
	padding-bottom:15px;
	border-top:1px dashed #c4dd60;
	margin-right:15px;
}
.green{
	color:#5e7e00;
}
h1{
	float:left;
	height:176px;
	width:300px;
}
h1 a{
	text-indent:-9999px;
	outline:none;
	display:block;
	height:176px;
	width:300px;
	background:url(../images/bg-branding.jpg) 0 0 no-repeat;
}
h2{
	width:674px;
	text-indent:-9999px;
	display:block;
	height:56px;
	margin-bottom:22px;
}
.h2-startseite{
	background:url(../images/bg-h2.jpg) 0 0 no-repeat;
}
h3{
	text-indent:-9999px;
	margin-bottom:20px;
}
h4{
	width:260px;
	height:22px;
	display:block;
	text-indent:-9999px;
	background:url(../images/bg-h4.jpg) 0 0 no-repeat;
}
h5{
	width:327px;
	height:26px;
	display:block;
	text-indent:-9999px;
	margin-bottom:8px;
}
.h5-verblisterung{
	background:url(../images/bg-h2.jpg) 0 -56px no-repeat;
}
.h5-wir-stellen-uns-vor{
	background:url(../images/bg-h2.jpg) 0 -82px no-repeat;
}
.h5-virtueller-rundgang{
	background:url(../images/bg-h2.jpg) 0 -108px no-repeat;
}
.h5-kontakt{
	background:url(../images/bg-h2.jpg) 0 -134px no-repeat;
}
.h5-danke{
	background:url(../images/bg-h2.jpg) 0 -160px no-repeat;
}
.h5-impressum{
	background:url(../images/bg-h2.jpg) 0 -186px no-repeat;
}
.h5-error404{
	background:url(../images/bg-h2.jpg) 0 -212px no-repeat;
}
.h5-newsletterAnmeldung{
	background:url(../images/bg-h2.jpg) 0 -238px no-repeat;
}
.h5-newsletterAbmeldung{
	background:url(../images/bg-h2.jpg) 0 -264px no-repeat;
}
.h5-anfahrt{
	background:url(../images/bg-h2.jpg) 0 -290px no-repeat;
}
.h5-aktionen{
	background:url(../images/bg-h2.jpg) 0 -316px no-repeat;
}
.h5-vorbestellung{
	background:url(../images/bg-h2.jpg) 0 -342px no-repeat;
}
.h5-sonderangebote{
	background:url(../images/bg-h2.jpg) 0 -368px no-repeat;
}
.h5-kundenkarte{
	background:url(../images/bg-h2.jpg) 0 -394px no-repeat;
}
.h5-leistungen{
	background:url(../images/bg-h2.jpg) 0 -420px no-repeat;
}
.h5-notdienst{
	background:url(../images/bg-h2.jpg) 0 -446px no-repeat;
}
.h5-visitenkarte{
	background:url(../images/bg-h2.jpg) 0 -472px no-repeat;
}
.h5-anfahrtsBeschreibung{
	background:url(../images/bg-h2.jpg) 0 -498px no-repeat;
}
.h5-infopost{
	background:url(../images/bg-h2.jpg) 0 -524px no-repeat;
}
h6{
	font:14px/20px Arial, Helvetica, sans-serif;
	color:#5e7e00;
	font-weight:bold;
	padding-bottom:15px;
}


.paddingBottom{
	padding-bottom:42px;
}
.visitenkarte a{
	width:204px;
	height:24px;
	display:block;
	outline:none;
	text-indent:-9999px;
	background:url(../images/bg-visitenkarte.jpg) 0 0 no-repeat;
}
.visitenkarte a:active, .visitenkarte a:hover{
	background:url(../images/bg-visitenkarte.jpg) 0 -24px no-repeat;	
}