body {
    font-size : 75% ;
    font-family : verdana, arial;
    background-color : #6699FF;        /*blau*/
      }
.unsichtbar {
    position : absolute;
    left : -1000px;
    top : -1000px;
    width : 0;
    height : 0;
    overflow : hidden;
    display : inline;
}
.neue_zeile {
    clear : both;
    line-height: 0.1em;
}
/* Gesamtbreite */
#homepage {
    border : 0px dashed blue;
    width : 62.6em;
}
* html #homepage {
    width : 62.5em;
}
#homepage div {
    margin : 0;
    padding : 0;
}
/* Kopf */
#kopf {
    background-color : #F9DCCC;
    min-height : 6em;
}
* html #kopf {
    height : 6em;
}
#kopf img {
    width : 62.6em;
    height : 7em;
}
/* linke Spalte */
#navigation {
    width : 12.6em;
    float : left;
    display: block;
   }
#navigation p {
   padding : 0.6em;
}
#aussen {
background-color: #F99D6C;
}
#navigation ul {
    margin : 0;
    padding : 0.4em;
}
#navigation ul li {
    list-style-type : none;
    border : 1px solid #917F76;
    background-color : #F9DCCC;
    margin-bottom : 0.6em;
}
#navigation ul li span.auswahl {
    display : block;
    color : #ff0000;
    font-weight : 700;
    text-decoration : none;
    padding : 0.5em;
}
#navigation ul li a {
    padding : 0.5em;
    display : block;
    color : #383742;
    font-weight : 700;
    text-decoration : none;
}
#navigation ul li a:hover,
#navigation ul li a:focus,
#navigation ul li a:active {
    display : block;
    color : #fff;
    font-weight : 700;
    text-decoration : underline;
    background-color : #302c68;
}
/* Navigation Fotogalerie */


#nav {
   float : left;
   width: 30.4em;
   margin: 0;
   padding: 1em 0 0 5em;
   list-style: none;
   background: #F9DCCC;
}

#nav a {
   float : left;
   display: block;
   margin: 0;
   padding: .5em 1em;
   color: #333;
   text-decoration: none;
   border: 1px solid #9B8748;
   /*border-bottom: none; */
   background: #F9E9A9;
}

#nav a:hover {
   color: #333;
   padding-bottom: 5px;
   border-color: #727377;
   background: #fff;
}

#nav a span { /*Untertitel */
   display: none;
}

#nav a:hover span { /*Untertitel */
     display: block;
     position: absolute;
     top: 23em;
     left: 37em;
     width: 10em;
     padding: .5em;
     margin: 1em;
     z-index: 100;
     color: blue;
     font: 1em Verdana, sans-serif;
     text-align: center;
}


#nav li {
   float: left;
   margin: 0 1px 0 0;
   padding: 0;
   font-familiy: "Lucida Grande", sans-serif;
   font-size: 80%;
}

/* Innen */
#innen {
    background-color : #D5D5FF; /*bläulich */
    width: 50em;
    float : right;
}
* html #innen {
    width : 49.9em;
}

/* mittlere Spalte */
/*schmal */
#inhalt {
    width : 37.4em;
    float : left;
    background-color : #F9DCCC;
    min-height : 32em;
}
* html #inhalt {
    width : 37.3em;
}
#inhalt img {
   float : left;
   margin : 1.4em;
   padding: 0em;
   border: 0px solid #000;
}

/* breit */

#inhalt2 {
    width : 49.9em;
    float : left;
    background-color : #F9DCCC;
    min-height : 32em;
}
* html #inhalt2 {
    width : 49em;
}

/* rechte Spalte */
#ergaenzung {
    width : 12.6em;
    float : right;
    min-height : 32em;
    background-color : #F99D6C;
    /* rot dunkel */
}
* html #ergaenzung {
    height : 32em;
}
#ergaenzung img {
   margin : 1em;
   padding: 0em;
   width : 10em;
   height : 7.5em;
   border: 0px solid #000;
}

/* Schriftgrößen */
#inhalt h1 {
    padding : 0.3em 0.3em 0.3em 1.3em ;
    font-size : 1.4em;
}
#inhalt2 h1 {
    padding : 0.3em 0.3em 0.3em 1.3em ;
    font-size : 1.4em;
}

#ergaenzung h2 {
    padding : 0.3em ;
    font-size : 1.4em;
}
#inhalt p,
#ergaenzung p {
    padding : 0.6em;
}
#inhalt2 p,
#ergaenzung p {
    padding : 0.6em;
}
/* Fußzeile */
#fuss {
    clear : both;
    position : relative;
    top : -0.1em;
    background-color : #FF7F50; /*Coral*/
    }
#fuss p {
   color: white;
   margin : 0;
   padding : 0.4em;
   font-size : 0.9em;
   text-align : center;
}
