html#web, body {overflow:auto; height:100%; margin:0; font-size:12px; color:#000000;}	 
html#web, body#web, body#homepage{overflow:hidden;}
input, textarea, button, select, table, th, td, div, p, label, span {font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#000000;}
body#epozcontent {color:black; background-color:white;}
table {border:0; border-collapse:collapse;}
table td {padding:0; vertical-align:top;}
a {text-decoration: none;}
img {border:0;}

/*Layout*/		


/* NEWSTICKER STARTSEITE */


#aktuellbg {position:absolute; left:0; top:2px; bottom:2px; width:130px; background-color:#c6b891; background-image:url('../images/aktuelles.gif'); background-position:left center; background-repeat:no-repeat;}


/* the outer div with the black border */
#newsticker {position:absolute; bottom:65px;border-top:1px solid #e7e1d1; border-bottom:1px solid #e7e1d1;  width:704px; height:27px; margin:0; padding:0; overflow: hidden;}
#newscontent {position:absolute; top:2px; bottom:2px; left:130px; right:0; background-color:#c6b891; }
 /* that serves as a mask. so you get a sort of padding both left and right */
.tickercontainer .mask {position:relative; left:0px; top:6px; width:704px;overflow: hidden;}

/* that's your list */
ul.newsticker {position: relative; left:704px; list-style-type: none;margin: 0;padding: 0;}

/* important: display inline gives incorrect results when you check for elem's width */
ul.newsticker li {float:left; margin:0; padding:0;}

ul.newsticker a {text-decoration:none; font-weight:bold; }
ul.newsticker a:hover {text-decoration:underline; color:#000;}
#newsticker .abteilung {margin:0 20px 0 20px;}
/*
#newsticker {position:absolute; bottom:65px; left:0px; right:0; height:24px; }
#newscontent {position:absolute; top:2px; bottom:2px; left:130px; right:0; background-color:#c6b891; }

#newsticker a {text-decoration:none; }
#newsticker ul {margin:0; padding:0;}


*/


/* AKTUELLES*/
#news_overview, #news_post  {overflow:hidden;}


#news_overview h3, .news_post h3, #news_post h3 {font-weight:bold; font-style:italic; margin:0 0 5px 0; padding:0;}
#news_overview .entity {height:150px; margin-bottom:20px;}
#news_overview .entity.right {height:150px; }

#news_overview .text {display:block; float:left; width:500px; margin:-18px 0 0 0;}
#news_overview .thumb, #news_post .thumb {width:122px; height:122px;  display:block; border:1px solid #000; overflow:hidden; float:left;}

#news_overview .thumb .hoehe, #news_post .hoehe {height:122px; display:block; padding:0!important; margin:0!important;}
#news_overview .thumb .breite, #news_post .breite {width:122px; display:block; padding:0!important; margin:0!important;}
#news_overview .morelink {font-weight:normal; font-style:normal;}
#news_overview .overviewtitel, #news_post .overviewtitel {display:block; }
#news_overview .vorworttext {display:block; margin:-15px 0 0 0px; font-weight:normal; }

#news_overview .date, #news_post .date {display:block; font-size:11px;text-align:right; margin-top:-42px; margin-right:-15px; margin-bottom:28px; font-weight:bold;}
#news_overview .overviewtitel.right, #news_overview .vorworttext.right  {margin-left:20px; }




#news_post .gallery {display:block; float:left; width:150px;}
#news_post .gallery .thumb {display:block; float:none; margin:0 0 5px 0;}
#news_post .entity {display:block; float:left; width:500px; margin:-18px 0 0 0;}
#news_post .backlink {font-weight:bold; text-decoration:none;  padding:3px 0 3px 0; width:122px; display:block;}






#nav_e701 {background:none!important;}

	/*Homepage*/	 
	#homepage #page{width:705px; height:100%; margin:auto; position: relative;}	   
		#homepage #author{position:absolute; right:37px; bottom:29px;}  
		#homepage #phi_premium_oil{position:absolute; left:15px; bottom:22px;}
		
		#homepage #container_logo{position:absolute; left:0; right:0; bottom:51px; top:220px; background:#AD9961;}
		#homepage #container_logo_ecke_links_oben{position:absolute; left:0; top:0;}
		#homepage #container_logo_ecke_rechts_oben{position:absolute; top:0; right:0;}				   
		#homepage #container_logo_ecke_links_unten{position:absolute; left:0; bottom:0;}
		#homepage #container_logo_ecke_rechts_unten{position:absolute; bottom:0; right:0;}
		#homepage #slogan{position:absolute; bottom:10px; right:17px;} 
		#homepage #logo{position:absolute; left:0; right:0; top:-79px; text-align:center;} 
	
		#homepage #container_nav{position:absolute; left:0; top:0; right:0; border:1px solid #AD9961; border-top:0; height:24px;}
		#homepage #container_nav_ecke_links_unten{position:absolute; left:-1px; bottom:-1px;}
		#homepage #container_nav_ecke_rechts_unten{position:absolute; right:-1px; bottom:-1px;}	
		
		#homepage ul#nav{position:absolute; left:29px; top:0; height:30px;}
		#homepage ul#nav, #homepage ul#nav *{margin:0; padding:0;} 
		#homepage ul#nav{}	  
			#homepage ul#nav li{float:left; list-style:none; margin-right:10px; border-top:1px solid #ffffff; padding-right:10px; background:url(../images/navigation/punkt.gif) no-repeat right top;}
			#homepage ul#nav li.last{padding-right:0;}
			#homepage #nav a{display:block; float:left; height:30px;}	 
			#homepage #nav a:hover{background:#AD9961}		   	
		
		#homepage #contactinfo{position:absolute; left:0; right:0; bottom:0; height:15px; background:#AD9961; padding:2px 15px 0 15px; font-size:11px;}
		#homepage #contactinfo a{color:#ffffff; display:block; margin-top:1px;}
		#homepage #contactinfo #contactinfo_ecke_links_oben{position:absolute; left:0; top:0;}
		#homepage #contactinfo #contactinfo_ecke_rechts_oben{position:absolute; top:0; right:0;}	
		
	
	/*Contentpage*/	  
	#contactinfo{position:absolute; left:0; right:34px; bottom:0; height:15px; background:#AD9961; padding:2px 15px 0 15px; font-size:11px;}
	#contactinfo a{color:#ffffff; display:block; margin-top:1px;}
	#contactinfo #contactinfo_ecke_links_oben{position:absolute; left:0; top:0;}
	#contactinfo #contactinfo_ecke_rechts_oben{position:absolute; top:0; right:0;}	
	#contactinfo #author{position:absolute; right:15px; bottom:3px;} 
	#phi_premium_oil{position:absolute; left:15px; bottom:22px;}
	#logo{position:absolute; left:55px; top:26px; z-index:100;}	
	#logo_print, #title_print{visibility :hidden; position:absolute; left:0; top:0;}
	#philosophie{position:absolute; left:187px; bottom:17px;}	
	#philosophie_slogan{position:absolute; left:545px; bottom:17px; color:#AD9961; font-size:13px; font-weight:bold;} 		
	#quickcontact{position:absolute; right:50px; top:50%;}
		
		/*Navigation*/
		#container_nav{position:absolute; left:280px; top:0; right:0; border:1px solid #AD9961; border-top:0; height:24px;}
		#container_nav_ecke_links_unten{position:absolute; left:-1px; bottom:-1px;}
		#container_nav_ecke_rechts_unten{position:absolute; right:-1px; bottom:-1px;}		
		 
		ul#nav{position:absolute; left:309px; top:0; height:30px; z-index:1000;}
		ul#nav, ul#nav *{margin:0; padding:0;} 
		ul#nav{}	  
			ul#nav li{float:left; list-style:none; margin-right:10px; border-top:1px solid #ffffff; padding-right:12px; background:url(../images/navigation/punkt.gif) no-repeat right top;}
			ul#nav li.last{padding-right:0;}
			#nav a{display:block; float:left; height:30px;}	 
			#nav a:hover, #nav a.active, #nav a.activenode{background:#AD9961}	  
			
		#container_subnav{position:absolute; left:0; top:0; bottom:50px; width:229px; background:#AD9961;} 
		ul#subnav{margin:0; padding:0;}
		#subnav{position:absolute; top:205px; right:-5px; width:220px;} 
		#subnav li{text-align:right; list-style:none;}	
		#subnav a{color:#ffffff; font-size:12px; padding-right:19px; font-size:11px; text-decoration:none; margin-bottom:2px; line-height:15px;}
		#subnav a:hover, #subnav a.active, #subnav a.activenode{background:url(../images/navigation/hover.gif) no-repeat right center; color:#242020;} 			
																					
		
/*Inhalte*/
#title{margin-bottom:1.6em; color:#1A171B; font-weight:normal; font-size:220%;}
#content{position:absolute; left:306px; top:25px; bottom:70px!important; right:0; padding-top:65px; overflow:auto;}
#content *{letter-spacing:0.1em; line-height:1.4em}	  
	#text{width:670px; margin-bottom:5em;}	
	#content p, #content ol, #content ul, #content table {margin:0 0 1em 2px;}	
	#content form, #content img, #content h3{margin-left:2px!important;}  
	#content li{list-style:none; margin:0 0 0.3em 0; padding:0 0 0 30px; background:url(../images/contentpage/li.gif) no-repeat 0 5px;} 
	#content ul{margin:0 0 1em 2px; padding:0 0 0 2px;}
	#content table{border-collapse:collapse; border:0;}		 
	#content table td{padding:0 1em 1em 0; margin:0; border:0;}	
	#content object{margin:0;}
	#content .nomargin{margin:0!important;}	 	
	
	h1, h2, h3, h4, h5, h6{color:#AD9961;}
	h1 {margin:0 0 1em 0; font-size:160%;}
	#web h2 {margin:1em 0 1em 0; font-size:150%; font-weight:normal;}
	h3 {margin:0 0 1em 0; font-size:120%; font-weight:normal; color:#1A171B}
	h4 {margin:0 0 1em 0; font-size:110%;}
	h5 {margin:0; font-size:100%;}
	h6 {margin:0; font-size:100%;}	
	a{color:#1A171B; text-decoration:underline;} 
	a:hover{color:#AD9961;}
        .print{display:none;}
		
	/*Text mit Abbildung*/
	.text_mit_abbildung{}	

	/*Lageplan*/	
	#positionplan div{margin:0 1em 1em 0;}
	#positionplan img{position:relative!important;} 
	#positionplan .positionplan-pdf	*{vertical-align:middle;}
	#hoverpic {position: absolute!important; left:-1000px; top:-1000px; z-index: 99999!important;}   
	
	/*Mitarbeiter*/
	.mitarbeiter{float:left; margin:0 0 25px 0; width:300px;}
	.mitarbeiter_foto{float:left; margin:3px 10px 0 0;}
	.mitarbeiter_daten table{height:133px;}
	.mitarbeiter_daten table td{vertical-align:bottom!important; height:133px; margin:0!important; padding:0!important;}	
	
	/*News*/
	.news_post{margin-bottom:40px;}  
	.news_post p{margin:1em 0 1em 0;}		
	.news_post hr {height:1px; border-width:0; border-bottom:1px solid #F2F2F2; margin:8px 0 12px 0; padding:0;}		  
	.news_post_gallery{}	
	.news_post_gallery .thickbox{text-decoration:none;} 														
	
	/*Produkte*/
	#produkte *{vertical-align:middle;}
	
	/*Fotogalerie*/		
	#content .galerie_thumbnail_grafik{margin:0!important; padding:0!important;}
	#content a.thickbox:hover *{color:#AD9961;}		
	
	/*Links*/
	.lexikon_liste{margin-bottom:3em!important;}  
	.linksammlung{margin-left:2px;}		

	/*Downloads (Share)*/
	.download * { vertical-align: middle; }  
	
	/*Frage*/
	#frage{position:relative!important; background:#F2F2F2; float:left; margin:2em 0 2em 2px; padding:15px;}	
	#frage img{margin:0!important;}	
	#frage p{margin:1em 0 1em 0!important;}
	#graue_ecke_links_oben{position:absolute; left:0; top:0;}
	#graue_ecke_links_unten{position:absolute; left:0; bottom:0;}
	#graue_ecke_rechts_oben{position:absolute; right:0; top:0;}
	#graue_ecke_rechts_unten{position:absolute; right:0; bottom:0;}	 
	
	.link_zum_kontaktformular{margin-bottom:0!important;}
	 													 
	/*Sitemap*/
	#sitemap li{list-style:none; margin:0 0 0.3em 0; padding:0 0 0 30px; background:url(../images/contentpage/li.gif) no-repeat 0 5px}	

	/*Formulare*/
	form {margin:0; padding:0;}
	input, select, textarea {margin:0; padding:0;}
	input, textarea {padding:0 2px; border:1px solid #000000;}
	select {border:1px solid #000000;}
	textarea {overflow:auto;}
	label.error {color:#FF0000;}
	label.error input, label.error select, label.error textarea {border:1px solid #FF0000; background:#FF0000;}
	button {padding:0; margin:0; border:0; cursor:pointer; background:none;}
	
		#content form {margin-bottom:1em;}
		#content form .container_1 {float:left; margin-right:1em; margin-bottom:0.3em; width:285px; height:24.8em;}
		#content form .container_2 {float:left; margin-bottom:0.3em; width:281px; height:24.8em;}
		#content label {display:block; margin-bottom:0.1em; height:3em;}
		#content label span {display:block;}
		#content input, #content textarea {width:275px; margin-top:1px;}
		#content input.radio, #content input.checkbox {padding-left:0; padding-right:0; border:0; width:auto;}
		#content button {margin-right:-0.2em;}
		#content .button_send {float:right; font-weight:bold; text-decoration:underline;}
		#content .button_send:hover, #content .button_senden.hover {}
		#content #label_plz {float:left; margin-right:3px;}
		#content #fld_plz {width:60px;}
		#content #label_ort {float:left;}
		#content #fld_ort {width:206px;}
		#content #label_telefon {clear:both;}
		#content #label_text {height:21em;}
		#content #fld_text {height:19.8em;}
		#content .contact_address {float:left; margin-right:2em;}
		#content table.contact_phone_fax {float:left; margin-right:2em;}
		#content table.contact_web {float:left;}
		#content table.contact_phone_fax th, #content table.contact_web th {font-weight:bold; text-align:left; padding-right:1em;}	  
		
		#form_application {width:590px;}
		#form_application .section {width:590px;margin-bottom:20px;}
		#form_application .section h2 {border-bottom:1px solid #383539;width:585px;}
		#form_application label {float:left;width:291px;margin-right:3px;}
		#form_application #label_job {width:585px;}
		#form_application #fld_job {width:579px;}
		#form_application #label_job_enlistment {clear:both;}
		#form_application #label_personal_degree {float:none;}
		#form_application #section_education label {width:193px;height:auto;display:inline;}
		#form_application #section_education input {width:187px;}
		#form_application #section_studies label {width:193px;}
		#form_application #section_studies input {width:187px;}
		#form_application #section_studies input.radio {width:auto;}
		#form_application label#label_studies_yes {width:40px;margin-right:0;}
		#form_application label#label_studies_no {width:100px;margin-right:56px;}
		#form_application label#label_studies_grade_point_average_first {clear:both;}
		#form_application #section_jobs label {width:193px;height:auto;display:inline;}
		#form_application #section_jobs input{width:187px;}
		#form_application #label_miscellaneous {height:auto;}
		#form_application #fld_miscellaneous {width:579px;height:130px;}
		#content #form_application button {margin-right:5px;}

/*Diverses*/
#searchablecontent, #skip, #printlogo {display:none; visibility:hidden;}
.leftlabeled {clear:both;}
.leftlabeled th {font-weight:bold; text-align:left; padding-right:1em;}
.clearing {float:none; clear:both;}

/*ZMS*/
.ZMSFile {margin:0 0 1em 0;}
.ZMSFile .text {display:none;}
.ZMSFile img {vertical-align:middle;}
body.zmi .note{width:95%;}

div.ZMSGraphic.left {
    text-align: left;
}
div.ZMSGraphic.right {
    text-align: right;
}
div.ZMSGraphic.floatleft {
    float: left;
}
div.ZMSGraphic.floatright {
    float: right;
}
div.ZMSGraphic.center {
    text-align: center;
}
div.graphic.alignleft {
    float: left;
    text-align: right;
}
div.graphic.alignright {
    float: right;
    text-align: right;
}
