@charset "UTF-8"; /* charset festlegen */
/*
Projektname:   Royal Hair
Web:           www.safirbilgisayar.com
Erstellt am:   21.03.2010    
Freigabe am:   NICHT freigegeben
*/

*/

/*inputs */

input {
border: 1px solid #3a3539;
background-color: transparent;
color: #6d676b;
margin: 5px 0;
width: 352px;
font-family: "trebuchet MS", verdana;
font-size: 1.3em;
}

legend {
display: none;
}

legend.visible {
display: block;
font-weight: bold;
margin: 0;
padding: 0;
}


select {
border: 1px solid #6e666c;
background-color: #d4ccd1;
margin: 5px 0;
width: 354px;
}

input[type="file"]  {
border: 1px solid white;
}


input#reset,
input#submit,
input.submit {
background-image:url(../images/pfeil_675060.gif) !important;
background-repeat:no-repeat;
background-position: center left;
padding: 0 0 0 8px;
color: #64505e !important;
font-size: 1.1em;
width: auto;
border: none;
margin-top: 10px;
margin-right: 20px;
}


* html input.submit {
width: 105px;
}

* + html input.submit {
width: 110px;
}

input.submit.breit {
width: auto;
margin-left: 5px;
padding: 0 0 0 12px;
}

* html input.submit.breit {
width: auto;
margin-left: 5px;
padding: 0 0 0 3px;
}

* + html input.submit.breit {
width: auto;
padding: 0 0 0 3px;
margin-left: 5px;
}


input.submit.haendler-submit {
width: 70px;
padding: 0;
margin-left: 290px;
}

* html input.submit.haendler-submit {
width: 80px !important;
padding: 0;
margin-left: 126px;
}

* + html input.submit.haendler-submit {
width: 80px !important;
padding: 0;
margin-left: 120px;
}


input#reset {
margin-left: 181px;
width: 80px;
}

* html input#reset {
margin-left: 178px;
padding: 0;
width: 100px;
}

* + html input#reset {
margin-left: 178px;
padding: 0;
width: 100px;
}

input.plz,
input.nummer {
width: 52px;
}

input.haendler {
width: 170px;
}

input.suche {
width: 303px;
margin-left: -112px;
}

input#plz-ort.suche {
float: left;
margin-right: 10px;
}

* html input#plz-ort-suche {
padding: 0;
margin-left: 0px;
}



input.ort,
input.strasse {
width: 295px;
}



input.kundenprofil {
width: 36px;
margin: 6px 10px 0 0;
float: left;
}

input.kundenprofil.eingerueckt {
margin: 0;
}

input.aussteller {
width: 267px;
float:left;
}

* html input.aussteller {
width: 267px;
float:left;
}


input.marken {
height: 100px;
float:left;
background-color: #d4ccd2;
border: 1px solid #6f676c;
margin-bottom: 10px;
}

textarea.marken {
height: 100px;
width: 352px;
float:left;
background-color: #d4ccd2;
border: 1px solid #6f676c;
margin-bottom: 10px;
font-family: "trebuchet MS", verdana;
font-size: 1.3em;
}


input.radio {
float: left;
margin: 8px 0;
width: 12px;
border: none;
}

input.sonstiges {
width: 278px;
float: left;
margin: 14px 0 10px 0;
padding: 0;
}

input.checkbox {
float: left;
margin: 7px 0px;
width: 12px;
height: 12px;
background-color: #FFF;
border: 1px solid #808080;
}

input.checkbox.second-first {
margin: -7px 0 0 180px;
}

input.checkbox.second {
margin-top: -7px;
}

* html input.checkbox.second-first {
margin: -7px 0 0 174px;
}

input.radio.eingerueckt,
input.checkbox.eingerueckt {
margin-left: 180px;
}

* html input.radio.eingerueckt,
* html input.checkbox.eingerueckt {
margin-left: 173px;
}

input.radio.abstand {
margin-left: 180px;
margin-top: -6px;
}

* html input.radio.abstand {
margin-left: 174px;
margin-top: 0px;
}

* html input.anmelden {
padding: 0;
}



.haendler-login input {
width: 162px;
font:normal 12px/1.2em "trebuchet MS", verdana,sans-serif;
padding: 0 2px;
}


/* Anmeldeformular */
		
fieldset {
border: none;
}


fieldset#leistungen-check {
padding-top: 15px;
}


/*labels */

label {
margin: 15px 0;
font-family: "trebuchet MS", verdana;
font-size: 1.3em;
margin: 5px 50px 0 0;
width: 130px;
display: block;
float: left;
}

* html label {
margin: 5px 43px 0 0;
}


label.radio {
margin-left: 9px;
margin-right: -66px;
}

* html label.radio {
margin-left: 9px;
margin-right: -66px;
margin-top: 8px;
}

label.bold {
/*width: 120px;*/
width: 140px;
float: left;
font-weight: bold;
margin: 10px 70px 0 0;
}

* html label.bold {
width: auto;
float: left;
margin: 10px 10px 0 0;
}

label.sonstiges {
margin: 12px 10px 0 180px;
font-size: 13px;
width: 64px;
}

* html label.sonstiges {
margin: 12px 10px 0 85px;
}

label.checkbox {
margin-left: 11px;
margin-right: -40px;
width: 135px;
}


label.checkbox.second {
margin: -11px -40px 0 11px;
}

* html label.checkbox.second {
margin: -11px -40px 0 11px;

}


label.radio.abstand {
margin-top: -9px;
}

* html label.radio.abstand {
margin-top: 0px;
}

label.gewerbeschein-fax,
label.gewerbeschein-beantragt  {
width: 300px;
margin-left: 9px;
}

label.kundenprofil {
font-size: 11px;
float: left;
margin: 6px 20px 0 5px;
width: 85px;
}

label.kundenprofil eingerueckt {
margin: 6px 0 0 0px;
}

/* Seite weiterempfehlen */

#weiterempfehlen h1 {
margin-bottom: -20px;
}

#weiterempfehlen p {
font-weight: bold;
margin-top: 30px;
margin-bottom: 5px;
}



/* Fehlermeldungen */
input.fehlerfeld,
input.strasse-fehlerfeld,
input.nummer-fehlerfeld,
input.ort-fehlerfeld,
input.plz-fehlerfeld {
border: 1px solid red;
}


input.nummer-fehlerfeld,
input.plz-fehlerfeld {
border: 1px solid red;
width: 52px;
}


input.ort-fehlerfeld,
input.strasse-fehlerfeld {
border: 1px solid red;
width: 295px;
}