/****************************************************************************************
F O R M    F O R M A T T I N G

Date:	Aug 21, 2011
Author:	Pat Mueller, patmueller.ch
*****************************************************************************************/

div.formbody #error {
		width: 590px;
		height: 70px;
		margin: 0 0 20px 0;
		padding-left: 80px;
		background: url("../img/error.gif") no-repeat #fff;
		border: 1px solid #c20000;
		line-height: 150%;
		color: #c20000;
		}

div.formbody #error p {
		margin: 27px 0 10px 0;
		font-size: 120%;
		font-weight: normal;
		line-height: 1em;
		color: #c20000;
		}

div.formbody fieldset {
		width: 650px;
		margin: 0 20px 15px 0;
		padding: 20px 10px 15px 10px;
		border: 1px dotted #666;
		}

* html div.formbody fieldset { /* IE6 Hack: Dupliziert Border Top willkürlich */
		border-top: none;
		}

* +html div.formbody fieldset { /* IE7 Hack: Dupliziert Border Top willkürlich */
		border-top: none;
		}

fieldset.checkbox_container {
		border: none !important;
		margin: 0 !important;
		padding: 0 !important;
		}

.checkbox_container legend {
		display: none;
		}

input.checkbox {
		float: left !important;
		}

input.upload {
		border: none !important;
		}

div.formbody .fixfield { /* IE Workaround: Gleicher Abstand im Fieldset zuoberst */
		height: 20px;
		}

div.formbody form {
		margin: 0;
		padding: 0;
		}

div.formbody input, div.formbody textarea {
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 100%;
		color: #343434;
		outline:none;
		margin-bottom: 15px;
		padding:3px;
		border:1px solid #ccc;
		font-size:100%;
		}

div.stromrechner input {
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 100%;
		color: #343434;
		outline:none;
		margin: 5px 0;
		padding:3px;
		border:1px solid #ccc;
		font-size:100%;
		}

div.formbody input {
		overflow:hidden;
		}

div.formbody textarea {
		overflow:auto;
		}
		
div.formbody input {
		width: 300px;
		height:15px;
		
		} 		

div.formbody input.text:focus, div.formbody input.text:hover, div.formbody textarea:focus, div.formbody textarea:hover, div.submit_container input.submit:active, div.submit_container input.submit:hover {
		outline:none;
		border:1px solid #999;
		} 		

div.formbody input.explanation {
		margin: 0 0 0 0;
		}

div.formbody input.town {
		margin: 0 0 3px 0;
		width: 205px;
		border: 1px solid #6c6c6c;
		}

div.formbody input.zip {
		margin: 0 0 3px 0;
		width: 55px;
		border: 1px solid #6c6c6c;
		}

div.formbody input.check, div.formbody input.checkbox {
		clear: left;
		float: left;
		margin: 3px 10px 0 0;
		padding: 0;
		width: 10px;
		border: none;
		}
		
div.formbody input.floatl {
		clear: both;
		float: left;
		margin: 0 10px 0 0;
		padding: 0;
		}

div.formbody input.radio {
		clear: left;
		float: left;
		margin: 3px 10px 0 0;
		padding: 0;
		width: 10px;
		border: none;
		}

div.formbody label {
		margin: 5px 0 0 0;
		padding: 0;
		display: block;
		clear: left;
		}

div.formbody .checkbox+label {
		margin: 8px 0 0 10px;
		padding: 0;
		display: inline-table !important;
		clear: none !important;
		}

div.formbody legend {
		padding: 0 3px 0 0;
		color: #6c6c6c;
		background-color: #fff;
		}

div.formbody li	{
		margin-top: .5em;
		list-style: none;
		}

div.formbody li ul li {
		margin-left: 3px;
		}

div.formbody li.zip {
		display: block;
		float: left;
		width: 65px;
		}
		
div.formbody li.town {
		margin-left: 5px;
		width: 300px;
		}

div.formbody ol, div.formbody ul, div.formbody li {
		margin: 0;
		padding: 0;
		}

div.formbody div.explanation {
		clear: left;
		margin: 0;
		font-size: 90%;
		line-height: 133%;
		}

div.explanation p {
		color: #6c6c6c !important;
		}
		
div.formbody p.descmgleft {
		margin: 0 0 10px 40px;
		font-size: 90%;
		line-height: 133%;
		color: #afafaf;
		}

div.formbody p.error {
		margin-bottom: 0 !important;
		color: #c20000 !important;
		}

div.formbody input.submit, input.submit {
		 width:180px !important;
		 height: 28px;
		 background: url(../img/bg_submit.png.html) repeat-x;
		 color: #fff;
		 text-transform: uppercase;
		 }

div.stromrechner input.submit {
		 width:100px;
		 height: 28px;
		 background: url(../img/bg_submit.png.html) repeat-x;
		 color: #fff;
		 }

div.radio_container, div.checkbox_container {
		margin-top: 10px;
		}

div.radio_container label, div.checkbox_container label {
		clear: none;
		float: left;
		margin: 0 0 3px 5px;
		}

div.formbody input.radio, div.formbody input.checkbox {
		clear: left;
		float: left !important;
		margin: 10px 0 0 0;
		padding: 00;
		display: block;
		width: 15px;
		height: 15px;
		}
		
div.formbody span.radio, div.formbody span.checkbox {
		margin: 0 30px 0 0;
		}

div.formbody select {
		margin-bottom: 20px;
		}

div.formbody textarea {
		width: 370px;
		height: 100px;
		margin: 1px 0;
		}