/* 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;
	position: absolute;
	top: 54px;
	left: 484px;
	width: 320px;
	height: 320px;
	float: left;
	overflow: hidden;
	background-color: #D7E6E9;
}
#formulare .box320_l{
	z-index: 4;
	position: absolute;
	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{
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 14px;
	line-height: 14px;
	font-size: 11px;
	color: #51514F;
}
#formulare .label2 {
    height: 28px;
}
/*	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: 300px;
	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(icons/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;
}