/* --------------------------------------------------------------- */
/*                                                                 */
/*    FORMULARE CSS-DATEI                                          */
/*    Webstobe GmbH, www.webstobe.ch                               */
/*                                                                 */
/* --------------------------------------------------------------- */
/*

*/
/* --------------------------------------------------------------- */
/* --- HTML TAGS  ------------------------------------------------ */
/* --------------------------------------------------------------- */

input,
textarea,
select {
	font-size: 1em;
	border: none;
	background: #fff;
	padding: 4px;
	color: #000000;
	border-radius:0;
	box-shadow:none;
	font-family:'Tetria LT W01 Light', Arial, Helvetica, sans-serif;
}

textarea {
	min-height:120px;
}

input:hover,
input:focus,
select:hover,
select:focus,
textarea:hover,
textarea:focus {
	outline:none;
	background: #cce6ec;
}


input[type = "radio"],
input[type = "checkbox"] {
	background: none;
	border: none;
}


fieldset {
	border: none;
}

legend {
	display: none;
}

label {

}



input[type=submit] {
	font-size: 1em;
   	background: #e30421;
    border: none;
	color:#fff;
  	box-shadow: none;
  	padding: 6px 15px;
  	border-radius: 0;
   	display: inline-block;
   	position: relative;
	font-weight:normal;
	width:auto;
}

input[type=submit]:hover,
input[type=submit]:focus {
	background:#003742;
}




input[type=submit][disabled=disabled],
input[type=submit][disabled=disabled]:hover,
input[type=submit][disabled=disabled]:focus{
	background: #FFFFFF;
	color: #DFDFDF;
	cursor:default;
}
/* --------------------------------------------------------------- */
/* --- EIGENE KLASSEN  ------------------------------------------- */
/* --------------------------------------------------------------- */

form#formular,
.form-submitted{
	max-width:800px;
}

p.info {
	margin-left:42%;
}


.js-error,
.form-error {
	padding: 10px;
	margin: 0 0 20px 0;
	border: 1px solid #006eb6;
	background-color: #e5e5e5;
	color: #006eb6;
}

.form-row:after {
	content:"";
	display:table;
	clear:both;	
}

.form-row  {
	margin:0 0 5px 0;
}

.form-row .label {
	width: 40%;
	margin: 0 2% 0 0;
	float: left;
}
.form-row .field {
	width: 58%;
	float: right;
}

.form-row .field input,
.form-row .field select,
.form-row .field textarea {
	width:100%;
}

.form-row .field input[type="submit"] {
	width:auto;
}


.shop-col1 {
	width: 12%;
	display: block;
	float:left;
}

.shop-col1 input {
	width: 100%;
	text-align: center;
}

.shop-col2 {
	width: 68%;
	display: block;
	float:left;
	padding-left: 2%;
}

.shop-col3 {
	width: 18%;
	display: block;
	float:left;
}

.shop-col3 input {
	width: 100%;
	text-align: right;
}

#total-order {
	padding-bottom: 2px;
	border-top: none;
	border-right: none;
	border-bottom: 3px double #fff;
	border-left: none;
}


@media (max-width:480px) {


	#formular p.info {
		margin-left:0;
	}

	.form-row {
		margin-bottom:10px;
	}

	.form-row .label,
	.form-row .field {
		width:100%;
		margin:0;
	}

	.fadeout {
		display: none;
	}

	.shop-col1 {
		width: 80px;
		margin-bottom:5px;
	}

	.shop-col2 {
		width: 70%;
		padding-left:0;
		padding-right:10px;
		clear:both;
	}

	.shop-col3 {
		width: 30%;
		float:right;
	}
}