/* ----------------------  Global  -------------------------- */

body {
  background-color:black;
  font-family:Tahoma;
  color:white;
  margin:0;
  padding:0;
  font-size:100.01%;
}
* html body {
  text-align: center;  /* Zentrierung im Internet Explorer bis Version 7 */
}

/* ------------------  Seitenstruktur  ---------------------- */

div#Seite{
  background-image:url(../images/hintergrund.jpg); background-position:top center;
  background-repeat:no-repeat; background-color:black;
  margin:0 auto;
  width:940px;
  padding:0;
  text-align:left;
  border-top:2px solid #cccccc;
  border-left:2px solid #cccccc;
  border-right:2px solid #cccccc;
}


/* ------------------  Ueberschriften  ---------------------- */

h1{
  font-size:1.7em;
  margin:-35px 10px; padding:0;
}
h2{
  font-size:1.4em;
  margin:0px 10px; padding:30px 0;
}
h3{
  font-size:1em;
  margin:60px 10px; padding:0;
}
* html ul#Navigation a, * html ul#Navigation span{
  width: 1em;    /* nur fuer IE 5.0x erforderlich */
  w\idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}

  
/* ------------------  Hauptnavigation  --------------------- */

ul#Navigation{
  text-align:left;
  margin:-10px 50px; padding:0;
}
ul#Navigation li{
  list-style:none;
  display:inline;
  position:relative;
  margin:0.2em; padding:0.3em;
}
ul#Navigation a{
  padding:0.2em 0.3em;
  font-size:0.9em;
  font-weight:bold;
  text-decoration:none;
  color:white;
  border:2px solid white;
}
ul#Navigation a.aktuell{
  padding:0.2em 0.3em;
  font-size:0.9em;
  font-weight:bold;
  text-decoration:none;
  color:red;
  border:2px solid red;
}
ul#Navigation a:hover{
  color:red;
  border-color:red;
}
* html ul#Navigation {
  width:100%;
}
* html ul#Navigation a, * html ul#Navigation span {
  width: 1em;    /* nur fuer IE 5.0x erforderlich */
  w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}

/* ------------------  Nebennavigation  --------------------- */

div#Verweise{
  float:left;
  margin:80px 0px 0 20px;
  padding:0;
  width:200px;
  height:400px;
  text-align:left;
  font-size:0.85em;

}
 div#Verweise td{
  width:200px;           /* Breite und Höhe wie gesamter  */
  height:400px;          /* Verweise-Bereich!             */
}
div#Verweise p{
  margin-top:10px;
}
div#Verweise .ueber{
  font-size:0.9em;
  color:red;
  font-weight:bold;
  text-decoration:underline;
}
div#Verweise .aktuell{
  font-size:0.9em;
  color:red;
}
div#Verweise a{
  font-size:0.9em;
  color:white;
}
div#Verweise a:hover{
  font-size:0.9m;
  color:red;
}
div#Verweise ul{
  list-style-type:square;
  line-height:1.4em;
}
div#Verweise ul.unter{
  list-style-type:circle;
}


/* ---------------------  Fußleiste  ------------------------ */

ul#Fussleiste{
  clear:both;
  margin:30px 0 0 0;
  padding:0;
  width:940px;
  height:260px;
  text-align:right;
  background-image:url(../images/fusszeile.jpg); background-position:bottom center;
  background-repeat:no-repeat; background-color:black;
  border-bottom:2px solid #cccccc;
}
ul#Fussleiste li{
  list-style:none;
  display:inline;
  position:relative;
  padding:0.3em;
}
ul#Fussleiste li.ruhr2010{
  list-style:none;
  display:inline;
  position:relative;
  padding:0.3em;
  margin-right:15px;
}
ul#Fussleiste a, ul#Fussleiste span{
  font-size:0.8em;
  color:white;
  font-weight:bold;
}

ul#Fussleiste a:hover, ul#Fussleiste span{
  font-size:0.8em;
  color:red;
  text-decoration:underline;
}

ul#Fussleiste img{    /* PNG Transparenz für IE 6 */
  behavior: url(css/iepngfix.htc);
}

* html ul#Fussleiste a, * html ul#Fussleiste span{
  width: 1em;    /* nur fuer IE 5.0x erforderlich */
  w\idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}


/* ------------------  Inhaltsfenster  ---------------------- */

div#Inhalt{
  margin:65px 40px 0px 220px;
  min-width:20em;
  min-height:400px;
  padding:0;
}
div#Inhalt h4{
  font-size:1.1em;
}
div#Inhalt p{
  font-size:0.9em;
}
div#Inhalt .bildunter{
  font-size:0.75em;
  margin-left:5px;
}
div#Inhalt .namen{
  font-size:0.8em;
}
div#Inhalt li{
  list-style:square;
  padding:0em;
  margin:0.8em;
}
div#Inhalt li.news{
  list-style:square;
  line-height:0.2em;
}
div#Inhalt a{
  font-size:0.9em;
  color:white;
}
div#Inhalt a:hover{
  font-size:0.9em;
  color:red;
}
div#Inhalt .videoauswahl{
  font-size:0.9em;
  color:#ffffff;
  background-color:#666666;
  border:3px solid #cccccc;
}
div#Inhalt .button{
  background-color:#666666;
  color:#ffffff;
  width:200px;
  border:6px solid #cccccc;
}
div#Inhalt .button2{
  background-color:#666666;
  color:#ffffff;
  width:100px;
  border:3px solid #cccccc;
}
* html div#Inhalt {
  height:1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
}

/* ------------------  Thematische Sequenzen  ---------------------- */

div#Themen{
  margin:65px 40px 0px 40px;
  min-width:20em;
  min-height:400px;
  padding:0;
}
div#Themen h4{
  font-size:1.1em;
}
div#Themen p{
  font-size:0.9em;
}
div#Themen table{
  width:100%;
  border-collapse:collapse;
  font-size:0.9em;
  text-align:center;
  empty-cells:hide;
}
div#Themen th.spalte123{
  width:25%;
  border-right-width:1px;
  border-right-style:solid;
  border-bottom-width:3px;
  border-bottom-style:solid;
  border-color:#cccccc;
}
div#Themen th.spalte4{
  width:25%;
  border-bottom-width:3px;
  border-bottom-style:solid;
  border-color:#cccccc;
}
div#Themen td.spalte123{
  border-right-width:1px;
  border-right-style:solid;
  border-color:#cccccc;
  padding-top:10px;
}
div#Themen td.spalte4{
  padding-top:10px;
}
div#Themen a{
  font-size:0.9em;
  color:white;
}
div#Themen a:hover{
  font-size:0.9em;
  color:red;
}

/* ------------------  Schnellstartinhalt  ---------------------- */

div#Schnellstart{
  margin:65px 40px 0px 40px;
  min-width:20em;
  min-height:400px;
  padding:0;
}
div#Schnellstart h4{
  font-size:1.1em;
}
div#Schnellstart table{
  width:100%;
  border-collapse:collapse;
  font-size:0.85em;
  text-align:center;
  empty-cells:hide;
}
div#Schnellstart th.spalte1u2{
  border-right-width:1px;
  border-right-style:solid;
  border-bottom-width:3px;
  border-bottom-style:solid;
  border-color:#cccccc;
}
div#Schnellstart th.spalte3{
  border-bottom-width:3px;
  border-bottom-style:solid;
  border-color:#cccccc;
}
div#Schnellstart td.spalte1{
  border-right-width:1px;
  border-right-style:solid;
  border-color:#cccccc;
  width:15%;
  font-weight:bold;
}
div#Schnellstart td.spalte2{
  border-right-width:1px;
  border-right-style:solid;
  border-color:#cccccc;
  padding-left:10px;
  text-align:left;
}
div#Schnellstart td.stadtspalte1{
  border-right-width:1px;
  border-right-style:solid;
  border-top-width:1px;
  border-top-style:solid;
  border-color:#cccccc;
  width:15%;
  font-weight:bold;
  padding-top:7px;
}
div#Schnellstart td.stadtspalte2{
  border-right-width:1px;
  border-right-style:solid;
  border-top-width:1px;
  border-top-style:solid;
  border-color:#cccccc;
  padding-left:10px;
  text-align:left;
  padding-top:7px;
}
div#Schnellstart td.stadtspalte3{
  border-top-width:1px;
  border-top-style:solid;
  border-color:#cccccc;
  padding-top:7px;
}
div#Schnellstart a{
  font-size:0.85em;
  color:white;
}
div#Schnellstart a:hover{
  font-size:0.85em;
  color:red;
}