body{
  padding:0px;
  margin:0px;
  background-color:#C7D6E7;
  font-family: "Arial", Verdana, Tahoma, Helvetica, sans-serif;   
  margin-top:10px;
  margin-bottom:20px;
  color:#000000;
  font-size:13px;

}

h1{   margin:10px 0px 5px 0px;font-size:24px;color:#476099;}
h2{   margin:10px 0px 5px 0px;font-size:20px;color:#476099;}
h3{   margin:10px 0px 5px 0px;font-size:18px;color:#476099;}
h4{   margin:10px 0px 5px 0px;font-size:16px;color:#476099;}
h5{   margin:10px 0px 5px 0px;font-size:14px;color:#476099;}
h6{   margin:10px 0px 5px 0px;font-size:13px;color:#476099;}

.align-center{text-align:center;}
.align-right{text-align:right;}
.align-justify{text-align:justify;}


#rechts a,
#mitte a{
  text-decoration:underline;

 color:#476099; 
}

#rechts a:hover,
#mitte a:hover{
  text-decoration:none;
  color:#000000;  
}


#header{
  width:901px;
  height:225px;
  background-image:url(img/head.jpg);
  text-align:left;  
  position:relative;
}

#header #submenu    { position: absolute; left: 190px; top: 177px; font-size:12px; color:#f6f4e4; } 
#header #kontakt    { position: absolute; left: 745px; top: 175px; font-size:10px; color:#f6f4e4; } 
#header #rootline   { position: absolute; left: 190px; top: 210px; font-size:10px; color:#222222; } 
#header #suche      { position: absolute; left: 720px; top: 206px; font-size:10px; color:#222222; } 


* HTML #header #submenu    { top: 187px; } 
* HTML #header #kontakt    { top: 185px; } 
*+HTML #header #submenu    { top: 187px; } 
*+HTML #header #kontakt    { top: 185px; } 


#wrapper{
  margin: 0px auto;
  background-image:url(img/hg.jpg);
  width:901px;
  background-repeat:repeat-y;

}


#links{
  width:181px;
  float:left;
  margin-left:1px;
  min-height:400px;  
}

* HTML #links{
  width:180px;
  height:400px;
}


#mitte{
  width:518px;
  float:left;
  padding:10px;
overflow:hidden;  
}

* HTML #mitte{
  width:538px;
}


#rechts{
  width:180px;
  float:left;
}

#footer{
  height:0px;
  clear:both;
  border-bottom:1px solid #ffffff;
}





/*  
    #######################
     Änderung durch CN
    #######################     
*/  

#menu{
  margin-bottom:10px;
}

#menu ul{
  margin:0px;
  padding:0px;
  list-style-type:  none;
}

#menu li{
  text-align:left;
  border-bottom:1px solid #ffffff;
}



#menu li a:link,
#menu li a:hover,
#menu li a:visited{
  text-decoration:none;
  font-weight:bold;
  font-size:12px;
  color:#D5D7D6;
  display:block;
  background-color:#476099;
  padding:5px 0px 5px 10px;
}

#menu li a:hover,
#menu li a.akt{
  background-color:#354873;
  color:#93A0C3;
  border:0px;  
}

li.platzhalter{
  padding:6px;
  background-color:#92A0C3;
  color:#92A0C3;
}

/* 
########################
   2te Menue - Ebene
########################   
*/

#menu li li{
  border:0px;
}

#menu li li a:link,
#menu li li a:hover,
#menu li li a:visited{
  padding:2px 0px 2px 20px;  
  font-size:11px;
}

#menu li li.first{}
#menu li li.last{
  padding-bottom:0px;
}

#menu li li a:hover,
#menu li li a.akt{
  background-color:#F6F4E5;
  color:#354873;
  
}

/* 
########################
   3te Menue - Ebene
########################   
*/

#menu li li li{
  border-bottom:0px ;
}

#menu li li li a:link,
#menu li li li a:hover,
#menu li li li a:visited{
  font-size:11px;
  background-color:#92A0C3;
  padding:2px 0px 2px 30px;
  color:#354870;
}

#menu li li li.first a{
    padding-top:5px;
}


#menu li li li.last a{
    padding-bottom:5px;
}

#menu li li li.last{
  border-bottom:0px;
}


#menu li li li a:hover,
#menu li li li a.akt{
  color:#F5F3E4;
}

/*  
    #######################
     Breadcrumb
    #######################     
*/  

ul#breadcrumb{
  margin:0px;
  padding:0px;
  list-style-type:  none;
  font-size:10px;  
}

ul#breadcrumb li{
  float:left;
  text-decoration:none;
  color:#222222;
  font-size:10px;  
  font-weight: normal;
}

ul#breadcrumb a{
  text-decoration:none;
  color:#222222;
  font-size:10px;  
  font-weight:normal;
}

/*  
    #######################
     Submenue / kontakt-Menue
    #######################     
*/  


#kontakt ul,
#submenu ul{
  margin-left:4px;
  padding:0px;
  list-style-type:  none;
  font-size:12px;  
}

#kontakt  li,
#submenu  li{
  float:left;
  text-decoration:none;
  color:#ffffff;
  font-size:12px;  
  font-weight:bold;
}
#kontakt a,
#submenu a{
  text-decoration:none;
  color:#ffffff;
  font-size:12px;  
  font-weight:bold;
}


.news-latest-container {
  border:0px;
}





#submenu a:hover{
  color:#476099;
}


p.AlleTermine{
  text-align:center;
}


p.AlleTermine a{
  color:#354873;
  text-decoration:underline;
}

p.AlleTermine a:hover{
  color:#354873;
  text-decoration:none;  
}

.aktuelles{
  min-height:100px;

}


* HTML .aktuelles{
  height:100px;
  margin:0px;
}

input#ausgabe{
  border:0px;
  background-color:transparent;
  text-align:right;
  width:22px;
  margin:0px;
}


/* fotoboek*/

.album{
float: left;
max-width: 290px;
min-width: 100px;
margin-top: 5px;
margin-right: 10px;
margin-bottom: 5px;
/*border: thin solid;
border-color:#c2c2c2;*/
padding: 0;
height: auto;
}
* HTML #album{
  width:100px;
  height: auto;
}

.small{
text-align: center;
  font-size: 11px;
}

.tx-gooffotoboek-pi1{
width: 520px;}

.fotoalbum-thumb{
  font-family: "Arial", Verdana, Tahoma, Helvetica, sans-serif;
  font-size: 11px;
margin-bottom: 5px;} 


.fotoalbum-thumb a:link { color: #00b9f1; text-decoration:none;}
.fotoalbum-thumb a:visited { color: #00b9f1; text-decoration:none; }
.fotoalbum-thumb a:hover { color: #D5D7D6; text-decoration:none; font-style:none;}
.fotoalbum-thumb a:active { color: #D5D7D6; text-decoration:none; font-style:none; }


.gfpb_square{
 padding-bottom: 15px;} 

.gfpb_landscape{
 padding-bottom: 15px;}