/*
    color-definition
    --------------------------

	green:			#96d23c
    pink:			#ff3787

    --------------------------
*/


/***  PNG-Transparenz für IE<7  ***/

    li a, div{
        behavior:url(templates/iepngfix.htc);
    }

/***  PNG-Transparenz für IE<7  ***  ENDE ***/



html{
	background-image:url(../images/bg_body.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#fff5f9;
}

body{
    height:auto;
    min-height:100%;
    margin:0px;
    position:absolute;
    left:50%;
    margin-left:-380px;
    background-color:#ffffff;
    width:760px;
    padding-left:10px;
    padding-right:10px;
    font-family:verdana;
    font-size:11px;
	color:#707070;
}

img{
	border:none;
}

sup{
	font-weight:normal;
	font-size:9px;
}

#header{
	background-image:url(../images/bg_head.gif);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#96d23c;
	width:100%;
    height:161px;
    margin-bottom:14px;
}

#header img{
    margin-top:14px;
    margin-left:20px;
}

#header h1{
    display:none;
}

#login{
	clear:left;
	position:relative;
	top:10px;
	padding-top:10px;
	margin-bottom:40px;
}

#login form{
	margin:0px;
	padding:0px;
}
#login h2{
	margin:0px;
	padding:0px;
	padding-bottom:6px;
	line-height:12px !important;
	font-size:11px;
	padding-left:10px;
	font-weight:bold;
	color:#999;
}

#login label{
	display:block;
	width:65px;
	height:12px;
	line-height:10px;
	float:left;
	padding-left:10px;
	color:#999;
}

#login input{
	width:77px;
	height:12px;
	line-height:12px;
	background-color:#fff;
	margin-top:2px;
	border:none;
	color:#999;
	font-size:11px;
	font-family:verdana;
}

#login button{
	position:relative;
	top:-2px;
	left:4px;
	margin:0px;
	padding:0px;
	width:16px;
	height:16px;
	background:transparent url(../images/buttonGrayOnWhite16.gif) no-repeat;
	background-position:0px 0px;
	border:none;
	vertical-align:middle;
}

#login button:hover{
	background-position:0px -16px;
}


#suche{
	float:right;
	width:170px;
	height:33px;
	background:url(../images/bg_suche.gif) no-repeat;
	padding:0px;
	padding-left:10px;
	margin-top:14px;
	margin-right:0px;
}

#sucheContent{
	width:260px;
	height:34px;
	background:url(../images/bg_sucheContent.gif) no-repeat;
	padding:0px;
	padding-left:10px;
	margin-top:14px;
	margin-right:0px;
}
#sucheContent input{
	position:relative;
	top:6px;
	width:210px;
	margin:0px;
	padding:0px;
	margin-right:2px;
	border:none;
	background-color:transparent;
	color:#ff3787;
	font-size:11px;
	font-family:verdana;
}

#suche input{
	position:relative;
	top:5px;
	width:125px;
	margin:0px;
	padding:0px;
	margin-right:2px;
	border:none;
	/*background-color:#bce282;*/
	color:#ff3787;
	font-size:11px;
	font-family:verdana;
}

#suche button.pinkOnWhite, #sucheContent button.pinkOnWhite{
	position:relative;
	top:4px;
	margin:0px;
	padding:0px;
	width:25px;
	height:25px;
	background:transparent url(../images/buttonPinkOnWhite24.gif) no-repeat;
	border:none;
	vertical-align:middle;
}

#sucheContent button.pinkOnWhite{
	top:5px;
}

#suche button span, #sucheContent button span{
	display:none;
}

ul{
	list-style-type:none;
}

#navigation, #navigation ul, #navigation li{
	margin:0px;
	padding:0px;
}

#navigation {
/*	float:left;*/
	width:180px;
	margin:0px;
	padding:0px;
/*	background-color:#ffd7e7; */
	background-color:#ffc3db;
	margin-bottom:10px;
	margin-right:20px;
}
/* ffc5de */
#navigation a{
	display:block;
	width:auto;
	padding-left:12px;
	padding-top:3px;
	padding-bottom:4px;
	text-decoration:none;
	color:#ff3787;
	font-weight:bold;
	border-top:1px solid #ff87b7;
}

/*#navigation a.current{
	background-color:#ff3787 !important;
	color:#fff !important;
}*/

/*#navigation a.current{
	background-color:#fff !important;
	color:#ff3787 !important;
}*/

#navigation .firstEntry a.current{
	background-color:#ff3787 !important;
	color:#fff !important;
}

/*#navigation a:hover, #navigation a.active, #navigation a:hover.current{
	background-color:#ff3787;
	color:#fff;
}*/

#navigation a:hover, #navigation a.current,  #navigation a.active{
	background-color:#ff3787;
	color:#fff;
}

/*#navigation ul a.current, #navigation ul a.active{
	background-color:#fff !important;
	color:#ff3787 !important;
}*/

/*#navigation ul ul a.current, #navigation ul ul a.active{
	background-color:#ffebf3 !important;
	color:#ff3787 !important;
}*/

#navigation .firstEntry a{
	background-image:url(../images/roundedTop180.png);
	background-repeat:no-repeat;
	background-position:top;
	border-top:none;
}

#navigation .lastEntry a{
	background-image:url(../images/roundedBottom180.png);
	background-repeat:no-repeat;
	background-position:bottom;
}

#navigation ul a{
	background-image:none !important;
/*	background-color:#fff7fa;*/
	background-color:#ffd7e7;
	border-top:1px solid #ffb2d1 !important;
	font-weight:normal;
}

#navigation ul ul a{
	background-image:none !important;
	padding-left:30px;
	background-color:#ffebf3;
	border-top:1px solid #fff !important;
	font-weight:normal;
}


.green{
	background-color:#96d23c;
	color:#ffffff;
}


.green a{
	color:#ffffff !important;
	text-decoration:none;
}

.green a:hover{
	text-decoration:underline;
}

.pink{
	color:#ff3787;
}

.gray{
	background-color:#f4f4f4;
}

.lightpink{
	background-color:#ffd7e7;
	color:#ff3787;
}

.lightpink h3{
	color:#ff3787;
}

.roundedCorners360{
	background-image:url(../images/roundedTop360.png);
	background-repeat:no-repeat;
	background-position:top;
	width:360px;
	margin-bottom:10px;
	margin-right:0px;
}

.roundedCorners360 h3{
	padding:4px;
}

.roundedCorners360 p{
	padding:4px;
}

.roundedCorners360 div{
	width:auto;
	padding:4px;
	overflow:hidden;
}
.roundedCorners360 div.bottom{
	background-image:url(../images/roundedBottom360.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:360px;
	padding:0px;
	height:9px;
	font-size:2px;
}

.roundedCorners180{
	background-image:url(../images/roundedTop180.png);
	background-repeat:no-repeat;
	background-position:top;
	width:180px;
	margin-bottom:10px;
	margin-right:0px;
}

.roundedCorners180 h3{
	padding:4px;
}

.roundedCorners180 p{
	padding:4px;
}

.roundedCorners180 div{
	width:auto;
	min-height:153px;
	overflow:visible;
	padding:4px;
}

.roundedCorners180 select{
	margin-top:5px;
	margin-left:5px;
	width:170px;
	height:18px;
	line-height:12px;
	background-color:#fff;
	color:#707070;
	border:1px solid #72a02e;
	font-size:11px;
	font-family:verdana;
}

.roundedCorners180 div.bottom{
	width:180px;
	min-height:9px;
	height:9px;
	background-image:url(../images/roundedBottom180_small.png);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:0px;
	font-size:2px;
}

.bl{
	margin-left:10px !important;
}

.roundedCorners175{
	background-image:url(../images/roundedTop175.png);
	background-repeat:no-repeat;
	background-position:top;
	width:175px;
	margin-bottom:10px;
	margin-right:0px;
}

.roundedCorners175 h3{
	padding:4px;
}

.roundedCorners175 p{
	padding:4px;
}

.roundedCorners175 div{
	width:auto;
	min-height:153px;
	overflow:visible;
	padding:4px;
}

.roundedCorners175 div.bottom{
	width:175px;
	min-height:9px;
	height:9px;
	background-image:url(../images/roundedBottom175_small.png);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:0px;
	font-size:2px;
}


.roundedCorners760{
	background-image:url(../images/roundedTop760.png);
	background-repeat:no-repeat;
	background-position:top;
	width:760px;
	margin-bottom:0px;
	margin-right:0px;
}

.roundedCorners760 h3{
	padding:4px;
}

.roundedCorners760 p{
	padding:4px;
}

.roundedCorners760 div{
	width:auto;
	padding:4px;
}
.roundedCorners760 div.bottom{
	clear:both;
	background-image:url(../images/roundedBottom760_small.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:760px;
	padding:0px;
	height:9px;
	font-size:2px;
}


#content{
	float:left;
	width:560px;
	line-height:15px;
}

.content360{
	float:left;
	width:360px;
}

h2{
	color:#96d23c;
	font-size:20px;
	font-weight:normal;
	line-height:24px;

}

.green h2{
	color:#ffffff;
	font-weight:normal;
	margin:0px;
	padding:0px;
	margin-top:5px;
	margin-left:5px;
}

h3{
	color:#96d23c;
	font-size:12px;
	margin:0px;
	padding:0px;
}

h4{
	font-size:12px;
	margin:0px;
	padding:0px;
}

#content ul{
	margin:0px;
	padding:0px;
	padding-bottom:18px;
	padding-top:6px;
	padding-left:12px;
}

#content ul li{
	margin:0px;
	padding:0px;
	padding-left:16px;
	padding-bottom:6px;
	background:url(../images/bullet_green.gif) no-repeat 3px 5px;
}

#content ol{
	margin:0px;
	margin-left:0px;
	padding:0px;
	padding-left:12px;
	padding-bottom:18px;
	padding-top:6px;
}

#content ol li{
	margin:0px;
	margin-left:35px;
	padding:0px;
	padding-bottom:6px;
}

#content p{
	margin:0px;
	margin-bottom:16px;
}

#content a{
	color:#ff3787;
	text-decoration:none;
}

#content a:hover{
	text-decoration:underline;
}

.fr{
	float:right;
	margin-left:20px;
}

.fl{
	float:left;
}

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

.pageCount{
	line-height:26px;
	float:right;
	margin-right:4px;
}

.pageCount form{
	margin:0px;
}

.pageCount input{
	width:20px;
	height:14px;
	border:1px solid #ccc;
    font-size:11px;
	color:#707070;
	text-align:right;
	margin-bottom:0px;
}

.directJump{
	float:left;
	margin-left:10px;
	margin-right:10px;
}

.pageCount a{
	color:#ff3787;
	background-color:#fff;
}

.pageCount a.active{
	color:#fff !important;
	background-color:#ff3787;
}

table{
	width:100%;
	clear:both;
	margin-top:5px;
	margin-bottom:5px;
	background-repeat:no-repeat;
	background-position:top;
	line-height:12px;

	font-size:10px;
	font-family:tahoma;
	border-collapse:collapse;
}

td{
	vertical-align:top;
	padding-left:5px;
}

.kursfinder180 tr.odd{
	background-color:#a1d750;
}

.kursfinder180 tr.even{
	background-color:#96d23c;
}

.kursfinder180 .even td, .kursfinder180 .odd td{
	border-top:1px solid #bfdf8f !important;
	padding-top:2px;
	padding-bottom:4px !important;
}

.kurstabelle560{
	width:560px;
	background-color:#96d23c;
	background-image:url(../images/roundedTop560.png);
}

.kurstabelle560 .tableFooter{
	background-image:url(../images/roundedBottom560.png);
	background-repeat:no-repeat;
	background-position:bottom;
	height:10px;
}

.kurstabelle360{
	width:360px;
	background-color:#96d23c;
	background-image:url(../images/roundedTop360.png);
}

.kurstabelle360 .tableFooter{
	background-image:url(../images/roundedBottom360.png);
	background-repeat:no-repeat;
	background-position:bottom;
	height:10px;
}

.kurstabelle180{
	width:180px;
	background-color:#96d23c;
	background-image:url(../images/roundedTop180.png);
}

.kurstabelle180 .tableFooter{
	background-image:url(../images/roundedBottom180.png);
	background-repeat:no-repeat;
	background-position:bottom;
	height:10px;
}

.tableFooter td{
	border:none !important;
}

.odd{
	background-color:#eaf6d8;
}

.even{
	background-color:#f4faeb;
}

td{
	border-top:1px solid #d8eeb7;
	padding-top:2px;
	padding-bottom:4px !important;
}


th{
	height:20px;
	color:#fff;
	text-align:left;
	padding-left:5px;
}

.locationSelect{
	float:left;
}

.locationSelect select{
    font-family:verdana;
    font-size:11px;
	color:#707070;
}

#footer{
	clear:both;
	padding-bottom:40px;
	color:#979797;
}

#footer p{
	float:right;
	text-align:right;
	margin:4px;
	padding:0px;
}

#footer a{
	color:#979797;
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
}

label{
	clear:both;
	border:none;
	padding-top:4px;
}

label.short{
	width:75px;
	float:left;
}

label.medium{
	width:200px;
	float:left;
}

label.long{
	width:250px;
	float:left;
}

input, select{
	height:18px;
	border:1px solid #ccc;
    font-size:11px;
	color:#707070;
	padding:0px;
	margin-bottom:3px;
}

input.short, textarea.short{
	width:40px;
	margin-right:5px;
}

input.medium, textarea.medium{
	width:171px;
}

input.long, textarea.long{
	width:220px;
}

.checkbox, .radio{
	border:none;
	margin:0px !important;
	position:relative;
	top:2px;
}

.idCard{
	float:left;
	width:265px;
	font-family:tahoma;
	margin-bottom:20px;
}

.idCard img{
	float:left;
	margin-right:12px;
	margin-bottom:20px;
}

.idCard p{
	float:left;
}

.cb {
	clear:both;
}

/*  -- BUTTON DEFINITION --

			Usage:

			<a href="#" class="button24 greenOnWhite" title="zur&uuml;ck"><span>vor</span></a>
			<a href="#" class="buttonBack24 greenOnWhite" title="zur&uuml;ck"><span>zur&uuml;ck</span></a>

			<a href="#" class="button24 greenOnGreen" title="zur&uuml;ck"><span>vor</span></a>
			<a href="#" class="buttonBack24 greenOnGreen" title="zur&uuml;ck"><span>zur&uuml;ck</span></a>

			<a href="#" class="button24 greenOnWhiteText" title="zur&uuml;ck"><span>vor</span></a>
			<a href="#" class="buttonBack24 greenOnWhiteText" title="zur&uuml;ck"><span>zur&uuml;ck</span></a>

			<a href="#" class="button24 greenOnGreenText" title="zur&uuml;ck"><span>vor</span></a>
			<a href="#" class="buttonBack24 greenOnGreenText" title="zur&uuml;ck"><span>zur&uuml;ck</span></a>


			<a href="#" class="button24 pinkOnWhite" title="zur&uuml;ck"><span>vor</span></a>
			<a href="#" class="buttonBack24 pinkOnWhite" title="zur&uuml;ck"><span>zur&uuml;ck</span></a>

			<a href="#" class="button24 pinkOnGreen" title="zur&uuml;ck"><span>vor</span></a>
			<a href="#" class="buttonBack24 pinkOnGreen" title="zur&uuml;ck"><span>zur&uuml;ck</span></a>

			<a href="#" class="button24 pinkOnWhiteText" title="zur&uuml;ck"><span>vor</span></a>
			<a href="#" class="buttonBack24 pinkOnWhiteText" title="zur&uuml;ck"><span>zur&uuml;ck</span></a>

			<a href="#" class="button24 pinkOnGreenText" title="zur&uuml;ck"><span>vor</span></a>
			<a href="#" class="buttonBack24 pinkOnGreenText" title="zur&uuml;ck"><span>zur&uuml;ck</span></a>

*/

.button24, .buttonBack24{
	display:block;
	float:left;
	border:0px;
	height:26px;
	margin:0px;
	padding:0px;
	padding-right:26px;
    overflow: visible;
	background:transparent;
	background-repeat:no-repeat;
	background-position:top right;
	text-align:left;
}

.buttonBack24{
	padding:0px;
	padding-left:26px;
	background-position:top left;
}

.button24 span, .buttonBack24 span{
	display:block;
	float:left;
	height:26px;
	margin:0px;
	padding:0px;
	padding-left:6px;
	padding-right:6px;
	background:transparent;
	background-repeat:no-repeat;
	background-position:top left;
	font-size:9px;
	font-weight:bold;
	font-family:tahoma;
	line-height:26px;
}

.buttonBack24 span{
	background-position:top right;
}

.button24:hover{
	background-position:bottom right;
	text-decoration:none !important;;
}

.buttonBack24:hover{
	background-position:bottom left;
	text-decoration:none !important;;
}

.button24.greenOnWhite{
	background-image:url(../images/buttonGreenOnWhite24.gif);
}

.button24.greenOnWhiteText{
	background-image:url(../images/buttonGreenOnWhiteText24.gif);
}

.button24.greenOnWhiteText span, .button24.greenOnGreenText span{
	background-image:url(../images/buttonGreen24Background.gif);
	color:white;
}

.button24.greenOnWhite span, .button24.greenOnGreen span, .buttonBack24.greenOnGreen span, .buttonBack24.greenOnWhite span, .button24.pinkOnWhite span, .button24.pinkOnGreen span, .buttonBack24.pinkOnGreen span, .buttonBack24.pinkOnWhite span{
	display:none;
}

.button24.greenOnGreen{
	background-image:url(../images/buttonGreenOnGreen24.gif);
}

.button24.greenOnGreenText{
	background-image:url(../images/buttonGreenOnGreenText24.gif);
}

.buttonBack24.greenOnGreen{
	background-image:url(../images/buttonBackGreenOnGreen24.gif);
}

.buttonBack24.greenOnGreenText{
	background-image:url(../images/buttonBackGreenOnGreenText24.gif);
}

.buttonBack24.greenOnGreenText span, .buttonBack24.greenOnWhiteText span{
	background-image:url(../images/buttonBackGreen24Background.gif);
	color:white;
}

.buttonBack24.greenOnWhite{
	background-image:url(../images/buttonBackGreenOnWhite24.gif);
}

.buttonBack24.greenOnWhiteText{
	background-image:url(../images/buttonBackGreenOnWhiteText24.gif);
}

.button24.pinkOnWhite{
	background-image:url(../images/buttonPinkOnWhite24.gif);
}

.button24.pinkOnWhiteText{
	background-image:url(../images/buttonPinkOnWhiteText24.gif);
}

.button24.pinkOnWhiteText span, .button24.pinkOnGreenText span{
	background-image:url(../images/buttonPink24Background.gif);
	color:#ff3787;
}

.button24.pinkOnGreen{
	background-image:url(../images/buttonPinkOnGreen24.gif);
}

.button24.pinkOnGreenText{
	background-image:url(../images/buttonPinkOnGreenText24.gif);
}

.buttonBack24.pinkOnGreen{
	background-image:url(../images/buttonBackPinkOnGreen24.gif);
}

.buttonBack24.pinkOnGreenText{
	background-image:url(../images/buttonBackPinkOnGreenText24.gif);
}

.buttonBack24.pinkOnGreenText span, .buttonBack24.pinkOnWhiteText span{
	background-image:url(../images/buttonBackPink24Background.gif);
	color:#ff3787;
}

.buttonBack24.pinkOnWhite{
	background-image:url(../images/buttonBackPinkOnWhite24.gif);
}

.buttonBack24.pinkOnWhiteText{
	background-image:url(../images/buttonBackPinkOnWhiteText24.gif);
}


/*  -- BUTTON DEFINITION -- */

button.button24PinkOnWhiteText{
	border:0px;
	margin:0px;
	padding:0px;
	width:156px;
	height:26px;
	line-height:26px;
	text-align:left;
	padding-left:10px;
	background:url(../images/realButtonPinkOnWhiteText24x130.gif) top right no-repeat;
	font-size:9px;
	font-weight:bold;
	font-family:tahoma;
	color:#ff3787;
}

button.button24PinkOnWhiteText:hover{
	background-position:bottom right;
}



.hide{
	display:none !important;
}

.timeTable{
	width:80%;
	font-family:verdana;font-size:11px;
}

.timeTable td{
	border:none;
}