/* @group LAYOUT */

/* CSS */

/* bg */

/* LAYOUT */

html { /* bei Bedarf fuer zentriertes Layout */
min-height: 100%; /* erzwingt vertikalen Scrollbalken-Platzhalter im Firefox, um ein "Huepfen" zu vermeiden (zusammen mit margin-bottom: 0.1px;) */
margin-bottom: 0.1px;
border-bottom: 1px solid #fff; /* dann funktionierts auch mit Safari und Opera, allerdings mit immer mit aktivem Scrollbalken, auch im FF */
}


body {
font: 100.01% Times New Roman;
margin:0;
padding:0;
background: #fff;
color:#333;

}

.invsbl { /* unsichtbare Inhalte */
position:absolute;
top:-5000em;
left:-5000em;
overflow:hidden;
text-indent:-5000em;
margin: 0;
}



/* @end */

/* @group Container */

/***********************************************************
 CONTAINER 
************************************************************/

#container {
width: 900px;
padding: 0;
margin:0;
}



/* @end */

/* @group Title */

/* Title 
**********************************************************/

div#branding {	
margin-top: -1px;
position:relative;
height:105px;
background: #fff url(../_img/top-line.gif) no-repeat bottom;
}

div#branding a {text-indent:-5000em;}
div#branding h1{position: absolute; left:40px; top:19px; background:transparent url(../_img/logo.jpg) no-repeat bottom; width:114px; height:105px;}
div#branding h1 a.logo{width:114px; height:105px; display:block;}

div#branding h2 {	
position:absolute;
top:-5000em;
left:-5000em;
overflow:hidden;
text-indent:-5000em;
margin: 0;
}

#banner468{margin-top:19px; width:468px; height:60px; float:right;margin-right:5px;}
#banner234{margin-top:19px; width:234px; height:60px; float:right;}
#banner468 a,#banner234 a{text-indent:0 !important;}


/* @end */

/* @group Navigation */

/* Navigation
*******************************************************/

#navigation {
font-size: 16px;
float:left;
width:192px;
background: #fff url(../_img/das-bleibt-unter-uns.gif) no-repeat top center;
padding-top:38px;
margin-top:4px;
}

#navigation p {
color:#002580;
padding-left:19px;
width:160px;
padding-bottom:20px;
}



/* level 1 */
#navigation ul li {
display:block;
list-style:none;
padding-left:0;
margin: 0 0 0 4px;
}
#navigation ul li a {
color:#333;
text-decoration:none;
padding:0 15px;
display:block;
}
#navigation ul li.active a {
background: transparent url(../_img/pfeil.gif) no-repeat scroll 0px 4px;
color:#002580;
}
#navigation ul li.parent.active a {
background: transparent url(../_img/pfeil-aktiv.gif) no-repeat scroll 0px 4px;
color:#002580;
}


/* level 2 */
#navigation ul li.parent.active li a {
background:none;
color:#333333;
}
#navigation ul li.parent.active li.active a {
background: transparent url(../_img/pfeil.gif) no-repeat scroll 0px 4px;
color:#002580;
}
#navigation ul li.parent.active li.parent.active a {
background: transparent url(../_img/pfeil-aktiv.gif) no-repeat scroll 0px 4px;
color:#002580;
}

/* level 3 */
#navigation ul li.parent.active li.parent.active li a {
color:#333333;
background:none;
}
#navigation ul li.parent.active li.parent.active li.active a {
background: transparent url(../_img/pfeil.gif) no-repeat scroll 0px 4px;
color:#002580;
}
#navigation ul li.parent.active li.parent.active li.parent.active a {
background: transparent url(../_img/pfeil-aktiv.gif) no-repeat scroll 0px 4px;
}

/* level 4 */
#navigation ul li.parent.active li.parent.active li.parent.active li {
margin-left:10px;
}
#navigation ul li.parent.active li.parent.active li.parent.active li a {
color:#333333;
background:none;
}
#navigation ul li.parent.active li.parent.active li.parent.active li.active a {
background: transparent url(../_img/pfeil.gif) no-repeat scroll 6px 5px;
color:#002580;
}
#navigation ul li.parent.active li.parent.active li.parent.active li.parent.active a {
background: transparent url(../_img/pfeil-aktiv.gif) no-repeat scroll 6px 5px;
}



#navigation .faustlink a {
padding-top:30px;
display:block;
color:#333;
text-decoration:none;
}


/* @end */

/* @group Content */

/* Content 
**********************************************************/

#mainbody {
text-align:left;
float:left;
clear:both;
width: 900px;
padding: 0px;
margin-top: 21px;
}

#content {
font-size: 15px;
float:left;
width: 665px;
min-height:500px;
padding:0px 0 0 25px;
}
#container #mainbody{
background-image:url('../_img/1colbg.gif');
background-position:-1px 0px;
}

#container.narrow #mainbody{
background-image:url('../_img/2colbg.gif');
}


#content.narrow {
width:420px;
padding-right:20px;
}




/* @end */

/* @group Sidebar */

/* Sidebar 
*************/

#sidebar {
width: 226px;
padding-left:4px;
padding-right:8px;
float:right;
font-size:15px;
color: #333333;
}

#sidebar h4 {
color:#002580;
font-weight:normal;
}

/* @end */

/* @group Footer */

/* Footer 
**********************************************************/

#siteinfo {
clear:both;
height:21px;
width:705px;
background: #fff url(../_img/line.jpg) no-repeat bottom;
margin-left:193px;border-left: 1px solid #002580;
border-right: 1px solid #002580;
}

#siteinfo a,
#siteinfo a:hover {
color:#777777;
text-decoration:none;
}

#siteinfo p {
margin: 0;
}
#siteinfo a:hover {
text-decoration:underline;
}



/* @end */

/* @group allgemeine Formate Text, Formulare, Tabellen, Bilder */

/********************************************************* 
allgemeine Formate Text, Formulare, Tabellen, Bilder
**********************************************************/

h1, h2 {
font-size: 20px;
margin: 0 0 10px 0;
font-weight: normal;
color:#00267F;
}

h3 {
font-size: 15px;
margin: 0 0 10px 0;
}
h4 {
font-size: 14px;
margin: 0 0 10px 0;
}
h5 {
font-size: 15px;
margin: 0 0 10px 0;
font-weight:bold;
color:#00267F;
}
h6 {
font-size: 12px;
margin: 0 0 10px 0;
font-weight: normal;
}

p {
margin: 0 0 10px 0;
line-height: 18px;
}

ul, ol, li {
margin: 0;
padding: 0;
}
#content ul,
#content ol {
margin: 0 0 18px 20px;
padding: 0;
line-height: 18px;
}
#content ol {
margin: 0 0 18px 30px;
}
#content li {
margin: 0 0 4px 0;
}

span.fbl {
font-weight:bold;
color:#00267F;
}
span.bl {
color:#00267F;
}


a {
color: #00267F;
text-decoration: underline;
}
a:hover {
border: none;
text-decoration: none;
}

hr {
height: 1px;
background-color: #ccc;
color: #999999;
border: none;
/*border-top: 3px dotted #666666;*/
margin: 3px 0 15px 0;
width: 100%;
clear:both;
}


table {
border-collapse: collapse;
margin-bottom: 15px;
line-height: 100%;
font-size: 12px;
width: 100%;
}

th {
border-top: 1px solid #ccc; 
border-bottom: 2px solid #ccc;
padding: 4px 15px 4px 6px;
text-align: left;
vertical-align: top;
}
td {
border-top: 1px dashed #ccc;
border-bottom: 1px dashed #ccc;
padding: 4px 15px 4px 6px;
text-align: left;
vertical-align: top;
}

td p,
th p {
margin: 0;
}

img {
border: none;
}



form {	
margin: 0 0 0 0;
padding: 0;
font-size:100%;
float:left;
clear: both;
}

form p {
margin:0;
clear:both;
width:100%;
}
form p.req {
margin-bottom:6px;
width:auto;
display:none;
}

fieldset {	
border: none;
padding: 0;
margin: 0;
}

legend {	
font-weight: bold;
padding: 0 5px 15px 0;
margin-left: -5px;
background-color: transparent;
}

label {	
margin:0;
float:left;
font-size:100%;
}

input,
select, 
textarea {	
float:left;
margin: 0 5px 6px 0;
border:1px solid #ccc;
background-color:#fff;
padding:1px;
font-family: Arial, sans-serif;
font-size:100%;
}


input.submit {	
float:left;
margin: 0 5px 6px 0;

border:1px solid #666;
background: #ccc;
font-weight: bold;
width:auto;
}



/* @end */

/* @group allgemeine Klassen */

/********************************************************* 
allgemeine Klassen
**********************************************************/

.left {
float:left;
}
.right {
float:right;
}

.clear {
clear: both;
}



/* @end */

/* @group MODUL-Formate */

/* @group Abstand + Clear */

/* Abstand + Clear
*************************/

div.space {
height: 25px;
clear:both;
}



/* @end */

/* @group MODUL Text + Bild */

#content-left {
float:left;
width:48%;
overflow:hidden;
}
#content-right {
float:right;
width:48%;
overflow:hidden;
}


div.section-txtpic {
margin: 0 10px 10px 0;
clear:both;
float:left;
width:100%;
}
#sidebar div.section-txtpic {
margin-bottom:0;
}

div.section-txtpic div.sectiontext {
clear:both;
}
div.section-txtpic.re div.sectiontext,
div.section-txtpic.li div.sectiontext,
div.section-txtpic.li-box div.sectiontext {
clear:none;
}

div.section-txtpic div.sectiontext img {
margin: 3px 15px 15px 0;
float:left;
}


div.section-txtpic p.pic {
margin: 0 0 10px 0;
display:inline;
float:left;
}
div.section-txtpic.re p.pic {
margin: 3px 0 15px 20px;
float: right;
clear:both;
}
div.section-txtpic.li p.pic {
margin: 3px 20px 15px 0;
float: left;
clear:both;
}
span.picsub {
font-size: 12px;
color:#00267F;
font-weight:bold;
line-height:13px;
margin:4px 0;
padding-bottom:4px;
display:block;
}

/* @group fuer 2-spaltige Darstellung */

/* fuer 2-spaltige Darstellung */

div.section-txtpic.col-li,
div.section-txtpic.col-re,
div.section-txtpic.col-li-box,
div.section-txtpic.col-re-box {
float:left;
clear:none;
width:48%;
}

div.section-txtpic.col-re,
div.section-txtpic.col-re-box {
float:right;
margin-left:2%;  /*fuer FF3, Safari */
}

div.colclear {
clear: both;
height: 1px;
}



/* @end */



/* @end */

/* @group MODUL Galerie */

/* MODUL Galerie
 * allgemein
**********************/

#content div.gallery ul {
margin:0;
padding: 0;
}
#content div.gallery li {
list-style: none;
/*display: inline;*/
float:left;
display: block;
width: 118px;
height: 118px;
overflow: hidden;
margin:0 3px 3px 0;
}
#content div.gallery li img {
border:none;
}



/* @end */

/* @group KONTAKT-FORMULAR xform */

/* KONTAKT-FORMULAR xform
**********************************/

div.form-kontakt {
width:426px;
}

div.form-kontakt form {
background: #fff url(../_img/label-bg.gif) repeat-y left top;
border:1px solid #01267f;
border-left:none;
margin:0 0 20px 0;
color:#01267f;
}

div.form-kontakt p.important {
padding:0;
margin-left:155px;
color:#FF0000;
padding-top:20px;
width:250px;
}

div.form-kontakt p.required {
padding:10px 0 20px 0;
margin-left:10px;
width:160px;
color:#FFFFFF;
}

p.answertext {
font-weight:bold;
color:#FF0000;
}



div.form-kontakt span.minidesc {
font-size:13px;
display:block;
padding-top:20px;
width:120px;
}

div.form-kontakt select {	
margin-bottom: 8px;
width: 245px;
}

div.form-kontakt textarea{
background-color: #d4d0cf;
width:250px;
margin:5px 5px 5px 5px;
}
div.form-kontakt input{
background-color:#d4d0cf;
width: 250px;
margin:5px 5px 5px 5px;
}

div.form-kontakt label {	
width: 140px; color:#fff; font-size: 14px; padding-left:10px;
margin:5px 0;
}

div.form-kontakt label.checkbox {	
color:#01267f; 
width:220px; 
float:left;
margin-left:5px;
}
div.form-kontakt p.req {
font-size: 11px;
margin-left: 150px;
color:#666;
}
div.form-kontakt input.submit {	
margin-left: 150px;
width:99px;
height:21px;
background-image:url('../_img/absenden.gif');
border:none;
text-indent:-1000em;
margin-top: 30px;
margin-bottom: 30px;
}
div.antispam {
display: none;
}

#content ul.form_warning {
list-style: none;
margin:0 0 15px 150px;
color:#ff0000;
font-weight:bold;
}
ul.form_warning li.first {
}
p.answertext {
}

p.formfile label{margin:20px 0 10px 0;}
p.formfile input{margin:0;}
p.formfile a{color:#FFFFFF;}
p.formfile input{margin-left:5px;margin-right:10px;}
p.formfile input.file,p.formfile div{margin-top:25px;}
p.formcaptcha{position: relative; margin-top:80px;}
p.formcaptcha span{position: absolute; left:10px;}
p.formcaptcha input{float:left;}
p.formcaptcha label {margin-top:35px; }
p.formcheckbox {margin-left:140px;}
p.formmcheckbox label {float:left;}
p.formmcheckbox input,p.formcheckbox input {margin:8px 0 8px 14px;float:left;width:auto;}
p.formmcheckbox .checkbox{width:50px; float:left;}

/* @end */

/* @group MODUL Tabelle */

/* MODUL Tabelle
 * ohne Rahmen
 * sonst Standardformat
***************************/

table.border,
table.noborder {
clear:both;
margin-bottom:10px;
}

table.noborder,
table.noborder th,
table.noborder td {
border: none;
padding-left:0;
}



/* @end */

/* @group MODUL Artikel-, Kategorieliste, Paginierung  */

/* MODUL Artikel-, Kategorieliste, Paginierung 
***********************************************/
ul.kategorie-list,
ul.article-list,
ul.pagination {
clear:both;
margin-bottom:10px;
}

#content ul.pagination {
margin-left:0;
}
#content ul.pagination li {
display:inline;
list-style:none;
margin-right:4px;
}
#content ul.pagination li a {
padding:0 2px;
background:none;
border: 1px solid #ffffff;
}
#content ul.pagination li a:hover {
border: 1px solid #333;
}
#content ul.pagination li.active a {
color:#ffffff;
border: 1px solid #333;
background-color:#333;
}
#content ul.pagination li.active a:hover {
}



/* @end */

/* @group MODUL Sitemap  */

/* MODUL Sitemap 
**********************/

#content ul.sitemap {
padding-top:10px;
line-height:18px;
list-style: none;
font-weight: bold;
}
#content ul.sitemap ul,
#content ul.sitemap ul ul {
font-size:11px;
font-weight:normal;
padding-top:0;
}



/* @end */

/* @group Dateimarkierung fuer Downloadlinks */

/* Dateimarkierung fuer Downloadlinks 
 * Klasse per jquery vergeben
*************************************/

/* bei Verwendung dieser Klassen muessen die passenden Icons hinterlegt werden
#content div.filedownload a {	
line-height: 25px;
padding: 5px 0 0 26px;
background: transparent url(../_img/default-icon.gif) no-repeat 0 0;
}
#content div.filedownload a.word {	
background: transparent url(../_img/word-icon.gif) no-repeat 0 0;
}
#content div.filedownload a.text {	
background: transparent url(../_img/txt-icon.gif) no-repeat 0 0;
}
#content div.filedownload a.xls {	
background: transparent url(../_img/xls-icon.gif) no-repeat 0 0;
}*/



/* @end */



/* MODUL Voting
**********************/
div.sportler {
clear:both;
border:1px solid #002580;
padding:3%;
float:left;
width:94%;
margin:0 0 30px 0;
}

div.sportler h3 {
color:#002580;
}

div.sportler img {
float:right;
display:block;
margin:0 0 25px 40px;
border:1px solid #002580;
}

div.sportler div.steckbrief p {
margin:10px 0 10px 0;
}
div.sportler div.steckbrief br {
margin-bottom:10px;
}

div.sportler span {
float:left;
width:100px;
font-weight:bold;
color:#002580;
}


#voting {
padding-top:20px;
}


#voting div.form-kontakt form {
padding-top:20px !important;
}

#voting div.form-kontakt ul.form_warning {
text-align:center;
}

#voting div.form-kontakt label {
}

#voting div.form-kontakt input.submit {
float:right;
margin:0 15px 10px 0;
}

div.sportler div.steckbrief span {
float:none;
display:block;
}


.form_vote {
clear:both;
}

.radiobutton-container {
float:left;
padding-top:10px;
width:250px;
}


.formradiobutton {
margin:0px 0 20px 21px;
text-align:center;
clear:none !important;
float:left;
width:100px;
}
.formradiobutton label.radiopicture {
color:#000000 !important;
}
.formradiobutton label {
display:block;
padding:0 !important;
width:100px !important;
}

.formradiobutton input {
display:block;
width:100px !important;
margin:0 !important;
background-color:#FFFFFF !important;
border:none !important;
}


a.abstimmen {
float:right;
display:block;
padding-bottom:20px;
}

/* @end */

div.noclear p.formcheckbox {
clear:none !important;
}