/*
Projektname:   TKMaxx
Funktion: 	   Formular
Erstellt am:   24.09.2007 von hB
Bearbeitet am: 24.09.2007 von hB
QS am:         25.09.2007 von OGelbrich
Freigabe am:   25.09.2007 von OGelbrich
*/

.formular {
margin: 10px 0;
}

div.formular form {
margin: 0;
padding: 0;
font-size: 1.2em;
}

div.formular fieldset {
margin: 0;
padding: 0;
border: none;
}

div.formular legend {
margin: 0;
padding: 0;
visibility: hidden;
}

div.formular form p {
clear: both;
float: none;
margin: 0;
padding: 0;
font-size: 1.1em;
color: #DE2723;
}

div.formular form p a {
font-weight: normal;
text-decoration: underline;
}

div.formular form p a:hover {
font-weight: normal;
text-decoration: underline;
}

div.formular form h2 {
margin: 10px 0 0 0;
}


div.formular label {
display: block;
width: 600px;
margin: 3px 0 0 0;
padding: 0;
line-height: 1.2em;
vertical-align: 1%;
}



div.formular input {
width: 300px;
border: none !important;
}



div.formular textarea {
width: 300px;
border: none;
background-color: #FFFFFF;
voice-family:"\"}\""; 
voice-family:inherit;
width: 305px;
border: none;
background-color: #FFFFFF;
}

div.formular select { /* Browserweiche MSIE 5.5 */
width: 300px;
voice-family:"\"}\""; 
voice-family:inherit;
width: 305px;
}


div.formular select.eintritts-tag,
div.formular select.eintritts-monat,
div.formular select.eintritts-jahr {
width: 97px;
voice-family:"\"}\""; 
voice-family:inherit;
width: 99px;
}

input#geburtstag.geburtstag,
input#geburtsmonat.geburtsmonat,
input#geburtsjahr.geburtsjahr {
width: 99px;
}


div.formular div.fakelabel select {
margin: 0 0 0 1px !important;
}


div.formular input.radiobutton {
width: auto;
vertical-align: middle;
border: none;
margin: 0 0 0 3px;
}

div.formular input.checkboxen {
margin: 0 0 0 170px;
width: auto !important;
border: none;	
}

div.formular input#zustellung.checkboxen {
margin: 0;
}

input#agb.checkboxen {
margin: 15px 0 0 0;
}

div.formular input.anhang {
border: 1px solid #666;
}

div.formular input.senden {
margin: 0 0 0 170px; 
width: 106px;
height: 31px;
border: none;
}

div.formular input.abbestellen {
margin: 0 0 0 170px; 
width: 218px;
height: 34px;
border: none;
}

div.formular input.berechnen {
margin: 0 0 0 160px; 
width: 160px;
height: 37px;
border: none;
}

div.formular input.plzsangabe {
width: 100px;
}

div.formular input.ortsangabe {
width: 193px;
}

* html div.formular input.ortsangabe {
width: 197px;
voice-family:"\"}\""; 
voice-family:inherit;
width: 189px;
}

div.formular input.filiale-finden {
margin: 0 0 0 170px; 
width: 135px;
height: 36px;
border: none;
}


div.formular .fakelabel label {
width: auto;
display: inline;
border: none;
}


div.formular .fakelabel-checkbox input {
width: auto;
}

/* Fehlermeldungen */

div.formular .warning {
color: #DE2723;
}

div.formular input.error {
border: 1px solid #DE2723;
}

div.formular label span {
display: block;
width: 170px;
float: left;
font-weight: bold;
padding: 2px 0 0 0;
}

div.formular .fakelabel {
width: 700px;
margin: 3px 0 0 0;
clear: left;
line-height: 1.2em;
vertical-align: 1%;
}

div.formular .fakelabel span {
float: left;
width: 170px;
display: block;
font-weight: bold;
padding: 2px 0 0 0;
}

div.formular p.hinweis {
display: block;
width: 705px;
padding: 0 0 5px 0px;
font-size: 10.5px;
color: #000;font-weight: normal;
voice-family:"\"}\""; 
voice-family:inherit; /* alle ausser IE 5.5 */
display: block;
width: 600px;
padding: 0 0 5px 0px;
font-size: 10.5px;
color: #000;
font-weight: normal;
}



div.formular ul {
margin: 0 0 15px 5px !important;
}


div.formular ul.warning li {
font-size: 1em;
color: #DE2723 !important;
list-style-type: disc !important;
}