html {
  height:100%;
  margin-bottom:1px;
}

#container {
  width: 768px;
  margin:auto;
  margin-top:28px;
  border: 1px solid #E6E6E6;
  background:#8C8C8C;
}
#top {
  background:url(top.jpg);
  height: 120px;
  border-bottom:1px solid #E6E6E6;
}
#bottom {
  clear:both;
  background:url(bottom.gif);
  height: 13px;
  border-top:1px solid #E6E6E6;
  font-size:0.8em;
  text-align:center;
}
#fuss {
  font-size:0.8em;
  text-align:center;
}
#fuss p, #fuss a {
color:white;
}

#content {
  padding:10px 10px 10px 10px;
  width:460px;
  color:white;
}


body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:68%;
  background-image: url(hg.gif);
  margin:0;
}
p,td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:1em;
  color: #FFFFFF;
  margin-bottom: 8px;
  margin-top: 0px
}
.menu {  margin-top: 2px; margin-bottom: 0px; font-weight: bold}
.status { font-size: 8px; margin-top: 0px; margin-bottom: 0px}
.news_text {  margin-top: 0px; margin-bottom: 0px; font-size:10px;}
.news_fuss { font-size: 8px; margin-top: 0px; margin-bottom: 0px; text-align: right }
a.status {  text-decoration: none; font-weight: normal; color: #000000}
a:hover.status {  color: #666666}

.submenu {  margin-top: 2px; margin-bottom: 0px}
.titel { margin-top: 0px; margin-bottom: 0px; font-weight: bold }
.L {  font-size: 9px; margin-top: 0px; margin-bottom: 0px; color: #660000}
.SL {  font-size: 9px; font-style: italic; text-align: center; color: #666666; margin-bottom: 2px}
.IL { font-size: 9px; margin-top: 0px; margin-bottom: 0px; color: #660000 ; font-style: italic}


/*  Menü-Hintergrund: #C0C0C0
    Content-HG        #8C8C8C
    Tab-HG            #A0A0A0
    TabHead-HG        #787878
    Tab-Rand          #E6E6E6

*/


table        { border-collapse:collapse;background-color:#A0A0A0; border:#E6E6E6 solid 1px;}
td           { border:#E6E6E6 solid 1px; padding:2px}
th           { border:#E6E6E6 solid 1px;background-color:#787878;font-size: 11px; color: #FFFFFF;font-weight: bold; padding:2px}

.tab-padding   { border:none; background-color:#8C8C8C;  padding:8px}
.tab-content   { border:none; background-color:#8C8C8C;  padding:0px}
.tab-rahmen  { border:1px #C0C0C0 solid; border-collapse:collapse; padding:0px}
/*border-collapse:collapse*/

.formular_post {
  border: #FFFFFF solid;
  background-color: #cccccc;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  width:70px;
  font-size: 11px;
  border-width: 1px 1px 1px 1px;
}
.formular {
  border: #FFFFFF solid;
  background-color: #C0C0C0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border-width: 1px 1px 1px 1px;
  width: 300px;
  font-size: 11px;
}


/* Farbe der Überschriften */
#content h1 { color: #FFC809;font-size: 19px; font-weight: bold;  margin-top: 5px; margin-bottom: 10px}
#content h2 { color: white;font-weight: bold;  margin-top: 15px; margin-bottom: 5px; font-size: 1.1em; }


/* Farbe der Links */
a            { color: #FFB681; font-weight: bold;  text-decoration: none}
a:hover      { color: #FF8B35}
a.menu       { color: #D36413; font-weight: bold; text-decoration: none}
a:hover.menu { color: #FFFFFF}




#menu {
  float:left;
  width:120px;
}

#menu ul {
  list-style:none;
  padding:0;
  margin:0;
  margin-top:19px;
}

#menu li {
  display:inline;
  margin:0;
  padding:0;
}

#menu li a{
  display:block;
  text-decoration:none;
  padding:2px 15px 3px 3px;
  font-weight:bold;
  color:#D3643C;
  font-size:0.98em;
  line-height:1.1em;
  
  background:#C0C0C0;
  margin-top:5px;
  border-top: 1px solid white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  padding-left:14px;
  color:#555;
}
#menu li a:hover {
  color:white;
  background:gray;
}

#menu li.active a {
  color:white;
  background:#D66310;

}



#news {
  float:right;
  width:168px;
}

td.news {
  padding:0;
  border-top:0;
}
#news h1, #news h2 {
  font-size:11px;
  text-align:left;
  color:white;
  margin:0;
  padding:2px 5px 2px 5px;
  border-top:1px solid #E6E6E6;
  border-left:1px solid #E6E6E6;
  border-bottom:1px solid #E6E6E6;
  margin-top:19px;
}
#news h1 {
  background:#D66310;
}
#news h2 {
  background:#787878;
}

#news p {
  padding:5px 5px 5px 5px;
  margin:0;
  font-size:10px;
  border-left:1px solid #A8A8A8;
  background:#969696;
}

.gallery_box img {
 border:1px solid #E6E6E6;
 padding:1px;
 margin:4px;
}




.pagenavi a, .pagenavi span {
      padding: 1px 8px;
      margin-right: 5px;
      background:none;
      border: 1px solid orange;
    }
    .pagenavi span {
      background: #FDA;
    }
    .pagenavi span.inactive {
      background:none;
      border: 1px solid #BBB;
      color: #AAA;
    }
    .pagenavi span.skip {
      background:none;
      border: 1px solid #BBB;
      color: #AAA;
    }

.board {
}
    .board .entry {
      background: #969696;
      -moz-border-radius: 5px;
      border: 1px solid #EEE;
      margin: 10px 0 ;
    }
    .board .entry .title {
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
      background: #828282;
      font-weight: bold;
      padding: 2px 10px;
      margin:0;
    }
    .board .entry .title span {
      font-weight: normal;
    }
    .board .entry .message {
      padding: 5px 10px;
      margin:0;
    }
    .board .entry.hot {
      sbackground: #FAF6F0;
      border: 1px solid #FC9;
    }
    .board .entry.hot .title {

      sbackground: #FC9;
     }
     #board #message {
       height: 100px;
       width: 300px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 1.1em;
   padding: 2px 0 2px 2px;
    }
     
.icon {
  border:0;
  margin:0;
  padding:0;
  vertical-align:-0.3em;
}


