/* CSS Document */



/*Produkt in Warenkorb Legen*/

fieldset.anzahl_2 {

    border: 1px solid #cccccc;

	background:#fafafa;

	margin: 0;

    padding: 10px;

	border-radius: 5px;

    -moz-border-radius: 5px;

	-webkit-border-radius: 5px;

}

/*FEEDBACK*/

#formular_f {

    width: 638px;

	float: left;

}



/*Test Formular oben*/

.textblock {

    border-bottom: 2px solid #ccc;

    padding-bottom: 15px;

    float: left;

}

#formular {

    width: 918px;

    float: left;

}





/*****KORB ANZAHL WÄHLEN****/

select.anzahl_korb {

	width: 50px;

	padding: 4px;

	border: 1px solid #ccc;

	-webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.1);  

    -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.1); 

    box-shadow: inset 1px 1px 3px rgba(0,0,0,0.1); 

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}

form.korb {

    padding: 0;

	margin: 0;

}



select.anzahl_1 {

	width: 100px;

	margin-top: 20px;

	margin-left: 15px;

	padding: 4px;

	border: 1px solid #ccc;

	-webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.1);  

    -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.1); 

    box-shadow: inset 1px 1px 3px rgba(0,0,0,0.1); 

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}

textarea.rueckruf {

	width: 350px;

	height: 100px;

	padding: 4px;

	border: 1px solid lightgray;

	-webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.1);  

    -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.1); 

    box-shadow: inset 1px 1px 3px rgba(0,0,0,0.1); 

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}



/*********************************************     FORMULAR     *********************************/



form {

	padding: 15px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;	

}



label {

    width : 90px;

    display : inline-block;

    text-align:right;

}



div>label:first-child {

	width: 180px;

	text-align: left;

	padding-top: 3px;

	vertical-align:top;

}



form div { 

   border: none; 

   margin: 5px;

   padding: 3px;

}



fieldset {

    border: 1px solid #cccccc;

	background:#fafafa;

    margin-top: 15px;

    padding: 10px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}



legend {

	background: #f5f5f5;	

	padding: 5px 15px;

	border: 1px solid lightgray;

	-webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.1);  

    -moz-box-shadow: inset 2px 2px 3px rgba(0,0,0,0.1); 

    box-shadow: inset 2px 2px 3px rgba(0,0,0,0.1); 

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}



input, select, textarea {

	width: 200px;

	padding: 4px;

	border: 1px solid lightgray;

	-webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.1);  

    -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.1); 

    box-shadow: inset 1px 1px 3px rgba(0,0,0,0.1); 

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}



textarea {

	width: 350px;

	height: 180px;

	padding: 4px;

	border: 1px solid lightgray;

	-webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.1);  

    -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.1); 

    box-shadow: inset 1px 1px 3px rgba(0,0,0,0.1); 

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}



input:hover,select:hover,textarea:hover {

	background: #ffc;

	border: 1px solid #555;

}

input:focus,select:focus,textarea:focus {

	border: 1px solid lightgray;

	outline: none;

}



input#nummer { width: 50px; }



input#plz { width: 50px; }



.formtext {

    width : 60px;

    height: 15px;

    display : inline-block;

    padding-left: 6px;

}



.formtext_agb {

    width : auto;

    height: 15px;

    display : inline-block;

    padding-left: 6px;

}



.form_check label { display: inline; }



.form_check label { 

	display: inline; 

	text-align: left;

} /* nur im IE7 erforderlich */



/* funktioniert nicht im IE7 */

/* hier muss auf Klassen zurück gegriffen werden */

label[for^="anruf"] { display: inline; }



.form_check input { margin-left: 7em; }



input#anruf_ja, input#anruf_nein { margin-left: 7em; }



	

input[type="checkbox"], input[type="radio"] {

	width: auto;

	border: none; /* IE */

}



input[type="submit"] {

	width: 200px;

	padding: 10px;

	margin-left: 50px;	

    background: #e6e6e6;

	border: 1px solid #ccc;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;	

	text-align: center;

	font-weight: bold;

	font-size: 12px;

	color: #333;

}

input[type="submit"]:hover {

    background: #f3f3f3;

	border: 1px solid #b8949f;

	color: #9c2348;

}

input[type="reset"] {

	width: 200px;

	padding: 10px;

	margin-left: 80px;	

    background: #e6e6e6;

	border: 1px solid #ccc;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;	

	text-align: center;

	font-size: 12px;

	color: #333;

}

input[type="reset"]:hover {

    background: #f3f3f3;

	border: 1px solid #e5a434;

	color: #c68006;

}

	

.error { 

	color: red; 

}

input.error {

	border: 1px solid #f00;

	background: #fff url(../../ru/assets/error.gif) right no-repeat;

	font-weight: bold;

}



input.ok {

	border: 1px solid #090;

	background: #DFFFDF;

}



p.error {

	margin-left: 8.3em;

	margin-bottom: 0.4em;

}



#buchst {

	margin-left: 6.5em;

	padding-left: 25px;

	margin-bottom: 0.5em;

	visibility: hidden;

	display:inline; /* gegen IE6 "Doppelmargin"-Bug */

}

#buchst input {

	display: inline;

	width: 1.5em;

	float: none;

	border: none;

	-moz-box-shadow: none;

	background: transparent;

	height: 1.1em;

	line-height: 1em;

	margin: 0;

	padding: 0;

	text-align: center;

}