body,p,option,span,select,option,table,tr,td { font-family: Arial; color: black; font-size: 11px; }

input[type='text'] { margin-right:3px; font-family: Verdana, Arial; background-color: #F0F0F0; color: #000000; font-size: 10px; width: 200px; padding: 2px; border: 1px solid #B2ACA3; }

a.navi_top1, a.navi_top2, a.navi_top3, a.navi_top4, a.navi_top5, a.navi_top6 { color: #FFFFFF; width: 126px; font-size: 10px; font-weight: normal; text-align: center; display: block; float: left; margin-right: 1px; padding-top: 3px; padding-bottom: 3px;  }
a.navi_top1:hover { color: #BDA463; text-decoration: none; font-weight: normal; }
a.navi_top2:hover { color: #4E422F; text-decoration: none; font-weight: normal; }
a.navi_top3:hover { color: #4E422F; text-decoration: none; font-weight: normal; }
a.navi_top4:hover { color: #95B181; text-decoration: none; font-weight: normal; }
a.navi_top5:hover { color: #435531; text-decoration: none; font-weight: normal; }
a.navi_top6:hover { color: #4E422F; text-decoration: none; font-weight: normal; }

a.navi_bottom { color: #FFFFFF; width: 70px; font-size: 10px; text-align: center; font-weight: normal; padding-top: 3px; padding-bottom: 3px;  }
a.navi_bottom:hover { color: #C5BB65; text-decoration: none; font-weight: normal; }

a.material1, a.material2, a.material3, a.material4 { margin-top: 59px; color: #FFFFFF; width: 124px; font-size: 10px; font-weight: normal; text-align: center; display: block; float: left; padding-top: 3px; padding-bottom: 3px;  }
a.material1:hover { color: #BDA463; text-decoration: none; font-weight: normal; }
a.material2:hover { color: #C5BB65; text-decoration: none; font-weight: normal; }
a.material3:hover { color: #C5BB65; text-decoration: none; font-weight: normal; }
a.material4:hover { color: #4E422F; text-decoration: none; font-weight: normal; }

.material_sel { margin-top: 45px; color: #FFFFFF; width: 124px; font-size: 10px; font-weight: normal; text-align: center; float: left; padding-top: 3px; padding-bottom: 3px;  }


a.navi_item1, a.navi_item2, a.navi_item3, a.navi_item4, a.navi_item5, a.navi_item6 { color: #FFFFFF; font-size: 10px; width: 124px; font-weight: normal; text-align: center; display: block; margin: 1px 0px 0px 1px; }
a.navi_item1:hover { color: #4E422F; text-decoration: none; font-weight: normal; }
a.navi_item2:hover { color: #4E422F; text-decoration: none; font-weight: normal; }
a.navi_item3:hover { color: #4E422F; text-decoration: none; font-weight: normal; }
a.navi_item4:hover { color: #435531; text-decoration: none; font-weight: normal; }
a.navi_item5:hover { color: #4E422F; text-decoration: none; font-weight: normal; }
a.navi_item6:hover { color: #4E422F; text-decoration: none; font-weight: normal; }

.bg1 { background-color: #4E422F; }
.bg2 { background-color: #937850; }
.bg3 { background-color: #BDA463; }
.bg4 { background-color: #435531; }
.bg5 { background-color: #95B181; }
.bg6 { background-color: #C5BB65; }
.bgs { background-color: #770804; }

.col1 { color: #4E422F; } 
.col2 { color: #937850; } 
.col3 { color: #BDA463; } 
.col4 { color: #435531; } 
.col5 { color: #95B181; } 
.col6 { color: #C5BB65; } 

.titel { padding-top: 1px; padding-right: 2px; font-size: 11px; color: white; font-weight: bold; font-family: Arial; }

.img74 { border: 1px solid #463B2B; margin-top: 9px; cursor: pointer; }
.img330 { border: 1px solid #463B2B; }

a { color: black; font-weight: bold; text-decoration: none; }
a:hover { color: #770804; font-weight: bold; text-decoration: none; }

a.weiss { color: white; font-weight: bold; text-decoration: none;  }
a.weiss:hover { color: #770804; font-weight: bold; text-decoration: none;  }


a.rot { color: #770804; font-weight: bold; text-decoration: none; }
a.rot:hover { color: black; font-weight: bold; text-decoration: none; }

h4, .headline { color: #770804; font-weight: bold; font-size: 12px; margin:0; display: inline; }

input.field_ok, input.field_error  { font-family: Verdana, Arial; background-color: #F0F0F0; color: #000000; font-size: 10px; width: 200px; padding: 2px; }
.field_ok 	  { border: 1px solid #B2ACA3; }
.field_error { border: 1px solid red; }



#msg_error {border: 2px solid #FFCC00; background-color: #FFEECA; font-weight: bold; margin: 10px 10px 10px 0px; padding: 12px 10px 12px 50px; background-image: url(../images/icons/achtung.png); background-repeat: no-repeat; background-position: 0px 2px;}

a.abmedia { text-decoration: none; font-weight: normal; font-size: 10px; color: #A0A0A0; }
a.abmedia:hover { text-decoration: none; font-weight: normal; }

/** Balkon Manager CSS */
.clear {
	clear: both;
}


.bm_col {
/*height: 323px;*/
	font-size: 12px;
	float:left;
	width: 412px;
	margin-right: 15px;
}

.bm_col input, .bm_col label {
	vertical-align: middle;
}

.bm_header, .bm_footer {
	font-size: 12px;
	background: rgb(121,16,16);
	color: #FFF;
	padding: 3px;
	margin-bottom: 4px;
}
.bm_footer {
	margin-top: 4px;
	margin-bottom: 0px;
}
.bm_footer a, .bm_footer a:link, .bm_footer a:hover, .bm_footer a:visited {
	color: #FFF;
}

.bm_thumb {
	margin-right: 10px;
}

.bm_type_img {
	float:left; 
	clear: left;
	margin-bottom: 4px;
	margin-right: 8px;
	border: 1px solid black;	
}

#step2 input {
	width: 150px;
	margin: 3px;	
}

.error-message {
	color: red;
	font-size: 9pt;
}

#balkonTypeForm div.select select {
	float: right;
	width: 215px;
	margin: 3px 0;
}
#balkonTypeForm div.select label {
	clear: right;
	margin: 3px 0;
	margin-top: 6px;
	float: left;	
	vertical-align: middle;	
}
#balkonTypeForm div.select .error-message {
	width: 200px;
	text-align: right;
	clear: right;
	float: right;
}

#balkonTypeForm div select {
	width: 195px;	
}
#balkonContactForm label {
	clear: left;
	float: left;
	display: block;
	width: 70px;
	margin-top: 4px;	
}
#balkonContactForm input {
	margin: 2px 0;	
}

#bm_resultbox_minHeight {
	height: 334px;
	width: 0;
	float: left;
}
#bm_resultbox {
	text-align: right;
	border: 1px solid black;
	padding: 5px;
	padding-right: 10px;
	width: 317px;
}

#bm_resultbox .bm_header {
	text-align: left;
	margin: 2px -5px 5px 0;
}