/* allgemeine regeln */
* { margin: 0; padding: 0; }
body {
font: normal 80% arial,helvetica,sans-serif;
color: #333; background-color: #fff;
line-height: 1.5em;
text-align: left; 
}
h1 { 
color: #36c; 
font: normal 2em 'comic sans ms', arial,sans-serif;
font-weight: normal;
margin-bottom: 1.5em; 
}
h1 a { font-weight: normal; }
h2, .h2 { 
color: #36c; 
font: normal 1.25em 'comic sans ms', arial,sans-serif;
}
h2 { margin-bottom: 1em; }
h3 { 
color: black; 
font-size: 1em; font-weight: bold;
margin-bottom: 0.75em; 
}
h4 {
color: black; 
font-size: 1em; font-weight: bold;
margin-bottom: 0.5em; 
}

ul, p, table { 
line-height: 1.5em; margin-bottom: 0.75em; 
font-size: 1em;
}
table td, table th { text-align: left; vertical-align: top; padding-right: 1.5em; }
img { border: none; }
ul { list-style-type: none; }
a { color: #36c; font-weight: bold; text-decoration: none; white-space: nowrap; }
a:hover { text-decoration: underline; }
object { overflow: visible; border: none; }

/* layout */
* html #rahmen { height: 1%; } /* ie hack: peekaboo */
#rahmen {
width: 72em; margin: 0; padding: 0; /* Seitenbreite, links ausgerichtet, kein rand */
height: auto;
background-color: #fcfcfc;
background-image: url(../img/balken_190.jpg);
background-repeat: repeat-y;
background-position: left;
/*border: solid 1px silver;*/
}
#kopf {
padding: 2em 2em; width: auto; height: 9.5em; min-height: 117px;
background-color: #eaeaea;
background-image: url(../img/verlauf_grau.jpg);
background-repeat: repeat-y;
background-position: right;
}

#kopf img#adac-logo { float: right; }
#kopf img#msc12-logo { float: left; }
#linke-spalte {
position: relative;
margin: 0; padding: 0;
float: left;
width: 190px;
background-color: #eaeaea;
text-align: center;
display: inline;  /* ie hacks */
height: 100%;
}
#linke-spalte #navigation { min-height: 25em; } /* platzhalter */
#linke-spalte #counts { 
font-size: 90%; margin-bottom: 3em;
}
/* haupt navigation */
ul#navi {
list-style-type: none; 
margin-top: 1em; margin-left: 1.5em; padding: 0; width: auto; min-width: 143px;
text-align: left;
font-size: 1.05em;
}
ul#navi li.button {
background-image: url(../img/button_msc12.jpg);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 0.5em 1px;
}
ul#navi li ul {
list-style-type: none; 
display: none; 
margin: 0; padding: 0; width: 12em;
border: solid 1px #c90;
}

ul#navi li {margin: 0; padding-left: 2px; background-color:inherit; float:left; width: 99%; }
ul#navi li ul {background-color: #ccc;}

ul#navi li:hover { position:relative; }
ul#navi li:hover ul { display:block; position: absolute; top:0.5em; left: 5em; }

ul#navi a:link, #navi a:visited, #navi a:focus, #navi a:hover, #navi a:active { 
display:block; width:100%; 
color: #000; text-decoration:none; 
padding-left: 1em; 
}
ul#navi li a:hover { 
background-image: url(../img/pfeil_hover.gif);
background-repeat: no-repeat;
background-position: 0 50%;
}
ul#navi li a.aktiv {
color: #fff;
background-image: url(../img/pfeil_aktiv.gif);
background-repeat: no-repeat;
background-position: 0 50%;
}
ul#navi li.versetzt { padding-left: 2em; width: auto; }

/* sub navigation */
#sub-navigation { margin-bottom: 2em; }
#sub-navigation a {
font-size: 105%;
color: #666;
text-decoration: none;
background-image: url(../img/pfeil_sub.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding-left: 1em; padding-right: 1em;
}
#sub-navigation a:hover {
color: #000;
background-image: url(../img/pfeil_sub_hover.gif);
background-repeat: no-repeat;
background-position: 0 50%;
}
#sub-navigation a.aktiv {
color: #36c;
background-image: url(../img/pfeil_sub_aktiv_blau.gif);
background-repeat: no-repeat;
background-position: 0 50%;
}
#sub-navigation p { 
line-height: 1.5em; padding: 1em 0 1em 0; text-align: center;
}

#inhalt {
padding: 2em 0 1em 17.5em;
}
#inhalt p { margin-right: 2em; }
#inhalt p#liste.ohneRand { margin-right: 0 !important; overflow: visible; }
#inhalt #fotos { margin: 3em 0; padding: 0; text-align: center; }
#inhalt #fotos img.links { float: left; }
#inhalt #fotos img.rechts { float: right; }
#inhalt p.float-rechts { width: 5em; }

/* runde kanten fuer die boxen (teaser u. sub-navigation) */
#inhalt #teaser { margin-bottom: 3em; }
#inhalt #meisterschaften { padding: 0; margin: 0; }
#meisterschaften p#liste { overflow: hidden; }

/* der ticker */
#teaser div, #sub-navigation div { margin: 0; }
.ro { background: url(../img/rundeecken_or.gif) top right no-repeat; }
.lo { background: url(../img/rundeecken_ol.gif) top left no-repeat; }
.ru { background: url(../img/rundeecken_ur.gif) bottom right no-repeat; }
.lu { background: url(../img/rundeecken_ul.gif) bottom left no-repeat; }
#teaser, #sub-navigation #text { min-height: 4em; line-height: 4em; margin: 0; padding: 0; text-align: center; }
#teaser #text table { text-align: left; margin: 0; padding: 0; }
#teaser #text table.mehrzeilig td { padding: 1em 0 0 0; }
span#ticker-titel { color: #36c; font: bold 1em 'comic sans ms', arial,sans-serif; }

#inhalt #maskottchen { float: right; padding-left: 2em; }

table#fotos-automobilsport td { margin: 0; padding: 0; text-align: center; }

table.termine, .termine table { 
border-collapse: collapse; 
margin: 0; padding: 0; width: 52em; 
overflow: hidden; 
}
table.termine td, table.termine th, .termine table td, .termine table th { 
padding: 0.25em 2em 0.25em 0; 
border-bottom: solid 1px #eaeaea; 
}
table.termine th, .termine table th { background-color: #eaeaea; }
table.termine th.first-col { width: 10em; }
.fusszeile-termine table { margin-top: 1em; margin-bottom: 1em; }

#bildervorschau img { margin: 1em 1em 1em 0; }

#fusszeile {
clear: left;
color: #fff; background-color: #b4b4b4;
text-align: right;
padding: 0.5em 2em;
}
#fusszeile a { font-size: 100%; }
#fusszeile p { font-size: 90%; }

/* klassen */
img.wichtig { vertical-align: bottom; padding: 0 1em; }
.fett { font-weight: bold; }
.klein { font-size: 95%; color: #666; }
.abstand { margin-top: 3em; }
.rechts { text-align: right; }
.links { text-align: left; }
.zentriert { text-align: center; }
.rot { color: #c00; }
table.zentriert td { text-align: center; }
table.middle td { vertical-align: middle; }
.brief { 
background-image: url(../img/brief.gif); 
background-repeat: no-repeat;
background-position: left 50%;
padding-left: 2em;
}
.pfeil {
background-image: url(../img/pfeil_sub_aktiv_blau.gif);
background-repeat: no-repeat;
background-position: left 50%;
padding-left: 1em;
}
.pfeil_links {
background-image: url(../img/pfeil_back_blau.gif); 
background-repeat: no-repeat;
background-position: left 50%;
padding-left: 1em;
}
.pfeil_up {
background-image: url(../img/pfeil_top_blau.gif); 
background-repeat: no-repeat;
background-position: left 70%;
padding-left: 1.5em;
}
.float-left { float: left; margin-right: 2em; margin-bottom: 0.5em; }
.float-right { float: right; margin-left: 2em; margin-bottom: 0.5em; }
.clear-left { clear: left; }
.schmaler { width: 60%; }
.zentriert p { margin-left: auto; margin-right: auto; text-align: left; }
.floating-area { overflow: hidden; width: 99%; }
p.vorlaeufig { color: #666; font-style: italic; }