body,html {
        background-image:url(/fileadmin/media/body_hintergrund.gif); /* Definiert den grauen Hintergrund */
        font-size: 12px;
        font-family:Arial,Helvetica,sans-serif;
        margin-top: 0.08em;     
        margin-right: 0.8em;   
        margin-bottom: 0em;  
        margin-left: 0.8em;    
        text-align: center;  /* Zentrierung im Internet Explorer */ 
        height: 99%;
}

/* Um die meist gewnschte Darstellung dieser Pseudoklassen zu erreichen, 
   mssen Sie bei der Notierung die folgende Reihenfolge einhalten:       */
a:link {font-family: arial, helvetica; font-size: 12px; color: #0099CC; text-decoration: none;}
a:visited {font-family: arial, helvetica; font-size: 12px; color: #0099CC; text-decoration: none;}
a:hover {font-family: arial, helvetica; font-size: 12px; color: #0099CC; text-decoration: none;}
a:active {font-family: arial, helvetica; font-size: 12px; color: #0099CC; text-decoration: none;}

#gesamteSeite {
/*        height:99%;*/
        margin-top: 0.0em;
        margin-bottom: 0.8em;
        margin-right: auto; /*Damit auch Firefox den Div-Bereich zentriert */
        margin-left: auto;  /*             "              "                */
        padding: 0em;
        background-color: white;
        border: 1px solid;
        border-color: #4EBAE9;
        background: url(../media/hintergrund_links.gif); 
        background-repeat: no;
}

#head_white {
  height: 75px;
  margin-right: 10px;
  margin-left: 0px;
  background-color: #ffffff;
}


#head_blue {
  height: 75px;
  top: 75px;
  background-color: #4EBAE9;
}

#head_logo {
  position: absolute;
  top: 5px;
  left: 25px;
  height: 75px;
  z-index: 4;
}

#head_claim {
  position: absolute;
  top: 75px;
  left: 25px;
  height: 75px;
  z-index: 3;
}

#head_4bilder {
  position: absolute;
  top: 35px;
  right: 20px;
  width: 460px;
  height: 110px;
  z-index: 1;
}

#maeusepfad {
  width: auto;
  text-align: left;
  margin-top: 10px;
  margin-left: 10px;
/*  margin-right: 180px;*/
  background-color: white;
  font-size: 10px;
  border-bottom: 0px solid;
  border-color: #189CD6;
}
#maeusepfad a:link, #maeusepfad a:visited, #maeusepfad a:active {
  font-size: 10px;
}

#inhalt {
  width: auto;
  text-align: left;
  margin-top: 0px;
  margin-left: 10px;
  margin-right: 10px;
/*  margin-right: 180px;*/
/*  background-color: white;*/
  border: 0px solid red;
}


#footer {
  clear: both;
  width: auto;
}

#navi_box {
/*  position: absolute;*/
  text-align: left;
  margin-top: 10px;
  left:0px;
  width: 178px;
/*  height: 300px;*/
  border-bottom: 1px solid;
  border-color: #189CD6;
}

#news_box {
/*  position: absolute;*/
  float: right;
  margin-top: 10px;
  right: 20px;
  width: 160px;
  background-color: white;
  border: 1px solid;
  border-color: #4EBAE9;
}


#search_box {
/*  position: absolute;*/
  float: right;
  margin-top: 5px;
  width: 160px;
  height: 25px;
  background-color: white;
  border: 1px solid;
  border-color: #4EBAE9;
}

#banner_box {
  position: absolute;
  top: 185px;
  right: 20px;
  width: 160px;
  height: 100px;
  background-color: white;
  border: 1px solid;
  border-color: #4EBAE9;
}


h1 {
  font-size: 14px;
  font-weight: bold;
  background:white; 
  color:#0099CC;
  width:95%; height: 1.0em;
  display:block;
  border-bottom: 1px solid #0099CC;
  border-left: 1.2em solid #0099CC;
  text-decoration:none;
  padding-left: 1.0em; padding-bottom:0.2em;
}

h2 {
  font-size: 12px;
  font-weight: bold;
  background:white; 
  color:#0099CC;
  padding-bottom: 10px;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

ul {
    list-style-type: square;
}