html, body { 
  height            : 100%;
  min-height        : 100%;
  margin            : 0;
  padding           : 0;

}

div, td {
  text-align        : left;
  font-family       : arial, helvetica, verdana;
  font-size         : 12px;
  color             : #686f49;  
  padding           : 0px;
  margin            : 0px;
}

.maintable {
  height            : 100%;
  width             : 100%;
}

.maintableleft {
  width             : 33%;
  vertical-align    : top;
  background        : url(layout/bgrnd_top_left.gif) no-repeat top right #fecc00;
}

.maintableright {
  width             : 33%;
  vertical-align    : top;
  background        : url(layout/bgrnd_top_right.gif) no-repeat top left #fecc00;
}

.maintablecontent {
  width             : 1001px;
  vertical-align    : top;
  height            : 100%;
  background-color  : #FEF4D7;
}

.maintablefooter {
  height            : 30px;
  border-top        : 5px solid #FFFFFF;
  background        : #0c922d;
}

/* ######################### */
/* ###  Header- Bereich  ### */
/* ######################### */

.headergrafik {
  width       : 206px;
  height      : 219px;
}

.headercontent {
  width       : 630px;
  height      : 151px;
}

.headerright {
  width       : 165px;
  height      : 151px;
}

.contentarea {
  background    : #fef4d7;
  height        : 100%;
}

.leftarea {
  background    : url(layout/bgrnd_left.gif) repeat-y;
}

.rightarea {
  background    : url(layout/bgrnd_right.gif) repeat-y;
}

.naviground {
  background    : url(layout/bgrnd_header_bottom.gif) top no-repeat;
  vertical-align  : top;
  height      : 46px;
}

/* ######################### */
/* ###     Right-Bar     ### */
/* ######################### */

.rightoutbox {
  margin-bottom   : 10px; 
  margin-left     : 10px; 
  width           : 150px;
  border-top      : 1px solid #f3f7bb;
  border-left     : 1px solid #f3f7bb;
  border-right    : 1px solid #668800;
  border-bottom   : 1px solid #668800;
  }

.rightbarhead {
  padding         : 0 5px 0 5px;
  height          : 25px;
  line-height     : 25px;
  vertical-align  : middle;
  background      : url(/layout/bar_head.gif) no-repeat top right #97b910;
  font-variant    : small-caps;
  font-size       : 14px;
  font-weight     : bold;
  letter-spacing  : 1px;
  color           : #f3f7bb;
  border-bottom   : 1px solid #668800;
  }

.rightbarbgrnd {
  padding         : 10px 5px 10px 5px;
  color           : #004100;
  background      : #cdcc00;
}

.rightbarbody {
  background      : #cdcc00;
}

.rightbartext {
  color           : #004100;
  font-size       : 11px;
}

a.rightlink:link, a.rightlink:visited {
  color           : #f3f7bb;
  font-size       : 11px;
  font-weight     : bold;
  text-decoration : underline;
  }

/* ######################### */
/* ### Content- Bereich  ### */
/* ######################### */

.content {
  margin-left     : 35px;
  margin-right    : 35px;
  line-height     : 17px;
  padding-bottom  : 20px;
}

/* ############################################################################# */

/* ######################### */
/* ###     Hauptmenü     ### */
/* ######################### */


div.left #mainmenu {
  font-size         : 12px;
  font-family       : arial, helvetica, verdana;
}

ul {
        list-style  : none;
        margin      : 0;
        padding     : 0;
        text-align  : right;
}
        
#mainmenu {
        width           : 175px;
        margin          : 0px;
        margin-left     : 25px;
        }

#mainmenu li a {
        height          : 18px;
        voice-family    : "\"}\"";
        voice-family    : inherit;
        text-decoration : none;
}

#mainmenu li a:link, #mainmenu li a:visited {
        color           : #f3f7bb;
        display         : block;
        background      : url(layout/menu.gif) no-repeat;
        padding         : 5px 10px 3px 10px;
}

#mainmenu li a:hover  {
        color           : #f3f7bb;
        background      : url(layout/menu.gif) 0 -26px;
        padding         : 5px 10px 3px 10px;
}

#mainmenu li #current {
        color           : #f3f7bb;
        background      : url(layout/menu.gif) 0 -26px;
        padding         : 5px 10px 3px 10px;
        font-weight     : bold;
        }

#mainmenu li a:active {
        color           : #f3f7bb;
        background      : url(layout/menu.gif) 0 -26px;
        padding         : 5px 10px 3px 10px;
        }

/* ############################################################################# */


.adresse {
        font-size       : 11px;
        color           : #a17700;
        margin-left     : 30px;
        margin-top      : 20px;
        }

/* ######################### */
/* ###     Headlines     ### */
/* ######################### */

h1 {
        font-size : 16px;
        color   : #005100;
        letter-spacing  : 1px;
        margin-bottom : 20px;
        padding-bottom  : 2px;
        border-bottom : 1px dotted #668800;
   }

h2 {
        font-size : 16px;
        font-weight : bold;
        margin    : 30px 0 10px 0;
        padding   : 0 0 2px 0;
        border-bottom   : solid 1px #f5e7bd;
   }

h3 {
        font-size : 14px;
        font-weight : bold;
        margin    : 15px 0 5px 0;
        padding   : 0 0 0 0;
        color   : #789407;
   }
   
h4 {
        font-size : 12px;
        font-weight : bold;
        margin    : 15px 0 5px 0;
        padding   : 0 0 0 0;
   }

.termindatum {
        font-weight : bold;
        background  : #FEE9AB;
        color   : #6F4907;
        padding-left  : 2px;
        border-bottom : 2px solid #FEF4D7;
        }
        
.terminheadline {
        font-size : 12px;
        font-weight : bold;
        color   : #6F4907;
        background  : #FEEEBF;
        padding   : 0 0 5px 2px;
        margin    : 0px;
   }

.terminbody {
        background  : #FEEEBF;
        padding-left  : 2px;
        color   : #6F4907;
        }



.databox {
        border    : 1px solid #ede8bc; 
        padding   : 5px;
        }
        
*html .databox {
        width   : 560px;
        }
        
.widthhalf {
        width   : 47%;
        }

*html .widthhalf {
        width   : 275px;
        }

/* ############################################################################# */

/* ######################### */
/* ###  Footer-Content   ### */
/* ######################### */

#footeraddress {
  width                 : 100%;
  position              : relative;
  top                   : 8px;
  vertical-align        : middle;
  text-align            : center;
  font-size             : 10px;
  color                 : #4e575f;
}

#footernav {
  width     : 630px;
  margin-left   : 206px;
  vertical-align        : middle;
  text-align            : right;
  font-size             : 12px;
  font-weight           : bold;
  color                 : #FFFFFF;
}





/* ######################### */
/* ###   Main-Content    ### */
/* ######################### */


ul.contentlist {
  list-style            : disc;
  margin                : 5px;
  padding               : 8px;
  }

/* ######################### */
/* ###   Link-Bereiche   ### */
/* ######################### */


#footernav a:link, #footernav a:visited{
  color                 : #f3f7bb;
  text-decoration       : none;
}

#footernav a:hover {
  color                 : #FFFFFF;
  text-decoration       : none;
}

a:link, a:visited{
  color                 : #B5152B;
  text-decoration       : none;
}

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

/* ######################### */
/* ###    Link-Images    ### */
/* ######################### */

/* ### Pfeil rechts ### */

.linkimg1 {
  background-image      : url(/layout/link_arrow1.gif);
  background-repeat     : no-repeat;
  background-position   : 0 2px;
  padding-left          : 12px;
}


/* ######################### */
/* ###      Gallery      ### */
/* ######################### */

.gallery td {
  width                 : 60px;
}



/* ### Pfeilbox rechts ### */

.linkimg2 {
  background-image      : url(/layout/link_arrow2.gif);
  background-repeat     : no-repeat;
  background-position   : 0 2px;
  padding-left          : 14px;
}



/* ######################### */
/* ### Formular-Bereiche ### */
/* ######################### */

.formmain input, .formmain textarea, .formmain select {
  border                : 1px solid #f5e7bd;
  background-color  : #FEFAEF;
  margin    : 0 0 1px 0;
  padding   : 1px 0 1px 0;
  font-family         : arial, helvetica, verdana;
  font-size           : 12px;
  color               : #686f49;  
}


/* ######################### */
/* ###  Freizeit-Führer  ### */
/* ######################### */



.hdr { 
  background-color: #FEEEBF;
  color   : #686f49;
  font-size : 10px;
}
  
.hdrdk { 
  background-color: #FEE9AB; 
  color   : #686f49; 
  padding-left  : 3px; 
  font-size : 10px;
}


.hdrb { 
  background-color: #CDCC00; 
  color   : #F3F7BB; 
  font-size : 11px; 
  font-weight : bold; 
  padding   : 2px 0 2px 3px;
  margin-bottom : 15px;
}

.hdrbdk { 
  background-color: #92B30F; 
  color   : #F3F7BB; 
  font-size : 11px; 
  font-weight : bold;
  padding   : 2px 0 2px 3px;
  margin-bottom : 15px;
}

.hdrs {
  background-color: #FEEEBF; 
  color   : #686f49; 
  font-size : 10px; 
}
.hdrsdk {
  background-color: #FEE9AB; 
  color   : #686f49; 
  font-size : 10px; }

.hdrb a:link, .hdrb a:visited {
  color   : #F3F7BB;
  text-decoration : underline;
  }

.hdrb a:hover {
  color   : #FFFFFF;
  text-decoration : underline;
  }



/* ------------------------------------------- */
/* ###    Abstände in allen Variationen    ### */
/* ------------------------------------------- */

.mtop2    {margin-top:      2px;}
.mtop5    {margin-top:      5px;}
.mtop10   {margin-top:     10px;}
.mtop15   {margin-top:     15px;}
.mtop20   {margin-top:     20px;}
.mtop25   {margin-top:     25px;}

.mbot2    {margin-bottom:   2px;}
.mbot5    {margin-bottom:   5px;}
.mbot10   {margin-bottom:  10px;}
.mbot15   {margin-bottom:  15px;}
.mbot20   {margin-bottom:  20px;}
.mbot25   {margin-bottom:  25px;}
.mbot45   {margin-bottom:  45px;}

.mleft2   {margin-left:     2px;}
.mleft5   {margin-left:     5px;}
.mleft10  {margin-left:    10px;}
.mleft15  {margin-left:    15px;}
.mleft20  {margin-left:    20px;}
.mleft25  {margin-left:    25px;}

.mright2  {margin-right:    2px;}
.mright5  {margin-right:    5px;}
.mright10 {margin-right:   10px;}
.mright15 {margin-right:   15px;}
.mright20 {margin-right:   20px;}
.mright25 {margin-right:   25px;}

.ptop2    {padding-top:     2px;}
.ptop5    {padding-top:     5px;}
.ptop10   {padding-top:    10px;}
.ptop15   {padding-top:    15px;}
.ptop20   {padding-top:    20px;}
.ptop25   {padding-top:    25px;}

.pbot2    {padding-bottom:  2px;}
.pbot5    {padding-bottom:  5px;}
.pbot10   {padding-bottom: 10px;}
.pbot15   {padding-bottom: 15px;}
.pbot20   {padding-bottom: 20px;}
.pbot25   {padding-bottom: 25px;}

.pleft2   {padding-left:    2px;}
.pleft5   {padding-left:    5px;}
.pleft10  {padding-left:   10px;}
.pleft15  {padding-left:   15px;}
.pleft20  {padding-left:   20px;}
.pleft25  {padding-left:   25px;}

.pright2  {padding-right:   2px;}
.pright5  {padding-right:   5px;}
.pright10 {padding-right:  10px;}
.pright15 {padding-right:  15px;}
.pright20 {padding-right:  20px;}
.pright25 {padding-right:  25px;}

.pall2    {padding:         2px;}
.pall5    {padding:         5px;}
.pall10   {padding:        10px;}
.pall15   {padding:        15px;}
.pall20   {padding:        20px;}
.pall25   {padding:        25px;}