﻿/* CSS Styles Siematic */

body{
	margin: 0px;
	padding: 0px;
	font-family: verdana, sans-serif;
	line-height: 17px;
	vertical-align: top;	
	}
	
#flash_content {	
	min-height: 640px;
	min-width: 640px;
}

#flash_movie{
	
}

.invisible{
	display: none;
	visibility: hidden;
}
.visible{
	
}

img {
	border: 0px;
}
/* obere spalte */

#spalte_oben{
	width: 805px;
	height: 54px;
	padding: 0px;
	margin: 0px;
	float: left;
	}
#menu_oben{
	padding-left: 164px;
	width: 480px;
	height: 48px;
	float: left;
	padding-top: 4px;
	}
#language{
	position: absolute;
	top: 24px;
	left: 20px;
	width: 136px;
	text-align: right;
	color: #51514F;
	font-size: 11px;
	/*line-height: 18px;*/
	}
	
#menu_oben ul{
	margin: 0px;
	padding: 0px;
	width: 480px;
	display: block;
	height: 20px;
	}
.ulIE7
{
    margin: 0px;
	padding: 0px;
}
.liIE7
{
    margin: 0px;
	padding: 0px;
	padding-top:-3px;
}
#menu_oben li{
	margin: 0px;
	padding: 0px;
	float: left;
	list-style:none;
	}
#menu_oben a{
	color: #51514F;
	text-decoration: none;
	font-size: 11px;
	line-height: 18px;
	margin-right: 6px;
	float: left;
	display: block;
	}
#menu_oben a.languageactive{
	background-image:url(../Images/language_active.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#menu_oben a:hover{
	text-decoration: underline;	
}

#logo_oben{
	width: 160px;
	height: 52px;
	cursor: pointer;
	float: left;
	}
	
/* mittlere spalte */

/* flash installation */
#install_flash{
	position: absolute;
	top: 150px;
	left: 321px;
	width: 250px;
	height: 70px;
	padding-left: 5px;
	background-color: #922127;
}

#install_flash .link{
	display: block;
	float: left;
	margin-top: 10px;
	padding-left: 12px;
	background-image:url(../Images/form_arrow_right_white.gif);
	background-repeat: no-repeat;
	font-size: 11px;
	line-height: 15px;
	text-decoration: none;
	color: #EBE7DD;
}

#install_flash .link img{
	padding-top:2px;
}

#change_to_flash .link{
	width: 160px;
	display: block;
	float: left;
	margin-top: 10px;
	padding-left: 12px;
	background-image: url(../Images/form_arrow_right.gif);
	background-repeat: no-repeat;
	font-size: 11px;
	line-height: 15px;
	text-decoration: none;
	color: #53514D;
}
#change_to_flash a:hover:link{
	text-decoration: underline;
}


#change_to_flash .link img{
	padding-top:2px;
}

#spalte_mitte{
	/*overflow: hidden;*/
	width: 964px;
	height: 320px;
	float: left;
}
	
/* mittlere spalte menus */

#menu_mitte
{
	float: left;
	width: 164px;
	height: 320px;
	vertical-align: bottom;
	}
	
#menu_mitte ul.color1{
	background-color: #BCB49F;
	}
#menu_mitte ul.color2{
	background-color: #D3CEC1;
	}
#menu_mitte ul.color3{
	background-color: #E2DFD8;
	}
#menu_mitte ul.color4{
	background-color: #EDECE7;
	}
#menu_mitte ul.color5{
	background-color: #EDECE7;
	}
#menu_mitte ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
#menu_mitte li{
	display: block;
	height: 20px;
	}
#menu_mitte a{
	font-family: verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #51514F;
	display: block;
	height: 20px;
	padding-left: 11px;
	line-height: 19px;
	}
#menu_mitte a.color1{
	background-color: #BCB49F;
	font-weight: bold;
	}
#menu_mitte a.color1_active{
	background-image:url(../Images/menu_mitte_active.gif);
	background-repeat: no-repeat;
	background-color: #BCB49F;
	font-weight: bold;
	}
#menu_mitte a.color1_selected{
	background-image:url(../Images/menu_mitte_selected.gif);
	background-repeat: no-repeat;
	background-color: #BCB49F;
	font-weight: bold;
	}
#menu_mitte a.color2{
	background-color: #D4CEC2;
	font-weight: normal;
	}
#menu_mitte a.color2_active{
	background-image:url(../Images/menu_mitte_active.gif);
	background-repeat: no-repeat;
	background-color: #D4CEC2;
	font-weight: normal;
	}
#menu_mitte a.color2_selected{
	background-image:url(../Images/menu_mitte_selected.gif);
	background-repeat: no-repeat;
	background-color: #D4CEC2;
	font-weight: normal;
	}	
#menu_mitte a.color3{
	background-color: #E2DFD8;
	font-weight: normal;
	}
#menu_mitte a.color3_active{
	background-image:url(../Images/menu_mitte_active.gif);
	background-repeat: no-repeat;
	background-color: #E2DFD8;
	font-weight: normal;
	}
#menu_mitte a.color3_selected{
	background-image:url(../Images/menu_mitte_selected.gif);
	background-repeat: no-repeat;
	background-color: #E2DFD8;
	font-weight: normal;
	}		
#menu_mitte a.color4{
	background-color: #EDECE7;
	font-weight: normal;
	}
#menu_mitte a.color4_active{
	background-image:url(../Images/menu_mitte_active.gif);
	background-repeat: no-repeat;
	background-color: #EDECE7;
	font-weight: normal;
	}
#menu_mitte a:hover{
	background-image:url(../Images/menu_mitte_selected.gif);
	background-repeat: no-repeat;
}	
#overview{
	border: 0px;
	}
#planung_mitte{
	position: relative;
	float: left;
	overflow: hidden;
	width: 800px;
	height: 320px;
	background-color: #BDC6DC;
	}
#planung_mitte img{
	display: block;
	float: left;
	}
#planung_mitte div{
	display: block;
	float: left;
	margin: 0px;
	padding: 18px;
	width: 436px;
	height: 120px;
	font-size: 11px;
	color: #53514D;
	}
#sub_text{
	width: 290px;
	padding-left: 10px;
	padding-top: 40px;
	font-size: 11px;
	color: #53514D;	
	}
#fourpix{
	display: block;
	width: 320px;
	height: 320px;
	float: left;
	}
#fourpix img{
	display: block;
	float: left;
	}

div.fourpix_head_back {
	display: block;
	float: left;
	width: 480px;
	height: 320px;
	background-color: #91897A;
	margin: 0px;
	padding: 0px;
	}
#fourpix_head h1{
	position: relative;
	top: 158px;
	left: 18px;
	width: 480px;
	font-size: 15px;
	color: #51514F;	
	margin: 0px;
	padding: 0px;
}
#fourpix_head img{
	position: relative;
	top: 0px;
	left: 0px;
}
#mitte_rechts_box320_products{
	position: relative;
	width: 321px;
	height: 320px;
	float: left;
	overflow: hidden;
	}
#mitte_rechts_box320_products_inner{
	position: relative;
	width: 321px;
	height: 321px;
	float: left;
	overflow: hidden;
	margin-top: -1px;
	}
#mitte_rechts_box320_products_scroll{
	padding-top: 284px;
	margin-left: 2px;
	float: left;
	width: 20px;
	}
#mitte_rechts_box320_products_scroll a{
	border: 0px;
	}
#mitte_rechts_box320_products_scroll img{
	float: left;
	border: 0px;
	}
#mitte_rechts_box320_products img{
	display: block;
	height: 80px;
	width: 159px;
	margin-right: 1px;
	margin-bottom: 1px;
	float: left;
	}
#mitte_rechts_box480{
	position: relative;
	width: 480px;
	height: 320px;
	float: left;
	}
#mitte_rechts_box480 .text{
	position: absolute;
	bottom: 26px;
	font-size: 11px;
	padding-left: 10px;
	}
#mitte_rechts_box480.color1{
	background-color: #BABAB8;
	}
#mitte_rechts_schranktypen{
	position: relative;
	width: 321px;
	height: 320px;
	float: left;
	overflow: hidden;
	}
#mitte_rechts_schranktypen_inner{
	position: relative;
	width: 321px;
	height: 321px;
	float: left;
	overflow: hidden;
	/*margin-top: -1px;*/
	}
#mitte_rechts_schranktypen_scroll{
	padding-top: 284px;
	margin-left: 2px;
	float: left;
	width: 20px;
	}
#mitte_rechts_schranktypen_scroll a{
	border: 0px;
	}
#mitte_rechts_schranktypen_scroll img{
	float: left;
	border: 0px;
	}
#mitte_rechts_schranktypen img{
	display: block;
	height: 106px;
	width: 106px;
	margin-right: 1px;
	margin-bottom: 1px;
	float: left;
	border: 0px;
	}
#unten_links_schranktypen{
	width: 320px;
	float: left;
	}
#unten_links_schranktypen form{
	padding-top: 44px;
	margin: 0px;
	}
#unten_links_schranktypen select{
	display: block;
	width: 236px;
	font-size: 11px;
	padding: 0px;
	margin-bottom: 6px;
	}
	
/* image gallery */
.image_gallery{
	position: relative;	
	top: 0px;
	left: 0px;
	width: 320px;
	height: 320px;
	float: left;
}
#gallery_div_big{
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	width: 800px;
	height: 640px;
	z-index: 0;
	}
#gallery_div_big img{
	margin-left: 0px;
	padding: 0px;
	display: block;
	float: left;
	}
#gallery_div_small{
	z-index: 0;
	position: absolute;
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
#gallery_div_small img{
	margin-left: 0px;
	padding: 0px;
	display: block;
	float: left;
	}

#flash_movie_div{
	z-index: 0;
	position: absolute;
	top: 54px;
	left: 164px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	overflow: hidden;
}
.movie_small{
	width:640px;
	height:320px;
}
.movie_big{
	width:800px;
	height:800px;
}

#image_gallery_navi{
	position: absolute;
 	left: 1px; 
	top: 302px;
	z-index: 2;
	height: 17px;
	width: auto;
	}

#image_gallery_navi_control{
	visibility: hidden;
	float: left;
	height: 17px;
	width: auto;
}

#image_gallery_navi_title{
	position: absolute;
	left: 100px;
	height: 17px;
	background-color: #333333;
	opacity: 0.6;
	visibility: hidden;
	font-size: 11px;
}

#image_gallery_navi_text{
	position: absolute;
	left: 100px;
	color: #FFFFFF;
	padding-top: 1px;
	height: 15px;
	color: #FFFFFF;
	font-size: 11px;
	text-align: right;
	visibility: hidden;
	line-height: 15px;
}

#image_gallery_navi img{
	border: 0px;
	display: block;
	margin-right: 1px;
	float: left;
	}
#image_gallery_navi a{
	border: 0px;
	}
/* mittlere spalte bilder */

#headline_image{
	position: absolute;
	top:54px;
	left:164px;
	width: 640px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	z-index: 5;
	background-color: #D4CEC2;
	}
#headline_image img{
	float: left;
	border: 0px;
	display: block;
	padding: 0px;
	margin: 0px;
}

#bild_mitte{
	z-index: 1;
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
	
#bild_mitte a{
	border: 0px;
	}
#bild_mitte img{
	margin-left: 0px;
	padding: 0px;
	display: block;
	float: left;
	}

/* farbkarte */

#fixfarbkarte484{
	position: absolute;
	/*z-index: 4;*/
	top: 54px;
	left: 484px;
	width: 320px;
	height: 320px;
	}
#fixfarbkarte644{
	position: absolute;
	/*z-index: 4;*/
	top: 54px;
	left: 644px;
	width: 320px;
	height: 320px;
	}
#farbname{
	margin-bottom: 20px;
	font-size: 10px;
	/*line-height: 18px;*/
	float: left;
	}
#farbauswahl{
	/*background-color: red;*/
	width: 308px;
	height: 88px;
	float: left;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
#farbauswahl img{
	width: 73px;
	height: 25px;
	border: 2px solid #D3CEC1;
	float: left;
}
#farbauswahl img.active{
	width: 73px;
	height: 25px;
	float: left;
	border: 2px solid black;
}
#farbkarte{	
	float: left;
	width: 310px;
	height: 320px;
	
	background-color: #D3CEC1;
	padding-left: 10px;
}
#farbkarte .current{
	position: relative;
	width: 301px;
	height: 150px;
	background-color: #A5A29B;
	float: left;
	}

#farbkarte_scroll{
	float: left;
	margin-right: 2px;
	margin-top: 6px;
	width: 310px;
	height: 29px;
	}
#farbkarte_scroll img{
	display: block;
	margin-left: 3px;
	padding: 0px;
	border: 0px;
	float: right;
	}
#bereichauswahl{
	height: 29px;
	margin: 0px;
	width: 240px;
	float: left;
	}
#bereichauswahl img{
	display: block;
	margin-right: 3px;
	margin-top: 10px;
	padding: 0px;
	float: left;
	border: 0px;
	}

/* ncs */
#ncs_div{
	z-index: 4;
	position: absolute;
	top: 54px;
	left: 642px;
	width: 300px;
	height: 310px;
	float: left;
	background-color: #D3CEC1;
	/*line-height: 16px;*/
	padding-left: 10px;
	padding-top: 10px;
}

#ncs_image_div{
	margin: 0px;
	float: left;
}

#ncs_div .ncs_text{
	width: 160px;
	margin-top: 5px;
	float: left;
	font-size: 11px;
	color: #51514F;
}


/* kantenauswahl */

#detailauswahl{
	z-index: 4;
	position: absolute;
	top: 54px;
	left: 484px;
	width: 320px;
	height: 320px;
	float: left;
	background-color: #D3CEC1;
	}
#detailauswahl_bild{
	margin-top:20px;
	margin-left:20px;
	width: 300px;
	height: 150px;
	float: left;
	}
#detailauswahl_bild img{
	display: block;
	}
#detailauswahl .scroll{
	float: left;
	width: 320px;
	height: 29px;
	}
#detailauswahl .scroll img{
	display: block;
	padding: 0px;
	border: 0px;
	float: right;
	}
#detailauswahl_text{
	width: 310px;
	padding-left: 10px;
	float: left;
	font-size: 11px;
	color: #51514F;
	/*line-height: 18px;*/
	}
	
	
	
/* zeitstrahl */

#timeline{
	position: relative;
	width: 320px;
	height: 320px;
	background-color: #C6DAD9;
	float: left;
	}
#timeline_links{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 320px;
	height: 68px;
	float: left;
	overflow: hidden;
	}
#timeline_links div{
	float: left;
	width: 600px;
	padding: 0px;
	margin: 0px;
	}
#timeline_links a{
	padding: 0px;
	margin: 0px;
	display: block;
	width: 36px;
	height: 68px;
	background-image:url(../Images/bg_timeline.gif);
	background-position: bottom left;
	font-size: 11px;
	text-decoration: none;
	float: left;
	background-repeat: no-repeat;
	color: #51514F;
	text-align: center;
	line-height: 40px;
	}
#timeline_links a.active{
	background-image:url(../Images/bg_timeline_active.gif);
	line-height: 12px;
	}
	
	
/* schranktypen */

#display_schranktypen{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 220px;
	height: 18px;
	background-color: #52514D;
	color: #D4CEC2;
	text-indent: 10px;
	line-height: 18px;
	z-index: 2;
	font-size: 11px;
	}
#display_sockel{
	position: absolute;
	left: 216px;
	top: 284px;
	width: 300px;
	height: 18px;
	background-color: #D4CEC2;
	color: #52514D;
	text-align: center;
	/*line-height: 18px;*/
	z-index: 2;
	font-size: 10px;
	}
#display_stove{
	position: absolute;
	width: 40px;
	height: 35px;
	color: #52514D;
	text-align: center;
	/*line-height: 18px;*/
	z-index: 3;
	font-size: 11px;
	}
/* awards */

div.content_unten_awards{
	width: 320px;
	float: left;
	}
div.content_unten_awards a{
	display: block;
	float: left;
	margin-right: 10px;
	}
div.content_unten_awards img{
	border: none;
	}
div.content_unten_awards h3{
	font-size: 11px;
	font-weight: normal;
	color: #51514F;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 10px;
	}
div.content_unten_awards span{
	float:left;
	visibility: hidden;
	font-size: 11px;
	color: #51514F;
	width: 320px;
	padding-top: 10px;
	padding-bottom: 0px;	
	/*line-height: 17px;*/
	}
/* untere spalte */
/* untere spalte menus */

#spalte_unten{
	position: absolute;
	float: left;
	top: 374px;
	left: 0px;
	width: 964px;
	}
#menu1_unten{
	width: 164px;
	float: left;
	padding: 0px;
	margin: 0px;
	border: none;
	margin-top:4px;
}
#menu1_unten ul{
	padding: 0px;
	margin: 0px;
	list-style: none;	
}
#menu1_unten li{
	height: 17px;
	width: 164px;
	line-height: 17px;
	overflow: hidden;
	float: left;
	clear: left;
}
#menu1_unten a{
	font-size: 11px;
	color: #51514F;
	text-decoration: none;
	padding-left: 11px;
	padding-top:2px;
	}
#menu1_unten a.level1_active
{
	background:url(../Images/menu1_unten_active.gif) no-repeat;
	}	
#menu1_unten a.level1_active2{
	background:url(../Images/menu1_unten_active.gif) no-repeat;
	padding-left: 26px;
	}
#menu1_unten a.level2{
	padding-left: 19px;
	}
#menu1_unten a.level2_active{
	padding-left: 19px;
	background:url(../Images/menu1_unten_active.gif) no-repeat;
	}
#menu1_unten a:hover{
	background:url(../Images/menu1_unten_selected.gif) no-repeat;
}
#menu2und3{
	position: relative;
	top: 0px;
	left: 0px;
	width: 320px;
	float: left;
	line-height: 16px;
	}
	
#menu2und3 a{
	display: block;
	padding: 0px;
	padding-left: 14px;
	margin: 0px;
	text-decoration: none;
	font-size: 11px;
	color: #51514F;
	vertical-align: top;
	}

#menu2und3 a.back_link{
	position: absolute;
	top: 17px;
	left: 6px;
	padding-left: 13px;
	background-image:url(../Images/form_arrow_right.gif);
	background-repeat: no-repeat;
	font-size: 11px;
	text-decoration: none;
	color: #53514D;
	}
	
#menu2und3 a:hover.back_link{
	background-image:url(../Images/form_arrow_right.gif);
	background-repeat: no-repeat;
	text-decoration: underline;
}

#menu2und3 a.forward_link{
	position: absolute;
	top: 47px;
	left: 6px;
	padding-left: 13px;
	background-image:url(../Images/form_arrow_right.gif);
	background-repeat: no-repeat;
	font-size: 11px;
	text-decoration: none;
	color: #53514D;
	}
	
#menu2und3 a:hover.forward_link{
	background-image:url(../Images/form_arrow_right.gif);
	background-repeat: no-repeat;
	text-decoration: underline;
}

#menu2und3 a.partner_link{
	position: absolute;
	top: 77px;
	left: 6px;
	padding-left: 13px;
	background-image:url(../Images/form_arrow_right.gif);
	background-repeat: no-repeat;
	font-size: 11px;
	text-decoration: none;
	color: #53514D;
	}
	
#menu2und3 a:hover.partner_link{
	background-image:url(../Images/form_arrow_right.gif);
	background-repeat: no-repeat;
	text-decoration: underline;
}

#menu2und3 a.active{
	background:url(../Images/menu23_unten_active.gif) no-repeat;
	padding-left: 14px;
}
#menu2und3 a.selected{
	background:url(../Images/menu23_unten_selected.gif) no-repeat;
	padding-left: 14px;
}
#menu2und3 a:hover{
	background:url(../Images/menu23_unten_selected.gif) no-repeat;
}

#menu2und3 ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	}
#menu2und3 li{
	padding: 0px;
	margin: 0px;
	}
#menu2und3 table.columns{
	border: none;
	border-collapse: collapse;
	margin-top: 40px;
	}
#menu2und3 td{
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}

#menu2und3 td.right{
	padding-left: 10px;
}

#menu2_unten {
	padding: 0px;
	margin: 0px;	
	}
#menu3_unten {
	padding: 0px;
	margin: 0px;	
	}

#menu3_unten_right{
	float: right;
	margin-right: 10px;
	margin-left: 0px;
	margin-top: 41px;
	padding: 0px;
	}

/* untere spalte content */	
#content_unten_640{
	width: 640px;
	float: left;
	}
#content_unten{
	position: absolute;
	left: 484px;
	top: 0px;
	width: 320px;
	padding: 0px;
	margin: 0px;
}
#content_unten_480{
	position: absolute;
	left: 484px;
	top: 0px;
	width: 480px;
	padding: 0px;
	margin: 0px;
}

div.content_unten_float{
	float: left;
	display: block;
}

div.content_unten_no_headline{
	padding-top: 18px;
	height: 22px;
	line-height: 22px;
	}
div.content_unten_headline{
	width: 480px;
	float: left;
	padding-top: 18px;	
}
div.content_unten_headline h1{
	float: left;
	font-size: 11px;
	color: #51514F;
	margin: 0px;
	padding: 0px;
	font-weight:normal;
	width:320px;
}

div.content_unten_headline img{
	display: block;
	border: none;
}

#content_unten div.content_unten_text{
	font-size: 11px;
	color: #51514F;
	width: 320px;
	line-height: 16px;
	vertical-align: top;
}

#content_unten_480 div.content_unten_text{
	font-size: 11px;
	color: #51514F;
	width: 480px;
	line-height: 16px;
	vertical-align: top;
}

div.content_unten_text a{
	text-decoration: none;
	color: #54504D;
	}
div.content_unten_text a:hover{
	text-decoration: underline;	
}
#content_unten_text{
	font-size: 11px;
	color: #51514F;
	line-height: 16px;
	vertical-align: top;
	}
div.content_unten_text strong{
	font-weight: normal;
}

/*#content_unten_text a{
	text-decoration: none;
	color: #54504D;
	}*/

#content_unten a.cross_link{
	padding-left: 13px;
	background-image:url(../Images/form_arrow_right.gif);
	background-repeat: no-repeat;
	font-size: 11px;
	text-decoration: none;
	color: #53514D;
	}
	
#content_unten a:hover.cross_link{
	background-image:url(../Images/form_arrow_right.gif);
	background-repeat: no-repeat;
	text-decoration: underline;
}

#liste_unten_320{
	width: 320px;
	float: left;
	padding-top: 16px;
}
	
#liste_unten_320 h2{
	font-size: 11px;
	font-weight: bold;
}
#liste_unten_320 .listheadline {
	width: 302px;
	padding-bottom: 8px;
	border-bottom: 1px solid #BCB49F;
	float: left;
	font-size: 11px;
	line-height: 16px;
	color: #53514D;
}
#liste_unten_320 a.listitem {
	width: 292px;
	display: block;
	padding-bottom: 8px;
	padding-left: 10px;
	padding-top: 8px;	
	border-bottom: 1px solid #BCB49F;
	float: left;
	font-size: 11px;
	line-height: 16px;
	text-decoration: none;
	color: #53514D;
}
#liste_unten_320 .keyhigh {
        width: 292px;
        margin-left:292px;
        margin-top:-16px;
        float: left;
        background-image:url(../Images/form_arrow_left.gif);
        background-repeat: no-repeat;
        padding-left: 12px;
        font-size: 11px;
        line-height: 16px;
        text-decoration: none;
        color: #53514D;
}
#liste_unten_320 a:hover.listitem{
	background-color: #F2F0EC;
	text-decoration: underline;
}
/*#liste_unten_320 .listitem h1{
	display: block;
	padding-top: 26px;
	padding-bottom: 0px;
	padding-left: 10px;
	text-decoration: none;
	color: #53514D;
	margin: 0px;
	font-size: 11px;
	font-weight: bold;
}
*/
/* karriere */
#karriere{
	width: 640px;
	float: left;
	}
#karriere_head{
	width: 640px;
	height: 140px;
	border-bottom: 1px solid #BCB49F;
	float: left;
	margin-bottom: 12px;
	}
#karriere_head_left{
	width: 310px;
	float: left;
}
#karriere_head_right{
	width: 320px;
	float: left;
	}
#karriere .box640{
	width: 640px;
	border-bottom: 1px solid #BCB49F;
	padding-top: 5px;
	padding-bottom: 20px;
	float: left;
	}
#karriere .box320_left,#karriere_detail .box320_left{
	width: 300px;
	height:150px;
	float: left;
	font-size: 11px;
	line-height: 17px;
	color: #51514F;
	}
#karriere .box320_right,#karriere_detail .box320_right{
	width: 320px;
	float: left;
	padding-left: 20px;
	font-size: 11px;
	line-height: 17px;
	color: #51514F;
	}
#karriere .box320_right a, #karriere .box320_left a,  #karriere_detail .box320_left a{
	float: left;
	padding-left: 14px;
	background-image:url(../Images/form_arrow_right.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	text-decoration: none;
	font-size: 11px;
	color: #53514D;
	display: block;
	width: 280px;
	}
#karriere .box320_right a:hover, #karriere .box320_left a:hover,  #karriere_detail .box320_left a:hover{
	text-decoration: underline;
}	
#karriere_detail .box320_right a{
	text-decoration: none;
	font-size: 11px;
	color: #53514D;
}
#karriere_detail .box320_right a:hover{
	text-decoration: underline;
}
#karriere_pageflip{
	display:block;
	margin-top: 29px;
	height: 24px;
	width: 640px;
	float: left;
	border-top: 1px solid #D4CEC2;
}	
#pageflip{
	float: right;
	line-height: 23px;
	height: 24px;
	}
#pageflip a{
	float: left;
	display: block;
	}
#pageflip span{
	float: left;
	display: block;
	font-size: 11px;
	font-weight: bold;
	text-align:center;
	width:65px;
	color: #53514D;
	padding-left: 2px;
	padding-right: 2px;
	}	
.impressum{
	position: absolute;
	top: 54px;
	left: 164px;
	z-index: 10;
	
	width: 640px;
	height: 300px;
	float: left;
	padding: 10px;
	padding-left: 20px;
	font-size: 11px;
	line-height: 17px;
	color: #51514F;
}

.impressum a{
	text-decoration: none;
	font-size: 11px;
	color: #53514D;
	}
.impressum a:hover{
	text-decoration: underline;
}	
a.home_link {
	display: block;
	text-decoration: underline;
	color: #54504D;
	font-size: 11px;
	background-image:url(../Images/form_arrow_right.gif);
	background-repeat: no-repeat;
	float: left;
	padding-left: 14px;
	line-height: 15px;
	margin-left: 4px;
	margin-top: 15px;
	margin-bottom: 0px;
}	
a.home_link:hover {
	background-image:url(../Images/form_arrow_right_b.gif);
	background-repeat: no-repeat;
	color: #000000;
}
.news_body{
	display:block;
	float:left;
}
/* hilfsmittel */
.clear{
	clear: both;
	}
	
	/* formulare */

#element_contact_howto{
	visibility: hidden;
}
#element_user_info{
	visibility: hidden;
}

#element_message{
	visibility: hidden;
}

#element_success_l{
	visibility: hidden;
}

#element_success_r{
	visibility: hidden;
}

#element_contact_book{
	visibility: hidden;
}

#element_consultation{
	display: none;
}

#city_zip_list{
	display: none;
}

#element_message_error{
	visibility:hidden;
}

#element_user_info_error{
	visibility:hidden;
}

#element_supplier_info_2_error{
	visibility:hidden;
}

#formulare{
	padding: 0px;
	margin: 0px;
	float: left;
	font-size: 11px;
	color: #51514F;
	line-height: 16px;
	}

#formulare .box320 {
	position: relative;
	width: 320px;
	height: 320px;
	float: left;
	overflow: hidden;
}

.reseller_profile_part {
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;	
	font-weight:bold;
	margin-left:165px;
	padding-top:8px;
	padding-left:20px;
	width:620px;
	height: 24px;
	background-color: #FFFFFF;
}
.reseller_profile_send_out {
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;	
	font-weight:bold;
	margin-left:165px;
	width:640px;
	height: 32px;
	background-color: #FFFFFF;
}
.reseller_profile_send {
	font-weight:bold;
	margin-left:320px;
	padding-top:8px;
	padding-right:20px;
	width:300px;
	height: 24px;
	background-color: #E2DFD8;
}

.yes_no{
	width:16px;
 float:left;
}

.clear{
	clear: left;
	height:10px;
	width: 640px;
	overflow: hidden;
}

hr{
	border-collapse:collapse;
	border:none;
	border-bottom:solid #000000 1px;height:1px;
}

#formulare .box_out{
	margin-left:165px;	
	background-color: #D7E6E9;
	height: auto;
}

#formulare .box320_r{
	z-index: 4;

	top: 54px;
	left: 484px;
	width: 320px;
	height: 320px;
	float: left;
	overflow: hidden;
	background-color: #D7E6E9;
}
#formulare .box320_l{
	z-index: 4;
	top: 54px;
	left: 164px;
	width: 320px;
	height: 320px;
	float: left;
	overflow: hidden;
	background-color: #D7E6E9;
}
#formulare .box320_lu{
	z-index: 4;
	top: 54px;
	left: 164px;
	width: 320px;
	float: left;
	background-color: #D7E6E9;
}
#formulare .box320_ru{
	z-index: 4;
	
	top: 54px;
	left: 484px;
	width: 320px;
	float: left;
	background-color: #D7E6E9;
}
#formulare .box290_rb{
	z-index: 4;
	position: absolute;
	top: 84px;
	left: 484px;
	width: 320px;
	height: 290px;
	float: left;
	overflow: hidden;
	background-color: #D7E6E9;
}
#formulare .box290_lb{
	z-index: 4;
	position: absolute;
	top: 84px;
	left: 164px;
	width: 320px;
	height: 290px;
	float: left;
	overflow: hidden;
	background-color: #D7E6E9;
}
#formulare .box290_r{
	z-index: 4;
	position: absolute;
	top: 84px;
	left: 484px;
	width: 320px;
	height: 290px;
	float: left;
	overflow: hidden;
	background-color: #EFEDE1;
	}
#formulare .box290_l{
	z-index: 4;
	position: absolute;
	top: 84px;
	left: 164px;
	width: 320px;
	height: 290px;
	float: left;
	overflow: hidden;
	background-color: #EFEDE1;
}

#formulare .box250_r{
	z-index: 4;
	position: absolute;
	top: 124px;
	left: 484px;
	width: 320px;
	height: 250px;
	float: left;
	overflow: hidden;
	background-image:url(/icons/hdi/haendler_bg_pattern.gif);
}
	
#formulare .box250_l{
	z-index: 4;
	position: absolute;
	top: 124px;
	left: 164px;
	width: 320px;
	height: 250px;
	float: left;
	overflow: hidden;
	background-image:url(/icons/hdi/haendler_bg_pattern.gif);
}

#formulare .form_div{
	display: block;
	float: left;	
	width: 280px;
	padding: 0px;
	padding-top: 10px;
	padding-left: 20px;
	margin: 0px;
	overflow: visible;
}

#formulare h2{
	display: block;
	width: 280px;
	font-size: 11px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	color: #51514F;
	clear: left;
	}
#anrede{
	font-size: 11px;
	color: #51514F;
	width: 260px;
	height: 20px;
	}
#anrede div{
 	float: left;
 }
#formulare p{
 	display: block;
 	width: 280px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 12px;
	}
#formulare form{
	padding: 0px;
	margin: 0px;
	float: left;
	}

#formulare input{
	border: 0px;
	margin: 0px;
	padding: 0px;
	background-color: white;
	font-size: 11px;
	color: #51514F;
	}

#formulare .radio1{
	height: 13px;
	margin-top: 3px;
	margin-right: 6px;
	padding: 0px;
	background-color:#D7E6E9;
	color: #000000;
	float: left;
	margin-left: 20px;
	}

#formulare .radio3{
	height: 13px;
	margin-top: 3px;
	margin-right: 6px;
	padding: 0px;
	background-color: #EFEDE1;
	color: #000000;
	float: left;
	margin-left: 20px;
	}

#formulare .radio2{
	height: 13px;
	margin-top: 3px;	
	margin-right: 6px;
	padding: 0px;
	background-color:#D7E6E9;
	color: #000000;
	float: left;
	}
#formulare .checkbox{
	height: 13px;
	margin-right: 4px;
	padding: 0px;
	background-color:#D7E6E9;
	color: #000000;
	float: left;
	}

#formulare .address1{
	
	border: 0px;
	background-color: white;
	font-size: 11px;
	color: #51514F;
	width: 280px;
	height: 54px;
	margin-top: 2px;
	margin-bottom: 4px;
	padding: 0px;
	float: left;
}
#formulare .address1_marked{
	border: 2px solid #962228;
	background-color: white;
	font-size: 11px;
	color: #51514F;
	width: 276px;
	height: 54px;
	margin-top: 0px;
	margin-bottom: 4px;
	padding: 0px;
	float: left;
}
#formulare textarea.message_verysmall, #formulare input.message_verysmall{
	border: 0px;
	background-color: white;
	font-size: 11px;
	color: #51514F;
	width: 280px;
	height: 54px;
	margin-top: 2px;
	margin-bottom: 4px;
	padding: 0px;
	float: left;
	}
#formulare textarea.message_small, #formulare input.message_small{
	border: 0px;
	background-color: white;
	font-size: 11px;
	color: #51514F;
	width: 280px;
	height: 84px;
	margin-top: 2px;
	margin-bottom: 20px;
	padding: 0px;
	float: left;
}
#formulare textarea.message_small_marked, #formulare input.message_small_marked{
	border: 2px solid #962228;
	background-color: white;
	font-size: 11px;
	color: #51514F;
	width: 276px;
	height: 84px;
	margin-top: 0px;
	margin-bottom: 18px;
	padding: 0px;
	float: left;
}

#formulare textarea.message_big, #formulare input.message_big{
	border: 0px;
	background-color: white;
	margin: 0px;
	font-size: 11px;
	color:#51514F;
	width: 280px;
	height: 170px;
	margin-top: 2px;
	margin-bottom: 10px;
	float: left;
	}
#formulare textarea.message_big_marked, #formulare input.message_big_marked{
	border: 2px solid #962228;
	background-color: white;
	margin: 0px;
	font-size: 11px;
	color:#51514F;
	width: 280px;
	height: 170px;
	margin-top: 0px;
	margin-bottom: 8px;
	float: left;
	}
#formulare textarea.message_anschreiben, #formulare input.message_anschreiben{
	border: 0px;
	background-color: white;
	margin: 0px;
	font-size: 11px;
	color:#51514F;
	width: 280px;
	height: 222px;
	margin-top: 2px;
	margin-bottom: 10px;
	float: left;
	}
 .upload{
	border:none;
	width: 280px;
	height: 18px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	float: left;
	}	
#formulare .input1{
	width: 280px;
	height: 15px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	float: left;	
	}

#formulare .input1_marked{
	border: 2px solid #962228;
	width: 276px;
	height: 15px;
	margin: 0px;
	float: left;
}
#formulare .input2{
	width: 270px;
	height: 15px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
}

#formulare .input2_marked{
	border: 2px solid #962228;
	width: 266px;
	height: 15px;
	margin: 0px;
}
#formulare .input3{
	width: 90px;
	height: 15px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
}

#formulare .input3_marked{
	border: 2px solid #962228;
	width: 86px;
	height: 15px;
	margin: 0px;
}		
#formulare .input4{
	width: 205px;
	height: 15px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
}

#formulare .input4_marked{
	border: 2px solid #962228;
	width: 201px;
	height: 15px;
	margin: 0px;
}
#formulare .input5{
	width: 266px;
	height: 15px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
}

#formulare .input5_marked{
	border: 2px solid #962228;
	width: 262px;
	height: 15px;
	margin: 0px;
}
#formulare .fon1{
	width: 54px;
	height: 15px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 1px;
	float: left;
}
	
#formulare .fon1_marked{
	width: 50px;
	height: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 1px;
	float: left;
	border: 2px solid #962228;
	}

#formulare .fon2{
	width: 89px;
	height: 15px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 1px;
	float: left;
	}
#formulare .fon2_marked{
	width: 85px;
	height: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 1px;
	float: left;
	border: 2px solid #962228;
	}
#formulare .fon3{
	width: 135px;
	height: 15px;
	margin-top: 2px;
	margin-bottom: 2px;
	float: left;
	}
#formulare .fon3_marked{
	width: 131px;
	height: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	border: 2px solid #962228;
	}
#formulare .strasse{
	width: 230px;
	height: 15px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 1px;
	float: left;
	}
#formulare .datepick_input{
	width: 130px;
	height: 15px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 1px;
	float: left;
	}
#formulare .datepick_input_marked{
	border: 2px solid #962228;
	width: 126px;
	height: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 1px;
	float: left;
	}
#formulare .strasse_marked{
	width: 226px;
	height: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 1px;
	float: left;
	border: 2px solid #962228;
	}

#formulare .hausnummer{
	width: 49px;
	height: 15px;
	margin-top: 2px;
	margin-bottom: 2px;
	float: left;
	}
#formulare .hausnummer_marked{
	width: 45px;
	height: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	border: 2px solid #962228;
	}

#formulare .plz2{
	width: 66px;
	height: 15px;
	margin-top: 2px;
	margin-bottom: 2px;
	float: left;
	}
#formulare .plz2_marked{
	width: 62px;
	height: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	border: 2px solid #962228;
	}
#formulare .plz{
	width: 49px;
	height: 15px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 1px;
	float: left;
	}
#formulare .plz_marked{
	width: 45px;
	height: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 1px;
	float: left;
	border: 2px solid #962228;
	}

#formulare .ort{
	width: 230px;
	height: 15px;
	margin-top: 2px;
	margin-bottom: 2px;
	float: left;
	}
#formulare .ort_marked{
	width: 226px;
	height: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	border: 2px solid #962228;
	}
#formulare .ort2{
	width: 143px;
	height: 15px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 1px;
	float: left;
	}
#formulare .ort2_marked{
	width: 139px;
	height: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 1px;	
	float: left;
	border: 2px solid #962228;
	}
#formulare .state{
	width: 68px;
	height: 15px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 1px;	
	float: left;
	}
#formulare .state_marked{
	width: 34px;
	height: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
		margin-right: 1px;	
	float: left;
	border: 2px solid #962228;
	}
#formulare .form_hour{
	height: 18px;
	width: 75px;
	font-size: 11px;
	float: left;
	margin: 2px;
	}
#formulare .form_hour_marked{
	border: 2px solid #962228;
	height: 18px;
	width: 75px;
	font-size: 11px;
	float: left;
	}

#formulare select{
	margin: 0px;
	padding: 0px;
	width: 280px;
	height: 18px;
	font-size: 11px;
	}
#formulare br{	
	height: 0px;
	line-height: 0px;
}
#formulare label{

	}
	/*	white-space: nowrap;*/
#formulare label.between{
	display: block;
	height: 12px;
	font-size: 11px;
	color:#51514F;
	padding-top: 4px;
	margin: 0px;
	float: left;
	}

.formulare_navi_290{
	position: absolute;
	top: 270px;
	left: 0px;	

	width: 300px;
	height: 14px;
	font-size: 11px;
	color: #51514F;
	margin-right: 20px;
	}
.formulare_navi_250{
	position: absolute;
	top: 230px;
	left: 0px;	

	width: 300px;
	height: 14px;
	font-size: 11px;
	color: #51514F;
	margin-right: 20px;
	}
.formulare_navi_320{
	position: absolute;
	top: 300px;
	left: 0px;	
	width: 615px;
	height: 14px;
	font-size: 11px;
	color: #51514F;
	margin-right: 20px;
	}

#formulare a{
	display: block;
	text-decoration: none;
	color: #51514F;
	margin-left: 10px;
	float: right;
	height: 14px;
	}
#formulare a:hover{
	text-decoration: underline;	
}
#formulare a.arrowright{
	display: block;
	text-decoration: none;
	color: #51514F;
	background-image:url(../images/form_arrow_right.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	float: right;
	}
#formulare a:hover.arrowright{
	text-decoration: underline;
}		
#formulare a.arrowleft{
	display: block;
	text-decoration: none;
	color: #51514F;
	background-image:url(icons/form_arrow_right.gif);
	background-position: 0% 50%;
	background-repeat: no-repeat;
	padding-left: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
	float: left;
	}
#formulare a:hover.arrowleft{
	text-decoration: underline;	
}		
#formulare a.datepick{
	display: block;
	margin: 0px;
	height: 15px;
	text-decoration: none;
	color: #51514F;
/*	padding-left: 12px;*/
	float: left;
	}
#formulare .description_checkbox{
	width: 250px;
	float: left;
	margin-bottom: 12px;
	padding: 0px;
	/*line-height: 17px;*/	
	}
#formulare .browse{
	width: 280px;
	text-align: right;
	float: left;
	height: 20px;
	}
#formulare .browse a{
	display: block;
	float: right;
	padding-left: 12px;
	background-image: url(icons/form_arrow_right.gif);
	background-repeat: no-repeat;
	background-position: 1px 0px;
	text-decoration: none;
	font-size: 11px;
	margin-bottom: 8px;
	color: #53514D;
	}
#formulare br{
 clear: both;
 }
 	
#element_success_text{
	white-space: normal;
	width: 300px;
}
 
/* styles kontakt */
#anfahrt_menu {
	position: absolute;
	top: 290px;
	left: 806px;
	width: 250px;
	float: left;
}
#anfahrt_menu ul {
	padding: 0px;
	margin: 0px;
	list-style:none;
	float: left;
}
#anfahrt_menu li {
	display: block;
	padding: 0px;
	margin: 0px;
	height: 19px;
	vertical-align: bottom;
}

#anfahrt_menu a.inactive, #anfahrt_menu a.active {
	padding: 0px;
	margin: 0px;
	vertical-align: bottom;
	font-size: 11px;
	color: #54504D;
	text-decoration: none;
	padding-left: 14px;
	height: 18px
}

#anfahrt_menu a.active {
	background:url(icons/menu23_unten_active.gif) no-repeat;
}

#anfahrt_menu a.inactive:hover {
	background:url(icons/menu23_unten_selected.gif) no-repeat;
}

a.pdfload{
	margin-top: 30px;
	display: block;
	text-decoration: none;
	color: #54504D;
	font-size: 11px;
	background-image:url(icons/form_arrow_right.gif);
	background-repeat: no-repeat;
	float: left;
	padding-left: 14px;
	line-height: 15px;
	margin-bottom: 0px;
}

a:hover.pdfload{
	text-decoration: underline;
}

#kontakt_unten_anfahrtbox{
	width: 320px;
	float: left;
	font-size: 11px;
	color: #54504D;
	line-height: 18px;
	padding-top: 42px;
	margin-left: 105px;
}		

a.anfahrt{
	display: block;
	text-decoration: none;
	color: #54504D;
	font-size: 11px;
	background-image:url(icons/form_arrow_right.gif);
	background-repeat: no-repeat;
	float: left;
	padding-left: 14px;
	line-height: 15px;
	margin-bottom: 0px;
}
a:hover.anfahrt{
	text-decoration: underline;
}

#job_text1,#job_text2 {
	height: 135px;
}