html
{
 height: 100%;	
}

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;
}

body#split
{ 
 background-image: url('Bilder/split-bg.gif');
}

td
{
 font-size: 12px;	
}

img
{
 border: 0;	
}

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

.fax {
	display: none;
}

#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 0 auto;
 text-align: left;	
 
 background-color: white;
 
 /* FooterStickAlt */
 position: relative;
 min-height: 100%;
}

* html #mainova
{
 height: 100%;
}

#mainovasplit
{
 /* FooterStickAlt */
 position: relative;
 min-height: 100%;
}

* html #mainovasplit
{
 height: 100%;
}

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

#topr
{
 text-align: right;	
 padding: 0 10px 0 10px;
}

div#logolink {
	position:absolute;
	width:405px;
	height:78px;
	top: 15px;
	}

#ml
{
	width: 172px;
	position:absolute;
	left:12px;
	top:150px;
}

div#sidenavi {
	font-size:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top:-15px;
	}

#sidenavi li {
	margin-left:-40px;
	list-style-type:none;
	text-transform:uppercase;
	color:#3276d1;
	width:168px;
	height:21px;
	position:relative;
	margin-top:3px;
	text-align:center;
	}

#sidenavi li a {
	text-decoration:none;
	color:#3276d1;
	width:168px;
	display:block;
	height:21px;
	background:#bcdafa;
	padding-top:2px;
	}
	
#sidenavi li a:hover {
	text-decoration:none;
	color:#FFFFFF;
	background:#bcdafa;
	}
	
#sidenavi li a.act {
	
	text-decoration:none;
	color:#cc0000;
	background-color:#d7dee4;
	}

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

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

#mr
{
 width: 180px;
 float: right;
 margin-right: 11px;
 padding-top:9px;
 
}

#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
{
 margin: 0 200px;	
 padding: 1em 20px 130px 0;
}

#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;
}

#footersplit
{
 position: relative;
 height: 25px;
 margin-top: -25px;	
}

#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 table
{
 width: 100%;
}

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

.kursauflistung td table td
{
 padding: 0;
}

.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
{
 padding-left: 10px;
 width: 48px;	
}

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

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

.kursauflistung .wochentage div
{
 float: left;	
 
 border-top: 1px solid #93a8bb;
 border-left: 1px solid #93a8bb;
 border-bottom: 1px solid #93a8bb;
 width: 22px;
 
 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;	
}

.kursauflistung .wochentage div.ausgebucht {
 border: 1px solid white;
 width: 160px;
 color: white;
 background-color: #c44b4b;
}

#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.normal:hover, #seitenwahl td.normal a:hover
{
 background-color: #e8e8e8;
}

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


/* -- Kursdetail -- */

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

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

.button
{
 width: 170px;	
}


.kursbox
{
 width: 550px;	
}

.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: 550px;	
}

.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: 294px; vertical-align: middle;
}


/* - ANFANG - - - - - HAUPTNAVIGATION (INDIVIDUELL) - - - - - ANFANG - */

.navButton, .navButton:visited {
	height:39px;
	position:relative !important;
}
.navButton span, .navButton:visited span {
	display:block;
	height:39px;
	width:100%;
	position:absolute;
	z-index:1;
	cursor:pointer;
	cursor:hand;
	background-repeat:no-repeat;
}
.navButton span, .navButton:visited span {
	background-position:0 0;
}
#nav2 .navButton:hover span {
	background-position:-195px 0;
}

#nav2 ul li.act a.navButton span, .navButton:focus span, .navButton:visited:hover, .navButton:visited:active span, .navButton:hover:active span {
	background-position:-390px;
	}




#schnupperkurse, #schnupperkurseButton, #schnupperkurseButton:visited {
	width:195px;
}
#schnupperkurseButton span, #schnupperkurseButton:visited span {
	background-image:url(Bilder/schnupperkurse.jpg);
}
#sportangebote, #sportangeboteButton, #sportangeboteButton:visited {
	width:195px;
}
#sportangeboteButton span, #sportangeboteButton:visited span {
	background-image:url(Bilder/sportangebote.jpg);
}
#veranstaltungen, #veranstaltungenButton, #veranstaltungenButton:visited {
	width:195px;
}
#veranstaltungenButton span, #veranstaltungenButton:visited span {
	background-image:url(Bilder/veranstaltungen.jpg);
}

/* - ENDE - - - - - HAUPTNAVIGATION (INDIVIDUELL) - - - - - ENDE - */

#nav2 {
	position:absolute;
	top:101px;
	left:175px;
	width: 873px;
	height: 39px;
	overflow: hidden;
}
#nav2 ul {
	margin:0px;
	padding:0px;
	font-size: 12px;
	overflow:hidden;
	list-style-type:none;
	float:left;
}
* html #nav2 ul li {
	width: 1em;
}
#nav2 ul li {
	float: left;
	margin:0 2px 0 5px;
}
#nav2 ul a {
	display: block;
	padding: 0px 0 0px 0;
	color: #fff;
	text-decoration: none;
}
#nav2 ul a:hover {
	text-decoration: underline;
}

h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#0c2f84;
	padding:3px 0px 3px 4px;
	margin:0;
	display:block;
	}

.kursetext {
	color:#565656;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding: 5px 10px 0 10px;
	width:215px;
	}
		
.kurse {
	width:215px;
	padding-left:5px;
	margin:0;
	}
.kursbutton {
	text-align:center;
	margin:5px 0px 5px 0px;
}
p.kursbutton {
	padding: 0;
}
	
#inhalt a.linkbutton2, #inhaltohne a.linkbutton2
{
 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-bottom:2px;
 width:207px;
 display: block;
 color: white;
 text-decoration: none;	
 text-transform: uppercase;
 letter-spacing: 0px;
}

#inhalt a.linkbutton2:hover, #inhaltohne a.linkbutton2: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;
}

#boxaehnlichekurse {
	width:215px;
	text-align:left;
	float:right;
	}
.sollten {
	width:480px;
	}
	
	
	
	

#ksommerbg {
	background-image: url("Bilder/schnuppersommer.jpg");
	background-repeat: no-repeat;
	width: 540px;
	height: 370px;
}
#kwinterbg {
	background-image: url("Bilder/schnupperwinter.jpg");
	background-repeat: no-repeat;
	width: 540px;
	height: 370px;
}
#kfruehlingbg {
	background-image: url("Bilder/schnupperkinder.jpg");
	background-repeat: no-repeat;
	width: 540px;
	height: 370px;
}

#ksommer, #kwinter, #kfruehling {
	text-align:right;
	padding: 128px 0 0 2px;
	width:395px;
	height:203px;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	color:#0c2f84;
	line-height: 33px;
}
div#kfruehling select.alter, div#kwinter select.alter, div#ksommer select.alter  {
	width: 66px;
	color: #000000;
}

div#kfruehling select.umkreis, div#kwinter select.umkreis, div#ksommer select.umkreis  {
	width: 68px;
	color: #000000;
}

div#kfruehling select.rest, div#kwinter select.rest, div#ksommer select.rest  {
	width: 284px;
	color: #000000;
}

div#kfruehling input.plz, div#kwinter input.plz, div#ksommer input.plz  {
	width: 61px;
	color: #000000;
}