@charset "iso-8859-1";
/* CSS Document */
a:link,
a:visited{color:#000000;}
a:hover {color:#D8001A}


* { margin:0; padding:0; }
ol, ul, li { list-style:none; }

h1 { font-size:16px; }
h2 { font-size:12px; font-weight:bold; }
p { margin:10px 0;}
img.produkt-titel { margin:2px 0 8px;}
.out { display:none;}
.clearer { clear:left; height:0px; }
#content ul { margin-left:18px }
#content ul li { list-style:square; list-style-position:outside }

body { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; margin-top:30px; }

#site { margin:0 auto; width:900px; }

#header li#sub-header { height:0px; float:right;margin-right:50px;}
#header li#sub-header img { margin-top:0px; margin-left:5px; }

#header { background:url(../img/header2.jpg) no-repeat; height:234px; font-size:14px; font-weight:bold; padding:25px 0 0; }

#header ul li a { text-decoration:none; color:#000; }
#header ul li a:hover,
#header ul li.active a { text-decoration:none; color:#d8001a; }
#header ul li:hover a { color:#d8001a; }
#header ul li:hover ul li a,
#header ul li ul.active li a { color:#fff; font-weight:normal; font-size:13px; line-height:20px; }
#header ul li:hover ul li:hover a,
#header ul li ul li.active a { color:#d8001a; }
#header ul li:hover ul li:hover ul li a,
#header ul li.active ul li.active ul li a { color:#fff; }
#header ul li:hover ul li:hover ul li:hover a,
#header ul li.active ul li.active ul li.active a { color:#d8001a; }

#header ul { height:26px; padding:12px 0 0 45px; width:855px;}
#header ul li { float:left; padding:0 10px; position:relative; white-space:nowrap; }
#header ul li:first-child { padding:0 10px 0 0; }

#header ul li ul { display:none; background:none; }
#header ul li:hover ul,
#header ul li ul.active { display:block; position:absolute; top:16px; left:0; margin:0; padding:15px 0 0;   height:auto; width:200px}
#header ul li:hover ul li,
#header ul li ul.active li { float:left; padding:0; width:175px;; }

#header ul li ul li ul {  display:block; }
#header ul li ul li ul li { min-width:230px !important; display:block; }
#header ul li.active ul li ul li { background:transparent; }

#header ul li:hover ul li:hover,
#header ul li ul.active  li.active { background:transparent url(../img/ul-nav-trans.png) 1px 1px repeat-x; }
#header ul li:hover ul li a,
#header ul li ul.active li a { padding:0 10px; display:block; }

#header ul li:hover ul li ul,
#header ul li ul.active li ul { display:none; }
#header ul li:hover ul li:hover ul,
#header ul li.active ul li.active ul { display:block; position:absolute; top:0; left:175px; margin:0; padding:0 3px; }

#content { padding:10px 0; min-height:300px; }
#content .pic { width:575px; float:left; }
#content .text { margin:0 0 0 580px; padding:0 10px; }

#ueberuns-lauer p,
#ueberuns-hoffmeister p { font-size:24px; line-height:28px; }
#ueberuns-lauer span,
#ueberuns-hoffmeister span { display:block; margin-top:20px; }

#footer { border-top:5px solid #4b473f; text-align:center; padding:7px 0;  }

h1.paging{ clear:right}
span.paging{ margin-top:-15px; margin-right:-10px; float:right;}
span.paging a:hover { color:#009EE0;}
span.paging a { font-weight:bold; padding-left:5px; cursor:pointer;}
a.pagingact { color:#009EE0;}
span.paging .trenn{ padding-left:5px;}

body.kontakt #content,
#news #content,
#impressum #content,
#referenzen #content { height:429px; overflow-y:auto; overflow-x:hidden;}
#news .text{ display:none;}
#news .pic{ width:900px;}

#news .news_img{ float:left; width:255px; text-align:center;margin-bottom:5px;}
.news_text{ float:left;padding:0 20px 10px;width:515px;}
#news .news_inhalt{ clear:both;float:left;padding-top:20px;border-bottom:2px solid #E5E5E5;width:815px;margin-left:50px;}
#news hr{  background:black; height:1px; width:80%; margin-left:10%; clear:left;}
.news_text h1{ padding-bottom:10px;}
#news .news_img ul.gallery,
#news .news_img ul.gallery li { list-style:none; margin-left:0px;}
#news .news_img ul.gallery img{ border:none;}
.news_inhalt{ clear:both;float:left;padding-top:20px;width:815px;margin-left:50px;}
.news_img{ float:left; width:255px; text-align:left;margin-bottom:5px;}

.pdf-ico{ position:absolute; top:661px;}

body#news .news_img ul.gallery{
	background:none;
	border:none;
	padding-left:0px;
}

body#qualitaet #content .text#text,
body#rohrbogen-fertigung #content .text#text,
body#tees-fertigung #content .text #text,
body#welcor-fertigung #content .text #text,
body#service #content .text #text,
body#zfp #content .text{
	height:325px;
	overflow-x:hidden;
	overflow-y:auto;
	width:300px;
}

/*
#ueberuns-lauer #content,
#ueberuns-hoffmeister #content { padding:40px 0 10px; }
#ueberuns-lauer .pic,
#ueberuns-hoffmeister .pic { width:430px; text-align:right; }
#ueberuns-lauer .text,
#ueberuns-hoffmeister .text { margin:0 0 0 430px; padding:0 60px 0 20px; }
*/

body.kontakt #content{ position:relative;}

body.kontakt #content div.top_content{
	width:884px;
	position:relative;
}

body#impressum #content .pic{
	float:left; 
	width:874px;
}

body.kontakt #content div.top_content .unternehmen{
	float:left; 
	width:874px;
	font-size:20px;
	font-weight:bold;
	line-height:25px; 
	margin:5px 0px;
	padding-top:5px;
	border-top:1px solid #E5E5E5;
}

body.kontakt #content div.top_content .unternehmen#first{
	border:none;
}

body.kontakt #content div.top_content .sub_content{
	margin-left:45px;
}


body.kontakt #content div.top_content .bereich{
	float:left; 
	width:829px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	line-height:17px;
	margin:5px 0px ;
	padding: 5px 0px;
	border-bottom:2px solid #E5E5E5;
}

body.kontakt #content div.top_content .userdaten{
	float:left;
	width:418px;
	margin-top:5px;
	margin-bottom:20px;
}

body.kontakt #content div.top_content .userpic{
	float:left; 
	position:relative; 
	width:150px; 
	margin-right:10px;
}

body.kontakt #content div.top_content .userpic img{
	max-height:200px;
}

body.kontakt #content div.top_content .userdata{
	float:left; 
	position:relative;
	font-size:12px;
	width:250px;
}

body.kontakt #content div.top_content .userdata label{
	float:left;
	position:relative;
	width:45px;
}

body.kontakt #content div.top_content .userdata a{
	text-decoration:none;
}

#zfp .description_pic{
	display:none;
}

#zfp .description_pic.first{
	display:block;
}

/*#header ul li:hover ul li:hover ul.service_top, 
#header ul li.active ul li.active ul.service_top{ margin-top:-20px; }*/

#header ul:hover li:hover ul li.home,
#header ul.active li.active ul.active li.home { margin-left:-10px; }

#uhlig-rohrbogen-zertifizierung #content,
#zertifizierung #content{
	height:auto;	
}

/*#zertifizierung #content .filmstrip,
#uhlig-rohrbogen-zertifizierung #content .filmstrip{
	top:1066px;
}*/