body {
  color: #333333;
  background: #FFF2CB;
  background-image:url(img/body_hint.jpg);
  background-repeat:repeat-x;
  font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding:  0;
  margin: 0;
  text-align: center;   /* Zentrierung fuer alte IEs */
}

a { text-decoration: underline;}

a:link    { color: #660000;}
a:visited { color: #660000;}
a:focus, a:hover, a:active { color: #3D6185;}



/* Allgemeine Klassen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

.stopFloat {
  display: block;
  float: none;
  clear: both;
  height: 0px;
  font-size: 0px;
  line-height: 0px;
}



/* Rahmen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#rahmen {
  background-image:url(img/rahmen_hint.jpg);
  background-repeat:repeat-y;
  width: 1165px;            /* der Breite des Hintergrundbilds entsprechend */
  margin: 0 auto;          /* Zentrierung fuer moderne Browser */
  text-align: left;        /* text-align:center (body) "neutralisieren" */
  
}
/*Boxen_links
/*******************************************************/

#box1{
 float:left;
 width:116px;
 height:84px;
 margin: 0;
 padding: 0;
  }
  
#box2{
 float:left;
 width:116px;
 height:265px;
 background-image:url(img/box2_li.jpg);
 margin: 0;
 padding: 0;
  }
  
#box3{
 float:left;
 width:116px;
 height:339px;
 background-image:url(img/box3_li.jpg);
 margin: 0;
 padding: 0;
  }
#box4{
 float:left;
 width:116px;
 height:30px;
 margin: 0;
 padding: 0;
  }
/*Boxen_rechts
/*******************************************************/

#box5{
 float:left;
 width:79px;
 height:84px;
 background-image:url(img/box1_re.jpg);
 margin: 0;
 padding: 0;
  }
  
#box6{
 float:left;
 width:79px;
 height:265px;
 background-image:url(img/box2_re.jpg);
 margin: 0;
 padding: 0;
  }
  
#box7{
 float:left;
 width:79px;
 height:144px;
 background-image:url(img/box3_re.jpg);
 margin: 0;
 padding: 0;
  }

#box8{
 float:left;
 width:79px;
 height:30px;
 margin: 0;
 padding: 0;
  }

/*Kopf
/*******************************************************/

#kopf {
  float:left;
  background-image:url(img/head.jpg);
  height:84px;
  width:970px;
  margin: 0;
  padding: 0;
 
}
.kontakt{
  text-align:right;
  margin:68px 15px 0px 0px;
  }

/*Bildbereich
/*******************************************************/
 
#bild {
  float:left; 
  height:265px;
  margin: 0;
  padding: 0;
  
}



/* Spalte 1
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#spalte1 {
  float: left;
  background-image:url(img/nav.jpg);
  width: 270px; 
  height:595px;   
  padding: 0px;
}

#spalte1 ul{
  list-style-image:url(img/pfeilchen.jpg);
  padding: 0;
  margin: 20px 0px 0px 100px;
}

#spalte1 li {
  margin: 20px 0 20px 0;
  font-size: 11px;
  line-height: 180%;
  
}


#spalte1 a:link, #spalte1 a:visited {
  color: #3D6185;
  text-decoration:none;
  font-weight:bold;
 }
 
#spalte1 a.on  {
  display:block;
  width:140px;
  color:#660000 !important;
  background-image:url(img/button_hint.jpg);
  background-repeat:no-repeat;
  text-decoration:none;
  padding-left:8px;
    
}
#spalte1 a:focus, #spalte1 a:hover, #spalte1 a:active {
  color:#003300;
  text-decoration: underline;
}

/* Spalte 2
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#spalte2 {
  float:left;
  width: 700px; 
  background-image:url(img/inhalt.jpg);
  background-repeat:no-repeat;               
  font-size: 11px;
    
}

#spalte2 h1 {
  display:block;
  width:600px;
  color: #660000;
  font-weight:bold;
  font-size: 14px;
  background-image:url(img/h1_hint.jpg);
  background-repeat:no-repeat;
  border-bottom:1px solid #3D6185;
  margin: 0px 0px 0px 50px;
}
#spalte2 h2 {
  color:#3D6185;
  font-weight:bold;
  font-size:13px;
  margin: 0px ;
  }
  
#spalte2 p {
   margin: 20px 10px 0px 50px;
}
  
#spalte2 .mitte {
  text-align: center;
}
 

#spalte2 a:link, #spalte2 a:visited {
  color:#660000;
  font-weight: bold;
}

#spalte2 a:focus, #spalte2 a:hover, #spalte2 a:active {
  color:#3D6185;
}
#spalte2 .text{
 display:inline;
 float:left;
 width:310px;
 margin:0px 0px 0px 50px;
 
 }
 #spalte2 .bild{
 float:left;
 width:310px;
 
  } 
 #spalte2 .galerie{
 display:inline;
 float:left;
 width:620px;
 margin:0px 0px 0px 50px;
 }
 
 /* Fuss
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#fuss {
  float:left;
  height: 30px;
  width:970px;
  background-image:url(img/fuss.jpg);
  background-repeat:no-repeat;
  margin: 0px;
  padding:0px;
  
    }

#fuss p{
 text-align:center;
 padding: 3px 0px 0px 0px;
  }
/* Logo links oben ( funktioniert noch nicht)
************************************************************/
#logo {
  position: relative;
  width: 290px;
  height: 57px;
  text-align: center;
  margin: 30px 0px 0px 30px;
 
  
 }
#logo .box1 {
  position: absolute;
  left: 0px;
  top: 0px;
  margin: 0px;
  padding: 0px;
  
} 
 
/* Tabellen 
*************************************************************/ 
.tabelle1{
  border: 2px solid #FFCC00;
  margin: 15px 0px 15px 100px;
  border-collapse: collapse;
 
  
}
.zeile{
  border: 1px solid #FFFF99;
  padding: 5px 10px;
  }
.dick  {
  font-weight: bold;
}

/* Bildercollagen 
************************************************************/
#collage {
  position: relative;
  width: 650px;
  height: 213px;
  text-align: center;
  margin: 20px 0px 0px 70px;
  
 }
#collage .box1 {
  position: absolute;
  left: 0px;
  top: 0px;
  margin: 0px;
  padding: 0px;
}
#collage .box2 {
  position: absolute;
  left: 330px;
  top: 0px;
  margin: 0px;
  padding: 0px;
}