BODY {
	font-family: Helvetica, Arial, Geneva, Verdana, sans-serif;
	FONT-SIZE: 14px;
	COLOR: Black;
                background-color: #ffffff;
}





H1 {
	font-family: Helvetica, Arial, Geneva, Verdana, sans-serif;
	FONT-SIZE: 18px;
	COLOR: Black;
}






H2 {
	font-family: Helvetica, Arial, Geneva, Verdana, sans-serif;
	FONT-SIZE: 16px;
	COLOR: Black;
}







A {
	COLOR: black; 
	text-decoration: none;
 	FONT-SIZE: 20px; 
	
}

A:visited {
	COLOR: black;
	text-decoration: none;
  	FONT-SIZE: 20px;
	
}

A:Hover {
	COLOR: #d7cb97;
	text-decoration: none;
  	FONT-SIZE: 20px;  
	
}





img {   
/* 
Bilder ohne Rahmen anzeigen 
*/
	border:0px;
                margin-bottom: 0px; 
}







#wrap {
width: 80%;
margin-left: auto;
margin-right: auto;
border: 0px;
border-style: solid;
border-color: #CCCCCC;
background-color: #ffffff; 
border-radius: 6px;
}




#kopfzeile {
width: 81%;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding: 5px;
border: 1px;
border-style: solid;
border-color: black;
background-color: #ffffff; 
border-radius: 2px;
}





#a {


clear: both;  
width: 80%;
margin-left: auto;
margin-right: auto;
margin-bottom: 1px;
padding: 10px;
border: 1px;
border-style: solid;
border-color: black;
background-color: #ffffff; 
border-radius: 2px;
background-image: url('images/bildkopfganzOR.jpg');   
background-color: #ffffff; 
}

/*

*/


#navi {
width: 80%;
margin-left: auto;
margin-right: auto;
margin-bottom: 1px;
padding: 10px;
border: 1px;
border-style: solid;
border-color: black;
background-color: #ffffff; 
border-radius: 2px;
}

#navi li {
    display: inline; /* li nebeneinander anzeigen */
    list-style-type: none; /* ohne Aufzählungspunkte */
  }





#main {
clear: both;  
width: 80%;
margin-left: auto;
margin-right: auto;
margin-bottom: 1px;
padding: 10px;
border: 1px;
border-style: solid;
border-color: black;
background-color: #ffffff; 
border-radius: 2px;
}




#footer {
width: 80%;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding: 10px;
border: 1px;
border-style: solid;
border-color: black;
background-color: #ffffff; 
border-radius: 2px;
}



/* Das Kontaktformular */
form {
  background-color: #ffffff;
  width: 80%; /* Breite des Formulars */
  padding: 20px;
  border: 0px solid #c8c6c9;
}
label { /* Beschriftung auf eigener Zeile */
  display: block;
  cursor: pointer; /* Mauszeiger wird zur Hand */
}
input#name,
textarea {
  width: 80%;
  border: 1px solid #8c8c8c;
  margin-bottom: 1em;
}
input#email,
textarea {
  width: 80%;
  border: 1px solid #8c8c8c;
  margin-bottom: 1em;
}
input#betreff,
textarea {
  width: 80%;
  border: 1px solid #8c8c8c;
  margin-bottom: 1em;
}
textarea {
  height: 15em;
}
input:focus,
textarea:focus {
  background-color: #ffffff;
}








/* sorgt dafür das float-positionierung aufgelöst wird
clear: both;  
*/

/* sorgt dafür das innerhalb des rahmen abstand x eingehalten wird
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
*/