/* PREFA global css */
html,body {
   font-family: Helvetica, Arial, Geneva, Verdana, sans-serif;    font-size: 12px;	
   background: #E5E5E5;	color: #666666;
	scrollbar-face-color : White;
	scrollbar-base-color : White;
	scrollbar-arrow-color : #D22C2E;
	scrollbar-highlight-color : White;
	scrollbar-shadow-color : White;
	scrollbar-track-color : #FFFFFF;
	scrollbar-3dlight-color : #666666;
	scrollbar-darkshadow-color : #173162;
    margin:  0;  padding: 15px 0 0 0 ;
    text-align: center;  /* Zentrierung im Internet Explorer */
    }

form,ul,ol,li,h5,h6,td,p,div,img {padding:0;  margin:0; border: 0;
   font-family: Helvetica, Arial, Geneva, Verdana, sans-serif;
   font-size: 12px;	
	}
h1, h2, h3, h4 {margin: 0 0 0.3em 0;}
p {margin:0 0 0.6em 0 ;}
a img { border:0;}

h1 {font-size : 14px;	font-weight : bold;		color: #666;		text-align: left; }
h2 {font-size : 13px;	font-weight : bold;		color: #666;		text-align: left; }
h3 {font-size : 14px;	font-weight : normal;	color: #666;		text-align: left; }
h4 {font-size : 13px;	font-weight : normal;	color: #666;		text-align: left; }

	
hr {height:1px; color:#D22C2E; background-color:#D22C2E; border: 0px solid #D22C2E}
ul {margin-left: 1px; padding-left: 15px;  }
li {list-style-image: url(../images/list_image.gif); 	 text-align: left;	}

#link-desc{	display: none;}
/* box */

#page {margin: 0px auto auto auto; 	position: relative; 
	width: 778px; 
/*   background-image: url(../images/bg.gif);
	background-repeat: repeat-y;  */
}
	/* The Magic min-height fix happens here */
*>#page {padding-top: 500px; min-height: 1px;}
*>#page .mainbox {margin-top: -500px;}
* html #page {
		/* IE5Mac filter \*/
		height: 500px;
		/* end filter */
	}
 
.mainbox {margin: 0; padding: 0; 
	text-align: left;		
	background-color: #fff;
	background-image: url(../images/bg_mainbox.gif);
	border: solid 1px #999;
	}
/* hack for good browser */
#mainbox[id] {	background-image: url(../images/bg_mainbox150.gif);}	
	
#topbox {padding: 0; border: 0; width: 100%; 	height: 22px;}	
.topbox {border-bottom: 2px solid #d22c2e;}
#middlebox 	{width: 776; margin: 0;  padding: 0; border: 0;	vertical-align: top; 	}
#leftbox	 	{float: left; width:  150px;  margin:0; padding:0; border: 0; 	background-color: #e6e6e6;}
#rightbox	{float: right;	width: 626px;margin:0; padding:0; border:0; background-color: #fff;}

#content-null {margin: 2px 0 0 13px; 	padding: 0;	 }	
#content-mr {float: left; width: 607px; margin: 0;	padding: 0; }
.content-mr {width: 100%; padding: 0; line-height: 16px;	}
#content-m  {float:left; 	width:390px; margin:0; padding: 0;	overflow: hidden;}
.content-m 	{width: 100%; padding: 0; line-height: 16px; 	text-align: left;}
#content-r  {float: right;	width:220px; margin: 0;	padding: 0;	border: 0; } 
.content-r 	{width: 100%; }
.content-part {overflow: auto;}


#bottombox 	{clear: both; margin:0; padding: 0; border: 0; width: 100%; height: 1px; }	
.bottombox 	{font-size: 0px}

.banner		 {width:626px; height:70px; border:0; margin:0; padding:0}

#pfad-null	 {margin:0; padding: 0; border: 0; 	_margin-top: -3px; background-color: #F6F6F6; }
#pfad-null a {	font-size: 11px;}
#pfad-null a:hover {	background-color: #FBF4F4;}
.pfad    {padding: 1px 0 1px 13px; 	font-size: 11px;	color: #d22c2e}
.pfad div   {		position: relative;	right: 5px; width: 80px;	text-align: right; background-color: Aqua;}

/*	sitemap */
#sitemap 	   	{width: 100%; }
#sitemap table 	{width: 100%;	padding: 0;	margin: 0;	 	}
#sitemap tr   		{height: 15px; }
#sitemap span  	{font-size : 12px;  font-weight: normal; cursor: hand;	padding: 0;	margin: 0;	}
#sitemap img   	{vertical-align: bottom;	border: none;	padding: 0;	}	
#sitemap a	   	{cursor: hand; padding-left: 2px; padding-right: 2px;}	
#sitemap a:hover	{background-color: #f6f6f6;}	


#infoline  {padding: 0 3px 0 0 ; width: 500px;	float: right;	text-align: right;}
#infoline a {color: #666;	font-size: 10px; }
#infoline a:hover {color: #d22c2e; }



.px11 {	font-size : 11px;}
.px12 {	font-size : 12px; font-weight: normal;}
.px13 {	font-size : 13px;}
.px14 {	font-size : 14px;}
.px15 {	font-size : 15px;}
.px17 {	font-size : 17px;}

.px12redbold {	font-size : 12px; 	color:	#D22C2E; 	font-weight: bold;}
.px13redbold {	font-size : 13px; 	color:	#D22C2E; 	font-weight: bold;}
.px14redbold {	font-size : 14px; 	color:	#D22C2E; 	font-weight: bold;}
.px12red 	 {	font-size : 12px; 	color:	#D22C2E;}
.px14red 	 {	font-size : 14px; 	color:	#D22C2E;}


.headertext {font-size : 23px; margin:0; padding:0;	height: 25px;		color:	#D22C2E; 	font-weight: bold;  letter-spacing: -1px; 	}
.headertext h1 {font-size : 23px; color:	#D22C2E; }
.headertext2 {font-size : 20px; margin:0; padding:0;	height: 25px;		color:	#D22C2E; 	font-weight: bold;   letter-spacing: -1px; 	}
.headertext2 h1 {font-size : 20px; color:	#D22C2E; }
.standardtext {font-size : 12px;}
.small {	font-size : 11px; }

.cad {font-size : 11px;	width: 123px;	vertical-align: top;	padding-top: 5px;}
.vorteiltext {
	font-size : 11px;
	width: 185px;
	height: 36px;
	vertical-align: top;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 2px;
   background: #E5E5E5;
}
.spruch {font-size : 11px;	font-weight : bold; vertical-align: top;	padding-left: 3px;	padding-right: 2px;}
  
a, a:link, a:visited, a:active {text-decoration : none;	color:	#666;}
a:hover {text-decoration : none; color:	#D22C2E;}
	
a.co-link, a:link.co-link, a:visited.co-link, a:active.co-link {
	text-decoration : none;
	background-image: url(../images/r_pfeil.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 10px;
	color:	#666666; font-size: 12px;
	}
a:hover.co-link {color:	#D22C2E; background-color: #f6f6f6;}
	
a.co-link2, a:link.co-link2, a:visited.co-link2, a:active.co-link2 {
	text-decoration : none;
	background-image: url(../images/r_pfeil.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	padding-left: 10px;
	color:	#D22C2E; font-size: 13px;font-weight: bold;
	}
a:hover.co-link2 {color: #666;}
	
a.co-link3, a:link.co-link3, a:visited.co-link3, a:active.co-link3 {
	text-decoration : none;
	color:	#666666;
	font-size: 12px;
	font-weight: bold;
	}
a:hover.co-link3 {color: #D22C2E;}	

a.co-link4, a:link.co-link4, a:visited.co-link4, a:active.co-link4 {
	text-decoration : none;
	color:	#666666;
	font-size: 6px;
	font-weight: bold;
	}
a:hover.co-link4 {color: #D22C2E;}
			
a.leftmail , a.leftmail:link, a.leftmail:visited, a.leftmail:active	 {	
	font-weight: bold;	color: #666666;   }
a.leftmail:hover  {	color: #D22C2E; }

a.mail, a:link.mail, a:visited.mail, a:active.mail {
	color:	#666666; font-size: 12px;	}
a:hover.mail {	color:	#D22C2E;	}	
	
a.r-link, a:link.r-link, a:visited.r-link, a:active.r-link {
	text-decoration : none;
	color:	#D22C2E;
	}
a:hover.r-link {color:	#FFFFFF;}	

/* only uk */
#nix1 {color: #FFFFFF;	font-weight: bold;	font-size: 14px; padding-left: 3px;} 	
a.redlink , a.redlink:link, a.redlink:visited, a.redlink:active	{
	color: #D22C2E;
	font-weight: bold;
	font-size: 14px;
	padding-left: 3px;
	padding-bottom: 2px;	
}
a.redlink:HOVER	{	color: #333333;	text-decoration: underline;	}
a.grlink , a.grlink:link, a.grlink:visited, a.grlink:active	{
	color: #666666;
	font-weight: bold;
	font-size: 12px;
	padding-left: 5px;
	padding-bottom: 2px;	
}
a.grlink:HOVER	{color: #D22C2E;text-decoration: underline;	}	

	


img.imgsitemap{	vertical-align: bottom;	border: none;}	


#mapmsg{	margin-top: 25px;	margin-bottom: 0px;	margin-left: 14px;}	

.noscreen { display: none} 
hr.noscreen {clear:both;}
.clearb   { clear:both; } 
.cleaner  {	clear:both;	height:1px;	font-size:1px;	border:0; margin:0; padding:0; background:transparent;} 


/* PRODUKT */
.prod {	height: 18px; background-color: #fff;	color: #D22C2E;	
		font-weight: bold;	font-size: 13px;	width: 117px;	cursor: hand;
	}	
	
/* produkte für home_r */
ul#produkte {margin: 0; padding: 0; border: 0;	width: 220px;  }
ul#produkte li {margin: 0; padding: 0; border: 0;	width: 220px; 	height: 120px;	list-style: none none;  }
ul#produkte .prod0 {	color: #d22c2e ;	background-color: #fff;  }
ul#produkte .prod1 {	color: #fff;	background-color:#d22c2e;	}
ul#produkte img { border: 0; 	margin: 0 0 -30px;	width: 220px;	height: 120px;  }
ul#produkte  div { width: 155px;	height: 20px; }  
ul#produkte div span  {	padding: 0 15px 1px 10px; 	font-size: 13px;	font-weight: bold;  }
/* end - produkte für home_r */	

/* map - flash */
#map { float:left; width:386px;	overflow: hidden;}
#map-l{width: 156px;	float: left;}
#map-r{width: 230px; float: right;}

#msg{	margin: 5px 0 0 0;
	text-align: center;
	color: #d22c2e;
	font-weight: bold;
	clear: both;
}


#plzsuche{	margin: 5px 0 0 0;
	text-align: center;
	vertical-align: middle;
}

#newsflash{margin: 40px 0 0 0; border: 0;	width: 378px;	text-align: left;	
	background-image: url(../images/prefa_news.gif);	background-repeat: no-repeat;	background-position: 0px; }

#hotlinks{margin: 40px 0 0 0;
	width: 378px;
	text-align: left;	
	border-top: 15px solid #e6e6e6;
	border-bottom: 15px solid #e6e6e6;
}
.hotlinks{	margin: 0; padding: 5px 0 5px 0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;}
.hotlinks a {	margin: 0; padding: 0;}
.hotlinks p {	margin: 3px 0 0 0; padding: 0 0 0 10px;}

#reflink{margin: 20px 0 0 0;	width: 378px;	text-align: left;}
#reflink-txt	{margin: 0; width: 230px; float: right;}
#reflink-txt a {margin: 0; padding: 0 0 0 1px; color: #d22c2e;	font-weight: bold;	font-size: 13px}
#reflink-txt a:hover {color: #666;}
#reflink-txt p {	margin: 3px 0 0 0; padding: 0 0 0 12px;}


/* referezobjekte  - home-r */

#refobjekte {margin: 65px 0 0 0;	width: 220px;	background-color: #f6f6f6;	height: 410px;	position: relative;}
#ref-header	{height: 20px;		background-color: #fff;	}	
#ref-header a {font-size: 14px;  font-weight: bold;	}

ul#ref-pic {margin: 0px 0 0 0; padding: 0; border: 0; background-color: #f6f6f6;}
ul#ref-pic li {margin: 0; padding: 2px ; border: 0;	list-style: none none;	height: 65px;
	overflow: 	hidden;	border-bottom: 3px solid #fff;}
ul#ref-pic p {text-align: left;	margin: 0; padding: 0; }  
ul#ref-pic img {	margin: 2px ;	border: 2px solid #ccc; width: 70px;}
ul#ref-pic div {	width: 128px; float: right; vertical-align: top; }	  	
ul#ref-pic h3 {	font-size: 11px;	font-weight: bold; }	 
ul#ref-pic div span {	font-size: 11px;	font-weight: normal; }	
#ref-paging { padding: 5px 0 5px 0;	position: absolute; bottom: 0px;
	width: 100%;	text-align:center;	background-color: #f6f6f6;	border-top: 3px solid #fff;
	}  	   

#back-news {margin: 0 5px 2px 0; padding: 0; text-align: right;	background-color: #fff;}
#back-news a {	color: #d22c2e;	font-size: 11px; }   	   	  	  
#back-news img {margin: 0 2px 0 5px }   	   	  	  
/* FAQ */
.faq-m	 {	padding: 0 5px 0 0;}
.faq-m li {		height: 20px;	list-style-image: url(../images/gr_pfeil.gif);}

/* galery */
#galery-r {margin: 0; text-align: center;	width: 220px; height: 485px;	background-color: #f6f6f6;}
#galery-r[id] {height: 480px;	} 
#galery-r .pic  {margin: 0; 	padding: 0; }
#galery-r .pic  img {border: 0;  }

#galery-r #tn-r {	margin: 15px 0 15px 0;	text-align: center; border-bottom: 3px solid #fff;}
#tn-r .line	  	 {margin-bottom: 10px; text-align: center;	}
#tn-r .line img {	margin: 2px; border: 1px solid #e2e2e2; vertical-align: top;}


/* galery  refkunden*/
#galery-ref {margin: 0; text-align: right;	width: 220px; 	background-color: #f00;}
#tn-ref {	margin: 0;	text-align: center; 	background-color: #F0F0F0; border-left: 2px solid #fff;}
#tn-ref td {vertical-align: top; 	padding: 1px; }
#tn-ref img {border: 1px solid #e2e2e2; }

/* formulare */
.field-desc { 	font-size: 12px;	text-align: left;}
.micro {	font-size: 11px;}
.chb {	border : 0px;}
input { font-size : 11px;	padding-left : 3px;	margin: 1px}	
option {color : #646464;	font-size : 11px;  }
.button {border: none;	}	

#prospekte{	margin: 0; padding: 0;	height: 470px;  overflow: visible;}
#kontakt{	margin: 0; padding: 0;	height: 370px;  overflow: visible;}

#formular		{	margin: 0 0 10px 0; padding: 0;  overflow: visible; border: 0; font-size: 12px;}
#formular table	{	margin: 10px 0 0 0; }
#formular tr	{vertical-align: top;}
#formular input{	font-size: 11px; padding-left : 3px;	margin: 1px 5px 1px 5px;}
#formular textarea{	font-size: 11px; margin: 2px 0 1px 5px;	font-family : Helvetica, Arial, Geneva, Verdana, sans-serif; 	width: 250px}
#formular .anrede	{	vertical-align: middle;	height: 40px}
#formular .radio	{	margin: 2px  5px -2px 5px	}

#feedback{	margin: 0; padding: 0;	height: 480px; overflow: visible;}
#bestellung{margin: 20px 0 20px 0;	width: 370px; }

/*  subnavi */

.rsubnavi{	height: 370px;	width: 1px;	float: right;	font-size: 1px;}
.subnavi{border: 0; padding: 0;	margin:  0;	float: left;	width: 384px;}
.subnavi a , .subnavi a:link, .subnavi a:active, .subnavi a:visited {
	background-image: url(../images/r_pfeil.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	color:	#d22c2e;
}


ul.subnavi1 {	margin: 0 ; padding: 0;	  vertical-align: top;	 	}
ul.subnavi1 li {width: 360px;	vertical-align: top;	text-align: left; 	
					margin: 0 ;	padding: 5px 0 5px 0 ;
					list-style: none none;
					border-bottom: 1px solid #d22c2e; 	}
ul.subnavi1 a {margin:  0;	padding: 0 5px 0 10px; font-size: 13px;	font-weight: bold;    }
ul.subnavi1 a:hover{	color:	#d22c2e;	background-color: #f6f6f6;	}
  
  
ul.subnavi2 {	border: 0; padding: 0; margin: 0 0 -15px 0;	
	position: relative;	top: -16px;	left: 200px;	width: 170px;  }
ul.subnavi2 li { text-align: left;  border: 0; 	margin: 0;	padding: 0; width: 190px;		
				list-style: none url(../images/spacer.gif);}
ul.subnavi2 a , ul.subnavi2 a:link, ul.subnavi2 a:active, ul.subnavi2 a:visited {
	text-decoration : none;	padding: 0 3px 0 10px;
	color:	#666666;	font-size: 12px;	background-color: #fff;	font-weight: normal;    }
ul.subnavi2 a:hover{	color:	#D22C2E;	background-color: #f6f6f6;	}

/*  video */
.videolink{	float: right;	width: 130px;	height: 120px;
	background-image: 	url(../images/bg_referenzkunden.gif);
	background-position: 0px; 	background-repeat: repeat-y;	padding: 5px 0 0 10px;
	font-size: 11px; }
.videolink A, .videolink A:LINK, .videolink A:VISITED, .videolink A:ACTIVE {
	text-decoration : none;	background-image: url(../images/r_pfeil.gif);
	background-repeat: no-repeat;
	background-position: 0px;	padding-left: 10px;	padding-right: 10px; color:	#666666;
	font-size: 12px;}
.videolink A:hover {color:	#D22C2E;	background-color: #ddd;	}
.videotext{clear: both;margin: 10px 0 0 0;	width: 365px;}
.videotext img{margin: 10px 0 0 0;}

/*  news */
#news {border: 0; padding: 0;	margin: 0;	height: 370px;	overflow: auto; width: 607px;}
ul.news {margin: -5px 0 0 0;	margin-right: 10px;	 vertical-align: top; 	height: 100%;}
ul.news li {vertical-align: top;	text-align: left; 	
				margin: 5px 0 0 -10px ;	list-style: none none;}
ul.news hr {	clear: both; 	margin:  0}
ul.news a.mainlink  {vertical-align: top;
	margin:  0;		padding: 0 0 0 10px;
	color:	#D22C2E;	font-size: 13px;	font-weight: bold;   
	background-image: url(../images/r_pfeil.gif);	background-repeat: no-repeat;	background-position: 0px; 
	}
ul.news a.mehr  {vertical-align: top;	margin:  0;	padding: 0 0 0 10px;	
	color: #D22C2E; font-size: 12px;	font-weight: normal;   	}	
ul.news a:hover{	color:	#D22C2E;	background-color: #f6f6f6;	}
ul.news .news-info 		{margin: 5px 0 0 11px; 	height: auto;	padding: 0; 	vertical-align: top;	 }
ul.news .news-info img	{float: left; 	width: 90px;	border: 2px solid #EAEAEA;	margin: 0 6px 5px 0; 	}
ul.news .news-info-text {	margin: 0; padding: 0 0 5px 0; text-align: justify; font-size: 12px }

#newsdetail {border: 0; padding: 0;	margin: 0;	height: 370px;	overflow: auto; }
.newsdetail {margin: 0 5px 0 0}
.newsdetail h1 {color: #D22C2E}

.dms {	padding: 0; 	margin: 0;	width: 368px;}
.hr-dms {clear:	both;	margin: 0;  height:2px; color: #eee; background-color: #eee; border: 0px solid #eee;}
.div365 {width:365px;}

.headblock		{margin: 0;	height:80px;	position: relative;		}
.headblock img	{position: absolute;	bottom: 0px;	}

#spenglersuche{height:470px}
#spenglersuche .formular{	margin: 20px 0 0 0; }
#spenglersuche img	{	margin: 0px 3px 0 0; }
#spenglersuche input	{	margin: 2px 3px 0 2px; }
#spenglersuche .msg	{	margin: 15px 0px 0 0px;		font-weight: bold;	color: #d22c2e }

/* überschrift alt */
#ueber{margin: 0px 0  0 0 ;	width: 385px;	height: 100px;	text-align: left; }
#ueber-r{margin: 0; width: 110px; float: right;}
#ueber-r img{margin: 20px 0 0 0;}	
#ueber-r img{margin: 20px 0 0 0;}	
#ueber-rtext{margin-top: 10px; text-align:right}
#ueber-l	 {vertical-align: bottom;}	
#ueber-l img { margin: 45px 0 0 0;}	


/* überschrift spengler spenglersuche  */
#spueber	{margin: 0 0 10px 0;	width: 385px;	height: 75px;	position: relative;	 }
#spueber .spueber-txt {	text-align: right;	position: absolute;	top: 15px;	right: 5px;}
#spueber .spueber-map	{	position: absolute;	top: 5px;		right: 5px;}
#spueber .spueber-img	{	position: absolute;	bottom: 0px; 	left: 0px;}

#spengler{ float: left; height: 385px; width : 385px !important; 	
 	margin: 0;	padding: 0;	padding-right: 3px;  	overflow: auto;	}  

#spengler .infotext h2{	padding: 2px 0	2px 0;	color: #d22c2e;	font-size: 13px;	font-weight: bold;
	background-color: #f6f6f6;}
.spengler-item {margin: 3px 0 0 0; padding-bottom: 5px; border-bottom: 3px solid #f6f6f6;	}

.spengler-item-l {margin: 0;	padding: 0; 	border: 0; }
.spengler-item-firma {margin: 0; padding:0 0 0 8px; font-weight: bold;
background-image: url(../images/gr_pfeil.gif); background-position: 0px; background-repeat: no-repeat;
vertical-align: 	bottom;	}
.spengler-item-data {margin: 0 0 0  8px; padding:0 0 0 0px; 	}
.spengler-item-data a {padding:0 0 0 0; 	}	
	
.spengler-item-r {margin: 0;	padding: 0;	float: right; 	width: 100px;	vertical-align: top !important;}
.spengler-item-logo {margin: 0;  padding: 0 0 0 7px;}
.spengler-item-anfahrt 	{margin: 2px 0 0 0; }
.spengler-item-ref		{margin: 2px 0 0 0; }
.spengler-item-messe 	{margin: 2px 0 0 0; }
.spengler-email{margin: 0 0 0 8px;}
.xx{	background-color: Green;}

#flvfilm {
		margin-bottom: 20px;
}
#flvfilm .film{
	text-align: 	center;
	background-image: url(http://www.prefa.com/glob_images/video/bg_dachvideo1.jpg);
	background-repeat: no-repeat;
	background-position: 	center;
}
	
.xxform {	margin: 5px 0 5px 1px;	padding: 0;	border: 0;	text-align: left;}
.xxform form {	margin: 0; 	padding: 0;}
.xxform fieldset {background-color: #fff; 
border: 0px solid #ddd;	padding: 0px; 	margin: 3px 10px 0 0px;}
.xxform legend { margin: 2px 0 0 10px;   padding: 2px 4px 2px 4px;
		   font-weight: normal;
			border: 0px solid #ccc;
		   }
.xxform div {	margin: 1px 0 ; 	padding: 0;	width: 570px;	float: left; }
.xxform label {	float: left; display: block; 	width: 230px;   }

.xxform table {text-align: left;	width: 99%;}
.xxform td 	{vertical-align: top;	padding: 4px}	
.xxform input { padding: 1px 3px ;		vertical-align: top; }	
.xxform textarea { padding: 2px 3px 2px 3px; }	
.xxform select {margin: 0 10px 0 1px }	
.xxform .radio {border:0;	padding: 0 ;	margin: 0 3px 0 0;	}	
.xxform .nfield {margin:0 0 0 20px;	 }		
.xxform .formimage {margin:0 0 0 20px;	 }
#xxmsg{	margin: 1px 0 0 0;	text-align: left;	color: #d22c2e;	font-weight: bold;	}