/* Wichtige Farben: #E0DFDF/#cccccc grau, #005F93 blau, #F08F21 orange */

/* Allgemeines */

*{
  padding: 0;
  margin: 0;
}

body {
   font-size: 70%;
   line-height: 1.2em;
   background: #E0DFDF url(gfx/design/background.png) repeat-y fixed center top;
   text-align: center;
}

h1,h2,h3,h4,h5,h6,ol,ul,li,dl,dd,dt,p,input,textarea,select,label,legend,td,th{
  color: #000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: left; /* Alle Elemente Linksbündig */
}

ul,li{
  padding: 0;
  margin: 0;
  list-style-type: none;
}

img, a img{
  border: 0;
}

img.border{
   border: 1px solid black;
}

.none{
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;
}





/* Layout */

#wrap{
  width:900px;
  margin:0 auto;
  text-align: left;
  height:100%;
  background-color:#ccc;
}

#header{
  width:900px;
  height:71px;
  background: #005F93 url(gfx/design/header.png) no-repeat left top;

}

#header h1{
   padding:1em;
   font-size: 28px;
   font-weight: normal;
   }

#header h1 a{
   color:black;
   text-decoration:none;
   }

#nav1{
    width:900px;
    height:87px;
    background: #fff url(gfx/design/nav1.png) no-repeat left top;
}

#nav1 ul li a{
    padding: 0.3em 0.4em 0;
    margin-bottom: 0.4em;
    font-weight: bold;
    border-right: 1px #888 solid;
    border-top: 1px #888 solid;
    text-decoration: none;
    display: block;
    color: black;

}

#nav1 ul li a:hover{
    background: #888;
    padding-bottom: 0.4em;
    margin-bottom: 0;

}

#nav1 ul li.active a{
    background: #888;
    padding-bottom: 0.4em;
    margin-bottom: 0;

}

#nav1 ul li {
    float: left;

}

#nav1 ul{
   clear: left;

}

#nav1 #brotkruemel li a{
    border-style: none;
    font-weight: normal;
    text-decoration: underline;
    background: transparent;
    display: inline;
}

#nav1 #brotkruemel{
    margin-top: 30px;

}

#nav2{
    width:150px;
    background: #888;
    padding: 0 0 5px;
    float: left;
    clear:both;
    margin-bottom: 60px;
    overflow-x:hidden; /* kein CSS2, aber vom Internet Explorer unterstützt,
                          der sonst die Breite bei overflow erhöht */
    min-height:161px;
    /* Workaround für min-height-Bug im IE */
    height:auto !important; /* für moderne Browser */
    height:161px;  /* für den IE */
}

#nav2 h2{
   padding:10px;
   font-size: 140%;
   font-weight: normal;
   color: white;
   background: #005F93;
   width:130px;
   overflow:hidden;
}


#nav2 ul li a{
   padding: 0.3em;
   font-weight: normal;
   color: white;
   border-bottom: 1px white solid;
   margin: 0.4em;
   text-decoration: none;
   display: block;
   height:1%; /*gegen einen Fehler im Internet Explorer*/
}

#nav2 ul li.active a{
   font-weight: bold;


}

#nav2 ul li a:hover{
   color: #F08F21;
   border-bottom: 1px #F08F21 solid;

}

#fotoeps{
  width:750px;
  height:146px;
  background: transparent url(gfx/design/fotoeps.jpg) no-repeat left top;
  float: right;

}

#fotoeps #fahnen{
  width:150px;
  float:right;
}


#fotoeps #fahnen a{
  float:left;
  width:38px;
  padding:5px;
  height:30px;
}
#fotoeps #fahnen h2{
  padding:9px;
  text-align:center;
}
#fotoeps #fahnen h2 a{
  float:none;
  display:inline;
  color:white;
  font-size:17px;
  text-decoration:none;
}


#neues{
   width:150px;
   background: #888;
   padding: 0 0 0.2em;
   float: right;
   margin-bottom: 60px;
   clear:right;
}

#neues h2{
   padding:0.7em;
   font-size: 140%;
   font-weight: normal;

}

#neues ul li a{
   padding:0.3em;
   font-weight: normal;
   color: white;
   border-bottom: 1px white solid;
   margin: 0.4em;
   text-decoration: none;
   display: block;
   height:1%; /*gegen einen Fehler im Internet Explorer*/
}

#neues ul li a:hover{
   color: #F08F21;
   border-bottom: 1px #F08F21 solid;

}



#content{
   width: 600px;
   padding-top: 30px;
   float: right;
   margin-bottom: 60px;
   overflow:hidden;
   }



#footer{
   width: 900px;
   clear: both;
   background: #888;
}

#footer table{
   margin: 0 auto;
}

#footer td, #footer th{
   color: white;
   border-left: 1px white solid;
   padding: 0 1px;
   font-size: 9px;
}

#footer td.noline, #footer th.noline{
     border-left: 0px white solid;
}


/* design content*/

#content ul{
  margin: 5px 40px 5px;
}

#content #sitemap>li{
  margin-right:100px
}

#content ul li{
  padding:2px;
  padding-left:20px;
  background:transparent url(gfx/design/pfeilrechts.gif) no-repeat top left;
}

#content ul.anker li{
   background:transparent url(gfx/design/pfeilunten.gif) no-repeat top left;
}

#content h2{
   font-size: 24px;
   color:  #00486F;
   text-align:center;
   margin: 0 40px 25px;
   padding: 10px 0 3px;
   line-height: 1.2em;
}

#content h3{
   font-size: 18px;
   color:  #005F93;
   border-bottom: 1px #005F93 solid;
   margin: 0 40px 0;
   padding: 10px 0 3px;
      line-height: 1.2em;
}

#content h4{
   font-size: 14px;
   color:  #333;
   margin: 14px 40px 6px;
   line-height: 1.2em;

}

#content a{
   color: #003B5C;

}

#content a img{
   text-decoration: none;

}

#content a:visited{
   color: #333;

}

#content a:hover{
   color: #005F93;

}

#content p{
    padding: 5px 40px 5px;
}

#content .leftalign{
  float: left;
}
#content .rightalign{
  float:right;
}

#content .centeralign{
  text-align: center;
}

#content .clear{
  clear:both;
}

#content strong{
  font-weight:bold;
}

#content em{
   font-style: oblique; /*kursiv*/
}

#content .contentpadding{
   padding: 0 40px 0;
}

#content input,#content textarea,#content select,#content label,#content legend{
  font-size:12px;
}

#content hr{
   margin: 0 40px 0;
}

#content .termin_wichtig td{
  color:red;
  border-color:inherit;
}
#content .termin_ferien td{
  color:blue;
  border-color:inherit;
}