* { margin: 0; padding: 0; }
body { color: #333; font: normal 80% Verdana,Helvetica,Arial,Tahoma,sans-serif; 
background-color: #E8E9E6; background-image : url(../img/hintergrund300.gif);
background-position : left; background-repeat : repeat-y; }
h1, h2 { color: red; }
h4, h5 { color: #333; margin-bottom: 0.25em; }
h1 { font: normal small-caps 150% Verdana,Helvetica,Arial,Tahoma,sans-serif; line-height: 1.5em; margin: 1.5em; }
h2 { font: bold 120% Verdana,Helvetica,Arial,Tahoma,sans-serif; }
h3 { margin: 1em 0; color: #666; font: bold 100% Verdana,Helvetica,Arial,Tahoma,sans-serif; }
h4 { margin-top: 1em; font: bold 100% Verdana,Helvetica,Arial,Tahoma,sans-serif; }
h5 { margin-top: 0.9em; font: bold 90% Verdana,Helvetica,Arial,Tahoma,sans-serif; }
p, table, td, th, li, thead, tbody { margin: 0 0 0.5em 0; color: #333; font: normal 100% Verdana,Helvetica,Arial,Tahoma,sans-serif; line-height: 1.4em; }
p { line-height: 1.5em; }
ul { text-align: left; list-style: url(../img/bullet_blau.gif) square inside; margin-bottom: 2em; }
li { margin-left: 1em; padding-left: 1em; vertical-align: top; }
th { text-align: left; vertical-align: bottom; }
td { padding: 0.1em 0.5em; vertical-align: top; }
img { border: none; }
p img { vertical-align: text-bottom; }

/* klassendefinitionen */
table.mitRahmen { border: thin solid #999; }
.zentriert { text-align: center; }
.rechts { text-align: right; }
.links { text-align: left; }
.eingerueckt { margin-left: 50px; margin-right: 1em; }
.eingerueckt100 { margin-left: 150px; margin-right: 1em; }
.oben { vertical-align: top; }
.rand { margin-left: 20%; margin-right: 20%; }
.f-links { float: left; }
.f-rechts { float: right; }
.rot { color: red; }
.blau { color: #006; }
.grau { color: #666; }
.silber { color: silver; }
.fett { font-weight: bold; }
.normal { font-weight: normal; }
.kursiv { font-style: italic; }
.weiss { background: #FFF; }
.bunt { background: #CCCCFF; }
.klein { font-size: 85%; }
.clear { clear: both; }
.clear-l { clear: left; }
.clear-r { clear: right; }
.neu { color: red; font-weight: bold; font-variant: small-caps; }
.groesser { font-size: 120%; }
.farbig { color: #c96; }
.vorlaeufig { color: #666; font-style: italic; }
p span.h5 { color: #666; font: bold 90% Verdana,Helvetica,Arial,Tahoma,sans-serif; }
.halb { line-height: 0.5em; }
.niederprior { overflow: hidden; }
.tabende { 
height: 25px;
vertical-align: top;
}
tr.farbig {
padding: 0.3em 0;

}
tr.linie td {
height: 2em;
border-bottom: 1px solid #333;
vertical-align: top;
}
.f-rechts img { 
padding: 2px;
margin-bottom: 0.5em; 
display: block; 
text-align: right; 
background-color: #ccf; 
border: thin solid #999999;
}
.f-rechts a { line-height: 2em; }
.f-links a { line-height: 1.6em; }
.rahmen-rot { border: solid 1px red; }
table.m05 th { padding: 0.3em 0.4em; }
table.m05 td { padding: 0 0.4em 0.3em 0.4em; }
table#news th { text-align: left; color: red; line-height: 1.5em; }
table#news td {  text-align: left; line-height: 1.5em;  }
#vorschau table, #vorschau table tr td { margin: 0; padding: 0; }
#vorschau table tr td { padding: 2px; text-align: center; }
#vorschau table { margin-top: 0.5em; width: auto; border-collapse: collapse; }
#vorschau table tr td a img.serie { 
margin: 0; padding: 2px;
background-color: #ccf; 
border: thin solid #999999;
}
table#wertungen table, table#wertungen td, table#wertungen tr, table#wertungen th { 
color: green;
border-collapse: collapse; 
margin: 0; padding: 0.1em; 
}
#wertungen table.mit Rahmen td { padding: 0;  }
/* definitionen - kopfteil */
#linkeSpalte { 
margin: 0; padding: 0; width: 300px; height: 100%;
vertical-align: top;
float: left;
}
#linkeSpalte img { margin: 0; padding: 0; }

#hauptTeil {
margin: 0.7em; width: 60%; height: auto;
text-align: center;
background-color: #69f;
border: 2px solid white;
float: left;
}

#title {
margin: 0; padding: 0; width: auto;
padding-top: 1.5em; padding-bottom: 1em;
background-color: #69f;
overflow: visible;
}
#title span.jahr { 
margin-left: 1em; 
color: white; 
font-size: 300%; font-family: 'Arial Rounded MT Bold'; font-style: italic;
text-align: right;
}
#title p { margin-top: 1em; }
#title p a {color: #c00; font-weight: bold; text-decoration: none; }

/* definitionen - navigationsleiste */
#navigation {
white-space: nowrap;
padding: 3px 0 4px 0; margin: 0; width: auto;
background-color: #ccf; 
letter-spacing: 1.1pt;
border-top: 1px solid white;
border-bottom: 1px solid white;
overflow: visible;
}
#navigation ul, #navigation ul li { 
display: inline;
list-style-type: none;
margin: 0; padding: 0;
}
#navigation ul { text-align: center; line-height: normal; }
#navigation ul li a { 
margin: 0 -7px 0 0;
padding-left: 10px; padding-right: 10px; padding-top: 3px; padding-bottom: 4px;
white-space: nowrap;
border-left: solid 1px white; 
border-right: solid 1px white;
}

/* definitionen - inhalt */
#content {
margin: 0; padding: 0; width: auto; height: 100%;
text-align: center;
}
#content img { margin: 0 1em; }
#content img.navi { margin: 0 0.5em; vertical-align: text-bottom; }
#mitte {
margin: 0.5em; padding: 1.5em 1.5em; width: auto; height: 100%;
text-align: center;
overflow: visible;
background-color: white; 
border: solid 1px #999;
}
#mitte.links { text-align: left; }
#content #mitte p.breadcrump-navi { color: #c30 !important; margin-top: 0; margin-bottom: 2em; }
#content #mitte p.breadcrump-navi span { font-weight: bold; }
#content #mitte p.breadcrump-navi a { color: #c30 !important; text-decoration: underline; }
#content #mitte p.breadcrump-navi a:hover { text-decoration: underline !important; }
#content #mitte p.breadcrump-navi img { margin: 0 0.3em 0 0; vertical-align: text-bottom; }
/* definitionen - fusszeile */
#footer {
margin: 0; padding: 0.5em 1em; width: auto; height: auto;
color: #666; background-color: #ccf;
text-align: right;
border-top: solid 1px #fff;
/*border-bottom: solid 1px #999;
border-right: solid 1px #999;*/
}
#footer span { font-size: 90%; }
.sponsoren {
margin: 0 0 0 320px; padding-top: 1em; width: auto;
overflow: visible;
}
.sponsoren p { 
font-size: 95%; 
text-align: left; 
margin: 0; margin-left: 0.5em; 
white-space: nowrap;
}
.sponsoren img {
margin-left: 0.1em; margin-top: 0.5em; padding: 2px; 
background: white;
border: 1px solid black;
/*display: block;*/
}

#werbung {
width: 300px;
margin: 0.3em auto; padding: 0;
text-align: center;
color: #666; 
}
#werbung span { font-size: 90%; }

/* links */
/* normaler link */
a, a:link, a:visited, a:hover, a:active {
color: #06f;
text-decoration: underline;
white-space: nowrap;
}
/*a:visited { color: #69f; }*/
a:hover { color: #09f; }
/* link zur Startseite (in ueberschrift) */
a.home, a.home:link, a.home:visited, a.home:hover, a.home:active {
color: #009;
text-decoration: none;
}
/* link in der navigationsleiste */
#navigation ul li a{
font-weight: bold;
color: #666; background-color: inherit;
text-decoration: none;
}
#navigation ul li a:hover{
color: white; background-color: #36f;
text-decoration: none;
}
/* aktuelle navigation */
#navigation ul li a.aktiv { text-decoration: none; color: #fff; background-color: #36f;}
#footer span { margin: 0; padding: 0; }
#footer span a { color: #666; text-decoration: none; }
#footer span a:hover { color: #009; text-decoration: none; }
#werbung a { color: #360; font: normal 110% Verdana, Helvetica, Arial, sans-serif; text-decoration: none; }
#werbung a:hover { color: #360; text-decoration: underline; }
a.extern { background: transparent url('../img/link_extern.gif') 100% 40% no-repeat; padding-right: 1.15em; }

/* formulare */
form { color: #333; background-color: #ccf; font: normal 100% Verdana,Helvetica,Arial,Tahoma,sans-serif; padding: 0.5em; }
form input { font: normal 100% Verdana,Helvetica,Arial,Tahoma,sans-serif; }
input[type="submit"] { padding: 0.2em; color: #666; font-weight: bold; }