body{background-color: #FFFFFF;}


@font-face {
    font-family: 'open_sanslight';
    src: url('font/opensans-light-webfont.eot');
    src: url('font/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-light-webfont.woff') format('woff'),
         url('font/opensans-light-webfont.woff') format('truetype'),
         url('fontopensans-light-webfont.svg#chianti_it_win95btitalic') format('svg');

}



.kontaktformular  {

	 width:  380px;
     margin: 0px 0;
     padding: 10px;
     font-size: 14px;
     font-family: open_sanslight, Tahoma, Verdana, Arial;
     border: 0px solid #c1bfbf;
     background: #ffffff;
     float: left;
     clear: both;
	height:  550px;

     }

     

.kontaktformular fieldset {margin: 10px 0;}
.kontaktformular a {color: #c6c6c6; text-decoration: none;}
.kontaktformular a:hover {color: #ffffff;}

  

	 .kontaktformular legend {

	 background: #579cc1;
	 color: #ffffff;
	 padding: 3px 5px;
	 border: 1px solid #c1bfbf;
	 text-transform: uppercase; 
	 	  font-size:13px; 
	 }
	 
	 
	 
	.kontaktformular label {

     width: 100px;
	 float: left;
     clear: both;
     padding: 3px 10px;
     margin: 3px 0;
	font-size:13px;

     } 
          


.kontaktformular input,  .kontaktformular select {
     border-right: 1px solid #c1bfbf; 
     border-bottom: 1px solid #c1bfbf;
     border-left: 1px solid #c1bfbf; 
     border-top: 1px solid #c1bfbf;
     background: #f1f1f1;
     padding: 0px 3px;
     margin: 3px 0;
	 width: 200px;
	  font-family: open_sanslight, Tahoma, Verdana, Arial;
	   font-size:13px;
	 }
	 
	 
	 .kontaktformular textarea {

     border-right: 1px solid #c1bfbf; 
     border-bottom: 1px solid #c1bfbf;
     border-left: 1px solid #c1bfbf; 
     border-top: 1px solid #c1bfbf;
     background: #f1f1f1;
     padding: 0px 3px;
     margin: 3px 0;
	 width: 180px;
	 height:60px;
	 resize: none;
      font-family: open_sanslight, Tahoma, Verdana, Arial;
	   font-size:13px;
}



.kontaktformular input:active, .kontaktformular input:focus, .kontaktformular input:hover { background:#c1dae8;resize: none; font-size:13px; font-family: open_sanslight, Tahoma, Verdana, Arial;}
.kontaktformular textarea:active, .kontaktformular textarea:focus, .kontaktformular textarea:hover { background: #c1dae8;resize: none; font-size:13px; font-family: open_sanslight, Tahoma, Verdana, Arial;}
.kontaktformular select:active, .kontaktformular select:focus, .kontaktformular select:hover { background: #c1dae8;resize: none;  font-size:13px;font-family: open_sanslight, Tahoma, Verdana, Arial;}

.kontaktdaten table, .anfrage table, .captcha table { border-spacing:0px; width:360px; border:0px solid;resize: none;}
.label { width:100px; padding:0px;resize: none;}
.field { width:250px; padding:0px;resize: none;}
.error { width:200px; padding:0px 0px 0px 5px;}
.captchareload { padding-left:10px;}
input.errordesignfields, textarea.errordesignfields, select.errordesignfields { background-color:#cc3333;}



#checkid {
  width: auto;

}


#checkid2 {
  width: auto;
}




.buttons input { width:120px;}
.buttons input, .captchareload img { background: #fc693c;  font-family: open_sanslight, Tahoma, Verdana, Arial; font-size:13px; color: #ffffff; border-top:1px solid #c1bfbf; border-left:1px solid #fff; border-bottom:1px solid #c1bfbf; border-right:1px solid #c1bfbf;}
.buttons input:hover, .captchareload img:hover { background: #fc693c; color: #ffffff;  font-family: open_sanslight, Tahoma, Verdana, Arial; font-size:13px; border-top:1px solid #c1bfbf; border-left:1px solid #c1bfbf; border-bottom:1px solid #c1bfbf; border-right:1px solid #c1bfbf;}



.pflichtfeld {
	 color: #cc6666;}

	

	 .zurueck {
	 color: #6891D1;}