body, html {

  margin: 0;

  padding: 0;

  background: #fff;

  color: #666;

  height: 100%;

  font: 1em arial, verdana, sans-serif;

}



body {

  background: url(../img/hg.gif) 50% 0 repeat-y;

}



a {

  color: #fff;

  text-decoration: none;

}



#fuss a {

  color: #555;

}



#fuss a:hover {

  color: #999;

}



#navi a:hover, #navi a.active {

  color: #00416e;

}



#subnavi a {

  font-weight: bold;

  color: #D0CFC2;

}



#subnavi a:hover, #subnavi a.active {

  color: #fff;

}



#container {

  width: 990px;

  margin: auto;

  background: url(../img/hg.gif) 50% 0 repeat-y;

  padding-bottom: 40px;   

}



#kopf, #navi, #grafik, #inhalt, #fuss {

  width: 990px;

  font-size: 0.8em;

}



ul, p, img {

  margin: 0;

  padding: 0;

  list-style: none;

  border: none;

}



#kopf {

  height: 179px;

}



#navi {

  height: 40px;

  background: #589ddd;

  width: 890px;

  padding-left: 100px;

  font-size: 1em;

  font-weight: bold;

}



#navi ul {

  padding-top: 10px;

}



#navi li {

  display: inline;

  padding: 0 26px 0 25px;

  background: url(../img/navi.gif) 100% 50% no-repeat;

}



#navi li.last {

  background: none;

}



#grafik {

}



#inhalt {

  background: #fff url(../img/content.gif) repeat-y; 

}



#subnavi, #clinks, #cmitte, #crechts, #gmitte {

  float: left;

}



#subnavi {

  width: 105px;

  padding: 19px 10px;

  line-height: 130%;

}



#clinks {

  width: 171px;

  padding: 19px 22px 50px 22px;

  line-height: 135%;

}



#cmitte {

  width: 410px;

  padding: 18px 15px 30px 15px;

  line-height: 170%;

}

#gmitte {

  width: 800px;

  padding: 18px 15px 30px 15px;

  line-height: 170%;

}


#cmittevoll {

  width: 958px;

  padding: 18px 15px 30px 15px;

  line-height: 170%;
  font-weight:bold;

}



.anfahrt {

  padding: 0 !important;

  color: 

}



#crechts {

  width: 170px;

  padding: 19px 20px;

}



#fuss {

  height: 35px;

  color: #5c5e73;

  border: 3px solid #fff;

  border-style: solid none solid none;

  letter-spacing: 0.5px; 

}



#fuss li {

  display: inline;

  padding: 5px 30px 5px 13px;

  background: url(../img/linie.gif) 100% 50% no-repeat;

}



#fuss ul {

  float: right;

  padding-top: 10px;

}



#fuss li.last {

  background: none;

}



#fuss li.first {

  padding-right: 13px;

}



.blau {

  color: #589ddd;

}

.schwarz{
	color:#000000;
}







/************* clearfix */

.clearfix:after {

content: ".";

display: block;

height: 0;

font-size: 0;

clear: both;

visibility: hidden;

}



.clearfix {display: inline-block;}



/* hide from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* end hide from IE-mac */

<style type="text/css">
ul#galerie {
    padding:0;
    margin:0;
    list-style-type:none;
    font-family:Arial, Helvetica, sans-serif;
}
ul#galerie li{
    padding: 3px;
    background-color:#ebebeb;
    border:1px solid #CCC;
    float:left;
    margin:0 10px 10px 0;    
}
ul#galerie li:hover{
    border:1px solid #333;
}
ul#galerie li span{
    display:block;
    text-align:center;
    font-size:10px;
}
ul#galerie li a img{
        border:none;
}
</style>

