body {padding:0; margin:0; background: url(/12_images/bg_seite.jpg) repeat-x; font-family: verdana, Helvetica; text-align:center;}

html { overflow-y: scroll;}
+html { overflow-y: scroll;}

#wrapper {background: url(/12_images/wrapper.png) repeat-y; width:990px; margin:0 auto; text-align:left;}

#header_home {background: url(/12_images/header_home.png) no-repeat; height:180px; margin-top:0px; position:relative; z-index:500;}
#header_judoloewen {background: url(/12_images/header_judoloewen.png) no-repeat; height:180px; margin-top:0px; position:relative; z-index:500;}
#header_judo {background: url(/12_images/header_judo.png) no-repeat; height:180px; margin-top:0px; position:relative; z-index:500;}
#header_termine {background: url(/12_images/header_termine.png) no-repeat; height:180px; margin-top:0px; position:relative; z-index:500;}
#header_ergebnisse {background: url(/12_images/header_ergebnisse.png) no-repeat; height:180px; margin-top:0px; position:relative; z-index:500;}
#header_gaestebuch {background: url(/12_images/header_gaestebuch.png) no-repeat; height:180px; margin-top:0px; position:relative; z-index:500;}
#header_impressum {background: url(/12_images/header_impressum.png) no-repeat; height:180px; margin-top:0px; position:relative; z-index:500;}
.counter {float: right; margin-top: 0px; margin-right:20px; height: 30px; width: 160px; text-align: center; font-size: 10px; color: #c9cfff;}
.slide {float: left; margin-left: 290px; height: 180px; width: 500px;}
.time {float: right; margin-top: 28px; margin-right:20px; height: 116px; width: 160px; text-align: center; font-size: 10px; color: #a5abd6;}

#menue_home {background:url(/12_images/menu_home.png) no-repeat top left; margin-left: 5px; width: 970px; height: 26px; position:relative;}
#menue_judoloewen {background:url(/12_images/menu_judoloewen.png) no-repeat top left; margin-left: 5px; width: 970px; height: 26px; position:relative;}
#menue_judo {background:url(/12_images/menu_judo.png) no-repeat top left; margin-left: 5px; width: 970px; height: 26px; position:relative;}
#menue_termine {background:url(/12_images/menu_termine.png) no-repeat top left; margin-left: 5px; width: 970px; height: 26px; position:relative;}
#menue_ergebnisse {background:url(/12_images/menu_ergebnisse.png) no-repeat top left; margin-left: 5px; width: 970px; height: 26px; position:relative;}
#menue_gaestebuch {background:url(/12_images/menu_gaestebuch.png) no-repeat top left; margin-left: 5px; width: 970px; height: 26px; position:relative;}
#menue_impressum {background:url(/12_images/menu_impressum.png) no-repeat top left; margin-left: 5px; width: 970px; height: 26px; position:relative;}
.side {float: left; margin-left: 10px; height: 26px; width: 260px; font-size: 10px; color: #c9cfff; font-weight: bold; text-align:left; text-decoration:none; padding-top: 6px;}

#content_left {float: left; width: 620px; font-size: 12px; color: #505050;}
#content_left a:active {color: #505050; text-decoration: underline}
#content_left a:link {color: #505050; text-decoration: underline}
#content_left a:visited {color: #505050; text-decoration: underline}
#content_left a:hover {color: #808080; text-decoration: underline}

#content_right {float: right; width: 300px; font-size: 12px; color: #505050;}
#content_right a:active {color: #505050; text-decoration: underline}
#content_right a:link {color: #505050; text-decoration: underline}
#content_right a:visited {color: #505050; text-decoration: underline}
#content_right a:hover {color: #808080; text-decoration: underline}

#content_center {float: left; margin-left: 20px; margin-top: 15px; width: 940px; min-height: 450px; height: auto !important; font-size: 12px; color: #505050;}
#content_center a:active {color: #505050; text-decoration: underline}
#content_center a:link {color: #505050; text-decoration: underline}
#content_center a:visited {color: #505050; text-decoration: underline}
#content_center a:hover {color: #808080; text-decoration: underline}

#content2 a:active {color: #505050; text-decoration: underline}
#content2 a:link {color: #505050; text-decoration: underline}
#content2 a:visited {color: #505050; text-decoration: underline}
#content2 a:hover {color: #808080; text-decoration: underline}

.container {border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; padding: 5px;}

.abstand_620 {background-image: url(/12_images/abstand_620.png); background-repeat: no-repeat; height: 20px; width: 620px;}
.abstand_620_top {background-image: url(/12_images/abstand_620_top.png); background-repeat: no-repeat; height: 5px; width: 620px; margin-top: 5px;}
.abstand_300 {background-image: url(/12_images/abstand_300.png); background-repeat: no-repeat; height: 20px; width: 300px;}

#footer {clear:both; width:990px; height:100px; background: url(/12_images/footer.png) no-repeat;}
#footer_inhalt {width: 940px; height: auto; padding-left: 20px; padding-bottom: 20px; padding-top: 45px; text-align: center;}

.headline_k {background-image: url(/12_images/headlinek.png); background-repeat: no-repeat; width: 300px; height: 19px; padding-top: 5px; padding-left: 15px;}
.headline_g {background-image: url(/12_images/headlineg.png); background-repeat: no-repeat; width: 615px; height: 19px; padding-top: 5px; padding-left: 15px;}
.shadow {background-image: url(/12_images/shadow.png); padding: 1px; margin: 0;}
.shadow5 {float: left; background-image: url(/12_images/shadow.png); padding: 1px; margin: 0.7em 1em;}
.schatten {float: left; background-image: url(/12_images/schatten.png); width: 300px; height: 200px;}

.kontakt {float: left; width: 290px; margin-left: 15px; margin-bottom: 20px;}

.clear {display:block; height:0; overflow:hidden; clear:both;}

#galerie li {list-style-type: none; float: left; text-align: center; position: relative;}
#galerie ul {padding:0px; margin: 0px; list-style-type:none;}
#galerie img {width: 300px; height: 200px; display: block; border: 0px;}
#galerie a .gross {display: none;}
#galerie a:hover .gross {width: 800px; height: 533px; display: block; position: absolute; top: -70px; left: 60px; padding: 7px; border: 1px solid #aaaaaa; z-index: 1; background: #fff;}

/*--Spezialangaben für den Internet Explorer 7--*/
*+html #galerie a:hover { z-index: 1;}
*+html #galerie li{position: static;}
*+html #galerie a {position: relative;}

/*--Spezialangaben für den Internet Explorer 6--*/
*html #galerie a:hover {display: block; z-index: 1;}
*html #galerie li{position: static;}
*html #galerie a {position: relative;} 

/*Schriften*/
.white {font-size: 10px; color: #ffffff}
.whiteb {font-size: 11px; font-weight: bold; color: #ffffff}
.dg {font-size: 10px; color: #007dd7}
.blueb {font-size: 12px; color: #007dd7; font-weight: bold; text-align: left}
.yellow {font-size: 12px; color: #FFFF00; font-weight: bold}
.yellowb {font-size: 10px; color: #FFFF00; font-weight: bold}
.grew {font-size: 11px; color: #bbbbbb; text-align: left}
.grew2 {font-size: 11px; color: #777777; text-align: left}
.grewb {font-size: 11px; color: #bbbbbb; text-align: left; font-weight: bold}
.grewbr {font-size: 11px; color: #bbbbbb; text-align: right; font-weight: bold}
.grewr {font-size: 10px; color: #bbbbbb; text-align: right}
.blackb {font-size: 10px; color: #dddddd; text-align: left; font-weight: bold}

/*Tabellen*/
td, table { font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 12px; color: #505050}

/*CSS-Menü*/
.menu {float:right; width:700px; font-size:10px; font-weight: bold; font-color: #fff;visibility:visible!important;}
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul li {float:left; position:relative;} /*ORIGINAL*/
.menu ul li a, .menu ul li a:visited {float:left; display:block; text-decoration:none;color:#fff; padding:3px 16px; line-height:18px; height:25px;} /* min-width:50px;*/
.menu ul li:hover {width:auto;}
.menu ul li:hover a.menuone {background:url(/12_images/menu_hover.png) repeat-x; border-color:#aaaaaa; color:#d8dcfc;}
.menu ul li ul {display: none;}
.menu table {margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0; font-weight: normal;}
/* specific to non IE browsers */
.menu ul li:hover ul {display:block;position:absolute;top:24px;margin-top:1px; left:0;width:145px; border-bottom:1px solid #aaaaaa;}
.menu ul li:hover ul.endstop {left:-92px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block;background:#fff;color:#505050;height:auto;line-height:15px;padding:4px 16px; width:110px; border:1px solid #aaaaaa; border-bottom:0;}
.menu ul li:hover ul li a.drop {background: url(/12_images/menu_hover2.png) no-repeat;}			/*.menu ul li:hover ul li a.drop {background:#ccd url(/12_images/bullet.gif) no-repeat 3px 8px;}*/
.menu ul li:hover ul li a:hover {color:#fff; background: url(/12_images/menu_hover2.png) no-repeat;}	/*.menu ul li:hover ul li a:hover {color:#505050; background: #ccd url(/12_images/bullet.gif) no-repeat 3px 8px;}*/
.menu ul li:hover ul li a:hover.drop {background: url(/12_images/menu_hover2.png) no-repeat;}		/*.menu ul li:hover ul li a:hover.drop {background: #ccd url(/12_images/bullet.gif) no-repeat 3px 8px;}*/
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:153px; top:-1px;}
.menu ul li:hover ul li:hover ul.left {left:-153px;}
/* specific to IE5.5 and IE6 browsers */
.menu ul li a:hover ul {display:block;position:absolute;top:30px; t\op:33px; background:#fff;left:0; border-bottom:1px solid #aaaaaa;}
.menu ul li a:hover ul.endstop {left: -92px;}
.menu ul li a:hover ul li a {display:block;background:#fff;color:#505050; height:1px; line-height:15px; padding:4px 16px; width:145px; border:1px solid #aaaaaa; border-bottom:0;}
.menu ul li a:hover ul li a.drop {background:url(/12_images/menu_hover2.png) no-repeat; padding-bottom:4px;}	/*.menu ul li a:hover ul li a.drop {background:#ccd url(/12_images/bullet.gif) no-repeat 3px 8px; padding-bottom:4px;}*/
.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; height:0; width:0;}
.menu ul li a:hover ul li a:hover {color:#fff; background: url(/12_images/menu_hover2.png) no-repeat;}	/*.menu ul li a:hover ul li a:hover {color:#505050; background: #ccd url(/12_images/bullet.gif) no-repeat 3px 8px;}*/
.menu ul li a:hover ul li a:hover.drop {background: url(/12_images/menu_hover2.png) no-repeat;}			/*.menu ul li a:hover ul li a:hover.drop {background: #ccd url(/12_images/bullet.gif) no-repeat 3px 8px;}*/
.menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; top:0;color:#505050; left:153px;}
.menu ul li a:hover ul li a:hover ul.left {left:-153px;}
<!--[if lte IE 5.5]>
.menu ul li a, .menu ul li a:visited {height:33px;}
<![endif]-->

/*CSS-Sidemap*/
.sidemap {width: auto;}
.sidemap td {padding: 10px; white-space: nowrap; text-align: left; vertical-align: top; text-decoration:none; line-height:18px; font-size:9px;}

/*NJV-Kalender*/
#Zwischenueberschrift {color:#007dd7;}
#TabellenzelleTermine {color:#505050;}
#content_termine {float: left; margin-left: 20px; margin-top: 15px; width: 940px; min-height: 450px; height: auto !important; font-size: 12px; color: #505050;}
#content_termine a:active {color: #007dd7; text-decoration: underline}
#content_termine a:link {color: #007dd7; text-decoration: underline}
#content_termine a:visited {color: #007dd7; text-decoration: underline}
#content_termine a:hover {color: #808080; text-decoration: underline}
#content_termine td {padding-left: 10px;}