@charset "utf-8";

/**
----------------------------------------------------------
allg Elemente*/

/* kritische Werte */
* {
  margin: 0;
  padding: 0;
  vertical-align: top;
}

/* Farben und Hintergrund */
body {
  color: #FFFFFF;
  background: #ead5d6 /* url(hintergrund.jpg) */; 
}

/* Schriftgröße */
body, td, th {
  font: normal 80% Verdana, sans-serif;
}
td, th {
  font-size: 70%;
}



/* Überschriften setzen */
h1, h2, h3, h4, h5, h6 {
  color: #000000;
  background-color: transparent;
}
h1 {
  font-size: 1.5em;
  margin: 0 0 1.5em 0;
}

/* Absätze Abstand */
  p {
  margin: .8em 0;
  
}

/* Bilder anordnen */
img {
  vertical-align: bottom;
}


/**
----------------------------------------------------------
besondere Bereiche */

/* ???????????Standardmäßig nicht sichtbare Inhalte zur Erleichterung der
   Orientierung mit assistiven Technologien */
.invisible {
  position: absolute;
  left: -9999px;
}

/** Haupt */
/** Hauptbereich horizontal zentrieren */
div#main {
  color: #000000;
  background: #ead5d6 url(bilder/hintergrund.jpg) no-repeat; 
  border: 0px solid #606060;
  border-top: 0;
  width: 800px;
  margin: auto; /* Reicht eigentlich */
}
/* Für kaputte Browser */
body {
  /* Alle Inhalte horizontal zentrieren */
  text-align: center;
}
body * {
  /* Textausrichtung korrigieren */
  text-align: left;
}

/* Links  */
a:link {
  color: #000000;
  background-color: transparent;
}
a:visited {
  color: #000000;
  background-color: transparent;
}
a:hover,
a:focus {
  color: #ffffff;
  background-color: #000000;
}
a:active {
  color: #000000;
  background-color: #000000;
}
a:link img, a:visited img,
a:hover img, a:focus img, a:active img {
  border: 0;
}
#head { width:800px; height:220px; border: 0px solid #00ff00; }
#logo { width:100px; height:0px; position:relative; top:30px; left:30px; border: 0px solid #00ff00; padding: 0px 0px 0px 0px;}
#foto { width:250px; height:150px; position:relative; top:10px; left:500px; border: 0px solid #00ff00; padding: 0px 0px 0px 0px;}
#info { width:180px; height:100px; position:relative; top:0px; left:5px; border: 0px solid #000000; }



#btn { width:800px; height:250px; position:relative; top:-45px; left:0px; border: 0px solid #ff0000; }

#btn1 { width:150px; height:42px; position:relative; top:0px; left:300px; border: 0px solid #ff0000; }
#btn2 { width:150px; height:42px; position:relative; top:5px; left:225px; border: 0px solid #ff0000; }
#btn3 { width:150px; height:42px; position:relative; top:10px; left:150px; border: 0px solid #ff0000; }
#btn4 { width:150px; height:42px; position:relative; top:15px; left:75px; border: 0px solid #ff0000; }
#btn5 { width:150px; height:42px; position:relative; top:20px; left:0px; border: 0px solid #ff0000; }


#maininhalt { width:550px; height:1000px; position:relative; top:-200px; left:240px; border: 0px solid #0000ff; }
#inhalthead { width:300px; height:30px; position:relative; top:30px; left:70px;  border: 0px solid #0000ff;  text-align: center;}
#inhalt { width:550px; height:800px; position:relative; top:60px; left:0px; border: 0px solid #0000ff; }



/** Navi */
ul#nav {
  margin: 0px 0 0 0;
  list-style: none; 
  width:136px; 
  height:40px; 
  margin:4px;
  font: normal 70% Verdana, sans-serif;  
}
#nav a,
#nav strong {
  color: black;
  background: url(bilder/btn_1.gif) no-repeat; 
  display: block;
  height:40px; 
  padding: 5px 10px 7px 10px;
  text-align: center;
  text-decoration:none; 
  line-height: normal;

}
#nav a:hover { color:ffffff; background: url(bilder/btn_2.gif) no-repeat; }
#nav a:focus,
#nav a:active,
#nav strong { color: #000000; }