/*Allgemeine Angaben - CSS----------------------------------------------------------*/
* {
margin:0;
padding:0;
}

html {
height: 101%;
min-height: 101%;
}

body {
background: #F2F2F2 url(body.jpg) 0 0 repeat-x;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 62.5%;
color: #333;
text-align: center;
}

/*Container----------------------------------------------------------*/
div#wrapper {
background: transparent url(wrapper.jpg) 0 0 repeat-y;
text-align: left;
width: 980px;
margin: 0 auto;
padding: 0 0 10px 0;
overflow: hidden;
}

div#header {
background: transparent url(header.jpg) 0 0 no-repeat;
margin: 0;
padding: 0;
width: 980px;
height: 332px;
}

div.logo {
background-color: transparent;
float: right;
margin: 0;
padding: 20px 10px 0 0;
width: 200px;
height: 270px;
}

div#main-navi {
clear: both;
background-color: transparent;
margin: 0;
padding: 0;
width: 980px;
height: 42px;
}

div#inhalt {
background: transparent url(inhalt.jpg) 0 0 no-repeat;
margin: 0;
padding: 0;
width: 980px;
}

div#wrapper-content {
float: left;
width: 770px;
margin: 0;
padding: 0;
}

div#sub-navi {
float: left;
width: 210px;
margin: 0;
padding: 0;
}

div#content {
float: right;
width: 560px;
margin: 0;
padding: 0 0 10px 0;
}

div#right-bar {
float: right;
width: 210px;
margin: 0;
padding: 15px 0 0 0;
text-align: center;
}

div.skip {
clear: both;
width: 980px;
margin: 0;
padding: 5px 0;
}

div#wrapper-footer {
background-color: #3B4232;
margin: 0;
padding: 0;
text-align: center;
height: 70px;
}

div#footer {
background: transparent url(footer.jpg) 0 0 no-repeat;
width: 980px;
margin: 0 auto;
padding: 0;
height: 70px;
text-align: left;
}

div.clear {
clear: both;
margin: 0;
padding: 0;
}

/*Main-Navigation----------------------------------------------------------*/
div#main-navi ul {
float: right;
margin: 0;
padding: 0 10px;
list-style-type: none;
background-color: transparent;
}

div#main-navi ul li {
float: right;
height: 42px;
margin: 0;
padding: 0;
}

div#main-navi ul li a {
background: transparent url(navi-border.jpg) 0 0 no-repeat;
float: right;
display: block;
height: 22px;
width: 200px;
margin: 0;
padding: 10px 0;
font-size: 1.4em;
font-weight: bold;
color: #222;
text-decoration: none;
text-align: center;
}

div#main-navi ul li a:hover, div#main-navi ul li.menu-current a {
background: #3399E1 url(navi-hover.jpg) 100% 0 no-repeat;
color: #000;
}

/*Sub-Navigation----------------------------------------------------------*/
div#sub-navi ul.menu-0 {
list-style-type: none;
margin: 30px 0 0 10px;
padding: 0;
}

div#sub-navi ul.menu-0 li {
margin: 0 0 2px 0;
padding: 0;
}

div#sub-navi ul.menu-0 li a {
background: #A8C56B url(subnavi.jpg) 100% 0 no-repeat;
display: block;
width: 191px;
font-size: 1.3em;
font-weight: bold;
line-height: 2.4em;
margin: 0;
padding: 0 0 0 5px;
text-decoration: none;
color: #222;
border-left: 3px solid #749415;
}

div#sub-navi ul.menu-0 li a:hover, div#sub-navi ul.menu-0 li.menu-current a,
div#sub-navi ul.menu-0 li.menu-parent a {
background: #3399E1 url(subnavi-hover.jpg) 100% 0 no-repeat;
text-decoration: none;
border-left: 3px solid #1776BA;
color: #000;
}

/*Unter-Sub-Navigation----------------------------------------------------------*/
div#sub-navi ul.menu-0 ul.menu-1 {
background-color: #f2f2f2;
list-style-type: none;
margin: 1px 1px 0 0;
padding: 0;
}

div#sub-navi ul.menu-0 ul.menu-1 li {
margin: 0;
padding: 0;
}

div#sub-navi ul.menu-0 ul.menu-1 li a {
background: transparent url(border.gif) 0 100% repeat-x ! important;
display: block;
width: 196px;
font-size: 1.3em;
line-height: 2.1em;
margin: 0;
padding: 0 0 0 3px;
text-decoration: none;
color: #222;
border-left: 0 ! important;
}

div#sub-navi ul.menu-0 ul.menu-1 li a:hover, div#sub-navi ul.menu-0 ul.menu-1 li.menu-current a {
background-color: #ACD5F2 ! important;
text-decoration: none;
color: #000;
}

/*Schriften----------------------------------------------------------*/
div#content h1 {
font-size: 2.5em;
font-weight: normal;
margin: 18px 20px;
padding: 0;
color: #003725;
}

div#content h2 {
font-size: 1.9em;
font-weight: normal;
margin: 15px 20px 5px 20px;
padding: 0;
}

div#content h3 {
font-size: 1.6em;
font-weight: normal;
margin: 10px 20px 0 20px;
padding: 0;
}

div#content h4, div#content h5, div#content h6 {
font-size: 1.3em;
margin: 10px 20px 0 20px;
padding: 0;
}

div#content p {
font-size: 1.3em;
letter-spacing: 0.01em;
margin: 0 20px 10px 20px;
padding: 0;
}

div#content ul, div#content ol {
font-size: 1.3em;
margin: 0 20px 10px 60px;
padding: 0;
}

div#content ul {
list-style-type: square;
}

div#content ul ul {
font-size: 1.0em;
margin: 7px 0 0 20px;
padding: 0;
}

div#content ul ul ul {
font-size: 1.0em;
margin: 7px 0 0 20px;
padding: 0;
}

div#content ol {
list-style-type: decimal;
}

div#content ul li, div#content ul ul li, 
div#content ul ul ul li, div#content ol li {
margin: 0 0 2px 0;
padding: 0;
}

div#content hr {
clear: both;
border: none;
background-color: #999;
color: #999;
height: 1px;
margin: 5px 20px 10px 20px;
}

div#footer p {
font-size: 1.2em;
color: #fff;
margin: 0;
padding: 15px 20px 0 20px;
}

div.skip p.oben {
font-size: 1.1em;
background: transparent url(pfeil-oben.gif) 0 50% no-repeat;
margin: 0 0 0 130px;
padding: 0 0 0 12px;
}

/*Rechte Seitenleiste----------------------------------------------------------*/
div#right-bar h1, div#right-bar h2 {
font-size: 1.6em;
margin: 20px 15px 5px 7px;
padding: 0;
}

div#right-bar h3, div#right-bar h4,
div#right-bar h5, div#right-bar h6 {
font-size: 1.4em;
margin: 15px 15px 5px 7px;
padding: 2px 0 0 0;
border-top: 1px solid #999;
}

div#right-bar p {
font-size: 1.2em;
margin: 0 15px 5px 7px;
padding: 0;
}

div#right-bar img {
margin: 0;
padding: 0;
border: 0;
}

div#right-bar a img {
margin: 0;
padding: 0;
border: 0;
}

/*Breadcrumb-Navigation----------------------------------------------------------*/
div#content p.breadcrumb {
margin-top: 5px;
font-size: 1.2em;
}

div#content p.breadcrumb span a {
color: #666;
text-decoration: underline;
}

div#content p.breadcrumb span a:hover, div#content p.breadcrumb span.menu-parent span.menu-current a,
div#content p.breadcrumb span.menu-current a {
color: #000;
text-decoration: none;
}

/*Links----------------------------------------------------------*/
a {outline: none;}

div#content a:link, div#content a:visited {
color: #666;
text-decoration: underline;
}

div#right-bar a:link, div#right-bar a:visited {
color: #666;
text-decoration: none;
}

div#content a:hover {
color: #000;
text-decoration: none;
}

div#right-bar a:hover {
color: #000;
text-decoration: underline;
}

div.skip p.oben a {
color: #666;
text-decoration: none;
}

div.skip p.oben a:hover {
color: #000;
text-decoration: none;
}

/*Fehlermeldung Kontaktformular----------------------------------------------------------*/
div#content p.fehler {
font-weight: bold;
padding: 3px 3px 3px 6px;
background: #A8C56B url(renntermin.jpg) 100% 0 no-repeat;
}

div#content p a.back {
background: transparent url(pfeil-zurueck.gif) 0 50% no-repeat;
padding-left: 15px;
}

/*Bilder----------------------------------------------------------*/
div#content img {
padding: 3px;
border: 1px #999 solid;
background-color: #fff;
}

div#content img.links {
float: left;
margin: 0 10px 10px 0;
}

div#content img.rechts {
float: right;
margin: 0 0 10px 10px;
}

/*Logo----------------------------------------------------------*/
div.logo img {
margin: 0;
padding: 0;
border: 0;
}

div.logo a {
display: block;
position: relative;
top: 65px;
left: 30px;
width: 140px;
height: 150px;
}

/*Aktuelles----------------------------------------------------------*/
div#content h1.news-h1 {
margin: 18px 20px 5px 20px;
}

div#content h3.news-titel {
margin: 20px 20px 0 20px;
padding: 0;
border-top: 1px solid #999;
font-weight: bold;
}

div#content h3.news-titel a,
div#content h3.news-titel a:visited {
color: #003725;
text-decoration: none;
}

div#content h3.news-titel a:hover {
color: #666;
text-decoration: underline;
}

div#content p.news-mehrlesen {
background: transparent url(pfeil-vor.gif) 0 50% no-repeat;
margin: 0 20px 15px 20px;
padding: 0 0 0 15px;
}

div#content p.news-zurueck {
background: transparent url(pfeil-zurueck.gif) 0 50% no-repeat;
margin: 15px 20px 15px 20px;
padding: 0 0 0 15px;
clear: both;
border-top: 1px solid #999;
}

div#content p.news-info {
font-size: 1.0em;
color: #666;
margin: 0 20px 5px 20px;
padding: 0;
}

div#content p.news-navi {
border-top: 1px solid #999;
margin: 20px 20px 15px 20px;
padding: 2px 0 0 0;
}

div#content p.news-navi span.page-left {
background: transparent url(pfeil-zurueck.gif) 0 50% no-repeat;
padding: 0 25px 0 15px;
}

div#content p.news-navi span.page-right {
background: transparent url(pfeil-vor.gif) 100% 50% no-repeat;
padding: 0 15px 0 25px;
}

/*Downloads----------------------------------------------------------*/
div#content p.downloads {
margin: 20px 20px 0 20px;
padding: 0;
}

div#content p.downloads img.datei-img {
background-color: transparent;
margin: 0;
padding: 0 8px 0 0;
border: 0;
}

div#content p.daten {
font-size: 1.1em;
margin: 0 20px 5px 20px;
padding: 0;
color: #999;
}

div#content div.link-beschreibung {
margin: 0 20px;
padding: 5px 0;
border-bottom: 1px solid #999;
}

div#content div.link-beschreibung p {
margin: 0;
padding: 0;
}

/*Bildergalerie--------------------------------------------------------------------------*/
div#content table.galerie {
width: 520px;
margin: 0 20px 5px 20px;
padding: 0;
border: 0;
}

div#content table.galerie tr td {
text-align: center;
margin: 0;
padding: 0 0 10px 0;
}

div#content table.galerie tr td a {
font-size: 1.0em;
text-decoration: none;
}

div#content table.galerie tr td a:hover {
text-decoration: none;
}

div#content table.galerie tr td a:hover img {
background-color: #ABC470; 
}

#prevLink:hover, #prevLink:visited:hover {
background: url(../modules/FancyBraxBox/images/prevlabel.gif) no-repeat left 15%;
}
#nextLink:hover, #nextLink:visited:hover {
background: url(../modules/FancyBraxBox/images/nextlabel.gif) right 15% no-repeat;
}
#prevLink, #nextLink {
width: 49%;
height: 100%;
background: transparent url(../modules/FancyBraxBox/css/blank.gif) no-repeat;
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}

/*Wetterbox von http://www.wetter.net/--------------------------------------------------------------------------*/
div#right-bar div.wetterbox {
margin: 0;
padding: 0 30px;
}

div#right-bar div.wetterbox td {
text-align: center;
}

/*Renntermine--------------------------------------------------------------------------*/
div#content div.rennen {
background: transparent url(div-rennen.jpg) 100% 100% no-repeat;
margin: 16px 20px 10px 20px;
padding: 0;
border: 1px solid #999;
border-left: 3px solid #749415;
}

div#content div.rennen h2 {
margin: 0;
padding: 6px 6px 6px 9px;
background: #A8C56B url(renntermin.jpg) 100% 0 no-repeat;
border-bottom: 1px solid #999;
}

div#content div.rennen p.aktuell-renntermin,
div#content div.rennen p.neu-renntermin {
font-size: 1.5em;
margin: 0;
padding: 6px 6px 6px 9px;
}

div#content div.rennen p.aktuell-renntitel {
font-size: 1.5em;
font-weight: bold;
margin: 0 6px 0 9px;
padding: 3px 0 6px 0;
border-bottom: 1px solid #999;
}

div#content div.rennen p.neu-renntitel {
font-size: 1.3em;
margin: 0;
padding: 6px 6px 6px 9px;
}

/*Videos----------------------------------------------------------*/
div#content object {
display: block;
text-align: center;
}