body  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFF;
	margin:0; padding:0;
	text-transform: lowercase;
	height:100%;
	background-color:#141215;
}

html {
	height:100%;
}


#wrapper {
	width:990px;
	padding:0 44px 0 30px;
	margin:0 auto 0 auto;
	height:100%;
}
/* 
Klassen für die Positionierung des weißen Balkens
*/
.home, .aktionen, .aktuelles, .service, .sortiment, .geschichte, .kontakt {
	background-image:url(images/site/strich-weiss.gif);
	background-repeat:no-repeat;
}

.home {
	background-position:163px 0px;
}
.aktionen {
	background-position:377px 0px;
}
.aktuelles {
	background-position:270px 0px;
}

.service {
	background-position:484px 0px;
}
.sortiment {
	background-position:591px 0px;
}
.geschichte {
	background-position:698px 0px;
}
.kontakt {
	background-position:805px 0px;
}

/* Damit Linie (je nach Browser) bis zum Ende geht   */
.home2, .aktionen2, .aktuelles2, .service2, .sortiment2, .geschichte2, .kontakt2 {
	background-image:url(images/site/strich_weiss_neu.gif);
	background-repeat:no-repeat;
	/*background-repeat:repeat-y;*/
}

.home2 {
	background-position:133px 0px;
}
.aktionen2 {
	background-position:347px 0px;
}
.aktuelles2 {
	background-position:240px 0px;
}
.service2 {
	background-position:454px 0px;
}
.sortiment2 {
	background-position:561px 0px;
}
.geschichte2 {
	background-position:668px 0px;
}
.kontakt2 {
	background-position:775px 0px;
}





#header {
	height:168px;
}


#content {
	margin:0;
	padding:0;
/*	height:100%;*/
}


#left, #right {
	padding-top:57px;
	padding-bottom:15px;
}

#left, #lefthome {
	float:left;
	text-align:right;
	/*height:98%;*/
}

#left {
	float:left;
	/*border-right:1px solid #FFF;    braucht man nicht? */
}


#right{
	float:left;
}

.kalender{margin:15px 0 54px 15px; padding:0;height:86px;}
.kalender img{float:left;margin:0 25px 0 0;border:1px solid #ffffff;}

.text { 
	width:180px;
	padding:0 16px 0 16px;
}

.strich {
	border-right:1px solid #FFF; 
	}

#popup_content {
	padding:20px;
}