/* 	----------------------------------------
	Muetterzentrum Dortmund (18.11.2009)
   	Author: unternehmen.online GmbH & Co. KG
	Media: Screen 								
    ----------------------------------------  */




/* FORMULAR */

div.form-wrapper {
float: left;
display: inline;
width: 100%;
margin: 10px 0 0 0;
padding: 0;
}

fieldset {
border: 0px solid #000000;
padding: 0;
margin: 0;
}

legend {
display: none;
font-size: 12px;
font-weight: bold;
color: #000000;
margin: 0 5px 5px 0;
padding: 0 5px 0 0; 
}

div.formtext {
float: left;
display: inline;
width: 430px;
margin: 20px 0 20px 12px;
padding: 0;
}

div.formcontainer div.formtext p { font-size: 12px; color: #646464; margin: 0; padding: 0; line-height: 150%; }

div.formcontainer h2.formsubhead { font-size: 20px; font-weight: normal; color: #000000; margin: 10px 0 0 12px; padding: 10px 0 10px 0; clear: both; }

div.formcontainer h3.formtitle { font-size: 12px; margin:0 12px 0 12px; color: #646464; padding: 5px 0 10px 0; font-weight: bold; clear: both; }

div.formcontainer div.errormsgs h3 { font-size: 12px; font-weight: bold; color: #ff0000; margin: 0 0 8px 0; padding: 0; text-decoration: none; line-height: 140%; }

div.formcontainer {
float: left;
display: inline;
width: 460px;
margin: 0 0 12px 0;
background: #FFF3DF;
padding: 0 0 12px 0; 
}

div.formrow {
float: left;
display: inline;
width: 420px;
margin: 0 0 0 12px;
padding: 8px 0 8px 0;
}

div.formrow br {
clear: left;
}



label.left {
float: left;
display: inline;
width: 150px;
margin: 3px 0 0 2px;
text-align: left;
font-size: 12px;
font-weight: bold;
line-height: 150%;
color: #000000; 
}

label.right {
float: left;
display: inline;
margin: 6px 0 3px 10px;
font-size: 12px;
/*width: 120px;*/
line-height: 120%;
color: #000000;
font-weight: normal;
}

input.formular {
float: left;
font-size: 12px;
font-weight: normal;
width: 240px;
margin: 0 0 0 20px;
padding: 3px 0 3px 3px;
color: #646464;
}

input.formular-mittel {
float: left;
font-size: 12px;
font-weight: normal;
width: 100px;
margin: 0 0 0 20px;
padding: 3px 0 3px 3px;
color: #646464;
}

input.formular-mittel2 {
float: left;
font-size: 12px;
font-weight: normal;
width: 160px;
margin: 0 0 0 20px;
padding: 3px 0 3px 3px;
color: #646464;
}

input.formular-mittel3 {
float: left;
font-size: 12px;
font-weight: normal;
width: 160px;
margin: 0 0 0 10px;
padding: 3px 0 3px 3px;
color: #646464;
}

input.formular-kurz {
float: left;
font-size: 12px;
font-weight: normal;
width: 62px;
margin: 0 0 0 10px;
padding: 3px 0 3px 3px;
color: #646464;
}

input.formular-kurz2 {
float: left;
font-size: 12px;
font-weight: normal;
width: 62px;
margin: 0 0 0 20px;
padding: 3px 0 3px 3px;
color: #646464;
}

input.right {
float: left;
font-size: 12px;
font-weight: normal;
margin: 7px 0 8px 2px;
padding: 0;
color: #646464;
}

*+html input.right {
float: left;
font-size: 12px;
font-weight: normal;
margin: 3px 0 3px 0;
padding: 0;
color: #646464;
}

* html input.right {
float: left;
font-size: 12px;
font-weight: normal;
margin: 3px 0 3px 0;
padding: 0;
color: #646464;
}

select.formular {
float: left;
font-size: 12px;
font-weight: normal;
width: 80px;
margin: 0 0 0 20px;
padding: 0;
color: #646464;
}

select.formular-mittel {
float: left;
font-size: 12px;
font-weight: normal;
width: 286px;
margin: 0 0 0 20px;
padding: 0;
color: #646464;
}

textarea.formular {
float: left;
font-size: 12px;
font-weight: normal;
width: 240px;
height: 150px;
margin: 0 0 5px 20px;
padding: 1px 0 1px 3px;
color: #646464;
}

div.send {
float: right;
display: inline;
width: 100px;
margin: 20px 175px 0 0;
padding: 0 0 20px 0;
}


div.errormsgs {
float: left;
display: inline;
width: 430px;
margin: 20px 0 20px 13px;
padding: 0;
}

div.errormsgs p {
font-size: 12px; font-weight: normal; text-decoration: none; color: #ff0000; margin: 0 0 7px 0; padding: 0; line-height: 1.50em; }

div.formend-container {
float: left;
display: inline;
width: 400px;
margin: 10px 0 20px 12px;
clear: left;
}

span.red {
color: #ff0000;
}