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             : #676D72;  
}

/* ######################### */
/* ###   Main- Bereich   ### */
/* ######################### */

div.main {
  position          : absolute;
  left              : 50%;
  margin-left       : -450px;
  width             : 900px;
  border            : 0px solid #FF0000;
  z-index           : 11;
  min-height        : 100%;
  clear             : both;
}

* html div.main { height:100%; }



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


div.header {
  position          : relative;
  width             : 100%;
  height            : 120px;
  border            : 0px solid #00FF00;
  z-index           : 10;
  background        : url(/layout/header_01.jpg);
  border-bottom     : 5px solid #FFFFFF;
  border-top        : 10px solid #FFFFFF;
}



/* ######################### */
/* ###  Linker Bereich   ### */
/* ######################### */

div.leftground, div.left {
  width             : 180px;
}

div.leftground {
  position          : absolute;
  top               : 0px;
  left              : 0px;
  height            : 100%;
  background-color  : #e9ecef;
  z-index           : 3;
  border-right      : 5px solid #FFFFFF;
}

div.left {
  position          : relative;
  height            : 100%;
  border            : 0px solid #0000FF;
  z-index           : 10;
  margin-bottom     : 120px;
  float             : left;
}



/* ######################### */
/* ###  Rechter Bereich  ### */
/* ######################### */

div.rightground, div.right {
  width             : 180px;
}

div.rightground {
  position          : absolute;
  top               : 0px;
  right             : 0px;
  height            : 100%;
  background-color  : #e9ecef;
  z-index           : 3;
  border-left       : 5px solid #FFFFFF;
}

div.right {
  position          : relative;
  float             : right;
  border            : 0px solid #0000FF;
  z-index           : 10;
  padding-bottom    : 50px;
}



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

div.content {
  position          : relative;
  margin-left       : 20px;
  margin-right      : 20px;
  margin-bottom     : 70px;
  width             : 500px;
  height            : 90%;
  border            : 0px solid #FF00FF;
  float             : left;
  z-index           : 10;
  text-align        : justify;
}

div.contentground {
  position          : absolute;
  width             : 100%;
  top               : 0px;
  right             : 0px;
  height            : 97%;
  margin-top        : 10px;
  background-color  : #f8f9fa;
  z-index           : 2;
  }

/* ######################### */
/* ###  Footer Bereich   ### */
/* ######################### */

div.footer {
  clear             : both;
  position          : absolute;
  bottom            : 0px;
  width             : 100%;
  height            : 50px;
  margin-top        : 10px;
  border            : 0px solid #00FF00;
  background  : url(/layout/footer_bgrnd.jpg) repeat-x #FFFFFF !important;

  border-top        : 5px solid #FFFFFF;
  z-index           : 10;

}

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



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


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

ul {
        list-style  : none;
        margin      : 0;
        padding     : 0;
}
        
#mainmenu {
        width           : 178px;
        border-style    : solid solid none solid;
        border-color    : #9ea7ae;
        border-size     : 1px;
        border-width    : 1px;
        margin          : 0px;
        }

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

#mainmenu li a:link, #mainmenu li a:visited {
        color           : #333b42;
        display         : block;
        background      : url(menu.gif);
        padding         : 4px 0 0 10px;
}

#mainmenu li a:hover  {
        color           : #76808a;
        background      : url(menu.gif) 0 -22px;
        padding         : 4px 0 0 10px;
}

#mainmenu li #current {
        color           : #f8f9fa;
        background      : url(menu.gif) 0 -44px;
        padding         : 4px 0 0 10px;
        font-weight     : bold;
        }

#mainmenu li #submenu {
        color           : #76808a;
        background      : url(menu.gif) 0 -22px;
        padding         : 4px 0 0 10px;
        font-weight     : bold;
        padding-left    : 20px;
        }


#mainmenu li a:active {
        color           : #fff;
        background      : url(menu.gif) 0 -44px;
        padding         : 4px 0 0 10px;
        }

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


/* ######################### */
/* ###       Boxen       ### */
/* ######################### */


.outbox {
  border-bottom         : 5px solid #FFFFFF;

}

.box {
  border                : 1px solid #9ea7ae;
  background            : #d4dae0;
  font-family           : arial, helvetica, verdana;
  font-size             : 12px;
}

.boxheader {
  line-height           : 22px;
  vertical-align        : middle;
  background            : url(/layout/blockbar.gif) repeat-x;
  border-bottom         : 1px solid #9ea7ae;
  padding-left          : 5px;
  padding-right         : 5px;
  color                 : #333b42;
}

.boxbody {
  color                 : #333b42;
  padding-left          : 5px;
  padding-right         : 5px;
  margin-top            : 5px;
  margin-bottom         : 5px;
}

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

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

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

#footernav {
  position              : absolute;
  bottom                : 12px;
  right                 : 5px;
  vertical-align        : middle;
  text-align            : center;
  font-size             : 12px;
  font-weight           : bold;
  color                 : #FFFFFF;
}


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

.siteheadline {
  width                 : 100%;
  font-size             : 18px;
  padding-bottom        : 2px;
  margin-top            : 20px;
  margin-bottom         : 20px; 
  border-bottom         : solid 2px #B5152B;
  color                 : #676D72;
}


.themeheadline {
  width                 : 496px;
  font-size             : 14px;
  font-weight           : bold;
  padding               : 2px;
  margin-top            : 20px;
  margin-bottom         : 10px; 
  background            : #eff1f3;
}

.category {
  width                 : 496px;
  color                 : #eff1f3;
  font-size             : 14px;
  font-weight           : bold;
  padding               : 2px;
  margin-top            : 20px;
  margin-bottom         : 10px; 
  background            : #B5152B;
}

.kleintext {
  font-size             : 11px;
}

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


.paneopen {
  background            : #eff1f3;
  border                : 1px solid #dfe1e3;
}

.paneheadline {
  width                 : 494px;
  font-size             : 14px;
  font-weight           : bold;
  padding               : 2px;
  margin-bottom         : 10px; 
  background            : #dfe1e3;
}

.paneheadline50 {
  font-size             : 14px;
  font-weight           : bold;
  padding               : 2px;
  margin-bottom         : 10px; 
  background            : #dfe1e3;
}

.panetheme {
  background            : #dfe1e3;
  font-weight           : bold;
  margin-top            : 20px;
  padding               : 2px 2px 2px 5px;
  margin-bottom         : 10px;
}

.panefoot {
  width                 : 494px;
  font-size             : 12px;
  padding               : 2px;
  margin-top            : 20px;
  background            : #dfe1e3;
}

.panefoot50 {
  font-size             : 12px;
  padding               : 2px;
  margin-top            : 20px;
  background            : #dfe1e3;
}

hr {
  clear             : both;
  height            : 0px;
  visibility        : hidden;
}


.gallery td {
  height            : 10px;
  vertical-align    : top;
  padding-bottom    : 2px;
}

.gallery img {
  margin            : 0px;
  padding           : 0px;
  border            : 1px solid #AFBAC4;
}


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

/* ### Pane-Bereich ### */

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

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

/* ### Box-Bereich ### */

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

.outbox a:hover {
  color                 : #000000;
  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;
}

/* ### 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 {
  border                : 1px solid #888888;

}

.formlabelleft {
  width                 : 80px;
  float                 : left;
}


.formfieldsize {
  width                 : 190px;
  margin-top            : 2px;
}

.formtextsize {
  width                 : 270px;
  border                : 1px solid #888888;
}

.formfieldplzsize {
  width                 : 50px;
  margin-top            : 2px;
}

.formfieldortsize {
  width                 : 138px;
  margin-top            : 2px;
  margin-left           : 2px;
}



/* ------------------------------------------- */
/* ###    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;}