/* ************************************* */
/* GENERAL SITE WIDE CSS-DEFINITIONS */

body { 
	text-align:center; 
	background-image:url(../format_pics/html_bg.jpg); 
	background-position:-100px -100px;
	font-family:"Courier New", Courier, mono;
	font-size:15px;
	font-weight:normal;
}

#content a  {font-size:15px; font-weight:bold; padding:0px 3px 0px 3px;}
#content a:link {color:black; background-color:inherit; text-decoration:underline;}
#content a:visited {color:black; background-color:inherit; text-decoration:underline;}
#content a:hover {color:rgb(206,182,8); background-color:black; text-decoration: none;}

h1 {margin:0px 0px 10px 0px;}
h2 {margin:0px 0px 5px 0px;}
p {margin:0px 0px 10px 0px;}


/* ************************************* */
/* Special CLASS and ID definitions*/
.alt_link_text{position:relative; top:-10000px;} /* alt. text for none image menus */
#content .pic_box{float:left; width:24%; background-color:transparent; text-align:center; margin:0px 0px 10px 0px;}
#content .pic_box img{border-width:0px; padding:0px; margin:0px; background-color:transparent;}
#content .pic_box a:link{background-color:transparent;}
#content .pic_box a:visited{background-color:transparent;}
#content .pic_box a:hover{background-color:transparent;}

/* ************************************* */
/* CONTAINER */
#container {position:relative; width:1000px; height:800px; margin:0px auto;	background-image:url(../format_pics/container_bg.gif);}

/* ************************************* */
/* CONTENT */
#content_box {position:absolute; top:378px;	left:88px;	width:830px; height:360px; background-image:url(../format_pics/content_bg.gif); text-align:left;}
#content {width:798px; height:330px; margin:15px 7px 15px 15px; overflow:auto; padding:0px 10px 0px 0px; text-align:left;}
 
/* ************************************* */
/* MAIN MENU */
#main_menu {position:absolute; top:167px; left:210px; width:700px; height:54px;}
#main_menu ul{margin:0px; padding:0px; height:180px; list-style-image:url(../format_pics/menu_bullet_spacer.gif);}
#main_menu a{ text-decoration:none;}
#main_menu .alt_link_text{display:none;} /* alt. text for none image menus */

#main_menu ul li{float:left; margin:0px; padding:0px;}
#main_menu ul #home{margin:0px 0px 0px 0px;}
#main_menu ul #musik{margin:0px 0px 0px 0px; }
#main_menu ul #sonstiges{margin:0px 0px 0px 0px;}
#main_menu ul #kontakt{margin:0px 0px 0px 0px; }
#main_menu ul #impressum{margin:0px 0px 0px 0px; }

#main_menu #home a {display:block; width:162px; height:49px;  background-repeat:no-repeat; margin:7px 0px 0px 0px;}
#main_menu #home a:link {background-image:url(../format_pics/menu/home_inactive.gif); background-repeat:no-repeat;}
#main_menu #home a:visited {background-image:url(../format_pics/menu/home_inactive.gif); background-repeat:no-repeat;}
#main_menu #home a:hover {background-image:url(../format_pics/menu/home_active.gif);  background-repeat:no-repeat; background-color:transparent;}
#main_menu #home a .kopfplatte{display:none;}
#main_menu #home a:hover .kopfplatte{display:block; position:absolute; top:-30px; left:565px; width:170px; height:120px; background-image:url(../format_pics/menu/kopfplatte_home.gif)}

#main_menu #musik a {display:block; width:91px; height:54px; background-repeat:no-repeat; margin:0px 0px 0px 25px;}
#main_menu #musik a:link {background-image:url(../format_pics/menu/musik_inactive.gif);  background-repeat:no-repeat;}
#main_menu #musik a:visited {background-image:url(../format_pics/menu/musik_inactive.gif); background-repeat:no-repeat;}
#main_menu #musik a:hover {background-image:url(../format_pics/menu/musik_active.gif);  background-repeat:no-repeat; background-color:transparent;}
#main_menu #musik a .kopfplatte{display:none;}
#main_menu #musik a:hover .kopfplatte{display:block; position:absolute; top:-30px; left:565px; width:170px; height:120px; background-image:url(../format_pics/menu/kopfplatte_musik.gif)}

#main_menu #sonstiges a {display:block; width:123px; height:43px;  background-repeat:no-repeat; margin:0px 0px 0px 20px;}
#main_menu #sonstiges a:link {background-image:url(../format_pics/menu/sonstiges_inactive.gif); }
#main_menu #sonstiges a:visited {background-image:url(../format_pics/menu/sonstiges_inactive.gif);}
#main_menu #sonstiges a:hover {background-image:url(../format_pics/menu/sonstiges_active.gif);  background-color:transparent;}
#main_menu #sonstiges a .kopfplatte{display:none;}
#main_menu #sonstiges a:hover .kopfplatte{display:block; position:absolute; top:-30px; left:565px; width:170px; height:120px; background-image:url(../format_pics/menu/kopfplatte_sonstiges.gif)}

#main_menu #kontakt a {display:block; width:105px; height:52px;  background-repeat:no-repeat; margin:0px 0px 0px 15px;}
#main_menu #kontakt a:link {background-image:url(../format_pics/menu/kontakt_inactive.gif); }
#main_menu #kontakt a:visited {background-image:url(../format_pics/menu/kontakt_inactive.gif);}
#main_menu #kontakt a:hover {background-image:url(../format_pics/menu/kontakt_active.gif);  background-color:transparent;}
#main_menu #kontakt a .kopfplatte{display:none;}
#main_menu #kontakt a:hover .kopfplatte{display:block; position:absolute; top:-30px; left:565px; width:170px; height:120px; background-image:url(../format_pics/menu/kopfplatte_kontakt.gif)}

#main_menu #impressum a {display:block; width:63px; height:21px;  background-repeat:no-repeat; margin:102px 0px 0px 73px;}
#main_menu #impressum a:link {background-image:url(../format_pics/menu/impressum_inactive.gif); }
#main_menu #impressum a:visited {background-image:url(../format_pics/menu/impressum_inactive.gif);}
#main_menu #impressum a:hover {background-image:url(../format_pics/menu/impressum_active.gif); }

/* ************************************* */
/* SUB MENU MUSIK*/
#sub_menu_musik {position:absolute; top:221px; left:150px; width:650px; height:132px;}
#sub_menu_musik ul{margin:0px; padding:0px; height:132px; list-style-image:url(../format_pics/menu_bullet_spacer.gif);}
#sub_menu_musik ul li{float:left; margin:0px; padding:0px;}
#sub_menu_musik .alt_link_text{display:none;} /* alt. text for none image menus */

#sub_menu_musik ul #projekt{margin:0px 0px 0px 0px;}
#sub_menu_musik ul #projekt a {display:block; height:132px; width:130px; background-repeat:no-repeat; margin:0px 0px 0px 6px;}
#sub_menu_musik ul #projekt a:link{background-image:url(../format_pics/sub_menu/projekt_inactive.gif);}
#sub_menu_musik ul #projekt a:visited{background-image:url(../format_pics/sub_menu/projekt_inactive.gif);}
#sub_menu_musik ul #projekt a:hover{background-image:url(../format_pics/sub_menu/projekt_active.gif); background-color:transparent;}

#sub_menu_musik ul #mp3s{margin:0px 0px 0px 0px;}
#sub_menu_musik ul #mp3s a {display:block; height:132px; width:90px; background-repeat:no-repeat; margin:0px 0px 0px 27px;}
#sub_menu_musik ul #mp3s a:link{background-image: url(../format_pics/sub_menu/mp3_inactive.gif);}
#sub_menu_musik ul #mp3s a:visited{background-image: url(../format_pics/sub_menu/mp3_inactive.gif);}
#sub_menu_musik ul #mp3s a:hover{background-image: url(../format_pics/sub_menu/mp3_active.gif); background-color:transparent;}

#sub_menu_musik ul #texte{margin:0px 0px 0px 0px;}
#sub_menu_musik ul #texte a {display:block; height:132px; width:60px; background-repeat:no-repeat; margin:0px 0px 0px 35px;}
#sub_menu_musik ul #texte a:link{background-image:url(../format_pics/sub_menu/texte_inactive.gif);}
#sub_menu_musik ul #texte a:visited{background-image:url(../format_pics/sub_menu/texte_inactive.gif);}
#sub_menu_musik ul #texte a:hover{background-image:url(../format_pics/sub_menu/texte_active.gif); background-color:transparent;}

#sub_menu_musik ul #veroeffentlichungen{margin:0px 0px 0px 0px;}
#sub_menu_musik ul #veroeffentlichungen a {display:block; height:132px; width:115px; background-repeat:no-repeat; margin:0px 0px 0px 31px;}
#sub_menu_musik ul #veroeffentlichungen a:link{background-image:url(../format_pics/sub_menu/veroeffentl_inactive.gif);}
#sub_menu_musik ul #veroeffentlichungen a:visited{background-image:url(../format_pics/sub_menu/veroeffentl_inactive.gif);}
#sub_menu_musik ul #veroeffentlichungen a:hover{background-image:url(../format_pics/sub_menu/veroeffentl_active.gif); background-color:transparent;}

#sub_menu_musik ul #bestellen{margin:0px 0px 0px 0px;}
#sub_menu_musik ul #bestellen a {display:block; height:132px; width:100px; background-repeat:no-repeat; margin:0px 0px 0px 20px;}
#sub_menu_musik ul #bestellen a:link{background-image:url(../format_pics/sub_menu/bestellen_inactive.gif);}
#sub_menu_musik ul #bestellen a:visited{background-image:url(../format_pics/sub_menu/bestellen_inactive.gif);}
#sub_menu_musik ul #bestellen a:hover{background-image:url(../format_pics/sub_menu/bestellen_active.gif); background-color:transparent;}

/* ************************************* */
/* SUB MENU SONSTIGES*/
#sub_menu_sonstiges {position:absolute; top:221px; left:150px; width:650px; height:132px;}
#sub_menu_sonstiges ul{margin:0px; padding:0px; height:132px; list-style-image:url(../format_pics/menu_bullet_spacer.gif);}
#sub_menu_sonstiges ul li{float:left; margin:0px; padding:0px;}
#sub_menu_sonstiges .alt_link_text{display:none;} /* alt. text for none image menus */

#sub_menu_sonstiges ul #fotos{margin:0px 0px 0px 0px;}
#sub_menu_sonstiges ul #fotos a {display:block; height:132px; width:82px; background-repeat:no-repeat; margin:0px 0px 0px 35px;}
#sub_menu_sonstiges ul #fotos a:link{background-image:url(../format_pics/sub_menu/fotos_inactive.gif);}
#sub_menu_sonstiges ul #fotos a:visited{background-image:url(../format_pics/sub_menu/fotos_inactive.gif);}
#sub_menu_sonstiges ul #fotos a:hover{background-image:url(../format_pics/sub_menu/fotos_active.gif); background-color:transparent;}

#sub_menu_sonstiges ul #bass{margin:0px 0px 0px 0px;}
#sub_menu_sonstiges ul #bass a {display:block; height:132px; width:105px; background-repeat:no-repeat; margin:0px 0px 0px 23px;}
#sub_menu_sonstiges ul #bass a:link{background-image:url(../format_pics/sub_menu/bass_inactive.gif);}
#sub_menu_sonstiges ul #bass a:visited{background-image:url(../format_pics/sub_menu/bass_inactive.gif);}
#sub_menu_sonstiges ul #bass a:hover{background-image:url(../format_pics/sub_menu/bass_active.gif); background-color:transparent;}

#sub_menu_sonstiges ul #spielkram{margin:0px 0px 0px 0px;}
#sub_menu_sonstiges ul #spielkram a {display:block; height:132px; width:125px; background-repeat:no-repeat; margin:0px 0px 0px 40px;}
#sub_menu_sonstiges ul #spielkram a:link{background-image:url(../format_pics/sub_menu/spielkram_inactive.gif);}
#sub_menu_sonstiges ul #spielkram a:visited{background-image:url(../format_pics/sub_menu/spielkram_inactive.gif);}
#sub_menu_sonstiges ul #spielkram a:hover{background-image:url(../format_pics/sub_menu/spielkram_active.gif); background-color:transparent;}

#sub_menu_sonstiges ul #guestbook{margin:0px 0px 0px 0px;}
#sub_menu_sonstiges ul #guestbook a {display:block; height:132px; width:125px; background-repeat:no-repeat; margin:0px 0px 0px 20px;}
#sub_menu_sonstiges ul #guestbook a:link{background-image:url(../format_pics/sub_menu/guestbook_inactive.gif);}
#sub_menu_sonstiges ul #guestbook a:visited{background-image:url(../format_pics/sub_menu/guestbook_inactive.gif);}
#sub_menu_sonstiges ul #guestbook a:hover{background-image:url(../format_pics/sub_menu/guestbook_active.gif); background-color:transparent;}
