/* general design */
body {
	background-color:#000000;  
	margin: 0;
	padding:0;
	height:100%;
	overflow:auto;
	z-index:-800;
	overflow-x:hidden;
}

.site {
	background-image:url(pics/background.jpg);
	z-index:0;
/*	z-index:-500;*/
	background-repeat:no-repeat;
	position:absolute;
	overflow:hidden;
	color:#fffefe;
    font-family: verdana, arial, sans-serif;
	font-size:9pt;
	width:1024px;
	height:700px;
/*	min-height:768px;*/
	top:0%;
	left:50%;
	margin:0px 0 0 -512px;
	padding-top:17px;
}

.main {
	border:0px solid white;
	overflow:auto;
/*	overflow-x:hidden;*/
	color:white;
	z-index:0;
	width:700px;
/*	min-height:500px;*/
	height:400px;
	position:absolute;
	top:25%;          
	left:50%;
	margin: 0px 0px 0px -350px;
	padding-top:17px;
}

.heading {
	border:0px solid white;
	position:absolute;
	font-size:25px;
	font-family: serif;
	position:absolute;
	top:175px;          
	left:50%;
	margin: 0px 0px 0px -350px;
	padding-top:17px;
	height:162px;
	width:58px;
}

.error {
	color:#FA0000;
}

/* Design für den adminbereich */
.admin {
	border:2px dotted white;
	overflow:scroll;
	color:white;
	z-index:0;
	width:800px;
/*	min-height:500px;*/
	height:500px;
	position:absolute;
	top:25%;          
	left:50%;
	margin: 0px 0px 0px -400px;
	padding-top:5px;
}


/* Bio Design */
.bio {
    font-family:serif;
    position:relative;
    margin-left:10%;
    width:500px;
    border: 1px solid #669999;
    background-color: #000000;
    margin-bottom: 20px;
    color:#FFDFDF;
	padding-left:5px;
	padding-top:5px;
}

/* Design für die news seite */
.news {
    font-family:serif;
    position:relative;
    margin-left:10%;
    width:600px;
    border: 1px solid #669999;
    background-color: #000000;
    margin-bottom: 20px;
    color:#FFDFDF;
}

.news > .date {
    padding: 2px;
    float: left;
    white-space: nowrap;
}
.news > .titel {
    font-weight:bold;
    padding: 2px;
    float: left;
    border-left: 1px solid #A9A9A9;
}
.news > .author {
    padding: 2px;
    float: right;
    border-left: 1px solid #A9A9A9;
}
.news > .inhalt {
    padding: 2px;
    margin-left:2px;
    clear: both;
    border-top: 1px solid #A9A9A9;
}
/* Design für die Links */
a {
	text-decoration:none;
}
a:hover {
	color: #88BBBB;
}
a:link {
	color: #669999 ;
}
a:active {
	color: #447777;
}
a:visited {
	color: #669999;
}
/* Design für das mainmenu */
.menu {
	position:absolute;
	left:73px;
	top:117px;
	z-index:500;
}

	/* Hide menu */
.navi {
	padding:0;
	margin:0;
	list-style:none;
	position:relative;
	z-index:100;
	font-family:arial, verdana, sans-serif;
}

.navi li.menuh, .navi li.bandmenu, .navi li.mediamenu {
	border:0px solid white;
	display:block;
	float:left;
}

.navi li a {
	display:block;
	float:left;
	border:0px solid #888;
	text-decoration:none;
	padding:0;
	cursor:pointer;
}

.navi li a b {
	margin-left:-9999px;
}

.navi li.menuh, .navi li.bandmenu, .navi li.mediamenu{
	display:block;
	float:left;
}

.navi .stage1 {
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0;
	height:0;
	margin:0;
	padding:0;
	z-index:300;
	list-style:none;
}

.navi .stage2 {
	position:relative;
	left:-9999px;
	top:-9999px;
	width:0;
	height:0;
	margin:0;
	padding:0;
	z-index:500;
	list-style:none;
}

/* pictures */

.navi li a.homeh {
	position: relative;
	width:107px; height:65px;
	text-decoration:none;
}
.navi li a.homeh:hover {
	background-image:url(pics/menu/ohome.jpg);
	border:none;
}
.navi li a.bandh {
	position: relative;
	left:5px; top:0px; width:111px; height:59px; 
	text-decoration:none;
}
.navi li a.bandh:hover {
	background-image:url(pics/menu/oband.jpg);
	border:none;
}
.navi li a.cdh {
	position: relative;
	left:7px; top:-7px; width:103px; height:67px;
	text-decoration:none;
}
.navi li a.cdh:hover {
	background-image:url(pics/menu/ocd.jpg);
	border:none;
}
.navi li a.liveh {
	position: relative;
	left:15px; top:2px; width:101px; height:69px;
	text-decoration:none;
}
.navi li a.liveh:hover {
	background-image:url(pics/menu/olive.jpg);
	border:none;
}
.navi li a.mediah {
	position: relative;
	left:18px; top:-1px; width:127px; height:61px;
	text-decoration:none;
}
.navi li a.mediah:hover {
	background-image:url(pics/menu/omedia.jpg);
	border:none;
}
.navi li a.linksh {z-index:100;
	position: relative;
	left:21px; top:-4px; width:102px; height:75px;
	text-decoration:none;
}
a.linksh:hover {
	background-image:url(pics/menu/olinks.jpg);
	border:none;
}
.navi li a.presseh {
	position: relative;
	left:33px; top:0px; width:92px; height:63px;
	text-decoration:none;
}
.navi li a.presseh:hover {
	background-image:url(pics/menu/opresse.jpg);
	border:none;
}
.navi li a.gbh {
	position: relative;
	left:38px; top:-5px; width:94px; height:69px;
	text-decoration:none;
}
.navi li a.gbh:hover {
	background-image:url(pics/menu/ogb.jpg);
	border:none;
}
	/* bandnavi */
.bandmenu {
	position:absolute;
	left:63px;
	top:32px;
    color:#FFDFDF;
	z-index:100;
	background-image:url(pics/band/band.jpg);
	width:572px;
	height:209px;
	overflow:hidden;
	background-repeat:no-repeat;
}

a.claush {
	left:46px; top:145px; width:88px; height:33px;
}
a.claush:hover {
	background-image:url(pics/menu/claush.jpg);
	border:none;
}

a.franziskush {
	left:140px; top:144px; width:157px; height:36px;
}
a.franziskush:hover {
	background-image:url(pics/menu/franziskush.jpg);
	border:none;
}
a.dominikh {
	left:301px; top:145px; width:128px; height:34px;
}
a.dominikh:hover {
	background-image:url(pics/menu/dominikh.jpg);
	border:none;
}
a.martinh {
	left:434px; top:146px; width:108px; height:34px;
}
a.martinh:hover {
	background-image:url(pics/menu/martinh.jpg);
	border:none;
}

	/* MEDIA Navi */
.mediamenu {
	position:absolute;
    color:#FFDFDF;
	background-image:url(pics/menu/mediabg.jpg);
	left:217px;	top:36px; height:358px; width:256px;
	overflow:hidden;
	background-repeat:no-repeat;
}

a.galleryh {
	left:64px; top:33px; width:139px; height:89px;
}
a.galleryh:hover {
	background-image:url(pics/menu/omgallery.jpg);
	border:none;
}

a.lyricsh {
	left:72px; top:124px; width:120px; height:69px;
}
a.lyricsh:hover {
	background-image:url(pics/menu/omlyrics.jpg);
	border:none;
}

a.mp3h {
	left:71px; top:196px; width:128px; height:60px;
}
a.mp3h:hover {
	background-image:url(pics/menu/ommp3.jpg);
	border:none;
}

a.downloadh {
	left:36px; top:259px; width:195px; height:61px;
}
a.downloadh:hover {
	background-image:url(pics/menu/omdown.jpg);
	border:none;
}

/* fuck */
.navi table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

	/* pulldown images */
		/* stage 1 */
.navi li:hover {
	position:relative;
	z-index:300;
}

.navi li:hover .stage1 {
z-index:100;
	left:100px;
}
.navi a:hover {
	position:relative;
	white-space:normal;
	z-index:600;
}
.navi :hover ul.stage1 {
	display:block;
	left:15%;
	top:59px;
	width:100px;
	height:auto;
	z-index:600;
}
.navi :hover ul.stage1 li {
z-index:100;
	display:block;
	height:30px;
	position:relative;
	float:left;
	width:100px;
	font-weight:normal;
}
.navi :hover ul.stage1 li a {
z-index:100;
	display:block;
	height:30px;
	width:100px;
	border:0px solid #888;
	border-color:#ddd #888 #000 #ccc;
	text-decoration:none;
	padding:0;
	cursor:pointer;
}
.navi :hover ul.stage1 li a b {
z-index:100;
	position:absolute;
	left:-9999px;
	top:-9999px;
	margin:0;
}

.biom {
z-index:100;
	background-image: url(pics/menu/bio.jpg);
}
.mmbrsm {
z-index:100;
	background-image: url(pics/menu/mmbrs.jpg);
}
.friendsm {
z-index:100;
	background-image: url(pics/menu/friends.jpg);
}

.navi :hover ul.stage1 li a:hover {
z-index:100;
	background-position: 0 30px;
	position:relative;
}
.navi :hover ul.stage1 li a:hover b {
z-index:100;
	left:100px;
	top:15px;
	background:#fff;
	color:#000;
	border:0px solid #888;
	display:block;
	text-align:center;
	font-size:12px;
	line-height:18px;
}
	/* Stage 2 */
.navi .stage1 li:hover {
	position:relative;
	z-index:800;
}
.navi .stage1 a:hover {
	position:relative;
	white-space:normal;
	z-index:800;
}
.navi .stage1 :hover ul.stage2 {
	left:100px;
	top:-30px;
	background: #edb;
	width:100px;
	height:auto;
	z-index:900;
}
.navi .stage1 :hover ul.stage2 li {
	display:block;
	height:30px;
	position:relative;
	float:left;
	width:100px;
	font-weight:normal;
}
.navi .stage1 :hover ul.stage2 li a {
	display:block;
	height:30px;
	width:100px;
	border:0px solid #888;
	border-color:#ddd #888 #000 #ccc;
	text-decoration:none;
	padding:0;
	cursor:pointer;
}
.navi .stage1 :hover ul.stage2 li a b {
	position:absolute;
	left:-9999px;
	top:-9999px;
	margin:0;
}

.franziskus {
	background-image: url(pics/menu/franziskus.jpg);
}
.dominik {
	background-image: url(pics/menu/dominik.jpg);
}
.claus {
	background-image: url(pics/menu/claus.jpg);
}
.martin {
	background-image: url(pics/menu/martin.jpg);
}
.felix {
	background-image: url(pics/menu/felix.jpg);
}
.manuel {
	background-image: url(pics/menu/manuel.jpg);
}
.marian {
	background-image: url(pics/menu/marian.jpg);
}

	/* LIVE */
.future {
	background-image: url(pics/menu/future.jpg);
}
.past {
	background-image: url(pics/menu/past.jpg);
}

	/* MEDIA */
.gallerys1 {
	background-image: url(pics/menu/gallery.jpg);
}
.lyricss1 {
	background-image: url(pics/menu/lyrics.jpg);
}
.mp3s1 {
	background-image: url(pics/menu/mp3.jpg);
}
.downs1 {
	background-image: url(pics/menu/download.jpg);
}

	/* PRESSE */
.rev {
	background-image: url(pics/menu/reviews.jpg);
}
.interview {
	background-image: url(pics/menu/interviews.jpg);
}
.cdr {
	background-image: url(pics/menu/cds1.jpg);
}
.liver {
	background-image: url(pics/menu/concerts.jpg);
}

.stage1 :hover ul.stage2 li a:hover {
	background-position: 0 30px;
	position:relative;
}
.stage1 :hover ul.stage2 li a:hover b {
	left:100px;
	top:15px;
	background:#fff;
	color:#000;
	border:0px solid #888;
	display:block;
	text-align:center;
	font-size:12px;
	line-height:18px;
}

/* Guestbook design */
.gb_form {
	position:relative;
	margin-left:10%;
	padding-bottom:10px;
}
.gb {
	border:0px dotted white;
	display:table;
	margin: 2px;
}

.gbfield {
	border:1px dotted #77AAAA;
	background-color:black;
/*	background-image:url(bbg.jpg);*/
	color:#8BB;
}

.entry {
    font-family:serif;
    position:relative;
    margin-left:10%;
    width:500px;
    border: 1px solid #669999;
    background-color: #000000;
    margin-bottom: 20px;
    color:#FFDFDF;
}

.entry > .date {
    font-style:italic;	
    padding: 2px;
    float: left;
    white-space: nowrap;
}
.entry > .nick {
    font-style:italic;
    padding: 2px;
    float: left;
    border-left: 1px solid #A9A9A9;
}
.entry > .email {
    padding: 2px;
    float: right;
    border-left: 1px solid #A9A9A9;
}
.entry > .contents {
    padding: 2px;
    margin-left:2px;
    clear: both;
    border-top: 1px solid #A9A9A9;
}

/* Style for the link-section */
.links {
	border-collapse:separate;
    font-family:serif;
    position:relative;
    margin-left:10%;
    width:600px;
    border: 0px solid #144;
    background-color: #000000;
    margin-bottom: 20px;
    color:#FFDFDF;
}
.links td {
    border: 1px solid #144;
}
.links > .addi {
    font-style:italic;	
    padding: 2px;
    float: left;
    white-space: nowrap;
}
.links > .desc {
    font-style:italic;
    margin-left: 10px;
	padding-left: 3px;
    float: left;
}

/* Style for members/friends posters */
.member {
    font-family: verdana, arial, sans-serif; 
    position:relative;
    margin-left:10%;
    width:350px;
    border: 1px solid #669999;
    background-color: #000000;
    margin-bottom: 20px;
    color:#FFDFDF;
	padding-left:5px;
	padding-top:5px;	
}

.head {
	color: white;
	font-weight:bold;
	/*float: top;*/
}

.mmbr {
	float:left;
	padding-left:5px;
	left:125px;
}

.mmbr_pic {
	position:relative;
/*	float:top;*/
	margin-top:20px;
}

.mmbr_pics {
	position:absolute;
	top:0px;
	right:5%;
	float: right;
}

/* lyrics desgin */
.lyrics_ov {
	position:relative;
    margin-left:10%;
    width:500px;
    border: 0px solid #001000;
    background-color: #000000;
    margin-bottom: 20px;
    color:#FFDFDF;
}

.lyrics {
	position:relative;
    margin-left:10%;
    width:500px;
    border-top: 0px solid #666699;
    background-color: #000000;
    margin-bottom: 20px;
    color:#FFDFDF;
}

.lyrics_img {
	padding-right:20px;
}

.lyric {
	position:relative;
    margin-left:10%;
    width:500px;
    border: 0px dotted #666699;
    background-color: #000000;
    margin-bottom: 20px;
    color:#FFDFDF;
}

/* gallery design */
.gallery_ov {
	position:relative;
	left:0%;
    width:600px;
    border: 0px solid #010000;
    margin-bottom:20px;
	background-color: #000000;
}
.gallery_ov td {
	border-bottom: 1px solid #477;
}

.g_ov_text, .g_ov_rev {
	text-decoration:none;
	margin-left:10px;
}

.gallery_img {
	border:none;
}

.gallery_pic {
	position:relative;
	float:left;
    margin-left:2%;
	margin-top:5px;
    color:#666699;
	width:150px;
	height:150px;
	border-bottom:1px dotted #699;
	overflow:hidden;
}

/* CD-Section */
.cds {
    position:relative;
    width:600px;
    border: 0px solid #669999;
    background-color: #000000;
    margin-bottom: 20px;
    color:#FFDFDF;	
}

.cds_ov {
    position:relative;
    width:300px;
	background-color: #000000;
    margin-bottom: 20px;
    color:#FFDFDF;	
	border-collapse:separate;
}

.cds_ov td {
    border-bottom: 1px solid #144;
    border-top: 1px solid #144;
}

.cdcovertn{
	height:75px;
	width:75px;
}
.cd_name {
	border-bottom:1px solid #669999;
	color:#669999;
	font-weight:bold;
	font-size:11pt;
	padding-bottom:12px;
}
.cd_tracks {
}
.cd_image {
	padding-bottom:10px;
	padding-top:10px;
}
.cd_desc {
	border-top:1px solid #669999;
	padding-top:20px;
}


.nix {
	position:relative;
	margin-left:10%;
	padding-bottom:10px;
}

/* LIVE */
.livehead {
	position:relative;
	left:40%;
	padding-bottom:10px;
	width:130px;
	font-size:11pt;
	font-weight:bold;
	color:#ADD;
}

/* Subscribe to the Newsletter */
.subscr {
	position:relative;
	border:none;
}

/* Startpage */
.start {
	position:absolute;
	background-repeat:no-repeat;
	background-image:url(pics/startbg.jpg);
	overflow:hidden;
	width:1024px;
	height:768px;
	left:50%;
	margin:0px 0 0 -512px;
}

.startmenu a {
	position:absolute;
	text-decoration:none;
}
.startmenu a i {
	visibility:hidden;
}
a.enter {
	left:89px; top:214px; width:434px; height:143px;
}
a.enter:hover {
	background-image:url(pics/menu/enter.jpg);
	border:none;
}
a.myspace {
	left:632px; top:239px; width:279px; height:91px;
}
a.myspace:hover {
	background-image:url(pics/menu/myspace.jpg);
	border:none;
}
a.disclaimers {
	left:152px; top:447px; width:260px; height:83px;
}
a.disclaimers:hover {
	background-image:url(pics/menu/disclaimer.jpg);
	border:none;
}
a.contacts {
	left:423px; top:455px; width:187px; height:70px;
}
a.contacts:hover {
	background-image:url(pics/menu/contact.jpg);
	border:none;
}
a.impressums {
	left:630px; top:457px; width:239px; height:94px;
}
a.impressums:hover {
	background-image:url(pics/menu/impressum.jpg);
	border:none;
}

/* REVIEWS */
.reviews_ov {
	position:relative;
    margin-left:10%;
    width:600px;
    border: 0px solid #001000;
    background-color: #000000;
    margin-bottom: 20px;
    color:#FFDFDF;
	border-collapse:separate;
}

.reviews_ov td {
    border: 1px solid #144;
}

.reviews {
	position:relative;
    width:600px;
    border: 0px solid #669999;
    background-color: #000000;
    margin-bottom: 20px;
    color:#FFDFDF;	
}

.rev_title {
	border-bottom:1px solid #669999;
	color:#669999;
	font-weight:bold;
	font-size:11pt;
	padding-bottom:12px;	
}

/* NEWSBOX */
.newsbox {
	position:absolute;
	left:50%;
	margin:0px 0 0 -100px;
	top:30px;
	border:1px outset #699;
	width:auto;
	height:auto;
/*	width:200px;
	height:110px;*/
	overflow:hidden;
}