<!--
/************************************************/
/* Layout                                       */


/* Vorbelegung Standardwerte */
html {height: 100%; margin:0; padding:0;}
body {height: 96%; margin:0; padding: 5px 10px 10px 10px; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 0.8em; background-color: rgb(220,220,220); color: rgb(0,0,0);}

p, h1, h2, h3, table {margin: 6px; line-height: 140%; text-align: left;}
acronym {cursor: help; border-bottom: 1px dotted rgb(0,0,0);}
a {color: rgb(0,0,0); text-decoration: underline; font-weight: bold; }
a:hover {text-decoration: none;}
a:focus {color: rgb(255,0,0);}

/* Allgemein: */
.hidden {position: absolute; left: -1000px; top: -1000px; width: 0; height: 0; overflow: hidden; display: inline; }


/* Seitenaufbau */
.layout {margin: 0 auto 0 auto; padding: 0; min-width: 920px; max-width: 1200px; border-right: solid 1px rgb(0,0,0); border-left: solid 1px rgb(0,0,0);}
div#kopfzeile {background-color: rgb(255,255,255); border-top: solid 1px rgb(0,0,0); background-image: url(../images/tsvnu_fussball_sw.jpg); background-repeat: no-repeat; background-position: right;}
div#rahmen {background-color: rgb(255,255,255); height: 70%; min-height: 70%; z-index: 1;}
div#fusszeile {background-color: rgb(255,255,255); border-bottom: solid 1px rgb(0,0,0); height: 2em; }

.content { height: 100%; min-height: 100%; padding: 0;}
div#links  {background-color: rgb(245,245,245); float: left; margin: 0px auto 0px 2px; width: 190px;}
div#rechts {background-color: rgb(245,245,245); float: right; margin: 0px 2px 0px auto; width: 190px}
div#mitte {background-color: rgb(255,255,255); margin: 0px 194px 0px 194px;  }

body > #rahmen > .content {height:auto;} 


/* Top-Bereich am oberen Bildschirmrand */
div#top {border: 0;}
div#top p {text-align: right; margin: 0px 20px 5px 0px;} 
div#top img {border: 0; margin-bottom: -3px; margin-top: 3px;}


/* Layout der Bilder im Kopfbereich */
img#logo {border: 0; float: left; margin: 15px; position: relative; z-index:7}

/* 1. Navigationsebene: */
div#naviebene1 {clear: both; margin: 0px 2px 0px 2px; padding: 0.2em; background-color: transparent; height: 1.3em; }
div#naviebene1 ul {padding: 0.2em 0.2em 0 0.2em; margin: 0;}
div#naviebene1 li {display: inline; margin-right: 0.8em; margin-left: 2px; padding: 0;}
div#naviebene1 a {text-decoration: none; color: rgb(0,0,0); background-color: transparent;}
div#naviebene1 a:hover {text-decoration: underline; font-weight: bold}
div#naviebene1 a:focus {text-decoration: underline; font-weight: bold}
div#naviebene1 .on {font-weight: bold; background-color: rgb(0,0,0); color: rgb(255,255,255); padding: 0.2em;}

/* 2. Navigationsebene: */
div#naviebene2 {clear: both; margin: 0px 2px 0px 2px; padding: 0.2em;  background-color: rgb(0,0,0); height: 1.3em; border-bottom: solid 2px rgb(255,255,255); }
div#naviebene2 ul {padding: 0; margin: 0}
div#naviebene2 li {display: inline; margin-right: 0.8em; margin-left: 2px; padding: 0;}
div#naviebene2 a {text-decoration: none; color: rgb(255,255,255); background-color: transparent;}
div#naviebene2 a:hover {text-decoration: underline;}
div#naviebene2 a:focus {text-decoration: underline; font-weight: bold}
div#naviebene2 .on {text-decoration: underline; font-weight: bold}

/* 3. Navigationsebene: */
div#naviebene3 {font-weight: bold; margin-top: 80px; margin-left: 4px; margin-right: 10px; padding: 0; } 
div#naviebene3 ul {padding: 0; margin: 0}
div#naviebene3 li {list-style: none; padding: 0; margin: 2px 2px 0.6em 2px} 
div#naviebene3 a {text-decoration: none; color: rgb(0,0,0); background-color: transparent;}
div#naviebene3 a:hover {text-decoration: underline; color: rgb(0,0,0)}
div#naviebene3 a:focus {color: rgb(255,0,0)}
div#naviebene3 .on {color: rgb(0,132,206);}

/* Servicenavigation (in Fusszeile): */
div#naviservice {margin: 0px 2px 2px 2px; padding: 0.2em; border-top: 2px solid rgb(255,255,255); background-color: rgb(0,0,0); height: 1.3em;}
div#naviservice ul {padding: 0; margin: 0}
div#naviservice li {float: left; display: inline; margin-right: 0.8em; margin-left: 2px; padding: 0;}
div#naviservice a {text-decoration: none; color: rgb(255,255,255); background-color: transparent;}
div#naviservice a:hover {text-decoration: underline;}
div#naviservice a:focus {text-decoration: underline; font-weight: bold}


/* Copyright-Bereich unterhalb der Fusszeile */
div#copyright {font-size: 0.9em; border: 0; padding: 0; text-align: right;} 
div#copyright p {color: rgb(0,0,0); margin: 0; text-align: center;}
div#copyright a {text-decoration: none; margin-left: 10px; color: rgb(80,80,80);}
div#copyright a:hover {text-decoration: underline; color: rgb(0,0,0)}
div#copyright a:focus {color: rgb(255,255,255)}

div.contentblock {float: left; width: 100%;}
/************************************************/
/* Module                                       */ 

/* Bereichseinstellungen */
div#contentrechts {font-size: 0.89em; margin-top: 80px;}

/* Modul Überschrift H1*/
#titel {position:relative; top:12px; height: 60px; margin-bottom: 14px;}
h1#inhalt {font-family: Arial, Verdana, sans-serif; color:rgb(0,0,0); font-weight: bold; font-size: 24px; margin-top: 0px; margin-left: 50px; margin-right: 30px; line-height: 100%; padding: 5px; text-align: right; position: relative; z-index: 4;}
/* h1#schatten {font-family: "Arial black", Arial, Verdana, sans-serif; color: rgb(241,204,190); font-size: 24px; margin-top: 12px; margin-left: 45px; margin-right: 35px; line-height: 135%; padding: 5px; text-align: right; position: absolute; top: -20px; right: 5px; z-index: 3; word-spacing: normal} */

/* Modul Überschrift H2*/
h2 {font-size: 1em;}
div#mitte h2 {clear:both;}

/* Modul Contentmain (9 Bilder links) */
div.contentmain {float: left; width: 95%; margin-bottom: 12px;}
div.contentfoto {float: left; background-color: rgb(80,80,80); margin: 6px;}
div.contentfoto img  {float: left; margin: 1px; }
div.contentfoto span {color: rgb(255,255,255); font-size: 0.85em; padding : 0px 2px; margin: 1px; display: block; clear: both;}


/* Modul BildX rechts */ 
div.bildrechts {background-color: rgb(120,120,120); margin: 6px;}
div.bildrechts img  {float: left; margin: 1px; width: 176px;}
div.bildrechts span {color: rgb(255,255,255); font-size: 0.85em; padding : 0px 2px; margin: 1px; display: block; clear: both;}

/* Modul Zufallsbild */ 
div#rechts .zufallsbild { background-color: rgb(80,80,80); margin: 6px;}
div#rechts .zufallsbild img  {margin: 1px; width: 176px; border:0; }
div#rechts .zufallsbild p {margin: 0px 3px 6px 6px}
div#rechts .zufallsbild a {color: rgb(255,255,255)}
div#rechts .zufallsbild h2 {color: rgb(255,255,255); margin-bottom: 2px;}

div#links .zufallsbild {background-color: rgb(255,255,255); margin: 6px; font-size: 0.89em; margin-bottom:12px; }
div#links .zufallsbild img  {margin: 1px; width: 176px; border:0; }
div#links .zufallsbild p {margin: 0px 3px 6px 6px}
div#links .zufallsbild a {color: rgb(0,0,0)}
div#links .zufallsbild h2 {color: rgb(0,0,0); margin-bottom: 2px;}


/* Modul Suche */
#suche {float: right;}
div#suche {margin-top: 5px; margin-bottom: -5px; height: 60px; }
div#suche label {color: rgb(0,0,0); font-size: 1em;}
div#suche input {background-color: rgb(255,255,255); color: rgb(0,0,0); border: solid 1px rgb(0,0,0); font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 1em;}
div#suche input.text   {float: left; width: 150px; margin-right: 2px; padding: 2px; }
div#suche input.submit {float: left; width: 20px; font-weight: bold; padding: 2px; margin-right: 290px; height: 1.75em; }

/* Modul Artikelliste */
.artikelliste p {margin: 0px 6px 0px 6px;}
.artikelliste h2 {margin-bottom: 3px;}
.artikelliste h3 {clear: both; font-size: 1em; font-weight: normal; margin-bottom: 3px;}
.artikelliste img {float: left; margin: 0px 6px 6px 6px; border: solid 1px rgb(80,80,80);}

div#mitte .artikelliste {float: left; background: rgb(255,255,255); margin: 5px; border: solid 1px rgb(0,0,0); width: 92%;}
div#mitte .artikelliste h2 {margin: 0; padding: 1px 6px 1px 6px; background: rgb(80,80,80); color: rgb(255,255,255)}


/* Modul Sitemap */	
div#sitemap a.lev1 {display: block; font-weight: bold; margin-top: 6px; margin-bottom: 6px; padding-left: 6px; text-decoration: none;}
div#sitemap a.lev1:hover {background-color: rgb(220,220,220); text-decoration: underline;}
div#sitemap a.lev1:focus {background-color: rgb(220,220,220); color: rgb(255,0,0); text-decoration: underline;}

div#sitemap a.lev2 {display: block; color: rgb(0,0,0); font-weight: bold; margin-top: 6px; margin-bottom: 6px; padding-left: 26px; text-decoration: none;}
div#sitemap a.lev2:hover {background-color: rgb(220,220,220); text-decoration: underline;}
div#sitemap a.lev2:focus {background-color: rgb(220,220,220); color: rgb(255,0,0); text-decoration: underline;}

div#sitemap a.lev3 {display: block; color: rgb(0,0,0); margin-top: 6px; margin-bottom: 6px; padding-left: 46px; text-decoration: none;}
div#sitemap a.lev3:hover {background-color: rgb(220,220,220); text-decoration: underline;}
div#sitemap a.lev3:focus {background-color: rgb(220,220,220); color: rgb(255,0,0); text-decoration: underline;}


/* Workarounds gegen Bugs des Internet Explorers */
* html div#links  {margin: 0px auto 0px 1px;}
* html div#rechts {margin: 0px 1px 0px auto;}
* html div#mitte  {margin: 0px 190px 0px 190px;}
* html ul#naviebene3 {margin-top: 80px;} 
* html div.contentfoto {margin: 6px 6px 6px 3px;}
-->