/**** Standards ****/
body.kontakt h1 { 
	margin: 0; 
	padding: 0 0 10px 0; 
	font-weight: normal;
	color: #666666;  
	font-size: 14px;   
}

body.kontakt h2 { 
	margin: 0;
	padding: 5px 0 5px 0;
	font-weight: normal;
	color: #666666;
	font-size: 13px;
}

body.kontakt form {
	margin-left:10px;
	align:center;
	
}

/* Container */

body.kontakt div.formcontainer p{
	margin-bottom:0;
}

body.kontakt p.buttoncontainer {
  width: 560px;
  text-align: right;
	padding-top: 10px;
	border-top: #888 1px solid;
}

/* Label- und Required-Text */
body.kontakt p label {
	text-align: left; 
	font-weight: normal; 
	font-size: 12px; 
	display:block; 
	float:left;
	width:147px;
	padding:1px 0 0 3px;
}

body.kontakt label.error {
    color: #FF0000;
}



body.kontakt p.required_text {
	margin-top:10px;
	color:#FF0000;
	font-size:11px;
}

/* Formularelemente */
/* Background und Rahmen */
body.kontakt label.error {
	background-image: url(../images/ausrufezeichen.png);
	background-repeat: no-repeat;
  background-position: left;
}

body.kontakt .input,
body.kontakt .select,
body.kontakt textarea {		
	background-color: #FFF;
	border: 1px solid #888;
	outline-color: #006600;
}

body.kontakt input.error,
body.kontakt select.error,
body.kontakt textarea.error {
	border-color: #FF0000;
	outline-color: #FF0000;
}

body.kontakt .button {	
	background-color: #106429;
	border: #888 0px solid;
}

/* Höhen */
body.kontakt .input {		
	height: 18px;
}

body.kontakt .select {		
	height: 22px;
}

body.kontakt textarea {	
	height: 100px;
}

body.kontakt .button {	
	height: 20px; 
}

/* Margin und Padding */
body.kontakt .select {	
	margin:0;
	padding:0;
}

body.kontakt .input {	
	margin:0;
	padding-left:5px;
}

body.kontakt textarea {	
	margin:0;
	padding:5px;
}

body.kontakt .select.anrede {
	margin:0 5px 0 0;
}

body.kontakt .button {	
	margin:0 0 0 10px;
	padding: 0;
}

body.kontakt .checkbox {	
	margin:0 10px 0 0;
	padding: 0;
}

/* Schriftart und Ausprägung */
body.kontakt .input,
body.kontakt .select,
body.kontakt textarea {
	color:#000000;	
  font-family: "Verdana", Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
}

body.kontakt .button {	
	color:#ffffff; 
}

/* Specials */
body.kontakt textarea {
	overflow: auto;
}
body.kontakt .button {	
  cursor: pointer;
}

/* Elementbreiten */

.w20 {
  width:20px;
}

.w60 {
  width:60px;
}

.w120 {
 width:120px;
}

.w315 {
  width:315px;
}

.w385 {
 width:385px;
}

.w450 {
 width:450px;
}

/* form */
.form-control { height: 45px; margin-bottom: 5px; }
.form-control:focus { box-shadow: 0 0 10px 0 rgba(255, 0, 0, 0.5); border-color: #ff0000; }

.form-group.has-error label { color: #ff0000; }
.form-group.has-error input, .form-group.has-error select { border: 1px solid #ff0000; }

.has-error .form-control {
    border-color: #ff0000;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.has-error .form-control:focus {
    border-color: #ff0000;
    box-shadow: 0 0 10px 0 rgba(255, 0, 0, 0.5); border-color: #ff0000;
}

.help-block {
  color:#585858;
  font-size: 12px;
}

.has-error .help-block {
  color:#ff0000;
}

textarea.form-control { height: 150px; resize: none; }

#danke { display:none; }
