@import url('reset');
@import url('navigation');
@import url('forms');
@media screen {
/* begin media all */


/* Korrektur der Abstaende bei Selectboxen. */
option { padding-left: 0.4em; }
select { padding: 1px; }

/* Korrektur des Italics Bugs des IE 5.x und IE 6 */
* html body * { overflow:visible; }

html { height: 100%; margin-bottom: 1px; }
body {
	background: #f0f0f0 url(../file/layout/bg_page.jpg) repeat-x;
	text-align: center;
	height: 100%;
	line-height: 18px;
	color: #4b4b4b;
	font-size: 12px;
	font-family: Arial, sans-serif;
}

body.portal{
	height:  90%;
}


#page {
	width: 996px;
	margin: auto;
	/*padding:  0px 10px 0px 10px;*/
	padding-bottom:5px;
	text-align: left;
	background:  #fff;
}



#pageheader {
	
	margin: 0 10px 2px 10px;
	border: solid 0px red;
	
}

#slogan {
	margin: 25px 0 0 0px;
	float: left;
	width: 300px;
}

#logo {
	margin-left: 400px;
	padding:  9px 0 0 0;
	text-align: right;
}

#mainnav-wrapper {
	color: #2d2d2d;
	margin: 13px 0px 0px 0px;
	padding: 0 199px;
	height: 22px;
	background: url(../file/layout/bg_mainnav.jpg) repeat-x;		
}



#keyvisual-portal {
	margin: 2px 10px;
	
}

#keyvisual-wrapper{
	padding: 0 10px 0 10px;
	margin: 0px;
	border:  solid 1px red;
}


#keyvisual-level2 {
	width: 776px;
	height:  151px;
	float: left;
	margin: 0px 0px 0px 10px;
}

#keyvisual-level3{
	width: 532px;
	height:  115px;
	border: solid 0px red;
	margin-bottom: 10px;
}

#keyvisual-level2 .keyvisual-img{
	width: 776px;
}

#flash {
	height: 400px;
	background:  #fff;
	/*background: #000 url(../file/layout/bg_flash.jpg) no-repeat;*/
	color:  #fff;
}

#dreiklangwrapper {
	position: relative;
	z-index:  400;
	width:  976px;
	height: 100px;
	padding: 0 9px 0 4px;
}



#searchpanel {
	width: 207px;
	float:  left;
	border: solid 0px lime;
	position: absolute;
	bottom:17px;	
}

#langnav{
	display: none;
	background: url(../file/layout/bg_searchbox_language.png) repeat-y;
}

#searcharea #langnav{
	background: none;
}

.lang{
	padding: 5px 15px 5px 15px;
	margin:  0px 4px 0px 4px;
	background: #fff url(../file/layout/bg_dotted_line_horizontal.gif)  repeat-x bottom;
	
	
}



#sp_top {
	
	height: 27px;
	overflow: hidden;	
	background: url(../file/layout/bg_searchbox_oben.png) no-repeat 0px 0px;	
}


.langtext-portal{
	padding:  10px 0 0 30px;
	color:  #656565;
	background: url(../file/icons/blue_arrow_down_small.png) no-repeat 15px 15px;
}

.servicelinks-portal a,.servicelinks-portal a:visited{
	background: url(../file/icons/blue_arrow_left_small.jpg) no-repeat 0px 5px;
	display:  block;
	margin:  5px 0px 0px 15px;
	padding-left: 10px;
	color: #7b7b7d;
}


#sp_bottom {
	background: url(../file/layout/bg_searchbox_unten.png) no-repeat bottom left;
	height: 131px;
	width: 209px;	
}

#dreiklang {
	position: absolute;
	bottom: 18px;
	z-index: 300;
	
	margin: 0px 0 0 209px;
}

#content {
	margin: 0px 10px 0 10px;
	background: #fff url(../file/layout/bg_content.jpg) repeat-y top right;
}

#content_special {
	margin: 0px 10px 0 10px;
	background: #fff;
}

.minheight1{
	min-height: 400px;
}

.minheight2{
	min-height: 650px;
}

#navcol {
	width:  199px;
	float:  left;
}

#contentcol {	
	margin: 0px 199px 0px 199px;
	padding: 0px 20px 0px 20px;
	
	border:  solid 1px #fff;
	font-size:  12px;
	color: #4b4b4b;
}

#productfindercol {
	margin: 0px 199px 0px 0px;
	padding: 0px 0px 0px 0px;
	min-height: 300px;
	border:  solid 1px #fff;
	font-size:  12px;
	color: #4b4b4b;
}



#special_site_col {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	min-height: 300px;
	border:  solid 1px #fff;
	font-size:  12px;
	color: #4b4b4b;
}

#teasercol { 
	float:right; 
	width: 199px !important; 
	font-size:  12px;
}

#footer {
	margin: 10px;
	height: 30px;
	color:  #fff;
	background: #fff url(../file/layout/bg_footer.jpg) repeat-y;
}
.footer-content {
	padding: 5px 10px 0px 10px;
}

.copyright{
	margin-right: 300px;
	width:  400px;
}

#portal-content .col1, #portal-content .col2, #portal-content .col3 {
	width: 219px;
	height: 165px;
	float: left;
	background: #fff url(../file/layout/bg_dotted_line_vertikal.jpg) no-repeat top right;
	font-size: 12px;
	color: #7b7b7d;
}

#portal-content .col1 h2, #portal-content .col2 h2, #portal-content .col3 h2, #portal-content .col4 h2 {
	margin-top: 0px;
}

#portal-content .col1 {
	width: 202px;
	padding-left: 10px;
}

.col2, .col3 {
	padding-left: 5px;
	border:  solid 0px red;
}



.col4 {
	padding: 0px 8px 0px 2px;
	height: 165px;
	margin-left: 664px;
	background: #fff;
	line-height: 14px;
	font-size: 12px;
	color: #7b7b7d;
	border:  solid 0px red;
}

#portal-content h2{
	color: #a3a3a3;
	font-size: 16px;
	margin: 5px 0 5px 0;
}


a:link, a:active, a:visited{
	color: #006ab3;
	text-decoration: none;
}

a:focus{
	text-decoration: underline;
}




h1{
	font-size: 20px;
	color: #006ab3;
	margin:  5px 0 5px 0;
	line-height: 24px;
}

h2{
	font-size: 16px;
	color: #4b4b4b;
	margin:  5px 0 5px 0;
}

h1.contentheadline{
	text-align: right;
	border-bottom: 1px solid #006ab3;
	padding-bottom: 10px;
	width: 532px;
}

#productfinder h1{
	border-bottom: 1px solid #006ab3;
	padding-bottom: 10px;
	width: 732px;
	margin: 20px 0 20px 0;
}

hr{
	width: 532px;
	height:  1px;
	margin-bottom: 8px;
	background: #006ab3;
}

.left{
	text-align: left;
}

.right{
	text-align: right;
}

.right10{
	text-align: right;
	padding-right: 10px;
}



#searchbox{
	margin:  0px 10px 0px 788px;	
	height:  151px;
	background: #cccccc;
	position: relative;
}

#searchbox_level3{
	margin:  0px 0px 0px 0px;	
	height:  151px;
	background: #cccccc;
	position: relative;
}

.searchbox_head {
	background: #076cb2 url(../file/layout/bg_searchbox_teaser_headline.jpg) repeat-x;
	height:  22px;
	padding:  2px 2px 0 0;
	color:  #fff;
	

}

.searchbox_head .langtext {
	float: left;
	width:  130px;
	padding-left:  30px;
	
}

.hc-worldwide-portal{
	padding: 10px 10px 0px 110px;
	text-align: right;
}

.searchbox_head .img {
	margin-left:  150px;
}

.searchbox_content {
	background: #fff url(../file/layout/bg_searchbox.jpg) no-repeat top left;
	height: 128px;	
	border: solid 0px #00f;
	overflow: hidden;
}

.searchform{
	border:  solid 0px red;
	padding:  10px 10px 5px 30px;
	margin: 0px 0 0 0;

}

.hc-worldwide{
	padding: 20px 10px 0px 110px;
	text-align: right;
}

.hc-worldwide a, .hc-worldwide-portal a,.hc-worldwide a:visited, .hc-worldwide-portal a:visited{
	padding-left: 10px;
	font-size: 14px;
	color: #7c7c7c;
	background: url(../file/icons/blue_arrow_left.jpg) no-repeat left 3px;
	display: block;
	
}

.searchbox_content ul{
	margin:  5px 0px 0px 25px;
}
.searchbox_content ul.servicelinks li {
	float:  left;
	margin-left: 5px;
}

.searchbox_content .servicelinks a{
	background: url(../file/icons/blue_arrow_left_small.jpg) no-repeat 0px 5px;
	display:  block;
	padding:  0px 0px 0px 10px;
	color: #7b7b7d;
}

#searchbox #langnav,#searchbox_level3 #langnav{
	background:  #fff url(../file/layout/bg_langnav.jpg) repeat-x;
	position: absolute;
	width:  197px;
}

div.iconbox {
	width: 20px;
	float: right;
	border: solid 1px #fff;
}

.teaser{
	border-top:  2px solid #fff;
	
}

.teaserhead {
	background:  #9dce82 url(../file/layout/bg_teaser_head.jpg) repeat-x;
	height:  20px;
	padding: 2px 0px 0px 18px;
	margin-top: 0px;
	color:  #fff;	
}

.teaserbody {
	background: #d8eccd;
	padding:  2px;
}

#printfooter{
	padding: 5px 10px 2px 10px;
	background: #fff url(../file/layout/bg_print_footer.jpg) repeat-x;
	margin-top:  12px;
}

#printfooter .print {
	float: left;
	width:  200px;
}

#printfooter .printlink {
	background: url(../file/icons/printer.gif) no-repeat right top;
	display:  block;
	width: 95px;
}

#printfooter .history{
	margin-left: 300px;
	text-align: right;
}


.customedit{
	border:  1px solid #efefef;
	background: #efefef;
	padding:  10px;
}


.verteilerwrapper{
	border-top: solid 1px #006ab3;
	margin-top:20px;
}

.verteiler-img{
	width:  200px;
	float: left;
}

.verteiler-text{
	margin-left: 205px;
}

.verteilerwrapper a, .verteilerwrapper a:hover,.verteilerwrapper a:visited{
	font-weight: bold;
}

.highlight{
	color: #f00;
}

/* Productfinder */

#productfinder{
	background: #e2e2e2 url(../file/layout/bg_productfinder.gif) repeat-x top left;
	padding:  10px 10px 0px 10px;
}

#firstrow{
	height:  180px;
}

#secondrow{
	height:  180px;
}

.pcontainer {
	position: relative;
	cursor: pointer;
}



#firstrow .pcontainer{
	width:  241px;
	float: left;
	margin:  0px 5px 0px 0px;
	text-align: center;
	z-index:  1;
}

#firstrow .pcontainer .pctop{
	background: #fff url(../file/layout/bg_productfinder_small.jpg) no-repeat;
	height:  148px;
	padding:  5px 3px 0px 3px;
	
}

.pcwrapper{
	position: absolute;
	top: 151px;
	left:  0px;
	z-index: 20;
}



#firstrow .pcontainer .pcbottom{
	background: url(../file/layout/productfinder_aufklapper_small.gif) no-repeat;
	height:  9px;	
	width:  241px;
	font-size: 1px;	
}



#secondrow .pcontainer{
	width:  364px;
	float: left;
	margin:  0px 10px 0px 0px;
	text-align: center;
	
}

#secondrow .pcontainer .pctop{
	background: #fff url(../file/layout/bg_productfinder_large.jpg) no-repeat;
	height:  147px;
	padding:  5px 3px 0px 3px;
}




#secondrow .pcontainer .pcbottom{
	background: #fff url(../file/layout/productfinder_aufklapper_large.jpg) no-repeat;
	height:  9px;
	width: 364px;
	font-size: 1px;
	
}

.pctext{
	color: #7f7f7f;
	padding-top: 5px;
	font-size: 16px;
}

.pccontent{
	display: none;
	text-align: left;
	background:  #fff;
	border:  solid 1px #cfcfcf;
	
}

.pccontent .productlist li a{
	display: block;
	background: #fff url(../file/icons/list_arrow.gif) no-repeat 5px 7px;
	color: #000;
	padding:  2px 5px 2px 25px;
}

.pccontent li a:hover{
	background: #d8e8f5 url(../file/icons/list_arrow.gif) no-repeat 5px 7px;
	
}

.pcintro{
	padding:  2px 2px 2px 10px;
	border-bottom: solid 1px #7c7c7c;
}

.productlist{
	/*height:  100px;
	overflow: auto;*/
	width:  100%;
}

#step2 .pl2{
	height:  auto;
	min-height: 100px;
}

#step2{
	height:  291px;
	background: #fff url(../file/layout/bg_step2.jpg) repeat-y ;
	padding-left: 11px;
}

.step2-innerbox{
	background: #e1e1e1 url(../file/layout/bg_step2_box.jpg) repeat-x ;
	height:  271px;
	padding:  10px 10px 10px 10px;
	border:  solid 0px red;
}

.step3 {
	height:  151px !important;
}

.step3-innerbox{
	height: 131px;
}

#step2 h2 {
	float: left;
	width: 180px;
	color: #006ab3;
	margin:  0;
	padding: 0;
}

#step2 h2.btn2{
	margin-top: 130px;
}

.selection, .frm_selection{
	/*margin-left: 210px;*/
	margin-left: 180px;
}

.step2-bottom{
	margin:  40px 0 0 0;
}

/*.btn_large{
	background: url(../file/layout/selectbox_241.jpg) no-repeat; 
	width:  241px;
	height:  26px;
	
}*/

.btn_large{
	background: #fff url(../file/layout/bg_productfinder_small.jpg) no-repeat;
	padding:  5px 0px 0px 0px;
	text-align: center;
	border:  solid 0px red;
	
}

.btn_large_top {
	padding:  5px 0px 0px 0px;
	text-align: center;
}

.btn_large_bottom{
	/*background: #fff url(../file/layout/selectbox_241_aufklapper.jpg) no-repeat;*/
	background: #e0e0e0 url(../file/layout/productfinder_aufklapper_small.gif) no-repeat;
	height:  9px;	
	width:  241px;
	font-size: 1px;
	
}

/*.btn-wrapper{
	position: absolute;
	top:26px;
	left:  0px;
	z-index: 20;
	width:  241px;
}*/


btn-wrapper{
	position: absolute;
	top:126px;
	left:  0px;
	z-index: 20;
	width:  241px;
}

#btn1, #btn2{
	float: left;
	width: 240px;
	position: relative;
	cursor: pointer;
}

#step2 h2.oder{
	float: left;
	width: 35px;	
	color: #006ab3;
	border:  solid 0px red;
	margin: 130px 5px 0px 5px;
	font-size: 16px;
	text-align: center;
}

.blue {
	color: #006ab3;
}

#step2 .back-new{
	border: solid 0px red;
	text-align: right;
	width:  241px;
	float:  right;
	margin:  0px 10px 0px 0px;
}

#step2 .moretop{
	margin-top: 157px;
}


#step2 .p20{
	padding-top:  20px;
	margin-right:  41px;
	border:  solid 0px red;
}

#step2 .btn-newsearch{
	float: right;
	width:  142px;
	height:  23px;
	text-align: center;
	background: url(../file/layout/btn_large.jpg) no-repeat;
	padding-top: 1px;
}

#step2 .btn-back{
	height: 23px;
	width: 86px;
	text-align: center;
	background: url(../file/layout/btn_small.jpg) no-repeat;
	padding-top: 1px;
	float: right;

}


#step2 .btn-back a, #step2 .btn-newsearch a{
	display:  block;
	color:  #000;
}



#tab{
	margin-top:  20px;
	height:  30px;
	width:  777px;
}

#tab a{
	background:  #fff url(../file/layout/tab_slice.jpg);
	display:  block;
	color: #fff;
	height:  25px;
	padding-top: 4px;
}

#tabbody{
	width:  773px;
	min-height:  420px;
	background: #fff;
	border: solid 2px #efefef;
	border-top:  none;
	padding:  10px 0px 20px 0px;
}

#tab1{
	margin: 0px 0px 0px 0px;
	text-align: center;
	float:  left;
	width:  259px;
	border:  solid 0px red;
}

#tab1 a{
	background-position: -2px -30px;
}

#tab2{
	margin: 0px 0px 0px 0px;
	text-align: center;
	float:  left;
	width:  259px;
	border:  solid 0px red;
	
}

#tab2 a{
	background-position: -260px 0px;
}

#tab3{
	margin: 0px 0px 0px 0px;
	text-align: center;
	float:  left;
	width:  257px;
	border:  solid 0px red;
}

#tab3 a{
	background-position: -519px -30px;
}

#tab a.selected, #tab a:hover{
	color: #000;
	
}

#tab1 a:hover, #tab1 a.selected{
	background-position: -1px 0px;
}

#tab2 a:hover, #tab2 a.selected{
	background-position: -260px -30px;
}

#tab3 a:hover, #tab3 a.selected{
	background-position: -519px -60px;
}

.productinformation{
	padding:  10px;
}

#tabbody table, table.col{
	width: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
	
}

#tabbody td{
	vertical-align: top;
	padding-top:  10px;
}

td.headline{
	color:  #000;
	font-weight: bold;
	background: #e9f2f7;
	padding:  4px 4px 4px 4px !important;
}

td.brochures{
	width:  300px;
	padding:  10px 20px 10px 20px;
	vertical-align: top;	
}

td.deckblatt-col{
	padding:  10px 20px 10px 0px;
	vertical-align: top;
}

td.size{
	width:  70px;
	line-height: 21px;
	vertical-align: top;
}

td.brochures-col{	
	padding:  10px 5px 10px 0px;
	vertical-align: top;	
}

td.brochures{
	width:  300px;
}

td.size-col{	
	padding:  10px 5px 10px 0px;
	vertical-align: top;
}

td.download-col{
	padding:  10px 5px 10px 0px;
	vertical-align: top;	
}

td.brochures img,td.brochures-col img{
	float: left;
	margin-right:  15px;
	
}

.imgdescription{
	margin-left: 45px ;
}

.pdf, .pdficon, .flag,.pdf_small, .schloss{
	float: left;
	margin-bottom: 3px;
}

.pdficon, .flag, .schloss{
	width:  25px;
}

.schloss{
	text-align: center;
}

.pdf{
	width: 95px;
}

.pdf_small{
	width: 65px;
	padding-top:  2px;
}

.pdf_long{
	width: 165px;
}


.pdf a,.pdf_small a {
	background: url(../file/icons/twistee.gif) no-repeat 0px 2px;
	padding-left:  10px;
	
}

a.up {
	background: url(../file/icons/twistee-up.gif) no-repeat 0px 5px;
	padding-left:  10px;
	
}

a.down {
	background: url(../file/icons/twistee-down.gif) no-repeat 0px 5px;
	padding-left:  10px;
	
}



.schloss{
	padding-left: 4px;
}

.pdficon{
	padding-left:  5px;
	border-right: solid 1px #dfdfdf;
}

.flag {
	padding-left: 10px;
}

.pf-more {
	padding-left:  55px;
}


.bluerow{
	background: #eff6fa;
}

.whiterow{
	background:  #d9e9f4;
}

.whiterow, .bluerow{
  padding:  2px 5px 2px 20px;	
}

.bold{
	font-weight: bold;
}

.yourcontact{
	margin-bottom: 10px;
}

#productfinder_contact_form{
	
}

.novalid{
	color: #f00;
}

.labelright {
	margin-left: 150px;
}

.center{
	text-align: center;
}

#news {
	margin-top: 10px;
}


.newswrapper{
	margin: 0px 0px 0px 0px;
	padding:  4px;
	border:  solid 0px #dfdfdf;
}

.newswrapper-portal{
	margin: 0px 5px 0px 0px;
	padding:  4px;
	padding-left: 0px;
	border-bottom:  solid 0px #dfdfdf;
	
}

.newswrapper-portal h3{
	margin:  3px 0 3px 0;
	font-size: 12px;
	font-weight: bold;
}

.newswrapper h2,.newsmessage h2{
	color: #003568;
	font-size: 14px;
}

.newswrapper .dachzeile, .newsmessage .dachzeile{
	font-weight: bold;
}

.eventwrapper-portal{
	margin-bottom: 7px;
}

.col2 .rtf p {
	margin-bottom: 7px;
}

.eventtitle-portal{
	/*background: url(../file/icons/twistee.gif) no-repeat 0px 5px;*/
	font-weight: bold;
	color: #7b7b7d;

}

td.nobr{
	/*white-space: nowrap;*/
	vertical-align: top;
}


.odd{
	background: #d9e9f4;
}

.even{
	background:  #eff6fa ;
}

table.green, table.blue{
	border-spacing: 1px 0px;
	color: #4b4b4b;
}

table.green td, table.blue td{
	height:  12px;
	padding:  5px 2px 5px 10px;
}


table.green tr.green-head td{
	background: #9dce82;
	font-weight: bold;
}

table.green tr.even td{
	background: #d8eccd;
}

table.green tr.odd td{
	background: #E0F0E4;
}

/*
table.blue tr.blue-head td{
	background: #9dce82;
	font-weight: bold;
}
*/

table.blue tr.blue-head td{
	background: #a6cbe4;
	font-weight: bold;
}

table.blue tr.even td{
	background: #d9e9f4;
}

table.blue tr.odd td{
	background:  #eff6fa ;
}

#searchresult li{
	background: url(../file/icons/twistee.gif) no-repeat 0px 5px;
	padding-left: 10px;
	padding-top: 1px;
	margin-bottom: 10px;
}

#searchresult a[href $=".pdf"], #searchresult a[href $=".PDF"] {
    background: url("../file/icons/pdf_icon.jpg") center right no-repeat;
    padding-left: 0px;
    padding-right: 15px;
    zoom:1;
}


div.sitemap_root {
	padding:5px;
}
div.sitemap_root a{
	font-size: 150%;
	font-weight:bold;
}

div.sitemap_l1 {
	margin: 10px 0px 0px 20px;
	color:  #00f;
}

div.sitemap_l1 a{
	color:  #006ab3;
	font-weight: bold;
}

div.sitemap_l2 {
	margin: 0px 0px 0px 40px;
}
div.sitemap_l3 {
	margin: 0px 0px 0px 60px;
}
div.sitemap_l4 {
	margin: 0px 0px 0px 80px;
}

#sitemap a{
	text-decoration:none;
}



.hide{
	display:  none;	
}

.show {
	display:  block;
}

.nobold{
	font-weight: normal;
}


table.moduletable td{
	vertical-align: top;
}

/* Floats and clearing */

/*.clearfix { display: block; }   
.floatbox { overflow:hidden; }
 #ie_clearing { display: none; }*/

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


 .subcolumns { width: 100%; overflow:hidden; }
 
 .clear{
	clear: both;
	font-size: 1px;
}


.code{
	border: solid silver 1px;
	background: #efefef;
	padding: 5px;
	color: #222222;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-moz-box-shadow: 2px 2px 8px gray;
}
.code, .code *{
	font-family: courier;
}

#history-form{
	display: none;
}

/*end media all*/
}