/* Avodaq Learning Services CSS */
body, html {
	height: 100%;
	margin: 0; padding: 0;
	background-color: #fff; 
}
div#vspacer {
	height: 20px;
	width: 100px;

}
div#site {
	position: relative; 
	margin: auto auto; 
 	width: 980px; 
	border: 0; padding: 0; 
	background-color: #fff;
}
div#top {
	width: 980px; height: 170px; 
	border: 0; padding: 0; margin: 0;
	background-color: #00254F;
}
div#logo {
	
	float: left; width: 214px; 
}
div#anim {
	border: 0; padding: 0; margin: 0;
	text-align: right; 

}
/* Funktionsleiste */
/* Navigation */
div#nav {
	position:relative;
	z-index: 10;
	margin: 10px 0 0 0;
	padding: 0;
	font: bold 10px helvetica, arial, sans-serif;
	width: 980px;
	height: 25px;
	z-index: 15;
}
#nav ul {
    margin: 0; padding: 0;
	text-transform: uppercase; 
	text-align: center;
}
#nav li {
	float:left;
	list-style: none;
    margin: 0; padding: 0;
	border-right: 1px solid #fff;
	} 
#nav ul a{ 
	cursor:pointer;
	width: 100%;
	display: block;
	text-decoration: none;
	height: 12px;
	padding: 6px 0;
	background-color: #00A4D2; 
	color: #fff; 
}
.avodaq { 
	text-transform: none;
}

#nav ul a:hover{ 
	cursor:pointer;
	background-color: #00254F;
}
/*div#menu {
    margin: 0; 
	padding: 0;
	float: left;
}*/
.void{ 
	width: 100%;
	display: block;
	height: 12px;
	padding: 6px 0;
	background-color: #00A4D2; 
}
div#subnav {

}
div#hider {
	z-index: 9;
	position:absolute;
	left: 0px; top:140px; width: 770px; height: 300px;
	visibility: hidden; 
}
#subnav ul {
	width: 120px; 
    margin: 0; padding: 0;
	font:bold 10px Helvetica, Arial, sans-serif;
	text-transform: uppercase; text-align: left;
}
#subnav li {
	list-style: none;
    display: inline;
    margin: 0; padding: 0;
	} 
#subnav ul a{ 
	display: block;
	text-decoration: none;
	width: 120px; padding: 6px 6px 6px 16px;
	background-color: #999; 
	color: #fff; 
	border-bottom: 1px solid #fff;
}
#subnav ul a:hover{ 
	background-color: #6E6E6E;
}
/* Inhaltsbereich */
div#cont {
	width: 980px;
	padding: 0; margin: 30px 0 0 0;
	font: normal 11px Helvetica, Arial, sans-serif; 
	color: #2C354E; 
	line-height: 18px;
		border-top: 1px solid #999;
}

/* Inhaltsbereich linke Seite */
div#division {
	text-align: right;
	width: 349px;
	margin-right: 628px;
}
div#headline {
	height: 54px; padding: 26px 34px 0 34px;
	font: normal 14px Helvetica, Arial, sans-serif; line-height: 18px;
	text-transform: uppercase; color: #00A4D2;
}
div#image {
	padding-right: 34px; height: 300px;
	text-transform: uppercase; 	color: #00A4D2;
}
div#back {
	font:  normal 10px Helvetica, Arial, sans-serif;
	padding: 3px 34px 0 238px; 
	height: 20px;
}
div#back2 {
	height: 25px;
	font:  normal 10px Helvetica, Arial, sans-serif;
	padding: 3px 34px 0 0; height: 20px;
}
#back ul, #back2 ul {
    margin: 0; padding: 0;
	text-transform: uppercase; 
}
#back li, #back2 li {
	list-style-type: none;
    margin: 0; padding: 0;
}
#back li a, #back2 li a {
	display: block;
	background-image: url(../img/back.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	text-transform: uppercase;
	padding: 6px 0 0 5px;
	text-align: right;
	height: 20px;
	right: 0;
	color: #00254F;
}

#back li a:hover {
	background-image: url(../img/back_over.gif);
	background-repeat: no-repeat;
	color: #00A4D2;
}

div#main {
	left: 352px;
	margin: 26px 0 0 0;
	float: right;
	width:628px;
}

div#mainwide {
	top: 26px;
	width: 980px;
}

#mainwide h4 {
	font: normal 14px Helvetica, Arial, sans-serif; line-height: 18px;
	text-transform: uppercase; color: #00A4D2;
}
#main ul {
	
}
#main li {
	display: outline;
}
#main font {
	text-transform: uppercase;
}
#main h1 {
	font: bold 11px Helvetica, Arial, sans-serif; 
	color: #fff; 
	line-height: 18px;
	background-color: #00254F;
	margin: 0 0 10px 0; padding: 2px 6px;
	text-transform: uppercase;
}
#main h1 span {
	text-transform: none;
}
#main h2 {
	font: normal 11px Helvetica, Arial, sans-serif; 
	color: #00254F; 
	line-height: 18px;
	background-color: #caebf9;
	margin: 0; padding: 2px 6px;
	border-bottom: 1px solid #fff;
}
#main h2 span {
	width: 120px;
	font: normal 11px Helvetica, Arial, sans-serif; 
	text-transform: uppercase;
}
#main h4 {
	font: normal 14px Helvetica, Arial, sans-serif; line-height: 18px;
	text-transform: uppercase; margin: 0 0 12px 6px;

}
.linkline {
	display: block;
	font: normal 11px Helvetica, Arial, sans-serif; 
	text-decoration:none;
	text-transform: uppercase;
	color: #00254F; 
	line-height: 18px;
	background-color: #caebf9;
	margin: 0; padding: 2px 6px;
	border-bottom: 1px solid #fff;
}
.linkline:hover {
	color: #fff;
	background-color: #00A4D2;
}
#main h3 {
	font: normal 11px Helvetica, Arial, sans-serif; 
	font-weight: bold;
	color: #2C354E; 
	text-transform: uppercase;
	margin: 0; padding: 6px 6px;
}
#main p {
	font: normal 11px Helvetica, Arial, sans-serif; 
	line-height: 18px;
	color: #2C354E; 
	margin: 0; padding: 2px 6px 16px 6px;
}
#main p.upper {
	font: normal 11px Helvetica, Arial, sans-serif; 
	line-height: 18px;
	color: #2C354E; 
	text-transform: uppercase;
	margin: 0; padding: 2px 6px 8px 6px;
}
.textlink, .textlink:visited, .textlink:visited, .textlink:link  {
	color: #00A4D2;
}
.textlink:hover {
	color: #2C354E;

}
#main img {
	padding: 2px 6px 2px 6px;
}
/* FH 06/2008 neue Startseite, LS-Startseite */
div#main_start {
	position:absolute;left:735px;width:190px;padding:15px;padding-top:15px;height:400px;color:#fff;text-align:left;
}
#main_start h1, #main_start h2, #main_start h3, #main_start p, #main_start a {
	color: #fff;
	text-align:left;
}
#main_start h3 {
	font-size: 14px;padding-bottom:0px;color:#00254f;margin-bottom:0px;margin-top:30px;
}
#main_start p {
	padding-top:0px;
	margin:0px;
	font: normal 11px Helvetica, Arial, sans-serif; 
	line-height: 18px;
	text-transform: none;
}
#main_start a {
	text-decoration:none;
}
#main_start a:hover {
	text-decoration:underline;
}

/* Suche */
div#seek {
	margin: 20px 0 0 0; border: 0; padding: 0; 
	float:left; 
	z-index: 1;
	}
div#seek form {
	border: 0; padding: 0; margin: 0;

}
#seek input {
	float: left;

}
div#search {
	float:left;
	font:normal 10px Helvetica, Arial, sans-serif;
	margin: 0; padding: 0; 
}

#search ul {
    margin: 0; padding: 0;
	text-transform: uppercase; 

}
#search li {
	list-style-type: none;
    margin: 0; padding: 0;
}


#search li a {
	display: block;
	background-image: url(../img/search.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-decoration: none;
	text-transform: uppercase;
	padding: 5px 0 0 10px;
	height: 20px;
	color: #999;
}

#search li a:hover {
	background-image: url(../img/search_over.gif);
	background-repeat: no-repeat;
	color: #00254F;
}
div#xtra {
	text-align: right;
	font: normal 10px Helvetica, Arial, sans-serif; 
	right: 0;
	margin: 20px 0 0 0; border: 0; padding: 5px 0 0 0; 
	text-transform: uppercase;
	color: #00254F;
}
#xtra a {
	text-decoration: none;
}
.language{

	color: #999;
}
.language:hover{

	color: #00A4D2;
}
.music{
	color: #00254F;
}
.music:hover{
	color: #00A4D2;
}

/* Inhaltsbereich */
div#ls_home {
	top: 26px;
	height: 450px; width: 980px;
	background-image: url(../img/bg_ls_home_new.gif);
	background-repeat: no-repeat;
	padding: 0; margin: 0;
	font: normal 26px Helvetica, Arial, sans-serif; 
	line-height: 18px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
}
/* Button */
div#goon {
	text-align: left;
	height: 22px;
	font:  bold 10px Helvetica, Arial, sans-serif;
	padding: 20px 0 0 0; height: 20px;
}
#goon ul {
    margin: 0; padding: 0;
	text-transform: uppercase; 
}
#goon li {
	list-style-type: none;
    margin: 0; padding: 0;
}
#goon li a {
	display: block;
	background-image: url(../img/goon_over.gif);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #00A4D2;
	text-decoration: none;
	text-transform: uppercase;
	padding: 4px 25px 0 5px;
	height: 16px;
	right: 0;
	color: #fff;
}

#goon li a:hover {
	background-image: url(../img/goon.gif);

	background-repeat: no-repeat;
	background-color: #002f54;
	color: #fff;
}
/* Fussleiste */
div#bottom {
	padding: 8px 0 8px 0; margin: 24px 0; 
	font:  normal 11px Helvetica, Arial, sans-serif;
	color: #999;
	border-top: 1px solid #999;

}
#bottom a {

	color: #999; 
	text-decoration: none;
}
#bottom a:hover {
	color: #00254F;
}
#bottom div#left{
	width: 318px;
	padding-right: 34px;
	text-transform: none;
	text-align: left;
	float: left;
}
#bottom div#right {
	text-align: right;
	text-transform: uppercase;	
}
/* Clearing	 */
div#clearleft {
	clear: left;
}
div#clearright {
	clear: right;
}

/* Formular */
.kursanmeldung {
	width: 250px;
	font-size:	11px;
	font-family: helvetica, arial, sans-serif;
}
