/**************************************************************
   Gesamter Seiteninhalt ausser Footer
 **************************************************************/
#content {
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;
}
/*******************************************************************************
   Container DIV um den Inhalt XHTML strict auf den Seiten zu positionieren
 *******************************************************************************/
#container {
    align: center;
    }
/**************************************************************
   Header und Logo
 **************************************************************/
#header {
	position: top;
	height: 3em;
	margin: 0 auto;
}
.underl {
  text-decoration: underline;
}
.bold {
  font-weight: bold;
}  
.one {
background-color : #BE0600;
}
.two{
background-color: #ffa500;
}
.three{
background-color: #fffb01;
}
.four{
background-color: #9be64d;
}
.five{
background-color: #87cefa;
}
.six{
background-color: #557df9;
}
.seven{
background-color: #f1aafa;
}
.eight{
background-color: #FFFFFF;
}

#header img {
  position: absolute;
}
#header ul {
  margin: 1em 1em 0 0 !important;
  margin: 1em 0.5em 0 0;
  padding: 0;
  float: left;
}
#header ul li {
  display: inline;
  list-style: none;
}
#header ul li a {
  float: left;
  padding: 0 1em;
  font: 12px verdana, arial, sans-serif;
  line-height: 12px;
}
/*Schriftfarbe und Trennstrich werden hier definiert*/
.borderwhite {
  border-right: 1px solid #FFFFFF;
}
.borderblack {
  color: #000000;
  border-right: 1px solid #000000;
}
/* Schriftfarbe und Trennstrich ende */
#header ul li a:hover {
  text-decoration: underline;
}
#header ul li a:hover.borderwhite {
  color: #FFFFFF;
  text-decoration: underline;
}
#header ul li a:hover.borderblack {
  color: #000000;
  text-decoration: underline;
}
#header ul li a.last {
  padding-right: 0;
  border-right: 0;
}
.new {
  color: #FFFFFF;
  padding: 0 1em;
  font: 400 1.1em verdana, arial, sans-serif;
  line-height: 1.1em;
  margin: 1em 1em 0 0 !important;
  margin: 1em 0.5em 0 0;
  padding: 0;
  }
.new a {
  color: #FFFFFF;
  text-decoration:none;
  }
.new a:hover {
  color: #FFFFFF;
  text-decoration: underline;
  }
.newblack {
  color: #000000;
  padding: 0 1em;
  font: 400 1.1em verdana, arial, sans-serif;
  line-height: 1.1em;
  margin: 1em 1em 0 0 !important;
  margin: 1em 0.5em 0 0;
  padding: 0;
  }
.newblack a {
  color: #000000;
  text-decoration:none;
  }
.newblack a:hover {
  color: #000000;
  text-decoration: underline;
  }
/**************************************************************
   Breadcrumbs
 **************************************************************/
  #breadcrumb {
text-align : left;
/*width : 770px;*/
/*margin-left : auto;
margin-right : auto;*/
margin-top : 5px;
color : #000000;
font-size : 11px;
}
/**************************************************************
   Seiteninhalt
 **************************************************************/
#page {
  clear: both;
  float: left;
  width: 100%;
  /*margin-bottom: 6em;*/
  text-align: left;
}
#columns {
  margin: 0 auto;
}
.width {
  width: 820px;
}
.widthPad {
  width: 820px;
}
.width10 {
  width: 10%;
}
.width20 {
  width: 20%;
}
.width25 {
  width: 24%;
}
.width30 {
  width: 30%;
}
.width35 {
  width: 35%;
}
.width40 {
  width: 40%;
}
.width45 {
  width: 45%;
}
.width50 {
  width: 48%;
}
.width55 {
  width: 55%;
}
.width68{
  width: 68%;
}
.width73 {
  width: 73%;
}
.width75 {
  width: 75%;
}
.width76 {
  width: 76%;
}
.width77 {
  width: 75%;
}
.width79 {
  width: 78.5%;
}
.width100 {
  width: 100%;
}
.width630 {
  width: 628px;
}
.margin {
margin-left: 1em;
}
.margin2 {
margin-left: 2em;
}
.margin3 {
margin-left: 20em;
}
.bold {
font-weight: bold;
}
/**************************************************************
   Footer
 **************************************************************/
#footer {
  clear: both;
  float: left;
  width: 100%;
  height: 5em;
  margin-top: 1em;
}
#footer #bg {
  position: relative;
  height: 5em;
  margin: 0 auto;
  background: #FFFFFF;
}
#footer #bg ul {
  float: right;
  margin: 3em 1em 0 0 !important;
  margin: 3em 0.5em 0 0;
  padding: 0;
}
#footer #bg ul li {
  display: inline;
  list-style: none;
}
#footer #bg ul li a {
  float: left;
  padding: 0 1em;
  font: 400 1em verdana, arial, sans-serif;
  line-height: 1.1em;
  color: #000000;
  border-right: 1px solid #000000;
}
#footer #bg ul li a.last {
  padding-right: 0;
  border-right: 0;
}
#footer #bg ul li a:hover {
  color: #oooooo;
  text-decoration: underline;
}
#footer #bg img {
  position: absolute;
  top: 6%;
  left: 10px;
}
/**************************************************************
   Thumbnail Listen
 **************************************************************/
ul.thumbs,
ul.thumbs li {
  margin: 0;
  padding: 0;
}
ul.thumbs li {
  margin: 0 0 15px 0 !important;
  margin: 0;
  padding: 0px;
  list-style: none;
  float: right;
}
ul.thumbs2,
ul.thumbs2 li {
  margin: 0;
  padding: 0;
}
ul.thumbs2 li {
  margin: 0 0 15px 0 !important;
  margin: 0;
  padding: 0px;
  list-style: none;
}
a.thumb img {
  border: 3px solid #ccc;
}
a:hover.thumb img {
  background: #8EB4C6;
  border: 3px solid #668FA3;
}
a:hover.thumb {
  background: none;
}
a.thumb span {
  display: block;
  margin-top: -2px !important; /* geändert von -5px*/
  margin-top: -2px;
}
/**************************************************************
   Bilder
 **************************************************************/
 .bild {
  border: 3px solid #ccc;
  margin: 0 0 15px 0;
  padding: 0 0 0 0;
 }
.bild span {
  display: block;
  margin-top: -2px !important; /* geändert von -5px*/
  margin-top: -2px;
 }
 .bild2 {
  border: none;
  margin-left: 2em;
  padding: 0 0 0 0;
 }
 .bild3 {
  border: none;
  margin-left: 2em;
 }
 .bild4 {
  border: none;
  margin-left: 4em;
 }
/**************************************************************
   Generelle Styles
 **************************************************************/
.block {
  display: block;
}
.clear {
  clear: both;
}
.marginRight {
  margin-right: 15px;
}
.paddingLeft {
  padding-left: 5px;
}
.paddingRight {
  padding-right: 5px;
}
.floatLeft {
  float: left;
}
.floatRight {
  float: right;
}
.floatCenter {
  float: center;
}
.alignLeft {
  text-align: left;
}
.alignRight {
  text-align: right;
}
.alignTop {
  vertical-align: top;
}
.alignMiddle {
  vertical-align: middle;
}
.alignBottom {
  vertical-align: bottom;
}
.lightBlueBg {
  background-color: #EAF2F5;
}
.dark {
  color: #353E47;
}
/**************************************************************
   Menu Amma
 **************************************************************/ 
#amma{
width: 150px;
list-style:none none;
border-right: 0;
padding: 0 0 0 0;
font: 400 1.1em verdana, arial, sans-serif;
text-align: left;
color: #000000;
}
.erster a:hover {
background-color: #BE0600;
}
.zweiter a:hover {
background-color: #ffa500;
}
.dritter a:hover {
background-color: #fffb01;
}
.vierter a:hover {
background-color: #9be64d;
}
.fuenfter a:hover {
background-color: #87cefa;
}
.sechster a:hover {
background-color: #557df9;
}
.siebter a:hover {
background-color: #f1aafa;
}
.achter a:hover {
background-color: #FFFFFF;
}
.neunter {
display: block;
padding: 5px 5px 5px 5px;
width: 100%;
margin: 0;
}
.erster-active a {
background-color: #BE0600;
}
.zweiter-active a {
background-color: #ffa500;
}
.dritter-active a {
background-color: #fffb01;
}
.vierter-active a {
background-color: #9be64d;
}
.fuenfter-active a {
background-color: #87cefa;
}
.sechster-active a {
background-color: #557df9;
}
.siebter-active a {
background-color: #f1aafa;
}
.achter-active a {
background-color: #FFFFFF;
}
/*IE 6 */
/*Box model bug: width minus alle left & right paddings für #amma */
* html #amma{    
width: 140px;   
}
#amma ul{
list-style:none none;
margin: 0;
padding: 0;
border: none;
}
#amma li {
list-style:none none;
border-bottom: 0;
margin: 0;
background-color: #CCCCCC;
}
#amma li a{
list-style:none none;
display: block;
padding: 5px 5px 5px 5px;
border-left: 0;
border-right: 0;
color: #000000;
text-decoration: none;
width: 100%;
font-weight : bold;
}
#amma li a:hover{
color: #000000;
}
html>body #amma li { /*fuer andere als IE6 width*/
width: auto;
}
html>body #amma li a { /*fuer andere als IE6 width*/
width: auto;
}
/*************************************************************
   Sitemap
**************************************************************/
/*#sitemap ul {
  list-style:none none;
}

#sitemap ul li {
  list-style:none none;
}*/
#sitemap ul li a {
}
.bold {
  font-weight: bold;
}
#sitemap ul li a:hover {
  text-decoration: underline;
}
/*************************************************************
   Fotostrecke Thumbnails
**************************************************************/
#special img{
border : 3px solid #CCCCCC;
}
/*#special a:hover img{
background: #8EB4C6;
border : border: 3px solid #668FA3;
}*/
#special img a:hover{
  background: #8EB4C6;
  border: 3px solid #668FA3;
  }
  
  a.special img {
  border: 3px solid #ccc;
}
a:hover.special img {
  background: #8EB4C6;
  border: 3px solid #668FA3;
}

.boxgelb {
border:3px solid #fffb01; padding:5px 5px 5px 5px;
margin-top:5px;
margin-right:0px;
margin-bottom:10px;
}

.boxorange {
border:3px solid #ffa500; padding:5px 5px 5px 5px;
margin-top:5px;
margin-right:0px;
margin-bottom:10px;
}

/* styles für Bildergruppe auf der Startseite */
div.box01
{
float: left;
width:310px;
} 
div.box01 img
{
margin-right:5px;
} 


div.box02
{
float: left;
width:310px;
} 
div.box03
{
float: left;
width:310px;
}