html { font-size: 100%;}
body { font-family:arial; color: #110; font-size: 16px; background: url('images/logo.png') no-repeat scroll 0 0; padding: 100px 5px 0 0; }

a {
	color: #BC3D3D;
	text-decoration: none;
}
a:hover { text-decoration:underline;}
.error { margin: 0.5em 0; font-size:1.2em; color:#e42322; border: 1px solid #e42322; background-color: #ffcccc; clear:both; font-weight:700;}
.error p { padding:10px; margin:0;}
.clear { clear:both;}
.ie_clear { width:100%;overflow:hidden; }
.floatbox { width:100%;overflow:hidden; }
.c33l {
	float:left; width:33.332%;
}
form#leistung_form #col1 { float:left; margin-right: 0.5em; }
form#leistung_form #col3 { float:right; /* margin-left: 0.5em;*/ /*margin-left: 29em;*/}

.float_left { float:left;}
.float_right { float:right;}
.floatbox { overflow:hidden; width:100%; }

fieldset { width:27em; padding:0.4em 0.7em 0.5em; margin: 0 0 0.5em; border: 1px solid #110; }
fieldset legend { font-size:1.4em;}
fieldset fieldset { width:auto; }
fieldset fieldset legend { font-size:1em;}
fieldset#user_data, fieldset#main_data { padding-top:0.6em; }
fieldset#leistungen { width:45em; border:0;}
/*legend { font-weight:700;} */
label,
#plzarea label { float:left; width: 8.5em; }
input, select, textarea { background-color: #EFEFEF; font-family: arial; font-size: 0.8em; width:20em; border:1px solid #6F6F6F; padding: 0.2em; margin:0 0 0.2em;}
input:focus, select:focus, textarea:focus { background-color: #fff !important; border:1px solid #110; }
input.zip { width:4em;}
input.city { width:15em;}
input.datefield { width:6em; }
input#mitglieds_art1, input#mitglieds_art2 { width:1.2em; height:1.2em; float:left; margin-right: 0.5em;}
fieldset#cert input, fieldset#zulieferer input, fieldset#membertype input { width:1.5em; height:1.5em; float:left; margin-right: 0.5em;}
fieldset#cert div, fieldset#zulieferer div, fieldset#membertype input { overflow:hidden; clear:left;}
fieldset#zulieferer,
fieldset#zulieferer div label { width:auto;}

form#leistung_form fieldset#zulieferer div label,
form#leistung_form fieldset#cert div label { width:auto;}

input.btn { width:10em;}

fieldset fieldset { border: 1px solid #9F9F9F; }

.menu {
	border: 1px solid #ccc; 
	padding: 0.2em;
	margin: 0 0.5em 1.5em 0;
	width: 99.2%;
	overflow:hidden;
}

#leistungen table th{ text-align:left; padding: 0.2em; background-color:#cce;}
#leistungen table th.headcol { width: 5.1em;}
#leistungen table { background-color:#9F9F9F;}
#leistungen table td { background-color:#fff; padding: 0.2em; vertical-align:top;}
#leistungen table td.desc { white-space: nowrap;}
#leistungen input { float:left; width:1.5em; height:1.5em; padding:0;}
#leistungen div.lbh { float:left; padding-left: 0.2em; display:none; }
#leistungen div.lbh div { display:block; }
#leistungen div.lbh div input { background-color: #EFEFEF; float:none; width: 3em; font-size: 9px; padding:2px 0 0 1px;}

.show { display:block !important; }

form#leistung_searchform {
	color:#666666;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:130%;
}
form#leistung_searchform fieldset,
form#leistung_searchform fieldset fieldset {
	width:auto;
	padding: 0 0 0.5em;
	border:0;
	
}
form#leistung_searchform fieldset legend {
    display:none;
	padding:0 0 0.5em;
}
form#leistung_searchform table tr td {
	padding:0;
	margin:0;
}

form#leistung_searchform .headline{ 
	color:#BC3D3D;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:700;
}
form#leistung_searchform h1.headline{ 
	padding: 3em 0pt 1em;
}
form#leistung_searchform {
	color:#333333;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:130%;
}

form#leistung_searchform #col1 { float:none;}
form#leistung_searchform #col3 { margin-left: 0;}
form#leistung_searchform  #plzarea input { width:1.2em; height:1.2em; float:left; margin-right: 0.5em; border:0; }
form#leistung_searchform  #plzarea div { overflow:hidden;}
form#leistung_searchform  #plzarea label { width: 16.5em;}
form#leistung_searchform  label { display:block; }
form#leistung_searchform #wb0 select { float:left; width: 98%; margin-right:0.2em;}

form#leistung_searchform .reset { width:15%; clear:both; float:none;}
form#leistung_searchform .submit {width:33em;  clear:both; float:none; font-size:1.4em; font-weight: 700;}
#email { display:none;}

form#leistung_searchform label,
form#leistung_searchform .label,
form#leistung_searchform fieldset#zulieferer div label {
    font-weight: 700;
}
form#leistung_searchform  #plzarea label { font-weight: 700; }
form#leistung_searchform  #plzarea div label { font-weight: 100; }
#plzarea div label { font-weight:100;}
form#leistung_searchform input,
form#leistung_searchform select {
	background-color:#F5F5F5;
	background-repeat:repeat-x;
	border:1px solid #8A9AA7;
	color:#333333;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	width:46em;
	margin: 0.2em 0 0.4em;
}

form#leistung_searchform input { padding: 3px 2px;}
form#leistung_searchform select { padding: 2px; width:46.5em;}
div#searchresult { padding: 25px 0 0 0;}
div#searchresult div,
fieldset#search_views {
/*	width:27.25em;
	padding: 10px 5px 12px 10px;*/	
	padding: 0 0 1em 0;
	margin: 0 0 1em 0;
	border-bottom: 1px solid #666666;/*
	background-color: #EFEFEF;*/
}

#leistungen fieldset.lbh_search { float:left; padding-left: 0.5em; }
form#leistung_searchform fieldset.lbh_search {
	clear:both;
	float:none;
	width:100%;
	padding:0;
}
#leistungen fieldset.lbh_search div { display:block; }
#leistungen fieldset.lbh_search div input { background-color: #EFEFEF; float:none; width: 8em; padding:2px 0 0 1px;}




table#companies_list {  border-top: 1px solid #000; border-right: 1px solid #000; width: 100%;}
table#companies_list th, table#companies_list td { padding: 0.2em; }
table#companies_list th { text-align:left; border-bottom: 1px solid #000;  border-left: 1px solid #000; }
table#companies_list tr { border-right: 1px solid #000; }
table#companies_list td { border-left: 1px solid #000; border-bottom: 1px solid #000; }


div#saved,
div#delete {
    color: #fff;
    background-color: #00DE07;
    padding: 0.3em;
    margin-bottom: 0.5em;
    text-align:center;
	/*border: 1px solid #000;*/
	color:#fff;
}
div#delete {
    background-color: #7F0F0F;
}


#search_btn { width: 25.2em; padding: 0.5em; font-weight:700; font-size:1em; margin: 12px 0 0 0;}

#leistungen_table {

}

#leistungen th.heat_treatments_child { padding-left: 1.5em; background-color:#EFEFFF; }

fieldset#search_views {
	padding: 0 0 1em 0 !important;
	margin: 0 0 1em 0 !important;
	border-bottom: 1px solid #666666 !important;
}

fieldset#search_views ul,
fieldset#search_views ul li { padding:0; margin: 0; list-style-type: none; }
fieldset#search_views ul li strong { float:left; width: 130px;}

.show_company {
    display:block;
    text-indent: -999em;
    background: url('images/show_company.gif') no-repeat scroll top left;
    width: 102px;
    height: 21px;
    margin-top: 5px;
}

#leistungen,
#kerndaten,
#main_data div { margin:0 !important; padding:0 !important;}

form#leistung_searchform fieldset#kerndaten {
    padding-bottom:8px;
} 
form#leistung_searchform fieldset#main_data,
form#leistung_searchform fieldset#plzarea,
form#leistung_searchform fieldset#wb0,
form#leistung_searchform fieldset#wb1,
form#leistung_searchform fieldset#zulieferer,
/* form#leistung_searchform fieldset#savety_gfx,*/
form#leistung_searchform fieldset#savety_gfx_buttons {
    background: #FFF none no-repeat scroll top left;
    border-top: 1px solid #e42322;
    border-left: 4px solid #e42322;
    padding: 8px 0 8px 50px;
    margin: 1px 0 8px 0;
    overflow:hidden;
}
form#leistung_searchform fieldset#plzarea label#plzarea_label { font-weight:700; width:100%;}

form#leistung_searchform fieldset#main_data      { background-image: url(images/a.png);}
form#leistung_searchform fieldset#plzarea        { background-image: url(images/b.png);}
form#leistung_searchform fieldset#wb0            { background-image: url(images/c.png);}
form#leistung_searchform fieldset#wb1            { background-image: url(images/d.png);}
form#leistung_searchform fieldset#zulieferer     { background-image: url(images/e.png);}
/*form#leistung_searchform fieldset#savety_gfx     { background-image: url(images/f.png);}*/
form#leistung_searchform fieldset#savety_gfx_buttons        { background-image: url(images/ok.png);}

form#leistung_searchform fieldset#plzarea .floatbox { width: 670px;}
form#leistung_searchform fieldset#plzarea .floatbox .c33l,
form#leistung_searchform fieldset#plzarea .floatbox .c33l div { overflow:hidden;}
form#leistung_searchform fieldset#plzarea .floatbox .c33l div { clear:both; }

form#leistung_searchform fieldset#leistungen legend { display:none;}
form#leistung_searchform fieldset#main_data label,
form#leistung_searchform fieldset#wb0 label,
form#leistung_searchform fieldset#wb1 label,
form#leistung_searchform fieldset#zulieferer label,
/*form#leistung_searchform fieldset#savety_gfx label,*/
form#leistung_searchform fieldset#savety_gfx_buttons label { width:100%; clear:both; float:none; }

@media only screen and (max-device-width:768px) {
	.c33l {
		float:none; width:100%;
	}

	/*.plzarea .floatbox {*/
	/*	display: flex;*/
	/*}*/
	form#leistung_searchform,
	form#leistung_searchform fieldset,
	form#leistung_searchform input,
	form#leistung_searchform select,
	form#leistung_searchform .submit,
	form#leistung_searchform .reset {
		width:98%;
		max-width:98%;
	}
	form#leistung_searchform fieldset {
		width:auto;

	}
	form#leistung_searchform #company_name {
		width:98%;
	}
	#savety_gfx img {
		max-width: 100%;
	}

	#email {
		display: none;
	}
}