/*  #####################################################
**  Domain:    www.aschau.de
**  Datei:     forms.css
**  Funktion:  Einzelstyles f�r Formularelemente

**  Erstellt:  02.03.2009
**  Media:     screen, projection

**  Autor:     Axel G�ldner
**  copyright: infomax websolutions GmbH
##################################################### */

/*  =========================================================

1. Allgemeine Einstellungen
2. Kontaktformular

========================================================== */

@media screen
{
/*  =========================================================
 =1. Allgemeine Einstellungen
 	  (Styles die �berall gleich sein sollten.)
========================================================= */

.contentForm{ width:100%; height:auto; margin:2em 0 0!important;font-family: "Verdana", "Arial", "sans-serif";}
.contentForm .optionBlock{
    margin:2.5em 0!important;
    padding:2em 0 1em!important;
    width:100%;
    height:auto;
    border-top:1px #BCBCBC dotted!important;
    border-bottom:1px #BCBCBC dotted!important;
}
.contentForm .optionBlock li{ list-style:none; clear:both;}
.contentForm .optionBlock li label{ width:auto; padding:0!important; margin:.5em 0 .5em .5em!important;}
.contentForm .optionBlock li input{ clear:both; float:left; margin:.5em 0!important;}
.contentForm .selectBlock{ margin:3em 0!important; width:100%; height:auto;}
.contentForm .selectBlock li{ list-style:none; clear:both; padding:0 0 0 10em!important;}
.contentForm .selectBlock li label{ width:90%; padding:0!important; margin:.5em 0 .5em .5em!important; text-align:left!important;}
.contentForm .selectBlock li input{ float:left; margin:.5em 0!important;}

p.formerror, label.formerror, select.formerror, input.formerror, textarea.formerror{ color:red!important;}
p.formerror, select.formerror, input.formerror, textarea.formerror{ border:1px red solid!important; background:#FFC5C5!important;}
p.formerror{ padding:.5em!important; font-weight:bold;}
legend{
	font-size:1.1em;
	font-weight:bold;
	margin:0.5em 0 0.25em!important;	
}

label{
	font-size: 11px;
	width:10em;
	float:left;
	padding:0.5em 0 0 !important;
}

input.text{
    border-top:1px #BBBBBB solid!important;
    border-left:1px #BBBBBB solid!important;
    border-right:1px #F4F4F4 solid!important;
    border-bottom:1px #F4F4F4 solid!important;
    background:#EFF7FF;
    color:#777;
    font-size:0.9em;
    height:1.4em;
		width: 200px;
    padding:.1em!important;
}
input.text:focus{ color:black;}

textarea.text{
    border-top:1px #BBBBBB solid!important;
    border-left:1px #BBBBBB solid!important;
    border-right:1px #F4F4F4 solid!important;
    border-bottom:1px #F4F4F4 solid!important;
    background:#EFF7FF;
    color:#777;
    font-size:0.9em;
    height:5em;
    padding:.3em!important;
}
textarea.text:focus{ color:black;}

select{
    border-top:1px #BBBBBB solid!important;
    border-left:1px #BBBBBB solid!important;
    border-right:1px #F4F4F4 solid!important;
    border-bottom:1px #F4F4F4 solid!important;
    color:#DEDFDF;
		background:#EFF7FF;
    font-size:1em;
    height:1.4em;
    padding:0 0 0 .3em!important;
}
select:focus{ color:black;}

a.formbutton, a.formbutton:visited{
    min-width:82px;
		width:200px;
    height:20px;
    padding:3px 9px 3px 9px!important;
		margin: 0 50px 0 200px;
    text-align: center!important;
    font-size:13px;
    background: #3FA4FF;
    display:block;
		text-decoration:none;
}

a.formbutton span, a.formbutton:visited span{ background:#3FA4FF; width:auto; display:block; cursor:pointer; text-align:center!important; padding:0 0 0 0!important;text-decoration:none;}
a.formbutton:hover span, a.formbutton:focus span, a.formbutton:active span{ color:white; text-decoration:none; }


/*  =========================================================
 =2. Kontaktformular
 	  (Styles f�r die Kontaktseite)
========================================================= */

.contactForm .w6{ width:6em!important; margin:0 .5em 0 0!important;}
.contactForm .w22_5{ width:12.5em!important;}
.contactForm .w30{ width:20em!important;}
.contactForm label{ margin:0 2em 0 0!important; padding:.25em 0 0!important; text-align:right!important;}
.contactForm select{ height:1.8em!important;}
.contactForm .closer{ margin:1em 0 0!important;}
.contactForm .info{ font-size: 11px; padding:0 0 0 1em!important;}


form input.hide,
form label.hide { display: none;}



}