* {
	padding: 0;
	margin: 0;
	font-family: "Comic Sans MS", cursive;
	color: #333;
} 

body {
	margin:0;
	padding: 0;
	background: #c7f0fb;
	color: #444;
	line-height: 17px;
	font-family: "Comic Sans MS", cursive;
	font-size: 13px;
}

img {border: none;}
a{ color: #2A84E5; text-decoration: none; }
a:hover {  color: #000; }

#top {
background: #fbeec7 url(images/top.jpg) no-repeat;
padding: 10px 0;
}
#contentt {
background: #fbeec7 url(images/content.jpg) repeat-y;
padding: 20px;
}
#bottom {
background: #fbeec7 url(images/bottom.jpg) no-repeat;
padding: 10px 0;
}

#wrap {
width: 970px;
margin: 0 auto;
}

#header {
height: 100px;
line-height: 30px;
}
#header h1 {
	font-size: 50px;
	letter-spacing: -1px;
	padding: 30px 0 0 10px;
	color: #F00;
}
#header h1 a {
	color: #F00;
	text-decoration: none;
}
#header h1 a:hover {
color: #000;
}
#header h2 {
	letter-spacing: normal;
	padding: 0 0 0 16px;
	font-size: 29px;
	color: #000;
}

#headermenu {
height: 60px;
background: #3B8FE9 url(images/menubg.jpg) repeat-x;
line-height: 60px;
}
.headerm {
	padding: 0;
	text-transform: none;
	font-weight: 100;
}
.headerm li {
float:left;
list-style-type:none;
}
.headerm li a {
display:block;
padding:0 20px;
text-decoration:none;
color: #fff;
letter-spacing:1px;
letter-spacing: -1px;
font-size: 20px;
}
.headerm li a:hover {
color:#000;
text-decoration:none;
}

.left {
margin-top: 10px;
float: left;
width: 200px;
line-height: 15px;
}
.left h2 {
margin-top: 10px;
font: bold 13px Verdana, 'Trebuchet MS', Sans-serif;
line-height: 30px;	
background: #CC0001 url(images/contenth2.jpg) repeat-x;
height: 30px;
color: #fff;
padding-left: 10px;
}
.left ul  {
color: #aaa;
text-align: left;
margin: 3px 0 8px 0; 
padding-left: 10px;
text-decoration: none;	
list-style-type:none;	
}
.left ul li {
padding: 2px 0 2px 0px;
margin: 0 2px;	
}
.left ul a {
font-weight: 600;
color: #2A84E5;
}
.left ul a:hover { color : #333; }

.middle { 
margin-top: 10px;
float: left;
width: 510px;
margin-left: 10px;
line-height: 20px;
}
.middle h2 {
font: bold 14px Verdana, 'Trebuchet MS', Sans-serif;
color: #fff;	
background: #CC0001 url(images/contenth2.jpg) repeat-x;
margin-bottom: 5px;
margin-top: 10px;
height: 30px;
line-height: 30px;
padding-left: 10px;
}
.middle h2 a {
color: #fff;
}
.middle h2 a:hover {
color: #000;
}

.right {
margin-top: 10px;
float: right;
width: 200px;
}
.right h2 {
margin: 10px 0 20px 0;
font: bold 13px Verdana, 'Trebuchet MS', Sans-serif;
line-height: 30px;	
background: #CC0001 url(images/contenth2.jpg) repeat-x;
height: 30px;
color: #fff;
padding-left: 10px;
}

#footer { 
color: #777;
text-align: center;
padding-bottom: 10px;
}
#footer a {  color: #777; text-decoration: none; }
#footer  a:hover { color: #000; } 

/* Hinweis: Das Stylesheet der input Felder befindet sich in der Datei kontakt.php (im unteren Teil der Datei). */

.kontaktformular  {
	 width:  380px;
     margin: 0px 0;
     padding: 10px;
     font-size: 11px;
     font-family: Tahoma, Verdana, Arial;
     border: 1px solid #666666;
     background: #c7f0fb;
     float: left;
     clear: both;
     }
     
.kontaktformular fieldset {margin: 10px 0;}
.kontaktformular a {color: #990000; text-decoration: none;}
.kontaktformular a:hover {color: #483D8A;}
  
.kontaktformular legend {
	 background: #165bcb;
	 color: #fff;
	 padding: 3px 5px;
	 border: 1px solid #ddd;
	 text-transform: uppercase;
	 }
	  
.kontaktformular label {
     width: 100px;
	 float: left;
     clear: both;
     padding: 3px 10px;
     margin: 3px 0;
     }
          
.kontaktformular input, .kontaktformular textarea, .kontaktformular select {
     border-right: 1px solid #ddd; 
     border-bottom: 1px solid #ddd;
     border-left: 1px solid #666666; 
     border-top: 1px solid #666666;
     background: #ddc;
     padding: 0px 3px;
     margin: 3px 0;
	 width: 200px;
}

.kontaktformular input:active, .kontaktformular input:focus, .kontaktformular input:hover { background: #c7f0fb;}
.kontaktformular textarea:active, .kontaktformular textarea:focus, .kontaktformular textarea:hover { background: #c7f0fb;}
.kontaktformular select:active, .kontaktformular select:focus, .kontaktformular select:hover { background: #c7f0fb;}

.kontaktdaten table, .anfrage table, .captcha table { border-spacing:0px; width:360px; border:0px solid;}
.label { width:100px; padding:0px;}
.field { width:250px; padding:0px;}
.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:80px;}
.buttons input, .captchareload img { background: #555555; color: #fff; border-top:2px solid #fff; border-left:2px solid #fff; border-bottom:2px solid #666666; border-right:2px solid #666666;}
.buttons input:hover, .captchareload img:hover { background: #555555; color: #fff; border-top:2px solid #ddd; border-left:2px solid #ddd; border-bottom:2px solid #fff; border-right:2px solid #fff;}

.pflichtfeld {
	color: #FF0000;
}
	 

	 .zurueck {
	 color: #6891D1;}