@charset "utf-8";
/* CSS Document */
/* ### HTML ###################################################################### */
html {
	height: 100%;
	margin:0;
	padding:0;
}

/* ### BODY ###################################################################### */
body {
	background:#000000;
	color: #ffffff;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size: 16px;
	
	height:100%;
	margin:0px;
	paddding:0px;
	}



/* ### Website Rahmen weißes feld bis ganz unten ############################################################ */
/*\*/
* html #site-rahmen {
	height: 100%; /* das hier für den ie */
	
}

/* folgende anweisung wird nicht vom ie interpretiert */

#site-rahmen[id] {
    
    min-height:100%;
	
}


#site-rahmen {
	position:relative;
	margin:0 auto;
	padding:0;
	
	width:940px;
	background-image:url(HG_inhalt_gesamt.jpg);
	background-repeat:repeat-y;
	background-position:0px 0px;

}
/* ### MAIN ###################################################################### */
#main {display:block; width:940px; margin-top:2px; font-size:0.689em;}
.linie_w {height:1px; font-size:1px; background-color:#FFFFFF; display:block; line-height:1px;}
.line {height:1px; font-size:1px; background-color:#5fb1b9; display:block; line-height:1px; margin-top:8px; margin-bottom:8px;}
#inhalt {float:left; display:block; width:600px; font-size:0.938em;}
.bildrahmen {float:left; width:140px; margin-right:10px; margin-top:10px;}
.clear_row {clear:both; height:10px; line-height:10px; font-size:10px;}
.abstand {font-size:5px; line-height:5px; height:5px;}
h1 {font-size:18px; margin-top:0px;}
.blue {color:#5fb1b9; font-weight:bold;}
.update {background-color:#6dfffe; padding-left:8px; padding-right:8px; padding-top:1px; padding-bottom:1px; color:#000000;}
#links_text { float:left; margin-right:20px; text-align:justify;}
#rechts_bild {float:right;}
#inhalt a:link {text-decoration:underline; color:#6dfffe;}
#inhalt a:visited {text-decoration:underline; color:#6dfffe;}
#inhalt a:hover {text-decoration:underline; color:#000000; background-color:#6dfffe;}
#inhalt a:active {text-decoration:underline; color:#6dfffe;}

/* ### NAVIGATION ###################################################################### */
#navigation {float:right; font-size:0.875em; line-height:20px;}
.nav_clear {clear:both; height:0px; line-height:0px; font-size:0px;}
.nav_links {float:left; display:inline;}
.nav_rechts {float:right; margin-right:28px; display:inline;}
.act {text-decoration:underline;}
.act a:link{text-decoration:underline;}
.act a:visited{text-decoration:underline;}
.act a:hover{text-decoration:underline;}
.act a:active{text-decoration:underline;}

#navigation a:link {text-decoration:none; color:#000000;}
#navigation a:visited {text-decoration:none; color:#000000;}
#navigation a:hover {text-decoration:underline; color:#000000;}
#navigation a:active {text-decoration:none; color:#000000;}
#intro a:link{
	display:block;
	width:73px;
	height:20px;
	background-image:url(b_intro_weiss.gif);
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	text-indent:8px;
	margin-bottom:22px;
	float:right;
	margin-top:8px;
}
#intro a:visited{
	display:block;
	width:73px;
	height:20px;
	background-image:url(b_intro_weiss.gif);
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	text-indent:8px;
	margin-bottom:22px;
	float:right;
	margin-top:8px;
}
#intro a:hover{
	display:block;
	width:73px;
	height:20px;
	background-image:url(b_intro_cyan.gif);
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	text-indent:8px;
	margin-bottom:22px;
	float:right;
	margin-top:8px;
}
#intro a:active{
	display:block;
	width:73px;
	height:20px;
	background-image:url(b_intro_weiss.gif);
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	text-indent:8px;
	margin-bottom:22px;
	float:right;
	margin-top:8px;
}
#art {
	display:block;
	width:220px;
	height:20px;
	background-image:url(b_art_weiss.gif);
	
	color:#000000;
	text-indent:8px;
	float:right;
	margin-bottom:5px;
}
#art_act {
	display:block;
	width:220px;
	height:20px;
	background-image:url(b_art_cyan.gif);
	
	color:#000000;
	text-indent:8px;
	float:right;
	margin-bottom:5px;
}
#music {
	display:block;
	width:260px;
	height:20px;
	background-image:url(b_music_weiss.gif);
	
	color:#000000;
	text-indent:8px;
	float:right;
	margin-bottom:5px;
}
#music_act {
	display:block;
	width:260px;
	height:20px;
	background-image:url(b_music_cyan.gif);
	
	color:#000000;
	text-indent:8px;
	float:right;
	margin-bottom:5px;
}
#about {
	display:block;
	width:295px;
	height:20px;
	background-image:url(b_about_weiss.gif);
	
	color:#000000;
	text-indent:8px;
	float:right;
	margin-bottom:5px;
}
#about_act {
	display:block;
	width:295px;
	height:20px;
	background-image:url(b_about_cyan.gif);
	
	color:#000000;
	text-indent:8px;
	float:right;
	margin-bottom:5px;
}
#gallery_act {
	display:block;
	width:90px;
	height:20px;
	background-image:url(b_gallery_cyan.gif);
	font-weight:bold;
	color:#000000;
	text-indent:8px;
	float:right;
	margin-bottom:5px;
}
#gallery a:link{
	display:block;
	width:90px;
	height:20px;
	background-image:url(b_gallery_weiss.gif);
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	text-indent:8px;
	float:right;
	margin-bottom:5px;
}
#gallery a:visited{
	display:block;
	width:90px;
	height:20px;
	background-image:url(b_gallery_weiss.gif);
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	text-indent:8px;
	float:right;
	margin-bottom:5px;
}
#gallery a:hover{
	display:block;
	width:90px;
	height:20px;
	background-image:url(b_gallery_cyan.gif);
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	text-indent:8px;
	float:right;
	margin-bottom:5px;
}
#gallery a:active{
	display:block;
	width:90px;
	height:20px;
	background-image:url(b_gallery_weiss.gif);
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	text-indent:8px;
	float:right;
	margin-bottom:5px;
}
#updates_act {
	display:block;
	width:101px;
	height:20px;
	background-image:url(b_updates_cyan.gif);
	font-weight:bold;
	color:#000000;
	text-indent:8px;
	margin-bottom:22px;
	float:right;
}
#updates a:link{
	display:block;
	width:101px;
	height:20px;
	background-image:url(b_updates_weiss.gif);
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	text-indent:8px;
	margin-bottom:22px;
	float:right;
}
#updates a:visited{
	display:block;
	width:101px;
	height:20px;
	background-image:url(b_updates_weiss.gif);
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	text-indent:8px;
	margin-bottom:22px;
	float:right;
}
#updates a:hover{
	display:block;
	width:101px;
	height:20px;
	background-image:url(b_updates_cyan.gif);
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	text-indent:8px;
	margin-bottom:22px;
	float:right;
}
#updates a:active{
	display:block;
	width:101px;
	height:20px;
	background-image:url(b_updates_weiss.gif);
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	text-indent:8px;
	margin-bottom:22px;
	float:right;
}
#media_act {
	display:block;
	width:86px;
	height:20px;
	background-image:url(b_media_cyan.gif);
	font-weight:bold;
	color:#000000;
	text-indent:8px;
	float:right;
	margin-bottom:5px;
}
#media a:link{
	display:block;
	width:86px;
	height:20px;
	background-image:url(b_media_weiss.gif);
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	text-indent:8px;
	float:right;
	margin-bottom:5px;
}
#media a:visited{
	display:block;
	width:86px;
	height:20px;
	background-image:url(b_media_weiss.gif);
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	text-indent:8px;
	float:right;
	margin-bottom:5px;
}
#media a:hover{
	display:block;
	width:86px;
	height:20px;
	background-image:url(b_media_cyan.gif);
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	text-indent:8px;
	float:right;
	margin-bottom:5px;
}
#media a:active{
	display:block;
	width:86px;
	height:20px;
	background-image:url(b_media_weiss.gif);
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	text-indent:8px;
	float:right;
	margin-bottom:5px;
}
#updates_act {
	display:block;
	width:101px;
	height:20px;
	background-image:url(b_updates_cyan.gif);
	font-weight:bold;
	color:#000000;
	text-indent:8px;
	margin-bottom:22px;
	float:right;
}
#links_act{
	display:block;
	width:75px;
	height:20px;
	background-image:url(b_links_cyan.gif);
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	text-indent:8px;
	margin-bottom:22px;
	float:right;
}
#links a:link{
	display:block;
	width:75px;
	height:20px;
	background-image:url(b_links_weiss.gif);
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	text-indent:8px;
	margin-bottom:22px;
	float:right;
}
#links a:visited{
	display:block;
	width:75px;
	height:20px;
	background-image:url(b_links_weiss.gif);
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	text-indent:8px;
	margin-bottom:22px;
	float:right;
}
#links a:hover{
	display:block;
	width:75px;
	height:20px;
	background-image:url(b_links_cyan.gif);
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	text-indent:8px;
	margin-bottom:22px;
	float:right;
}
#links a:active{
	display:block;
	width:75px;
	height:20px;
	background-image:url(b_links_weiss.gif);
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	text-indent:8px;
	margin-bottom:22px;
	float:right;
}
#contact {float:right; margin-right:28px; display:inline; line-height:16px;}
#contact a:link {text-decoration:underline; color:#60bdc5; background-color:transparent; font-size:0.814em;}
#contact a:visited {text-decoration:none; color:#60bdc5; background-color:transparent; font-size:0.814em;}
#contact a:hover {text-decoration:underline; color:#000000; background-color:#60bdc5; font-size:0.814em;}
#contact a:active {text-decoration:underline; color:#60bdc5; background-color:transparent; font-size:0.814em;}


/* ### SUBMENU ###################################################################### */
#subnav {
	width:290px;
	float:left;
	display:block;
	margin-right:20px;
	
	font-weight:bold;
}
.subnav1 {
	height:18px;
	display:block;
	margin-bottom:3px;
}

.submenu_act{
	
	
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
	background-color:#6dfffe;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:2px;
	
}
.submenu a:link{
	
	
	color:#000000;
	text-decoration:none;
	background-color:#FFFFFF;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:2px;
	
}
.submenu a:visited{
	
	color:#000000;
	text-decoration:none;
	background-color:#FFFFFF;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:2px;
	
}
.submenu a:hover{
	
	color:#000000;
	text-decoration:underline;
	background-color:#6dfffe;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:2px;
	
	
	
}
.submenu a:active{
	
	color:#000000;
	text-decoration:none;
	background-color:#FFFFFF;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:2px;
	
}