html
{
 height: 100%;	
}

div#hover, div#top, div#ml, div#mr, div#footer {
	display:none;
}

body
{
 height: 100%;
	
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 
 margin: 0;
 padding: 0;
 text-align: center;
 
 background-image: url('Bilder/top-bg.jpg');
 background-repeat: repeat-x;
 background-color: #bcdafa;
 color: #333;
}

td
{
 font-size: 12px;	
}

img
{
 border: 0;	
}

form
{
	margin: 0px;
	padding: 0px;
}

#inhalt a, #inhaltohne a
{
 font-weight: bold;
 color: #C00;
 text-decoration: underline;	
}

#inhalt a:hover, #inhaltohne a:hover
{
 background-color: #C00;
 color: white;
 text-decoration: none;
}

#inhalt a:hover img, #inhaltohne a:hover img
{
 background-color: #FFF;
 color: white;	
}

#inhalt a.linkbutton, #inhaltohne a.linkbutton
{
 border-left: 1px solid #ff8282;
 border-right: 1px solid #8b0001;
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-image: url('Bilder/navigation-bg.jpg');
 background-repeat: repeat-x;	
 padding: 3px 12px 2px 12px;
 color: white;
 text-decoration: none;	
 text-transform: uppercase;
 letter-spacing: 1px;
}

#inhalt a.linkbutton:hover, #inhaltohne a.linkbutton:hover
{
 //background-color: #f66061;
 border-left: 1px solid #ff8282;
 border-right: 1px solid #8b0001;
 background-image: url('Bilder/navigation-bg2.jpg');
 text-decoration: none;
 color: black;
}

/* Seitenelemente */

#mainova
{
 width: 970px;
 margin: 0 auto;
 text-align: left;	
 
 background-color: white;
 
 /* FooterStickAlt */
 position: relative;
 min-height: 100%;
}

* html #mainova
{
 height: 100%;
}

#top
{
 height: 140px;
 
 background-image: url('Bilder/top-logo.jpg');
 background-repeat: no-repeat;	
}

#topr
{
 text-align: right;	
}

#navigation
{
 height: 23px;
 width: 970px;
 position: absolute;
 top: 117px;
 
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 font-size: 13px;
 
 background-image: url('Bilder/navigation-bg.jpg');
 background-repeat: repeat-x;	
}

#navigation ul, #navigation li
{
 margin: 0;
 padding: 0;	
 list-style-type: none;
 text-transform: uppercase;
}

#navigation .leer
{
 border-left: 1px solid #ff8282;
 float: left;	
 height: 23px;
}

#navigation li
{
 display: block;
 height: 23px;
 float: left;	
 
 border-left: 1px solid #ff8282;
 border-right: 1px solid #8b0001;
}



#navigation a
{
 color: white;
 font-weight: bold;
 text-decoration: none;
 letter-spacing: 1px;
 display: block;
 margin: 0;
 padding: 3px 12px;
}

* html #navigation a
{
 padding: 2px 12px 1px 12px;
}

#navigation li:hover
{
 //background-color: #f66061;
 
 background-image: url('Bilder/navigation-bg2.jpg');
 border-left: 1px solid #ff8282;
 border-right: 1px solid #8b0001;	
}

#navigation li.selected
{
 background-color: white;
 color: #C00;	
 font-weight: bold;
 background-image: url('Bilder/spacer.gif');
 
 border-left: 1px solid white;
 border-right: 1px solid white;
}

#navigation li.selected a
{
 color: #C00 !important;	
 font-weight: bold;
}

/*
#navigation li:hover a
{
 color: #C00 !important;
}
*/

#navigation a:hover
{
 color: black !important;
}

#mitte
{
 margin-top: 15px;	
}


#ml
{
 width: 180px;
 float: left;	
 margin-left: 10px;
 
 border-right: 1px solid #bcdafa;
}

#ml_sponsoren
{
 background-color: #bcdafa;
 color: #6da3dd;
 text-align: center;
 font-weight: bold;
 
 padding: 3px 0;
 
}

#ml .sponsor
{
 text-align: center;
 padding: 10px 0;
 border-bottom: 1px solid #bcdafa;	
}

#mr
{
 width: 180px;
 float: right;
 margin-right: 10px;
 
}

#mr .box
{
 width: 180px;
 margin-top: 13px;
}

#mr .box a
{
 color: #0c42a7;
 text-decoration: underline;	
}

#mr .box .boxtitel
{
 background-color: #0c42a7;
 color: white;
 padding: 3px 5px;	
 font-weight: bold;
}

#mr .box .boxinhalt
{
 background-color: #bcdafa;
 color: #0c42a7;
 
 padding: 5px;		
}

#mr .box .boxinhalt p
{
 margin: .5em 0;
}

#mr #schnellsuche select
{
 width: 170px;
 margin: 4px 0;
}

#mr #schnellsuche input.button, #mr #ihrverein input.button
{
 width: 170px;
 margin: 4px 0;
 
 text-align: center;	
}

#mr #kleinlogos
{
 margin-top: 13px;	
 text-align: center;
}

#mr #kleinlogos img
{
 width: 57px;	
}

#inhalt, #inhaltohne
{
 margin: 0 20px;	
 padding: 1em 0 130px 0;
}

.cl
{
 clear: both;	
}

#inhalt h1, #inhaltohne h1
{
 color: #0c2f84;
 font-size: 20px;
 font-weight: bold;
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 margin-bottom: 14px;
}

#inhalt h2, #inhaltohne h2
{
 background-color: #bcdafa;
 padding: 6px;
 margin: 25px 0 0 0;
 font-size: 12px;

 color: #C00;
 font-weight: bold;	
}

#inhalt p, #inhaltohne p
{
 padding: 0;
 margin: 6px 0 12px 0;
}

#footer
{
 position: relative;
 height: 113px;
 margin-top: -113px;	
}

#footerpapier
{
 height: 88px;	
 width: 970px;
 margin: 0 auto;
 
 background-image: url('Bilder/footer-papier.jpg');
 background-repeat: no-repeat;
}

#footertext
{
 font-size: 11px;
 height: 20px;
 
 color: white;
 text-align: center;	
 padding-top: 5px;
 font-weight: bold;
 
 background-image: url('Bilder/footer-bg.jpg');
 background-repeat: repeat-x;
}

#footertext a
{
 color: white;
 text-decoration: underline;	
}



/* INHALTE */

/* -- Kursauflistung -- */

.kursauflistung
{
 border-collapse: collapse;	
 width: 540px;
 margin: 0 auto 15px auto;
}

.kursauflistung td
{
 background-color: #e5f4ff;	
 padding: 3px 6px;
 color: #666;
}

.kursauflistung .klist_titelzeile td
{
 background-color: #bcdafa;
}

.kursauflistung .klist_titelzeile a
{
 color: #C00;
 font-weight: bold;	
}

.kursauflistung .td2
{
 width: 138px;	
 text-align: right;
}

* html .kursauflistung .td2
{
 width: 140px;	
} 

.kursauflistung .td3
{
 width: 42px;	
}

.kursauflistung .wochentage
{
 width: 180px;	
 text-align: right;
}

* html .kursauflistung .wochentage
{ 
 width: 180px;
}

.kursauflistung .wochentage div
{
 float: left;	
 
 border-top: 1px solid #93a8bb;
 border-left: 1px solid #93a8bb;
 border-bottom: 1px solid #93a8bb;
 width: 25px;
 
 background-color: white;
 color: #93a8bb;
 text-align: center;
}

.kursauflistung .wochentage div.r
{
 border-right: 1px solid #93a8bb;	
}

.kursauflistung .wochentage div.selected
{
 background-color: #93a8bb;
 color: white;	
}

.kursauflistung .wochentage div.rselected
{
 border-right: 1px solid #93a8bb;
 background-color: #93a8bb;
 color: white;	
}

#seitenwahl
{
 text-align: center;
 margin: 0;
}

#seitenwahl table
{
 margin: 0 auto;	
}

#seitenwahl td
{
 padding: 0;
 margin: 2px;	
 vertical-align: middle;
 font-size: 15px;
}

#seitenwahl a
{
 text-decoration: none;
 color: #0c42a7;	
}

#seitenwahl a:hover
{
 background-color: white;
 color: #0c42a7;
}

#seitenwahl td.pfeil img
{
 vertical-align: middle;
}

#seitenwahl td.normal
{
 width: 23px;
 height: 20px;
 vertical-align: middle;
 color: #0c42a7;
 font-weight: bold;
 border: 1px solid #d8dfe5;	
}

#seitenwahl td.selected
{
 font-weight: bold;
 color: #d8dfe5;
 width: 23px;
 height: 22px;
 vertical-align: middle;
 border: 1px solid white;	
}


/* -- Kursdetail -- */

.kursdetails
{
 width: 540px;	
}
 
.kursdetails td
{
 background-color: #e5f4ff;
 padding: 2px;
}

.kursdetails .bbwhite td
{
 border-bottom: 1px solid white;	
}

.button
{
 width: 170px;	
}


.kursbox
{
 width: 540px;	
}

.kursbox td
{
 background-color: #bcdafa;
 padding: 6px;	
}



/* Hover */

#hover {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:250px;
	height:auto;
	z-index:11;
	filter:Alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.9;
} #hoverText {
	text-align:left;
	font-size:10px;
	padding: 0 10px 0 10px;
} #hover2 {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:249px;
	height:auto;
	z-index:11;
	filter:Alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.9;
} #hover2Text {
	font-size:9px;
} #hover_head {
	width: 250px;
	height: 11px;
	background: transparent url(Bilder/boxen/hover_01.gif) no-repeat;
} #hover_box {
	width: 250px;
	background: transparent url(Bilder/boxen/hover_02.gif) repeat-y;
} #hover_foot {
	width: 250px;
	height: 4px;
	background: transparent url(Bilder/boxen/hover_03.gif) repeat-y;
}




/* Klassen */

.vbreite
{
 width: 540px;	
}

.fr
{
 float: right;	
}

.fl
{
 float: left;	
}

.b
{
 font-weight: bold;	
}

.blau
{
 color: #0c2f84;	
}

.tm
{
 text-align: center;	
 vertical-align: top
}

.tr
{
 text-align: right;	
}

.vm td, .vm img
{
 vertical-align: middle;
}

.nobr, .nobr td {
	white-space: nowrap; 
}



.input_flex { background-color: #f2f2f2; margin: 1px; border-width: 1px; border-color: #50a4db }
.input_2ziffern { background-color: #f2f2f2; margin: 1px; width: 17px; border-width: 1px; border-color: #50a4db }
.zeilen_bg { background-image: url("Bilder/zeilen_bg.gif"); background-repeat: repeat-x; background-position: left bottom }
tr.error td.zeilen_bg, tr.error td, input.error, select.error, td.error, textarea.error { background-color: #F7AFA2; background-image: url("Bilder/spacer.gif"); background-repeat: repeat-x; background-position: left bottom }
div.errorbox { width:12px; height: 14px; background-image: url("Bilder/radiobuttonerror.gif"); background-repeat: no-repeat; display: inline-block }
.spalten_bg { background-image: url("Bilder/spalten_bg.gif"); background-repeat: repeat-y; background-position: left top }

div.suche_bg {
	width: 540px;
	margin: 0 auto 0 auto;
	background-image: url("Bilder/suche_bg.jpg"); background-repeat: no-repeat; background-position: middle midddle; width: 540px; height: 259px; vertical-align: middle;
}