@charset "utf-8";

/**
<------------------------------ container 940px -------------------------------->
<--------------------------------  main 940px ---------------------------------->
<-- sidebar 244px -->
<-- content margin-left: 295 px -->                            <- margin: 10px ->  
                                   <---- content (615px) ----->
*/


/**
----------------------------------------------------------
Regeln für allgemeine Elemente
---------------------------------------------------------- */

/* Alle kritischen Werte instanziieren */
* {
  margin: 0;
  padding: 0;
  vertical-align: top;
  border-spacing: 0;
}

/* Farben und Hintergrund setzen */
body {
  color: orange;
  background-color:gray;
  /*background: url(./graphic/elements/back031.gif) repeat;*/
  height:100%; 
  margin-top:0px;
  margin-bottom:0px;
}

/* Schriftgröße kontrollieren */
body, td, th {
  font: normal 80.01% Verdana, sans-serif;
}

/* Tabellen */
table {
  background-color: #F5F5F5;
  color: black;
  border: 20px solid: black;
  float: left;
}


td, th {
  padding: 2px 10px 2px 10px;
  font-size: 100%;
}

/* Links und Anker */
a:link {
  color: orange;
  background-color: transparent;
}
a:visited {
  color: orange;
  background-color: transparent;
}
a:hover,
a:focus {
  color:white;
  background-color: transparent;
}
a:active {
  color: orange;
  background-color: transparent;
}
a:link img, a:visited img,
a:hover img, a:focus img, a:active img {
  border: 0;
}

/* Überschriften */
h1, h2, h3, h4 {
  color: white;
  background-color: transparent;
}


h1 {
  font-size: 1.5em;
  margin: 0 0 1.25em 0;
}


h2 {
  font-size: 1.3em;
}


h3 {
  font-size: 1.2em;
}


h4 {
  font-size: 1.1em;
}


h5 {
   font-size: 1.0em;
   color: #00BFFF;
   background-color: transparent;
}


h6 {
   color: yellow;
  background-color: transparent;
}
   

h1 {
  font-size: 1.5em;
  margin: 0 0 1.25em 0;
}

/* Absätze */
  p {
  margin: .8em 0;
  line-height: 18px;
}

/* Bilder */
img {
  vertical-align: bottom;
}

/* Listen */
dt {
  font-weight: bold;
}
dd {
  margin: .5em 0 1em 3em; 
}



/* Schaltflächen */
.button 
{ clear: both;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px;
}


/* Schatten unter Bildern */
DIV.shadow, DIV.shadow2, DIV.shadow3, DIV.shadow4, DIV.shadow5 {
   padding: 1px;
   border-radius: 10px;
   -moz-border-radius: 10px;
   }

DIV.shadow {
   background-color: #8e8e8e;
   border: 1px solid #959595;
   margin: 0px;
   }
DIV.shadow2 {
   background-color: #aaa;
   border: 1px solid #bebebe;
   margin: 0;
   }
DIV.shadow3 {
   background-color: #d1d1d1;
   border: 1px solid #e1e1e1;
   margin: 0;
   }
DIV.shadow4 {
   background-color: #ededed;
   border: 1px solid #f6f6f6;
   margin: 0;
   }
DIV.shadow5 {
   float: left;
   background-color: #fcfcfc;
   border: 1px solid #fff;
   margin: 10px 14px;
   }

DIV.shadow5 IMG {
   border: 0px solid #666;
   margin: -2px;
   display:block;
   position: relative;
   top: -3px;
   left: -3px;
   }

/**
----------------------------------------------------------
Zwei gleichgroße Textspalten
---------------------------------------------------------- */
div#columnLeft {
 width: 290px;
 margin: 0px;
 padding: 0 1px 20px 0;
 float:left; 
}

#columnLeft p {
 text-align: justify;
}

/**
#columnLeft p:first-letter {
 color: yellow;
 font-size: 300%;
 border:20px;
 width: 40px;
 margin-right: 20px;
 margin-bottom: 20px;
 float: left;
 }
*/

div#columnRight {
 width: 290px;
 margin: 0 0 0 325px; 
 padding: 0 0 20px 1px;
}

#columnRight p {
 text-align: justify;
}





/**
----------------------------------------------------------
Regeln für besondere Bereiche
---------------------------------------------------------- */

/* Standardmäßig nicht sichtbare Inhalte zur Erleichterung der
   Orientierung mit assistiven Technologien */
.invisible {
  position: absolute;
  left: -9999px;
}


/** Hauptbereich
---------------------------------------------------------- */
/** Komplette Seite in "Container" horizontal zentrieren
---------------------------------------------------------- */

div#container {
  min-height: 100%;
  position:relative;
  color: orange; 
  background:black;
  width: 940px;
  margin: auto; /* Reicht eigentlich */
  }


/* Für kaputte Browser */
body {
  /* Alle Inhalte horizontal zentrieren */
  text-align: center;
}
body * {
  /* Textausrichtung korrigieren */
  text-align: left;
}


/** Logo im Kopfbereich
---------------------------------------------------------- */

div#head {
   background: url(./images/elements/head[940x150px].jpg) no-repeat; 
   height: 150px;
   top: 0px; 
}



div#headtext {
   position: relative;
   Top: 10px;
   left: 340px;
   color: blue; 
   background: transparent;
   /** float: left; */
}



div#topschatten {
   /**background: url(./graphic/balken.jpg) repeat-x; 
   margin-bottom:20px;*/
   height: 20px;
   background-color: cornsilk;
  
}



/** globale Navigation
---------------------------------------------------------- */
#head ul {
  clear: left;
  font-size: 1.0em;
  position: relative;
  top: 148px;
  left: 275px;
  text-align:center;
 }


#head ul,
#head li {
  float: left; 
  list-style: none;
 
}
#head ul a,
#head ul strong {
  color: blue;
  font-size: 1.1em;
  text-decoration: none;
  /**padding: .2em 1em;*/
   /**margin: 10px 0 0 30px;*/
  /**background: url(./images/elements/navbutton[120x23px].jpg) no-repeat;*/ 
  /**width:121px; */ 
}

#head ul a:visited {
  color: black;
}

#head ul a:hover,
#head ul a:focus {
  text-decoration: underline;
}

#head li.skiplink {
  padding: 0;
}
#head li.skiplink a {
  color: white;
  background-color: black;
}
/* }
#head li.skiplink a {
  color: white;
  background-color: black;
} */


#head li.skiplink a:focus {
  color: blue;
  background-color: white;
}

/** Hauptbereich/Inhaltsbereich
---------------------------------------------------------- */
div#main {
   clear:both; 
   background-color:black;
   color:white;
   margin-left:auto;
   margin-right:auto;
   width:940px; 
}



/** Seitenspalte
---------------------------------------------------------- */

div#sidebar {
  float:left; 
  margin-top: 0px;
  padding-left: 10px;
  width: 244px;
  /**min-height:500px;*/
 }




/** Navigation
---------------------------------------------------------- */
    #menu { 
      margin: 50px 0 10px 0; 
      width: 242px;
      background-color: dimgray;    
      border: 1px solid darkgray;
      text-align:center; 
      }


    #menu ul {
      list-style: none; 
      width: 242px; 

      } 

 
    #menu p {
      color: white;
      background-color: dimgray;    
      margin: 10px 15px 10px 15px;
      text-transform: uppercase;
      font-size: 1.1em;
      text-align:center;
      }
 

    #menu a, #menu h5
      { font-size: 1.1em; 
      line-height: normal;
      text-align:center;
      font-weight:bold;
      font-size:100%;
      color: black; 
      background-color: whitesmoke;
      display: block; 
      border-width: 1px; border-style: solid;
      text-decoration: none;
      margin: 0 0 0 0;
      border-color: darkgray;     
      padding: 12px 3px 8px 3px; 
      background: url(./images/elements/navbutton[242x46px].jpg) no-repeat;
      height:26px;
      } 

 
    #menu h2:hover, #menu a:hover 
     { color: blue; }
    #menu h2:visited { color: gray; background: whitesmoke; }  
    #menu li {position: relative;} 

    #menu ul ul { position: relative; z-index: 500; top: 0; left: 242px;}
    #menu ul ul a,
    #menu ul ul h2,
    #menu ul ul p  { background: url(./images/elements/navbutton[242x46px].jpg) no-repeat;}   
    #menu ul ul ul { position: relative; top: 0; left: 242x }

    #menu ul ul,
    #menu ul li:hover ul ul,
    #menu ul ul li:hover ul ul {display: none;} 

    #menu ul li:hover ul,
    #menu ul ul li:hover ul,
    #menu ul ul ul li:hover ul {display: block;} 






/** Aktuelles
---------------------------------------------------------- */
div#today {
  width:242px;
  color: gray;
  background-color: cornsilk;
  font-weight: bold;
  margin: 10px 0 30px 0;
  **/padding: 0px 15px 15px 15px; */
  border: 1px solid darkgray;
}

#today h2 {
  color: white;
  background-color: dimgray;
  margin: 5px 0px 5px 0px;
  text-transform: uppercase;
  font-size: 1.1em;
  text-align:center;
  border: 1px solid darkgray;
}


#today p {
  padding: 0px 15px 15px 15px; 
  margin: .2em 0; 
  color:black;
}

#today h3, #today strong {
  margin-top: 40px;
  color: black;
}


#today a {
  color: black;
  
}
#today a:hover,
#today a:focus {
  color: white;
  background-color: #00BFFF;
}

#today a:visited {
   color: gray;
}



/** Content
---------------------------------------------------------- */
div#content {
  color:orange;
  margin: 0px 20px 0px 295px;
  padding: 20px 0px 10px 0px;
  /* Behebt den 3-Pixel-Textsprung-Bug und andere Bugs im IE 6 */
  height: 1%; 
}




/** "Hier bin ich"-Information
---------------------------------------------------------- */
div#aktPos {
  color:gray;
  margin-bottom:30px;
  width:620px;
  background-color:whitesmoke;
  border:1px solid gainsboro;
}



/** Fußzeile
---------------------------------------------------------- */
div#footer {
   /**background: url(./graphic/balken.jpg) repeat-x;*/
   background-color: cornsilk;
   margin-bottom: 0px;
   margin-left:auto;
   margin-right:auto;
   width:940px;  
   clear: both;   
   position:relative;
   border-top: 1px solid gainsboro; 
}
div#footertext {
   padding: 15px 20px;
}

#footertext p {
   text-align: center;
   margin: 5px 0px 5px 0px;
   color: black;
}

/**
----------------------------------------------------------
Regeln für besondere Dokumente
---------------------------------------------------------- */



/** Tabellen 
---------------------------------------------------------- */
table#table1 { 
  border: 1px silver solid; 
  border-collapse:collapse;  
}
#table1 thead {
  background-color:dimgray;
  color:orange;
}
#table1 tbody {
  background-color: #333333;
  color:silver;
}
#table1 h2 {
  color:red;
  font-size: 1.1em;
}
#table1 td, th {
  padding: 2px 10px 2px 10px;
  font-size: 100%;
  border: 1px gray solid;
  text-align: center;
}




table#table2 { 
   border: 1px silver solid; 
   border-collapse:collapse;
   
  /*margin-right: 20px;*/
}
#table2 thead {
  background-color:dimgray;
  color:orangered;
}
#table2 tbody {
  background-color: whitesmoke;
  color:blue;
}
#table2 h2 {
  color:red;
  font-size: 1.1em;
}
#table2 td, th {
  padding: 2px 10px 2px 10px;
  font-size: 100%;
  border: 1px gray solid;
}



/* "Action"-Seiten */

div#events {}
#events p {
  margin-top: 0%;
  margin-bottom: 10%;
  color:black;
  }
#events h3 {
  color:red;
  font-size: 1.2em;
  margin: 0 0 10px 0;
  }
#events h1 {
  margin: 0 0 40px 0;