/*=======================================
   1. Kalibrierung und allgemeine Styles
  =======================================*/
  
  /*Kalibrierung der wichtigsten Abstände*/

* {padding: 0; margin: 0; } /*alle Browserwerte auf 0 gesetzt*/
h2, p, ul, ol { margin-bottom: 1em; } /*Abstand nach unten*/
ul ul { margin-bottom: 0; } /*Verschachtelte Listen ohne Abstand*/
li { margin-left: 1em; } /*Abstand von links*/

  /*Allgemeine Selektoren*/
  
html { height: 101%; } /*erzwingt scroolbar im firefox*/  


* {padding: 0; margin: 0; } /*alle Browserwerte auf 0 gesetzt*/

body {
color:black; /*schriftfarbe Seitenhintergrund*/
background-color: #ffffff; /*Hintergrundfarbe*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:small;
/*font-size:14px;*/
}


#wrapper {
position: relative;
color: black;
background-color: white;
width: 840px; /*Breite des Inhaltsbereich insgesamt*/
margin-top:  21px;
margin-right: auto; 
margin-bottom: 10px; 
margin-left: auto; 
padding: 0px;
/*border: 2px solid #d0dde6;*/
}

#navizeile {
width: 840px; 
height: 92px;
color: black;
background-color: white;
margin-bottom: 0px; /*abstand wg. blauer linie?*/
}

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

  
    
/*#querlinie {
width: 840px;
}*/



#textbereich {
width: 807px;
color: black;
background-color: #dbe5f0;
/*border-top: 3px solid #004c99;*/

border-left: 3px solid #004c99;

padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 20px;
background-color: #dbe5f0;
}

#bildleiste {
width: 807px;
color: black;
background-color: #dbe5f0;
border-left: 3px solid #004c99;
padding-left: 20px;
padding-right: 10px;

}


#fusszeile {
width: 807px;
color: black;
background-color: #dbe5f0;
padding-left: 20px;
padding-right: 0px;
/*border-top: 3px solid #004c99;*/

border-left: 3px solid #004c99;
border-bottom: 3px solid #004c99;

padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 20px;
background-color: #dbe5f0;
}


#inhalt_fenster {
width: 360px;
height: 380px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
color: black;
background-color: #dbe5f0;
border-top: 3px solid #004c99;

border-left: 3px solid #004c99;

padding-top: 20px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 76px;
background-color: #dbe5f0;
}


#inhalt_fenster_gruppe {
width: 660px;
height: 420px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
color: black;
background-color: #dbe5f0;
border-top: 3px solid #004c99;

border-left: 3px solid #004c99;


padding-top: 20px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 76px;
background-color: #dbe5f0;
}




h1 { font-size: 110%; }
h2 { font-size: 100%; }

a:link {
color : black;
/*padding : 2px; */
/*border : 1px solid #white;*/
text-decoration: none; }
a:visited {
color : black;
/*padding : 2px;
border : 1px solid #white;*/
text-decoration: none; }


/* #navizeile a:hover {
color : black;
background-color : #d0dde6; 
padding : 2px;
border : 1px solid #white;
text-decoration: none; } */

/* #navizeile a:active {
color : black;
background-color : white; 
padding : 2px;
border : 1px solid #white;
text-decoration: none; }*/

/*#navilinks #navi_home a:active{
color: #FF0000
}*/


/*
a:link { color: black; }
a:visited {color: black; }
a:hover, a:focus { border-bottom: 1px solid #d9000; }
a:active { color: white; background-color: #d90000; }
a { text-decoration: none; outline: none; }
*/

.skiplink {
position: absolute;
top: -20000px;
left: -30000px;
width: 0px;
height: 0px;
overflow: hidden;
display: inline; 
}

.clearing { clear: both; }

h2, p, ul, ol { margin-bottom: 1em; } /*Abstand nach unten*/
ul ul { margin-bottom: 0; } /*Verschachtelte Listen ohne Abstand*/
li { margin-left: 1em; } /*Abstand von links*/

/*======================================================
3. Sonstige Styles
=======================================================*/

/* Das Kontaktformular*/
form {
background-color: #ffd49a;
width: 420px; /* Breite des Formulars*/
padding: 20px;
border: 1px solid #8c8c8c;
}

label { /* Beschriftung auf eigener Zeile*/
display: block;
cursor: pointer; /*Mauszeiger wird zur Hand*/
}

input#absender,
textarea {
   width: 300px;
   border: 1px solid #8c8c8c;
   margin-bottom: 1em;
   }
   
 textarea {
   height: 7em;
   }
 
 input#absender:focus,
 textarea:focus {
   background-color: #ffd49a;
   }