/* Avodaq CSS */

body, html {
	height: 100%;
	margin: 0; padding: 0;
	background-color: #edf6fd;
	font-family: Helvetica, Arial, sans-serif;
}

div#vspacer {
	height: 50%;
	width: 100px;
	margin-bottom: -355px;
	float: left;
}

div#site {
	position: relative; 
	margin: auto auto; 
	clear: left;
 	width: 770px; 
	border: 0; padding: 0; 
	background-color: #fff;
}
div#top {
	width: 770px; height: 170px; 
	border: 0; padding: 0; margin: 0;
	background-color: #fff;
}
div#logo {
	position:absolute;
	float: left; width: 214px; 
}
div#anim {
	border: 0; padding: 0; margin: 0;
	text-align: right; 
}

#anim .flash{
	margin-top:-100px;
	z-index:1;
}

div#home {
	/*position: absolute;*/
	top: 260px;
	height: 450px; width: 770px;
	background-image: url(../img/bg_home_bottom.gif);
	background-repeat: no-repeat;
	background-position:0 bottom;
	padding: 0; margin: 0;
	font: normal 20px Helvetica, Arial, sans-serif; 
	text-align: center;
	color: #00A4D2; 
	line-height: 18px;
	z-index:1;
}
/* Funktionsleiste */
/* Navigation */
div#nav {
	position: relative; /* top:180px; left: 0;*/ 
	margin: 9px 0 0 0; 
	padding: 0;
	width: 770px;
	height: 26px;
	z-index: 15;
	background: #00A4D2;
}
#nav ul {
    margin: 0; padding: 0;
	font-weight: normal;
	font-size: 12px;
	font-family: helvetica, arial, sans-serif;
	/*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: 14px;
	padding: 6px 0;
	background-color: #00A4D2; 
	color: #fff; 
}

#nav ul a:hover{ 
cursor:pointer;
	background-color: #00254F;
}

div#menu {
    margin: 0; 
	padding: 0;
	float: left;
}
#nav ul span{ 
	width: 100%;
	display: block;
	height: 12px;
	padding: 6px 0;
	background-color: #00A4D2; 
}
div#subnav {

}
div#hider {
	position: absolute;
	left: 0px; top:140px; width: 770px; height: 300px;
	visibility: hidden; 
}
#subnav ul {
	width: 120px; 
    margin: 0; padding: 0;
	font:normal 12px 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;
}
/* Suche */
div#seek {
	/*position:absolute;*/ 
	top: 225px;
	margin: 9px 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;
	font:normal 11px Helvetica, Arial, sans-serif;
	color: #2C354E;
	height: 16px;

}
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 {
	font: normal 10px Helvetica, Arial, sans-serif; 
	/*position:absolute; right: 0; top: 218px;*/
	margin: 0; border: 0; padding: 5px 0 0 0; 
	/*text-transform: uppercase;*/
	color: #00254F;
	float:right;
	margin:9px 18px 0 0;
}
#xtra a {
	text-decoration: none;
}
.language{

	color: #999;
}
.language:hover{

	color: #00A4D2;
}
.music{
	color: #00254F;
}
.music:hover{
	color: #00A4D2;
}

/* Inhaltsbereich */
div#middle{
	/*background-image: url(../img/bg_cont_middle.gif);
	background-position:top;
	background-repeat: repeat-y;
	/*position: absolute;
	top: 260px;*/
	width: 770px;
	background-color:#fff;
	/*border-top:1px solid #b6bfc4;*/
	
}

div#cont {
	
	/*height: 450px;*/
	width: 770px;
	/*background-image: url(../img/bg_cont_bottom.gif);
	background-position:bottom;
	background-repeat: no-repeat;*/
	padding: 0 0 12px 0; margin: 0;
	font: normal 12px Helvetica, Arial, sans-serif; 
	color: #2C354E; 
	line-height: 18px;
}
/* Inhaltsbereich linke Seite */
div#division {
	text-align: right;
	width: 352px;
	margin-right: 418px;

}
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 {
	height: 25px;
	font:  normal 10px Helvetica, Arial, sans-serif;
	padding: 3px 34px 0 0; height: 20px;
}
#back ul {
    margin: 0; padding: 0;
	/*text-transform: uppercase;*/ 
}
#back li {
	list-style-type: none;
    margin: 0; padding: 0;
}
#back li a {
	display: block;
	background-image: url(../img/back.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	/*text-transform: uppercase;*/
	padding: 6px 0 0 30px;
	width: 72px;
	height: 20px;
	right: 0;
	color: #00254F;
}

#back li a:hover {
	background-image: url(../img/back_over.gif);
	background-repeat: no-repeat;
	color: #00A4D2;
}
div#mask {
	/*position: absolute;
	left: 352px; top: 26px;*/
	/*float: right;*/
	
	width: 730px; /*height: 376px;*/
	padding:9px 20px 21px;
	margin-top:7px;
	border-top:1px solid #B6BFC4;
	/*clip: rect(0, 404px, 376px, 0);*/
	/*overflow:hidden;*/
}
div#main {
	/*position:absolute; left:0; top:0; */
	/*width:364px;*/
	overflow:visible;
	padding:0;
	min-height:120px;
}
#main ul {
margin-top: 0;
}
#main li {
	display: outline;
}
#main font {
	/*text-transform: uppercase;*/
}
/*#main h1, h1 {
	font: normal 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 h2, 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, h4,
#main h1, h1{
	font: normal 16px Helvetica, Arial, sans-serif; line-height: 18px;
	 margin: 0 0 12px 6px;
	color:#0AA5D5;

}
.linkline {
	display: block;
	font: normal 12px 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;
}
.wp_linkline{
	cursor: pointer;
	text-align: center;
	font: normal 9px Helvetica, Arial, sans-serif; 
	display: block;
	text-decoration:none;
	/*text-transform: uppercase;*/
	color: #00254F; 
	line-height: 10px;
	background-color: #caebf9;
	margin: 0; padding: 2px 0;
	border-bottom: 1px solid #fff;
}
.linkline:hover, .wp_linkline:hover{
	color: #fff;
	background-color: #00A4D2;
}
#main h3, h3 {
	font: normal 11px Helvetica, Arial, sans-serif; 
	font-weight: bold;
	color: #2C354E; 
	/*text-transform: uppercase;*/
	margin: 0; padding: 6px 6px;
}
#main p, p {
	font: normal 12px 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;
}
/* FH 06/2008 neue Startseite, LS-Startseite */
div#main_start {
	position:absolute;left:550px;width:190px;padding:17px;padding-top:30px;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: 12px;padding-bottom:0px;color:#fff;	
}
#main_start h3 {
	font-size: 14px;padding-bottom:0px;color:#00254f;
}
#main_start p {
	padding-top:0px;
}
#main_start a {
	text-decoration:none;
}
#main_start a:hover {
	text-decoration:underline;
}






/* Scrollbar */
div#scroller {
	float:right; right:0; top:26px;
}
/* Button */
div#goon {
	text-align: left;
	height: 22px;
	font:  normal 10px Helvetica, Arial, sans-serif;
	padding: 20px 0 20px 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.gif);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #002f54;
	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_over.gif);
	background-repeat: no-repeat;
	background-color: #00A4D2;
	color: #fff;
}
/* Fussleiste */
div#bottom {
	/*position: relative;*/
	padding: 3px 0 0px 0;
	border-top:1px solid #b6bfc4;
	font:  normal 11px Helvetica, Arial, sans-serif;
	width: 770px; top: 21px; left: 0;
	color: #999; 
	background-color:#EDF6FD;
}
#bottom a {
	color: #999; text-decoration: none;
}
#bottom a:hover {
	color: #00254F;
}
#bottom div#left{
	width: 318px;
	padding-right: 34px;
	text-align: left;
	text-transform: none;
	float: left;
	margin-left:18px;
}
#bottom div#right {
	position: absolute;
	right: 0;
	text-align: right;
	margin-right:18px;
	/*text-transform: uppercase;*/	
}

#abstract, #abstract2 { /* erstes + ggf. zweites DIV für die Inhaltsbeschreibung der jeweiligen Seite */
	position				:	absolute;
	top						:	0px;
	left					:	0px;
	border					:	3px solid #ddd;
	padding					:	15px;
	color					:	#666;
	background				:	#f9f9f9;
	-moz-opacity			:	0.75;
	filter					:	alpha(opacity=75);
	opacity					:	0.75;
	z-index					:	2000;
}
html #abstract.abstract, html #abstract2.abstract { font-size:9px; top: -2500px; line-height:10px; }

/* Clearing	 */
div#clearleft {
	clear: left;
}


div#clearright {
	clear: right;
}
.avodaq { 
	text-transform: none;
}

div#imageSlide{
	height:340px;
	width:770px;
	/*background-image: url(../img/start_img1.jpg);
	background-repeat: no-repeat;
	background-position:top;*/
	overflow:hidden;
	z-index:0;
}


div#imageSlide .thumbnails{
	text-align:right;
	float:right;
	/*padding:0 12px 0 0;*/
	/*position:absolute;
	top:530px;*/
	position:relative;
	top:270px;
	left:-21px;
	z-index:1;
	width:700px;
}

.thumbnails{
	text-align:right;
	float:right;
	/*padding:0 12px 0 0;*/
	/*position:absolute;
	top:530px;*/
	position:relative;
	top:-66px;
	left:-27px;
	z-index:1;
	width:700px;
}

.thumbnails a{
	background-color:#FFF;
	border:2px solid #CCC;
	width:60px;
	height:40px;
	display:block;
	float:right;
	margin:0 0 0 9px;
}

div.thumbnails a img{
	width:60px;
	height:40px;
	margin:0px;
	opacity:0.5;
	filter: alpha(opacity=50);
}

.thumbnails a:hover img,
.thumbnails a.active img{
	opacity:1;
	filter: alpha(opacity=100);
}

.newsline{
	text-align:left;
	padding:18px 9px 0 90px;
}

.newsline .box{
	width:218px;
	float:left;
	margin-right:5px;
	margin-top:-21px;
	cursor:pointer;
}

.newsline .box img{
	float:left;
	margin-right:6px;
	border:1px solid #fff;
}

.newsline .box h3{
	padding:0 0 0px 0;
	margin:0 0 9px 0;
	color:#FFF;
	font-size:12px;
	text-transform:none;
}

.newsline .box a{
	color:#f3f3f3;
	text-decoration:none;
	font-size:12px;
}

.newsline .box div.left{
	width:121px;
}

.newsline .box div.noImage{
	width:210px;
}

.clear{
	clear:both;
}

/*.navigation2{
	display:none;
}

.nav{
	float:left;
	margin-top:18px;
}

.nav ul{
	list-style-type:none;
	padding:0;
	margin:30px 0 0 0;
}

.nav ul li{
	font-size:12px;
	font-weight:bold;
}

.nav h3{
	color:#0aa5d5;
	font-size:12px;
}

.nav ul li a{
	color:#0aa5d5;
	text-decoration:none;
}

.nav ul li a:hover{
	text-decoration:underline;
}*/

.navigationPoint1, .navigationPoint2, .navigationPoint3, .navigationPoint4, .navigationPoint5, .navigationPoint6, .navigationPoint7, .navigationPoint8{
	display:none;
	background-color:#cff0fc;
	
}

.navigation1 .navigationPoint1{ display:block; }
.navigation2 .navigationPoint2{ display:block; }
.navigation3 .navigationPoint3{ display:block; }
.navigation4 .navigationPoint4{ display:block; }
.navigation5 .navigationPoint5{ display:block; }
.navigation6 .navigationPoint6{ display:block; }
.navigation7 .navigationPoint7{ display:block; }
.navigation8 .navigationPoint8{ display:block; }

.navigation6{
	width:770px;
}

.nav{
	float:left;
	margin:0 0;
}

.nav ul{
	list-style-type:none;
	padding:0;
	margin:0 0 0 19px;
	
}

.nav ul li{
	font-size:12px;
	font-weight:normal;
	float:left;
	margin-right:27px;
	padding:5px 0px;
	display:block;
}

.nav ul li:hover,
.nav ul li.active{
	
	color:#00254F;
}

.nav h3{
	color:#0aa5d5;
	font-size:12px;
}

.nav ul li a{
	color:#0aa5d5;
	text-decoration:none;
	font: normal 11px Helvetica, Arial, sans-serif;
}

.nav ul li:hover a,
.nav ul li a:hover,
.nav ul li.active a{
	color:#00254F;
}

.left{
	float:left;
}

.right{
	float:right;
}

.teaser{
	width:270px;
	height:93px;
	margin-right:21px;
	background-image:url(../img/bg_teaser.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

.fill{
	background-image:url(../img/bg_teaser_fill.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

.teaser img{
	margin:9px 3px 0 12px;
}

.teaser div.left{
	margin:19px 3px 3px 9px;
	width:170px;
}

.teaser a{
	color:#000;
	text-decoration:none;
}

#seek input.SearchField{
	height:18px;
	margin:3px 0 0 18px;
}

table{
	margin:0 0 18px 0;
}

img.right{
	margin-left:3px;
}

.layerRoundCorner{
	background-image:url(../img/ecke_oben_rechts.jpg);
	background-repeat:no-repeat;
	position:relative;
	top:-170px;
	left:658px;
	z-index:9;
	width:112px;
	height:170px;
}

.playerClass{
	width:500px;
	margin:0 auto;
	text-align:center;
}