/* CSS Document */
/* die CSS Datei zu den Gallery-Pages befindet sich im Ordner "Foto_Pages" -> galleries_css.css */

html {
overflow-x:hidden;
	scrollbar-face-color: #000000;
	scrollbar-base-color: #000000;
	scrollbar-track-color: #999999;
	scrollbar-arrow-color: #999999;
	scrollbar-highlight-color: #999999;
	scrollbar-3dlight-color: #000000;
	scrollbar-shadow-color: #999999;
}
 body {
    font: normal 100.01% Arial Narrow;
	font-size:14px;
    color: black; background-color: black;
	
    min-width: 40em; /* Mindestbreite verhindert Anzeigefehler in modernen Browsern */
  }
  }
html {
    padding: 0;
  }
body {
    margin: 0; padding: 0;
  }
body a:link, a:visited, a:active, a:focus {
  color: black;
  }
body a:hover {
  color: white;
  }
#BBHeader {
  position:absolute; top:0px; left:0px; width: 800px; height:122px; z-index:0;
  background-color: #CC0000;
  border-bottom: 1 solid black;
  scrolling: no;
  }
  /* Navigation */
  #Navigation {
  position:absolute; top:0px; left:0px; width:800px; height:118px; z-index:1;
  font: Verdana, Arial, Helvetica, sans-serif;
  background-color: #CC0000;
  scrolling: no;
  }
#Navigation a:link, #Inhalt_Gallery a:link {
  	color:#000000;
	}
#Navigation a:visited, #Inhalt_Gallery a:visited {
	color:#000000;
	}
#Navigation a:hover, #Inhalt_Gallery a:hover {
	color:#FFFFFF;
	}
#Navigation a:active, #Inhalt_Gallery a:active {
	color:#000000;
	}
#Navigation a:focus, #Inhalt_Gallery a:focus { color:#00000;
	}
#Navigation ul, li{
font-weight: bold;
color: black;
list-style-type:square; 
}
#Navigation1 {
position:absolute; top:25px;; left:80px; width:150px; height:70px; z-index:2;
padding: 0.1em;
background-color: #CC0000;
font-size: 16px;
}
#Navigation2 {
position:absolute; top:25px; left:230px; width:150px; height:70px; z-index:3;
  padding: 0.1em;
  background-color: #CC0000;
  font-size: 16px;
  }
  #Navigation3 {
  position:absolute; top:25px; left:380px; width:150px; height:70px; z-index:4;
  padding: 0.1em;
  background-color: #CC0000;
  font-size: 16px;
  }
  /* Hauptlayer */
#BBContent {
	position: relative; top:10px; width:800px; height:1470px; z-index:5;
	margin: 0 auto;
	background-color: #333333;
	border:0;
	}
h4 {
	color:#333333;
	font-size: 16px;
	margin-left: auto;
	margin-right: auto;
	}
  /* index.html */
  #News {
  position: absolute; top:270px; left:80px; width:350px; height: 500px; overflow: auto; z-index:6;
  font: normal 100.01% Arial Narrow;
  background-color: #CCCCCC;
  }
  #NewsTitle {
  position: absolute; top:0px; left:0px; width:334px; height: 20px; z-index:7;
  font: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  background-color: #CC0000;
  border-bottom:solid black;	
  }
  #NewsContent {
  position: absolute; top:30px; left:0px; width:320px; height: auto; z-index:8;
  margin-left: 10px;
  margint-right: 20px;
  border: 0px;
  background-color: #CCCCCC;
  font: normal 100.01% Arial Narrow;
  }
  #NewsContent hr {
  background-color: black;
  color: black;
  border: 2px;
  }
  #IndexPic {
  position:absolute; top:160px; left:520px; width:200px; height:277px;
  border: 0 none;
  }
  #IndexGallery {
  position:absolute; top:450px; left:520px; width: 200px; height: 252px; z-index: 9;
  background-color: #CCCCCC;
  }
  #LiveGallery {
  position:absolute; top:160px; left:520px; width: 200px; height: 340px; z-index: 10;
  background-color: #CCCCCC;
  }
  #IndexGallery img, #LiveGallery img {
  margin-left:5px;
  margin-top:5px;
  border: 0px;
  }
  #IndexGallery p, #LiveGallery p {
  margin-left:23px;
  margin-bottom:10px;
  margin-top:0px;
  }
  #IndexGallery a:link, #LiveGallery a:link {
  text-decoration:none;
  }
  #IndexGallery a:visited, #LiveGallery a:visited {
  text-decoration:none;
  }
  #IndexGallery a:hover, #LiveGallery a:hover {
  text-decoration:none;
  }
  #IndexGallery a:active, #LiveGallery a:active {
  text-decoration:none;
  }
  #IndexGallery a:focus, #LiveGallery a:focus {
  text-decoration:none;
  }
  #IndexGalleryTitle {
  position:absolute; top:0px; left:0px; width: 200px; height: 20px; z-index: 11;
  font: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  background-color: #CC0000;
  border-bottom:solid black;
  }
  #IndexGalleryContent {
  position:absolute; top:30px; left:0px; width: 200px; height: auto; z-index: 12;
  background-color: #CCCCCC;
  }
  #IndexLive {
  position: absolute; top: 160px; left:80px; width:350px; height:82px; overflow: auto; z-index:13;
  font: normal 100.01% Arial Narrow;
  background-color: #CCCCCC;
  border: 0 none;
  }
  #IndexLiveTitle {
  position: absolute; top:0px; left:0px; width:350px; height: 20px; z-index:14;
  font: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  background-color: #CC0000;
  border-bottom:solid black;	
  }
  #IndexLiveContent {
  position: absolute; top:30px; left:0px; width:340px; height: 30px; z-index:15;
  margin-left:10px;
  margint-right:30px;
  margin-top:0px;
  border: 0px;
  background-color: #CCCCCC;
  font: normal 100.01% Arial Narrow;
  }
  #IndexLiveContent p {
  margin-top: 6px;
  margin-bottom: 0px;
  }
  #IndexLive hr {
  background-color: black;
  color: black;
  border: 2px;
  margin-right: 20px;
  }
  /* brainwank.htm und die anderen Lyrics-Pages*/
#Lyrics {
  position: absolute; top:160px; left:80px; width:350px; height:700px; overflow: auto; z-index:16;
  font: normal 100.01% Arial Narrow;
  background-color: #CCCCCC;
  }
  #LyricsTitle {
  position: absolute; top:0px; left:0px; width:350px; height: 20px; z-index:17;
  font: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  background-color: #CC0000;
  border-bottom:solid black;	
  }
  #LyricsContent {
  position: absolute; top:30px; width:350px; height:660px; z-index:18;
  border: 0px;
  background-color: #CCCCCC;
  font: normal 100.01% Arial Narrow;
  }
  #LyricsContent p {
  margin-left:10px;
  margin-top:10px;
  font: normal 100.01% Arial Narrow;
  font-size:14px;
  text-align:left;
  }
#LyricsMenu {
  position: absolute; top:160px; left:520px; width:170px; height: 200px; z-index:19;
  font: normal 100.01% Arial Narrow;
  background-color: #CCCCCC;
  border: 0px;
  }
  #LyricsMenuTitle {
  position: absolute; top:0px; left:0px; width:170px; height: 20px; z-index:20;
  font: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  background-color: #CC0000;
  border-bottom:solid black;	
  }
  #LyricsMenuContent {
  position: absolute; top:30px; left:10px; right:10px; width:150px; height: 160px; z-index:21;
  border: 0px;
  background-color: #CCCCCC;
  font: normal 100.01% Arial Narrow;
  }
 #LyricsM {
    font-size: 12px;
    margin: 0 0 2px; padding: 2px;
  }
   ul#LyricsM {
    width: 130px;
    margin: 0px; margin-left: 0px; padding: 2px;
    border: 0px ridge black;
    background-color: #CCCCCC;
  }
  ul#LyricsM li {
    list-style: none;
	left:0px;
    margin: 2px; 
	padding: 1px;
  }
  ul#LyricsM span {
  display:block;
    padding: 2px;
    display: block;
    padding: 2px;
	text-decoration: none; font: normal 100.01% Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
    color: white; background-color: #CC0000;
	}
	ul#LyricsM a {
    display:block;
    padding: 2px;
	left-margin: 2px; right-margin:2px;
	font-size: 12px;
    text-decoration: none; font: normal 100.01% Verdana, Arial, Helvetica, sans-serif;
    color: maroon; background-color: #ccc;
  }
 ul#LyricsM a:link {
    color: white; background-color: #333333;
  }
  ul#LyricsM a:visited {
    color: white; background-color: #333333;
  } 
  ul#LyricsM a:hover {
    color: white; background-color: #CC0000;
  }
  ul#LyricsM a:active {
    color: white; background-color: #CC0000;
  }
  #LyricsPic {
  position: absolute; top:395px; left:520px; width:200px; height:300px; z-index: 22;
  }
  
  /* live.htm */
  #Live {
  position: absolute; top:160px; left:80px; width:350px; height: 510px; overflow: auto; z-index:23;
  font: normal 100.01% Arial Narrow;
  background-color: #CCCCCC;
  } /* Titelzeile und Content von News */
  #Live p {
  text-align:center;
  margin-top:10px;
  }
  #LiveMusic {
	position:absolute; top:560px; left:520px; width: 200px; height: 70px; z-index: 24;
  font: normal 100.01% Arial Narrow;
  background-color: transparent;
  } /* Titelzeile von IndexGallery */
  #LiveMusicContent {
  position:absolute; top:35px; left:0px; width: 200px; height:40px; z-index: 25;
  background-color: transparent;
  color:#CCCCCC;
  }
  /* music.htm */
#Music {
 position: absolute; top:160px; left:80px; width:350px; height:auto; z-index:26;
  font: normal 100.01% Arial Narrow;
  background-color: #CCCCCC;
  border: 0px;
  }
#MusicTitle {
position: absolute; top:0px; left:0px; width:350px; height: 20px; z-index:27;
  font: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  background-color: #CC0000;
  border-bottom:solid black;
}
#MusicContent {
 position: absolute; top:25px; left:0px; right:0px; width:350px; height: auto; z-index:28;
  border: 0px;
  background-color: #CCCCCC;
  font: normal 100.01% Arial Narrow;
  }
#Music p {
text-align:center;
margin-top:15px;
margin-left:10px;
margin-right:10px;
}
#Music img {
border: 0 none;
}
#LyricLink {
	position: absolute; top:350px; left:520px; width:200px; height:50px; z-index: 29;
	background-color: #CCCCCC;
	}
#LyricLinkHead {
	position: relative; top:0px; left:0px; width:200px; height:20px; z-index: 30;
	font: Verdana, Arial, Helvetica, sans-serif;
  	font-weight: bold;
  	font-size: 16px;
  	background-color: #CC0000;
  	border-bottom:solid black;
	}
#LyricLText {
	position: absolute; top:28px; left:0px; width:200px; height:22px; z-index: 31;
	text-align:center;
	}	
#MusicPic1 {
  position: absolute; top:440px; left:520px; width:200px; height:300px; z-index:32;
  }
#Songs {
position:absolute; top:200px; left:520px; width: 200px; height: 70px; z-index: 33;
font: normal 100.01% Arial Narrow;
background-color: #CCCCCC;
} 
#SongsContent {
position:absolute; top:35px; left:0px; width: 200px; height:40px; z-index: 34;
background-color: #CCCCCC;
color:#CCCCCC;
}

/* contact.htm */
#Contact {
position:absolute; top:160px; left:100px; width: 600px; height:auto; z-index: 35;
border: 0px;
background-color: #CCCCCC;
font: normal 100.01% Arial Narrow;
text-align:center;
}
#Contact p {
margin-left: 20px;
margin-right: 20px;
}
#ContactP {
font-size:15px;
}

/* promo.htm */
#Promo {
position:absolute; top:160px; left:80px; width:350px; height:auto; z-index: 36;
border: 0px;
background-color: #CCCCCC;
font: normal 100.01% Arial Narrow;
}
#PromoTitle {
position: absolute; top:0px; left:0px; width:350px; height: 20px; z-index:37;
  font: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  background-color: #CC0000;
  border-bottom:solid black;
}
#PromoContent {
 position: absolute; top:25px; left:0px; right:0px; width:350px; height: auto; z-index:38;
  border: 0px;
  background-color: #CCCCCC;
  font: normal 100.01% Arial Narrow;
  font-size:14px;
  text-align:center;
  }
#Promo p {
margin: 10px;
}
#PromoPic {
position:absolute; top:220px; left:520px; width:200px; height:300px; z-index: 39;
}

/* guestbook.htm */
#Guestbook {
position:absolute; top:160px; left:50px; width:580px; right:60px; height:1600px; z-index: 40;
scrolling:no;
}
#Guest {
	position: relative; top:10px; width:800px; height:1800px; z-index:41;
	margin: 0 auto;
	background-color: #333333;
	border:0;
	scrolling:no;
	}
	
/* links.htm */
#Links {
position:absolute; top:160px; left:80px; width:640px; height:1300px; z-index: 42;
background-color: #CCCCCC;
}
#Links img {
border:0px;
}
#LinksZelle {
padding-top:10px;
padding-left:10px;
vertical-align: middle;
}
#ZelleTitel {
color:#333333;
font-size: 16px;
font-weight:bold;
margin-left: auto;
margin-right: auto;
}

/* press.htm */
#BBPress {
	position: relative; top:10px; width:800px; height:3500px; z-index:43;
	margin: 0 auto;
	background-color: #333333;
	border:0;
	}
#PressContent {
position:absolute; top:130px; left:100px; width: 600px; height:auto; z-index: 44;
border: 0px;
background-color: #333333;
font: normal 100.01% Arial Narrow;
text-align:center;
}
#Radio {
	position: absolute; top:350px; left:520px; width:200px; height:220px; z-index: 45;
	background-color: #CCCCCC;
	}
#RadioHead {
	position: relative; top:0px; left:0px; width:200px; height:20px; z-index: 46;
	font: Verdana, Arial, Helvetica, sans-serif;
  	font-weight: bold;
  	font-size: 16px;
  	background-color: #CC0000;
  	border-bottom:solid black;
	}
#RadioText {
	position: absolute; top:28px; left:0px; width:200px; height:auto; z-index: 47;
	text-align:center;
	}
/* index Myspace start */	
#IndexLinkmyspace {
	position: absolute; top:580px; left:520px; width:200px; height:50px; z-index: 48;
	background-color: #CCCCCC;
	}
#IndexLinkmyspaceHead {
	position: relative; top:0px; left:0px; width:200px; height:20px; z-index: 49;
	font: Verdana, Arial, Helvetica, sans-serif;
  	font-weight: bold;
  	font-size: 16px;
  	background-color: #CC0000;
  	border-bottom:solid black;
	}
#IndexLinkmyspaceText {
	position: absolute; top:28px; left:0px; width:200px; height:22px; z-index: 50;
	text-align:center;
	}
/* index Myspace Ende */

/* index Newsletter Start */
#IndexNewsletter {
	position:absolute; top:515px; left:520px; width: 200px; height: 50px; z-index: 9;
  background-color: #CCCCCC;
	}
#IndexNewsletterHead {
	position: relative; top:0px; left:0px; width:200px; height:20px; z-index: 49;
	font: Verdana, Arial, Helvetica, sans-serif;
  	font-weight: bold;
  	font-size: 16px;
  	background-color: #CC0000;
  	border-bottom:solid black;
	}
#IndexNewsletterText {
	position: absolute; top:28px; left:0px; width:200px; height:22px; z-index: 50;
	text-align:center;
	}
/* index Newsletter Ende */

/* index Lastupdate Start */
#IndexLastUpdate {
	position:absolute; top:645px; left:520px; width: 200px; height: 50px; z-index: 9;
  background-color: #CCCCCC;
	}
#IndexLastUpdateHead {
	position: relative; top:0px; left:0px; width:200px; height:20px; z-index: 49;
	font: Verdana, Arial, Helvetica, sans-serif;
  	font-weight: bold;
  	font-size: 16px;
  	background-color: #CC0000;
  	border-bottom:solid black;
	}
#IndexLastUpdateText {
	position: absolute; top:28px; left:0px; width:200px; height:22px; z-index: 50;
	text-align:center;
	}
/* index Lastupdate Ende */

/* index Player Start */
#IndexPlayer {
	position:absolute; top:450px; left:520px; width: 200px; height: 50px; z-index: 9;
  background-color: #CCCCCC;
	}
#IndexPlayerHead {
	position: relative; top:0px; left:0px; width:200px; height:20px; z-index: 49;
	font: Verdana, Arial, Helvetica, sans-serif;
  	font-weight: bold;
  	font-size: 16px;
  	background-color: #CC0000;
  	border-bottom:solid black;
	}
#IndexPlayerText {
	position: absolute; top:28px; left:0px; width:200px; height:22px; z-index: 50;
	text-align:center;
	}
/* index Player Ende */