/* CSS Document */
body {
  background-image: url(../images/bg_wood.jpg);
  background-repeat: repeat;
  background-color: #003366;
  font-family: "Trebuchet MS", "Myriad Web", Georgia, sans-serif; 
  margin: 0px;
  padding: 0px;
  height: 100%; !important;
  width: 100%;
}

h1 {font-size: 1.6em; color:#003366}
h2 {font-size: 1em; color:#795c38; padding-top: 10px; clear: left;}
h3 {font-size: 1em; color: #000; clear:left !important;  border-color: #666; border-style: dotted none none none; border-width: 1px 0px 0px 0px; padding-top: 10px;}
p {font-size: 0.8em; padding-left: 13px; text-align:justify;}
table {border: 1px solid black; collapse; float: left;}
td, th {border: 1px solid black; padding: 3px; margin: 0px;} 

/* KLASSEN */
.news {
  background-color: #ececec;
  padding: 8px 20px 0 20px;
  border-color: #999;
  border-style: dotted;
  border-width: 2px 0px 2px 0px; 
}

.news h2 {color: #336699; font-size: 1.3em;}
.news p {padding-left: 15px; color: #666;}
.news img {float:left;}

img.left {float: left;}
img.right {float: right;}

.back {text-align:center;}

.autor {color:#999; font-size: 0.7em; text-align:right;}

.next_event {color: #000; background-color:#ececec;}

/* IDs */
#main {
   background-image: url(../images/bg_main.jpg);
   background-repeat: repeat-y;
   width: 850px;
   height: 100%; /* IE */
   position: absolute;
   top: 0;
   left: 50%;
   background-color: #fff;
   margin: 0 0 0 -452px;
   border-color: #3c2e1c;
   border-style: none solid none solid;
   border-width: 0px 27px 0px 27px; 
}

html>body #main {/* be nice to opera (&gekko) */
  height: auto;
  min-height: 100%;
}

#header {background-image: url(../images/header.jpg); background-repeat: no-repeat; height: 199px; }

table.vorstand {border: 0px solid black; collapse; float: left;}
table.vorstand td {border: 0px solid black; padding: 2px; margin: 0px;} 

/** Nagivation **/
#navigation {
  font-size: 0.8em;
  top:0px;
  left:0px;
  height:40px;
  background-color:#ff0000;
  background-image:url(../images/stripes.gif);
  background-repeat: repeat;
  border-color: #795c38;
  border-style: solid none none none;
  border-width: 1px 0px 0px 0px; 
  overflow: visible; 
}
ul#nav {
  list-style-type: none; 
  margin: 0;
  padding: 0;
}
ul#nav a {
  background-color: #003366;
  color: #fff;
  display: block;
  padding: 11px;
  text-decoration: none;
  width: auto;
  font-weight: bold;
  background-image: url(../images/bg_navlink.gif);
  background-repeat: repeat-x;
}

ul#nav a.aktiv {
  background-color: #fff;
  color: #003366;
  background-image: url(../images/bg_navaktiv.gif);
  background-repeat: repeat-x;
}
ul#nav a.verlauf {
  background-color: #fff;
  color: #003366;
  background-image: url(../images/bg_main.jpg);
  background-repeat: repeat-y;
}
ul#nav a:hover {
  background-color: #003366;
  background-image: url(../images/bg_navhover.gif);
  background-repeat: repeat-x;
}
ul#nav li {
  float: left;
}
/** ENDE - Nagivation **/

#content {
width: 600px; 
min-height: 100%;
height: 100%; /* IE */ 
float: left; 
background-color: transparent; 
padding: 10px 10px 3.7em 40px; 
}

#content a {color: #795c38; text-decoration: underline; width: auto;}
#content a:hover {color: #ff0000; width: auto;}
#content img {border: 2px solid #003366;  margin: 0 15px 10px 10px;}
#content ul { list-style-image:url(../images/bullet.gif);}


#left {border: 0px solid green; width: 200px; float: right; background-color: transparent; top: 20px; position:relative; text-align:center;}
#left img {margin: 5px; border: 0px;}

#footer {
   background-image: url(../images/bg_footer.jpg);
   background-repeat: repeat-y; 
   background-color:#FF0000; 
   color: #fff; 
   font-size:0.9em;
   text-align:center;
   float: left; 
   clear: both; /*IE6*/
   width:850px;
   padding: 0.4em 0 0.2em 0;
   height:2em;
   position: absolute;
   left:0; /* IE */ 
   bottom: 0; !important
   overflow: visible; 
   border-color: #999;
   border-style: solid none none none;
   border-width: 1px 0px 0px 0px;
   }