/*   ************ Hengeste **************/



body {
	height: 100%;
	width: 100%;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 0px;
	border: 0px;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;

}

/************************** Kopf **************************/

#kopf {
	width:980px;
	height:323px;
	margin: 0px auto 0px auto;
	padding: 0px;
	border: 0px;
	background-image:url(img/design/kopf.png);
	background-repeat:no-repeat;	
}

#kopf_inhalt { 
	width:550px;
	height:323px;
	float:left;
	display:inline;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px;
}

#foto {
	text-align:right;
	margin: 0px 0px 0px 0px;
	padding: 38px 12px 0px 0px;
}

#kopf_text { 
	width:420px;
	height:323px;
	margin: 0px 0px 0px 550px;
	padding: 0px;
	border: 0px;
}

#navi { 	 
	margin: 0px; 
	padding: 60px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#5b5b5b; 
	text-align:right;
}

.strich { margin: 0px 10px 0px 10px; }

#slogan { 
	margin: 0px; 
	padding: 45px 0px 0px 10px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:20px; 
	color:#00870f; 
	text-align:left;
	
}

#adressefeld { 
	margin: 0px; 
	padding: 25px 0px 0px 0px;
}

#adresse {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#ffffff; 
	text-align:right;
}

#kontakt { 	
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#ffffff; 
	text-align:left;
}

.abstand { margin: 0px 0px -8px 0px;}


/************************** Main **************************/

#main {
	width: 980px;
	min-height: 500px;
	height: auto;
	margin: 0px auto 0px auto;
	padding: 0px;
	border: 0px;
}
	
/*********************************************************/

#hauptnavi {
	width: 240px;
	height: 500px;
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	border: 0px;
	display: inline;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
}


.kategorie {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border: 0px;
	font-size:15px;
	font-weight:bold;
	color:#424242;
}


.unterkategorie {
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-top: solid 1px #00870f;
	font-size:14px;
	color:#424242;
}

.hauptnavi_abstand {
	height: 8px;
	border-top: solid 1px #00870f;
}


/*********************************************************/

#inhalt {
	width: 700px;
	height: auto;
	height: auto !important;
	margin: 0px 0px 0px 250px;
	padding: 0px 0px 0px 0px;
	border-left: solid 1px #a8abac;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#372F2F;
	text-align:left;
}	


#inhalt_text {
	padding: 0px 0px 0px 20px;
}

.balken {
	 width:700px;
	 height:15px;
	 margin: 0px;
	 padding: 0px;
	 border: 0px;
	 background-color:#CCCCCC;	
}	
		
/************************** Sonstiges **************************/

h1{ font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#008131; margin: 0px 0px 0px 0px;}
h3{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#999999; margin: 0px 0px 5px 0px;}


.m{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#000000;}
.l{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#ffffff;}
.xl{ font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#000000;}
.xxl{ font-family:Arial, Helvetica, sans-serif; font-size:28px; color:#008131; padding: 0px 0px 0px 0px;}/**Startseite Überschrift**/

.mgruen{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight: bold; color:#008131; margin: 0px 0px 0px 0px;}/**Anwendungsbeispiele**/
.lgruen{ font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight: bold; color:#008131; margin: 0px 0px 0px 0px;}/**Anwendungsbeispiele**/

a {color:#000000;}
a:hover {color: #00870f; }


.unterkategorie a  {
	width:222px; 
	height:21px; 
	display:block; 
	margin: 0;
	padding: 5px 0px 0px 18px;
	text-decoration:none; 
	color:#424242;  
	background-image:url(img/design/navi_hintergrund-1.png); 
	background-repeat:no-repeat; 
}
.unterkategorie a:hover  {
	width:222px; 
	height:21px; 
	display:block;
	margin: 0;
	padding: 5px 0px 0px 18px;
	text-decoration:none;  
	background-image:url(img/design/navi_hintergrund-2.png); 
	background-repeat:no-repeat; 
	color:#ffffff;
}
.unterkategorie a#aktiv {
	width:222px; 
	height:21px; 
	display:block;
	margin: 0;
	padding: 5px 0px 0px 18px; 
	text-decoration:none;  
	background-image:url(img/design/navi_hintergrund-2.png); 
	background-repeat:no-repeat; 
	color:#ffffff;
	
}

#navi a {text-decoration:none; color:#5b5b5b;  }
#navi a:hover {text-decoration:none; color:#E20A16;}
#navi a#aktiv {text-decoration:none; color:#E20A16;}

.abstand a { text-decoration: underline; color:#ffffff; }
.abstand a:hover {text-decoration: underline; color:#333333;}
.abstand a#aktiv { text-decoration: underline; color:#333333;}

a.bild { text-decoration:none; }
a:hover.bild { text-decoration:none;}

a.anwendung { color:#008131;  }

.aufzaehlung_startseite { margin-bottom: 10px;}

/*ganze Breite*/
#anwendungsbeisbeispiele{ width:660px; margin: 10px 0px 0px 0px; padding: 8px 8px 8px 8px; border: 1px solid #666666;}
/*für 1 Bild*/
#anwendungsbeisbeispiele_1{ width:160px; margin: 10px 0px 0px 0px; padding: 8px 8px 8px 8px; border: 1px solid #666666;}
/*für 2 Bilder*/
#anwendungsbeisbeispiele_2{ width:325px; margin: 10px 0px 0px 0px; padding: 8px 8px 8px 8px; border: 1px solid #666666;}


.linie{	border : 1px solid Gray;}

.linieb{
	border : 1px solid Gray; font-weight : bold;}
	
	
	
	
.zurueck_nachoben a{
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}
.zurueck_nachoben a:hover{
	color: #00870f;
	text-decoration: underline;
}

/**************** Bildshow auf der Startseite ******************/

#bildshow, #bildshowalt  {
	position:absolute;
	top:370px;
	width:265px;
	margin-left: 380px;
	background-repeat: no-repeat;
	background-color:white;
}



/*#bildshow img {position:absolute; top:0px; left:0px; display:none; border:3px solid white; width:300px; height:200px;}*/
#bildshow img {position:absolute; top:0px; left:0px; border:0px solid white; width:265px;}