body {
	margin: 0px;
	padding: 0px;
	background-color: #343A63;
}



#________RAHMEN_____________ { }
#rahmen {
	width: 900px;
	background-color: #FFF;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px solid #C63;
	border-right: 1px solid #C63;
	border-bottom: 1px solid #C63;
	border-left: 1px solid #C63;
	margin-top: 30px;
}

#_______HEADER____________ { }
#header h2  {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-weight: normal;
	text-align: left;
	color: #000;
	margin: 0px;
	text-transform: none;
	position: absolute;
	left: 295px;
	top: 30px;
	padding-right: 100px;
	padding-top: 0px;
}

#header h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 36px;
	padding-top: 0px;
	padding-left: 0px;
	color: #387272;
	padding-right: 0px;
	margin: 0px;
	text-transform: none;
	position: absolute;
	left: 30px;
	top: 40px;
}

#header h4 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	padding-top: 0px;
	padding-left: 0px;
	color: #387272;
	padding-right: 0px;
	margin: 0px;
	text-transform: none;
	position: absolute;
	left: 30px;
	top: 90px;
}


#header h3 {
	margin: 0px;
	padding: 0px;
	left: 170px;
	top: 127px;
	position: absolute;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}


#header {
	background-image: url(../Bilder/header_geruch_gestank.jpg);
	height: 160px;
	width: 900px;
	margin: 0px;
	padding: 0px;
	position: relative;
}


#__________Navi_Kopf______________ { }

#ul_navi_kopf {
	background-repeat: repeat-x;
	list-style-type: none;
	background-color: #BAD1D1;
	margin: 0px;
	padding: 0px;
	height: 40px;
	border-top: 1px solid #C63;
	border-right: #C63;
	border-bottom: 1px solid #C63;
	border-left: #C63;
	background-image: url(../Bilder/navi_verlauf_geruch_gestank.png);
}


#ul_navi_kopf li {
	float: left;
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #C63;
	text-align: left;
	height: 40px;
	line-height: 40px;
	padding-left: 20px;
}


#rahmen #ul_navi_kopf li  a {
	text-decoration: none;
	color: #C63;
}
	
	
#rahmen #ul_navi_kopf li a:hover {color:#999; outline:dotted}
#rahmen #ul_navi_kopf a {outline:none;}
#rahmen #ul_navi_kopf a:visited {color: #387272;}



#navi_geruchsbehandlung {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #C63;
	width: 205px;
	z-index: 1;
	position: relative;
	
}

#rahmen #ul_navi_kopf #navi_ueber_uns {
	z-index: 1;
	position: relative;
	width: 125px;
}


#navi_produktentwicklung {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #C63;
	z-index: 1;
	width: 223px;
	position: relative;
}



#navi_kontakt {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #C63;
	z-index: 1;
	position: relative;
}




#navi_startseite {
	
	width: 125px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #C63;
	position: relative;
}



#_________Subnavi__________________ {
}
#ul_navi_kopf .subnavi  {
	background-color: #BAD1D1;
	list-style-type: none;
	top: 40px;
	float: none;
	margin-left: 0px;
	position: absolute;
	left: -1px;
	padding: 0;
	visibility: hidden;
	color: #C63;
	font-weight: bold;
	margin: 0px;
	}

.subnavi #listenpunkt_mitarbeiter{
	border-top: 1px dashed #C63;
	width: 125px;
	border-right: 1px solid #C63;
	border-left: 1px solid #C63;
	color: #C63;
	padding-left: 20px;
}

.subnavi #listenpunkt_impressum {
	width: 125px;
	border-top: 1px dashed #C63;
	border-right: 1px solid #C63;
	border-left: 1px solid #C63;
	border-bottom: 1px solid #C63;
	color: #C63;
	padding-left: 20px;
}


.subnavi #listenpunkt_technik {
	width: 205px;
	border-top: 1px dashed #C63;
	border-right: 1px solid #C63;
	border-left: 1px solid #C63;
	color: #C63;
	padding-left: 20px;
}


.subnavi #listenpunkt_anwendungsgebiete {
	width: 205px;
	border-top: 1px dashed #C63;
	border-right: 1px solid #C63;
	border-left: 1px solid #C63;
	color: #C63;
	padding-left: 20px;
}


.subnavi #listenpunkt_infos {
	width: 205px;
	border-top: 1px dashed #C63;
	border-bottom: 1px solid #C63;
	border-right: 1px solid #C63;
	border-left: 1px solid #C63;
	color: #C63;
	padding-left: 20px;
}


#navi_produkte:hover .subnavi {visibility: visible;}
#navi_ueber_uns:hover .subnavi {visibility: visible;}
#navi_geruchsbehandlung:hover .subnavi {visibility: visible;}




#___________MITTE_______________ { }

#mitte {
	position: relative;
	width: 900px;
	margin-top: 0px;
	background-image: url(../Bilder/lavendel_geruch_gestank.jpg);
	height: 600px;
	float: none;
	}



#__________Inhalt_____________ { }


#inhalt {
	width: 590px;
	background-color: #CCC /*(rgba 186,209,209,0.9)*/;
	position: relative;
	left: 84px;
	top: 75px;
	height: 450px;
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C63;
	border-right-color: #C63;
	border-bottom-color: #C63;
	border-left-color: #C63;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 15px;
}



#_____________Inhalt_Startseite__________{}



#startseite #rahmen #mitte #inhalt{
	overflow:scroll;
}


#startseite #rahmen #mitte #inhalt h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	padding: 40px 45px 10px;
}

#startseite #rahmen #mitte #inhalt #ifat{
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	padding: 40px 45px 10px;
	text-align: center;
	line-height: 25px;
	font-weight: 500;

}

#startseite #rahmen #mitte #inhalt h4{
	text-align: center;
	
}

#startseite #rahmen #mitte #inhalt p {
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height: 20px;
	padding: 0px 45px 10px;
}





#_____________Inhalt_Kontakt__________{}


#kontakt #rahmen #mitte #inhalt {
	position:relative;
}


#kontakt #rahmen #mitte #inhalt h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	padding: 50px 45px 25px 25px;
}



#kontakt #rahmen #mitte #inhalt #Kontakt_Adresse{

	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: 20px;
	left: 25px;
	top: 120px;
	position:absolute;

}


#kontakt #rahmen #mitte #inhalt #Karte{

position: absolute;
top: 30px;
right: 25px;

}



#_____________Inhalt__Mitarbeiter_________{}


#mitarbeiter #rahmen #mitte #inhalt{
	overflow:scroll;
}



#mitarbeiter #rahmen #mitte #inhalt li {
	list-style-type: none;
}


#mitarbeiter #rahmen #mitte #inhalt li img {
	border: thin solid #C63;
}


#mitarbeiter #rahmen #inhalt #Scheuchl {
	position: absolute;
	left: 20px;
	top: 40px;
}

#mitarbeiter #rahmen #inhalt #Schiessl {
	position: absolute;
	top: 215px;
	right: 20px;
}



#mitarbeiter #rahmen #inhalt #Kunz {
	position: absolute;
	left: 20px;
	top: 385px;
	}


#mitarbeiter #rahmen #mitte #inhalt #Maurer{
	position: absolute;
	top: 605px;
	right: 20px;
	padding-bottom: 35px;
	
	}



#mitarbeiter #rahmen #mitte #inhalt #Maurer li {
	float: right;
}

#mitarbeiter #rahmen #mitte #inhalt #Schiessl li {
	float: right;
}


#mitarbeiter #rahmen #mitte #inhalt #Scheuchl li {
	float: left;
}
#mitarbeiter #rahmen #mitte #inhalt #Kunz li {
	float: left;
}


#mitarbeiter #rahmen #mitte #inhalt #Kunz .text {
	padding-left: 20px;
	width: 350px;
	padding-top:20px;
}


#mitarbeiter #rahmen #mitte #inhalt #Scheuchl .text {
	padding-left:20px;
	padding-top:8px;
	width: 290px;
}


#mitarbeiter #rahmen #mitte #inhalt #Schiessl .text {
	width: 180px;
	padding-top:20px;
	text-align: left;
	padding-right: 5px;
}

#mitarbeiter #rahmen #mitte #inhalt #Maurer .text {
	width: 230px;
	padding-top: 30px;
	text-align: left;
	padding-right: 3px;
	
}




#mitarbeiter #rahmen #mitte #inhalt .text
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}




#mitarbeiter #rahmen #mitte #inhalt  .text span {
	font-weight: bold;
}



#mitarbeiter #rahmen #mitte #inhalt ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	
}


#___________Inhalt_Anwendungsgebiete____{}


#anwendungsgebiete #rahmen #mitte #inhalt h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	padding: 40px 45px 20px;
}


#anwendungsgebiete #rahmen #mitte #inhalt p {
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height: 20px;
	padding: 10px 45px 10px;
}




#______________Firmengeschichte___________{}
	

#firmengeschichte #rahmen #mitte #inhalt h1 {
 
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	padding: 40px 45px 10px;
}


#firmengeschichte #rahmen #mitte #inhalt p {
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height: 20px;
	padding: 0px 45px 10px;
}


#______________Geruchsbehandlung___________{}
	

#geruchsbehandlung #rahmen #mitte #inhalt{
	
	overflow:scroll;
}

#geruchsbehandlung #rahmen #mitte #inhalt h1 {
 
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	padding: 40px 45px 10px;
}


#geruchsbehandlung #rahmen #mitte #inhalt p {
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height: 20px;
	padding: 0px 45px 10px;

}

#geruchsbehandlung #rahmen #mitte #inhalt ol{
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height: 20px;
	padding: 0px 5px 10px 75px;
}


#geruchsbehandlung #rahmen #mitte #inhalt ol li{
	padding-bottom: 15px;
	
	
}


#______________Technik___________{}
	

#technik #rahmen #mitte #inhalt{
	overflow:scroll;
}

#technik #rahmen #mitte #inhalt h1 {
 
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	padding: 40px 45px 10px;
}


#technik #rahmen #mitte #inhalt p {
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height: 20px;
	padding: 0px 45px 10px;
}


#________Produktentwicklung_________{}


#produktentwicklung #rahmen #mitte #inhalt{
	overflow:scroll;
}



#produktentwicklung #rahmen #mitte #inhalt h1 {
 
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	padding: 40px 45px 10px;
}



#produktentwicklung #rahmen #mitte #inhalt ul li{
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height: 18px;
	padding-left: 15px;
	padding-right: 45px;
	padding-bottom: 20px;
	margin-left: 25px;
}



#produktentwicklung #rahmen #mitte #inhalt p {
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height: 20px;
	padding: 0px 45px 10px;
}



#_______________impressum______________{}

#impressum #rahmen #mitte #inhalt h1 {
 
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	padding: 20px 45px 10px;
}


#impressum #rahmen #mitte #inhalt p{
	padding: 0px 45px 10px;
}



#_________info_gestank_geruch________{}

#infos #rahmen #mitte #inhalt h1{
	
font-family: Verdana, Geneva, sans-serif;
font-size: 16px;
padding: 40px 45px 10px;
}


#infos #rahmen #mitte #inhalt ul{
	line-height: 4;
	padding-left:65px;
	padding-top:15px;
}



#_______galerie_________ {}


#ul_galerie {
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0px;
	padding: 0px;
	width: 113px;
	list-style-type: none;
	border-left: 1px solid #C63;
}



li img {
  display: block;
  cursor: pointer;
}


#ul_galerie .listenpunkte_rechts p {
	position: absolute;
	visibility: hidden;
	height: 30px;
	width: 280px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #387272;
	margin: 0px;
	left: -300px;
	list-style-type: none;
	top: 550px;
	padding: 10px;
}


.gross {
	position: absolute;
	top: 150px;
	visibility: hidden;
	cursor: default;
	left: -300px;
}


li:hover    .gross  { visibility: visible; }

#ul_galerie .listenpunkte_rechts:hover  p { visibility: visible; }


#rahmen #mitte #navi_links a:visited { color: #C63;}




#____________Formatierungen für den aktuell_Zustand____________ { }


#startseite #rahmen #ul_navi_kopf #navi_startseite a { color: #903; }


#aktuell #rahmen #mitte #navi_links #navi_aktuelles a {
	color: #903;
}
#anfahrt #rahmen #mitte #navi_links #navi_anfahrt a {
	color: #903;
}


#impressum #rahmen #mitte #navi_links #navi_impressum a {
	color: #903;
}

#kontakt #rahmen #mitte #navi_links #navi_kontakt a {
	color: #903;
}


#presse #rahmen #mitte #navi_links #navi_pressemitteilungen a {
	color: #903;
}
#produkte #rahmen #ul_navi_kopf #navi_produkte a {
	color: #903;
}
#produktentwicklung #rahmen #ul_navi_kopf #navi_produktentwicklung a {
	color: #903;
}
#referenzen #rahmen #mitte #navi_links #navi_referenzen a {
	color: #903;
}
#ueber_uns #rahmen #ul_navi_kopf #navi_ueber_uns a {
	color: #903;
}


#antigeruch #rahmen #ul_navi_kopf #navi_produkte .subnavi #listenpunkt_antigeruch a { color: #903; }

#mitarbeiter #rahmen #ul_navi_kopf #navi_ueber_uns .subnavi #listenpunkt_mitarbeiter a{ color: #903; }

#firmengeschichte #rahmen #ul_navi_kopf #navi_ueber_uns .subnavi #listenpunkt_firmengeschichte a{ color: #903; }




#______________Formatierung Absätze collapsing margins_____________ { }


#produkte #rahmen #mitte #inhalt p { margin: 0px; }


#firmengeschichte #rahmen #mitte #inhalt p { margin: 0px; }

#ueber_uns #rahmen #mitte #inhalt p { margin: 0px; }

#mitarbeiter #rahmen #mitte #inhalt p { margin: 0px; }




#wirkungsweise #rahmen #mitte #inhalt p {
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 5px;
	line-height: 25px;
	
}
#wirkungsweise #rahmen #mitte #inhalt h4 {
	padding-top: 15px;
	padding-left: 35px;
	padding-right: 35px;
}

	


#wirkungsweise #rahmen #mitte #inhalt{
	overflow:scroll;
}