html {height: 100%}
img.galerieimg { padding: 1px; border: solid 1px #d7d9e5; }
body { height: 100%; font-size:12px; color:#000000; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; margin:0; padding:0; }
#newstext { color: black; background-repeat: no-repeat; background-position: 0 0; height: 100px; width: 192px; left: 0; top: 205px; position: absolute; z-index: 1000; visibility: visible; }
#logo { text-align: center; height: 150px; width: 190px; left: 5px; top: 0; position: absolute; visibility: visible; margin-bottom: 20px; }
#logo A { color: gray; }
#Navigation_links { height: 303px; width: 150px; left: 0; top: 191px; z-index: 100; position: absolute; visibility: visible; }
#content_seite { font-size: small; background-image: url(../djkbrakel/img/leftback_bg.jpg); background-repeat: repeat-y; background-position: 0 0; text-align: left; position: absolute; left: -199px; margin-top: 30px; padding-left: 200px; }
p.content { font-size: 16px; }
a:link,a:active,a:visited  { color: #8e1f0d; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700; text-decoration: none; vertical-align: middle; padding-top: 2px; }
a:hover { color: #652a21; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700; text-decoration: none; vertical-align: middle; padding-top: 2px; }

.tr_header {font-weight: 700; background-color: #d7d9e6; height: 2em; margin-right: 3px; margin-left: 3px; padding-left: 5px; border-top: 1px solid silver; border-right: 1px solid silver; border-left: 1px solid silver;vertical-align:middle; }
.tr_header1 { font-size: 10px; border-right: 1px solid silver; border-bottom: 1px dotted silver; }
.tr_content { font-size: 10px; background-color: white; text-align: left; padding: 3px; border-bottom: 1px solid silver; }
.tr_content_dunkel { font-size: 10px; background-color: #f4f6ff; text-align: left; padding: 3px; border-bottom: 1px solid silver; }
#training a { color: black; font-size: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; }

div.disc { display: block; }
div.links {  }
.event_list { text-align: left; margin-left: 0; }
div.pages { color: white; text-align: center; position: relative; top: 10px; left: 20px; width: 120px; display: block; }
div.subheader { background-image: url(../djkbrakel/img/news_bg.gif); background-repeat: no-repeat; background-position: 0 22px; }
div.nl { color: white; -moz-border-radius-topleft:15px; font-weight: 700; line-height: 23px; background-color: #747ca0; background-image: none; background-repeat: repeat-y; text-align: left; vertical-align: middle; position: absolute; left: 20px; width: 143px; height: 15px; border-top: 1px solid silver; border-bottom: 1px solid #747ca0; border-left: 1px solid silver; display: block; padding-top:5px; padding-left:7px;}
div.nimg{ position: relative; top: 24px; left: 0; width: 90px; z-index: 100; margin-bottom: 3px; margin-left: 13px; }
div.ntext { font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-align: justify; position: relative; top: 20px; width: 130px; height: 130px; z-index: 1; margin-left: 20px; padding-top: 5px; padding-right: 10px; padding-left: 12px; }
div.nt { text-align: right; position: relative; width: 152px; z-index: 40; padding-right: 15px; }
div.ntime { color: black; font-size: 9px; padding-left: 13px; }
div.allimg { float: left; margin-right: 5px; padding-left: 5px; }
.teaser_img { text-align: justify; float: left; margin-top: 2px; margin-right: 5px; margin-left: 10px; padding-top: 2px; padding-left: 10px; }
.blaettern { text-align: center; padding-left: 80px; }
a:link.newslink,a:active.newslink,a:visited.newslink { color: white; font-size: 9px; line-height: 10px; text-decoration: none; vertical-align: top; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; }
a:hover.newslink            { color: black; font-size: 9px; text-decoration: none; vertical-align: top; }
a:link.newsteaser,a:active.newsteaser,a:visited.newsteaser                { color: gray; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; padding-right: 5px; }
a:hover.newsteaser            { color: black; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-repeat: no-repeat; text-decoration: none; padding-right: 5px; }
a:link.newsteaser_bl,a:active.newsteaser_bl,a:visited.newsteaser_bl                { color: black; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; padding-right: 5px; }
a:hover.newsteaser_bl            { color: #666; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; background-repeat: no-repeat; text-decoration: none; padding-right: 5px; }


/*Haupt- und Unternavigation ANFANG*/
div.nav1off { -moz-border-radius-topleft:15px; padding:4px 5px 0; white-space: nowrap; font-size:12px; color:#8e1f0d; float:left; height:2em; background:transparent; text-align: center; min-width: 50px; margin-top: 0; margin-right: 5px; margin-left: 0; border-top: 1px solid #dfd8d2; border-right: 1px solid #dfd8d2; border-left: 1px solid #dfd8d2; list-style:none; display: block; }
div.nav1on { -moz-border-radius-topleft:15px; padding:4px 5px 0; white-space: nowrap; font-size:12px; color:white; float:left; height:2em; background:#d7d9e5; text-align: center; vertical-align: middle; min-width: 50px; margin-top: 0; margin-right: 5px; margin-left: 0; border-color: #dfd8d2 #dfd8d2 black; border-style: solid; border-width: 1px; list-style:none; }
div.nav2v { -moz-border-radius-topleft:15px; color: white; width: 160px; height: 2em; padding-top: 4px; padding-left: 18px; border-top: 1px solid #e0dfe3; border-right: 3px solid #e0dfe3; border-left: 1px solid #e0dfe3; }
div.nav2v a:hover { color: black; position: relative; width: 160px; display: block; }
div.nav2vo { -moz-border-radius-topleft:15px; color: white; background-color: #d7d9e5; width: 160px; height: 2em; padding-top: 4px; padding-left: 18px; border-right: 4px solid silver; }
div.nav3v { vertical-align: middle; width: 155px; height: 2em; padding-left: 25px; }
div.nav3v a:hover { background-color: #e4eafd; vertical-align: middle; width: 155px; display: block; }
div.nav3vo { -moz-border-radius-topleft:10px; background-color: #e4eafd; vertical-align: middle; width: 155px; height: 2em; padding-left: 25px; }
a:link.nav1,a:visited.nav1 { color: #8e1f0d; font-size: 11px; font-weight: 700; text-decoration: none; }
a:hover.nav1, a:active.nav1 { color: black; font-size: 11px; font-weight: 700; text-decoration: none; }
a:link.nav1on, a:visited.nav1on, a:active.nav1on { color: black; font-size: 11px; font-weight: 700; text-decoration: none; order-top-style: solid; }
a:link.nav20,a:active.nav20,a:visited.nav20                { color: #8e1f0d; font-size: 11px; font-weight: 700; text-decoration: none; vertical-align: middle; }
a:hover.nav20            { color: #fff; font-size: 11px; font-weight: 700; text-decoration: none; vertical-align: middle; padding-top: 2px; }
a:link.nav21,a:active.nav21,a:visited.nav21                { color: black; font-size: 11px; font-weight: 700; text-decoration: none; vertical-align: middle; padding-top: 2px; }
a:hover.nav21            { color: black; font-size: 11px; font-weight: 700; text-decoration: none; vertical-align: middle; padding-top: 2px; }
a:link.nav30,a:active.nav30,a:visited.nav30                { color: #2b2b2b; font-size: 11px; font-weight: 700; text-decoration: none; vertical-align: middle; padding-top: 2px; }
a:hover.nav30            { color: #2b2b2b; font-size: 11px; font-weight: 700; text-decoration: none; vertical-align: middle; }
a:link.nav31,a:active.nav31,a:visited.nav31                { color: black; font-size: 11px; font-weight: 700; text-decoration: none; vertical-align: middle; padding-top: 2px; }
a:hover.nav31            { color: black; font-size: 11px; font-weight: 700; text-decoration: none; vertical-align: middle; }
/*Haupt- und Unternavigation ENDE*/
#left_container { background-image: url(../djkbrakel/img/leftback_bg.jpg); background-repeat: repeat-y; position:absolute; left:-1px; top:0; width:190px; height: 150%; z-index: 99; margin:0; padding:0; }
#left_quote { width:160px; margin:12px 0 0; font-size:12px; font-style:italic; color:black; background-image: url(../djkbrakel/img/logo_solo.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 10px 5px; text-align:left; height: 45px; padding-top: 90px; padding-left: 20px; }

#left_text { position:absolute; width:140px; margin:0 0 0 19px; padding:0.5em 5% 0.5em 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align:left; top: 180px; left: 0; z-index: 99; }

a:link.navi,a:visited.navi { color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700; text-decoration: none; }
a:hover.navi, a:active.navi { color:white; background:#7788ab; text-decoration:none; }

#img_badminton { z-index: 1; background-image: url(../djkbrakel/img/symbols/badminton.jpg); background-repeat: no-repeat; position: relative; top: 5px; left: 20px; width: 101px; height: 110px; }
#img_handball{background-image: url(../djkbrakel/img/symbols/handball.jpg); background-repeat: no-repeat; position: relative; top: 5px; left: 20px; width: 101px; height: 110px;}
#img_leichtathletik{background-image: url(../djkbrakel/img/symbols/leichtathletik.jpg); background-repeat: no-repeat; position: relative; top: 5px; left: 20px; width: 101px; height: 110px;}
#img_tanzen{background-image: url(../djkbrakel/img/symbols/tanzen.jpg); background-repeat: no-repeat; position: relative; top: 5px; left: 20px; width: 101px; height: 110px;}
#img_tischnennis{background-image: url(../djkbrakel/img/symbols/tischtennis.jpg); background-repeat: no-repeat; position: relative; top: 5px; left: 20px; width: 101px; height: 110px;}
#img_badminton_kl { z-index: 1; background-image: url(../djkbrakel/img/symbols/badminton_kl.jpg); background-repeat: no-repeat; position: absolute; top: 200px; left: 135px; width: 40px; height: 50px; }
#img_handball_kl{background-image: url(../djkbrakel/img/symbols/handball_kl.jpg); background-repeat: no-repeat; position: absolute; top: 250px; left: 135px; width: 40px; height: 50px;}
#img_leichtathletik_kl{background-image: url(../djkbrakel/img/symbols/leichtathletik_kl.jpg); background-repeat: no-repeat; position: absolute; top: 300px; left: 135px; width: 40px; height: 50px;}
#img_tischnennis_kl{background-image: url(../djkbrakel/img/symbols/tischtennis_kl.jpg); background-repeat: no-repeat; position: absolute; top: 350px; left: 135px; width: 40px; height: 50px;}
#img_tanzen_kl{background-image: url(../djkbrakel/img/symbols/tanzen_kl.jpg); background-repeat: no-repeat; position: absolute; top: 400px; left: 135px; width: 40px; height: 50px;}
#right_container_outer {
position:absolute;
left:16.3em;
top:1em;
width:42em;
height:100%;
margin:0;
padding:0;
background:#ffffff url(../djkbrakel/img/navbar_fade.jpg) repeat-x 50% top;
}
#right_container_inner { background-image: url(../djkbrakel/img/schuhe1.jpg); background-repeat: no-repeat; background-position: 0 50px; position: relative; left:0; width:720px; height: 100%; z-index: 1; margin:0; padding:0 0 0.2em; border-left:1px solid #dfd8d2; border-right:1px solid #dfd8d2; }
.navbar {
position:relative;
left:0;
top:0;
width:700px;
height:2em;
margin:0;
padding:0;
background:#ffffff;
}

#navbar_fade {
position:relative;
left:0;
top:0;
width:720px;
height:3em;
margin:0;
padding:12px 0 0;
background:#ffffff url(../djkbrakel/img/navbar_fade.jpg) repeat-x 50% top;
border-left:1px solid #dfd8d2;
border-right:1px solid #dfd8d2;
}
#rci_left_column { position:absolute; width:500px; font-size:0.9em; color:#000000; background-color: transparent; background-position: 0 0; top: 120px; left: 0; margin-right: 0; margin-bottom: 0; margin-left: 0.2em; padding-right: 1em; padding-bottom: 0; padding-left: 1em; }

#rci_right_column {
position:relative;
float:right;
clear:both;
width:170px;
margin:76px 1em 0 0;
padding:0;
background:#ffffff;
font-size:0.8em;
color:#9d958e;
text-align:left;
}

#rci_right_column ul {
margin:.9em 0 0 1.4em !important;
margin:.9em 0 0 1.6em;
padding:0 0 0 0;
list-style-type:circle;
}

#rci_right_column li {
margin:0 0 .3em 0;
padding:0 0 0 0;
}

#footer { width:48.9em; height:2.5em; padding:0.3em 0.5em 0 0; border-top:1px solid #dfd8d2; font-size:0.85em; font-family:Arial, Helvetica, sans-serif; color:#cccccc; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align:right; position: absolute; top: 122px; left: 217px; z-index: 150; visibility: visible; display: none;}
#nav { width: 720px; }
#nav ul{
padding:0;
margin: 0;
white-space: nowrap;
font-size:12px;
color:#000000;
float:left;
width:100%;
height:2em;
background:transparent;
list-style:none;
}
#nav ul li{
display:inline;
list-style:none;
}

#nav ul li a{
margin: 0 .4em 0 0;
padding: .4em 1em .46em 1em;
color:#8E1F0D;
font-weight:bold;
text-decoration:none;
float: left;
background:#ffffff;
border-left:1px solid #DFD8D2;
border-top:1px solid #DFD8D2;
border-right:1px solid #DFD8D2;
}

#nav ul li a:hover{
color:#8e1f0d;
background:#7788ab;
font-weight:bold;
text-decoration:none;
}

#nav #current li {
color:#000000;
background:#7788ab;
}

#nav #current a {
color:white;
background:#7788ab;
text-decoration:none;
}
h2 { font-family:Georgia, "Times New Roman", Times, serif; margin:0 0 -0.3em; font-size:12px; color:#8e1f0d; background-image:url(../djkbrakel/img/logo_solo_20.gif); background-repeat:no-repeat; background-position:0 0.4em; text-align: left; width: 90%; height: 40px; padding: 0.8em 0 0.5em 40px; }
h3 { margin:0 0 -0.8em; padding:0; font-size:12px; color:#8e1f0d; }
h4 { font-size: 12px; font-family: Arial, SunSans-Regular, sans-serif; }
.head_version1{ font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: 700; }
#rci_right_column h3 {
font-family:Georgia, "Times New Roman", Times, serif;
margin:0 0 -.8em;
padding:0 0 0 0;
font-size:.9em;
color:#8E1F0D;
}

#left_text h3 {
font-family:Arial, Helvetica, sans-serif;
margin:0 0 -.7em;
padding:0 0 0 0;
font-size:1.2em;
color:#8E1F0D;
}

.small { font-size:12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; }
#logo {
margin:.5em 0 0 0;
width:15em;
height:14em;
}

img {
border:none;
}
blockquote { margin:0.3em 0.6em 0.7em; padding:0.05em 0.5em; background:#ffffff url(../djkbrakel/img/navbar_fade.jpg) repeat-x 50% top; font-family:Arial, Helvetica, sans-serif; color:black; border: solid 1px silver;  }

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix { display: inline-table; }
* html .clearfix {height: 1%;}
.owlweb { font-size: 8px; text-align: center; position: relative; top: 50px; }
a.owlweb_link { font-size: 8px; position: relative; }
.headline { color: black; font-size: 16px; font-weight: 700; }
.liste_links { background-repeat: no-repeat; }
.liste_rechts { }