html {

  overflow-y: scroll;

}

body {
	top: 0px;
	left: 0px;
	right: 0px;
	margin: 0;
	padding: 0;
	background-color:#1B1C20;
	color: #A0A3A1;
}
.border {
	border: 2px solid #444;

}
.border-images {
	/*margin-left: 20px;*/
	padding: 2px;
	border: 2px solid #444;

}
.border-gb-header {
	/*margin-left: 20px;*/
	padding: 3px;
	border: 3px dotted double #6A6A6A;

}
.td-gb-link {
	padding: 3px;
	border: 3px dotted double #6A6A6A;

}
.hr{
	border: 1px dotted;
	border-color:#1C1F26;
}
h1 {
	margin: 0;
	padding: 10px;
	text-align: left;
	color: #DDDCDC;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: 0.07em;
	font-variant: small-caps;
}
h2 {
	margin: 0;
	padding: 10px;
	padding-top: -16px;
	text-align: left;
	color: #DDDCDC;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: 0.07em;
	/*font-variant: small-caps;*/
}
h3 {
	margin: 0px;
	padding: 0;
	text-align: left;
	color: #DDDCDC;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: 0.04em;
}
h4 {
	margin: 0px;
	padding: 10px;
	text-align: left;
	color: #DDDCDC;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: 0.09em;
}
/*txt*/
p{
	line-height: 1.1em;
}

.txt{
	margin: 0;
	padding: 10px;
	text-align: left;
	color: #DDDCDC;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: 0.07em;
}
.txt-news{
	margin: 0;
	padding: 10px;
	text-align: left;
	color: #DDDCDC;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: 0.07em;
	/*text-align: justify;*/
}
.txtnormal {
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #DDDCDC;
	font-weight: normal;
	line-height: 1.30em;
	letter-spacing: 0.035em;
	width: 540px;
}
.txt-guestbook {
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #DDDCDC;
	font-weight: normal;
	line-height: 1.30em;
	letter-spacing: 0.035em;
	width: 120px;
}
.txtlist {
	padding-left: 30px;
	margin-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #DDDCDC;
	font-weight: normal;
	line-height: 1.30em;
	letter-spacing: 0.035em;
}
.txt-small{
	margin: 0;
	padding: 10px;
	text-align: left;
	color: #DDDCDC;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: 0.04em;
}
.list-links {
	margin-left: 20px;
	padding: 0px;
	display: block;
	list-style:outside;
}
/* Container ------------------------------------------------------------------------------------------------------------------------------------------------------- */

#wrapper {
	width: 990px;
	margin: 0 auto;
	min-height: 500px;
	padding: 0px 0px 0px 0px;
}
#txt {
	z-index:120;
	position: relative;
	width: 550px;
	height: auto;
	top: 130px;
	right: 206px;
	text-align: left;
	float: right;
}
#txt-2 {
	z-index:120;
	position: relative;
	width: 550px;
	height: auto;
	top: 130px;
	right: 106px;
	text-align: left;
	float: right;
}
#guestbook-top {
	position: relative;
	width: 580px;
	height: 30px;
	top: 130px;
	right: 176px;
	text-align: left;
	float: right;
	
}
#guestbook {
	position: relative;
	width: 580px;
	min-height: 400px;
	height: auto;
	top: 160px;
	right: 176px;
	text-align: left;
	float: right;
	overflow:auto;
}
#monitor-1 {
	z-index:120;
	position: relative;
	float:left;
	width: 61px;
	height: 36px;
	top: 203px;
	left: 649px;
}
#player {
	z-index:130;
	position: relative;
	float:left;
	width: 470px;
	height: 20px;
	top: 0px;
	left: 10px;
}
#logo-1 {
	z-index:110;
	position: absolute;
	float:left;
	width: 300px;
	height: 135px;
	top: 15px;
	left: 653px;
	background-image:url(../images/logo-1.png)
}
#logo-2 {
	z-index:110;
	position: absolute;
	float:left;
	width: 260px;
	height: 117px;
	top: 50px;
	left: 663px;
	background-image:url(../images/logo-2.png)
}
#logo-3 {
	z-index:110;
	position: absolute;
	float:left;
	width: 260px;
	height: 111px;
	top: 50px;
	left: 663px;
	background-image:url(../images/logo-2.jpg)
}
#news {
	position: absolute;
	width: 180px;
	height: 280px;
	top: 140px;
	left: 740px;
	text-align: left;
	float: left;
	background-image:url(../images/bg-button.png);
	border:dotted 1px #666666;
}
#personality {
	position: absolute;
	width: 220px;
	height: 220px;
	top: 355px;
	left: 745px;
	text-align: left;
	float: left;
	background-image:url(../images/bg-button.png);
	border:dotted 1px #666666;
	visibility: hidden;
}
#personality-2 {
	position: absolute;
	width: 220px;
	height: 220px;
	top: 355px;
	left: 745px;
	text-align: left;
	float: left;
	border:dotted 1px #666666;
	visibility: hidden;
}
#black {
	position: relative;
	width: 990px;
	height: auto;
	min-height: 600px;
	top: 16px;
	text-align: left;
	float: left;
}
#zero {
	position: absolute;
	width: 990px;
	height: 600px;
	top: 16px;
	text-align: left;
	float: left;
}
#grey {
	position: relative;
	width: 990px;
	height: auto;
	min-height: 600px;
	top: 16px;
	text-align: left;
	float: left;
	background-color: #474A53;
	background-image:url(../images/bg-grey.jpg);
	background-repeat: repeat;
}
#sound {
	position: relative;
	width: 990px;
	height: auto;
	min-height: 600px;
	top: 16px;
	text-align: left;
	float: left;
	background-color: #474A53;
	background-image:url(../images/groovesuite-sound.jpg);
	background-repeat: repeat;
}


/*#############--------------------------------------------------------------------Mail Lounge-------------------------#############*/
#main-lounge {
	position: relative;
	width: 990px;
	height: 600px;
	top: 16px;
	text-align: left;
	float: left;
	background-image:url(../images/lounge.jpg)
}
#transparent-lounge {
	position: absolute;
	width: 83px;
	height: 99px;
	top: 168px;
	left: 403px;
	text-align: left;
	float: left;
}
/*#############--------------------------------------------------------------------End of Mail Lounge------------------#############*/


#lounge-start {
	position: relative;
	width: 990px;
	height: 600px;
	top: 16px;
	text-align: left;
	float: left;
}
#main-band {
	position: relative;
	width: 990px;
	height: 600px;
	top: 16px;
	text-align: left;
	float: left;
	background-image:url(../images/band.jpg)
}
/*#############----------------------------------------------------------------------Bea------------------------------#############*/
#main-bea {
	position: relative;
	width: 990px;
	height: 600px;
	top: 16px;
	text-align: left;
	float: left;
	background-image:url(../images/bea.jpg)
}
#transparent-bea {
	position: absolute;
	width: 84px;
	height: 100px;
	top: 172px;
	left: 239px;
	text-align: left;
	float: left;
}
#bea-bubble {
	z-index: 1;
	position: absolute;
	width: 110px;
	height: 79px;
	top: 130px;
	left: 330px;
	text-align: left;
	float: left;
	background-image:url(../images/bea-bubble.png);
	visibility: hidden;
}
#bea-bubble-band {
	z-index: 1;
	position: absolute;
	width: 110px;
	height: 79px;
	top: 79px;
	left: 691px;
	text-align: left;
	float: left;
	background-image:url(../images/bea-bubble-band.png);
	visibility: hidden;
}
/*#############----------------------------------------------------------------------end of Bea------------------------#############*/


/*#############----------------------------------------------------------------------------Gary------------------------#############*/
#main-gary {
	position: relative;
	width: 990px;
	height: 600px;
	top: 16px;
	text-align: left;
	float: left;
	background-image:url(../images/gary.jpg)
}
#transparent-gary {
	position: absolute;
	width: 226px;
	height: 420px;
	top: 176px;
	left: 409px;
	text-align: left;
	float: left;
}
/*#############----------------------------------------------------------------------------end ofGary------------------#############*/




/*#############----------------------------------------------------------------------------Roland----------------------#############*/

#main-rolee {
	position: relative;
	width: 990px;
	height: 600px;
	top: 16px;
	text-align: left;
	float: left;
	background-image:url(../images/rolee.jpg)
}
#transparent-rolee {
	position: absolute;
	width: 261px;
	height: 439px;
	top: 161px;
	left: 387px;
	text-align: left;
	float: left;
}
/*#############------------------------------------------------------------------------end of Roland-------------------#############*/


/*#############--------------------------------------------------------------------------------Harry-------------------#############*/
#main-harry {
	position: relative;
	width: 990px;
	height: 600px;
	top: 16px;
	text-align: left;
	float: left;
	background-image:url(../images/harry.jpg)
}
#transparent-harry {
	position: absolute;
	width: 223px;
	height: 350px;
	top: 166px;
	left: 267px;
	text-align: left;
	float: left;
}
/*#############------------------------------------------------------------------------------end of Harry---------------#############*/




/*#############----------------------------------------------------------------------------------Marco------------------#############*/
#main-marco {
	position: relative;
	width: 990px;
	height: 600px;
	top: 16px;
	text-align: left;
	float: left;
	background-image:url(../images/marco.jpg)
}
#transparent-marco {
	position: absolute;
	width: 257px;
	height: 386px;
	top: 165px;
	left: 261px;
	text-align: left;
	float: left;
}
/*#############----------------------------------------------------------------------------end of Marco-----------------#############*/


/*#############----------------------------------------------------------------------------------Pablo------------------#############*/
#main-pablo {
	position: relative;
	width: 990px;
	height: 600px;
	top: 16px;
	text-align: left;
	float: left;
	background-image:url(../images/pablo.jpg)
}
#transparent-pablo {
	position: absolute;
	width: 259px;
	height: 411px;
	top: 169px;
	left: 384px;
	text-align: left;
	float: left;
}
/*#############---------------------------------------------------------------------------end of Pablo------------------#############*/
#monitor {
	position: absolute;
	width: 60px;
	height: 35px;
	top: 223px;
	float: left;
	left:648px;
}

/*footer*/
#footer {
	z-index: 4000;
	position: relative;
	width: 994px;
	height: 16px;
	top: 16px;
	text-align: left;
	float: left;
}
#footer-inner {
	position: relative;
	width: 500px;
	height: 16px;
	top: 4px;
	text-align: left;
	float: left;
}
#footer-inner2 {
	position: relative;
	width: 494px;
	height: 16px;
	top: 0px;
	text-align: right;
	float: left;
}
/*end-footer*/
/* Menue ------------------------------------------------------------------------------------------------------------------------------------------------------- */


#menue {
	z-index:100;
	position: absolute;
	width: 130px;
	height: 400px;
	top: 140px;
	left: 50px;
	text-align: left;
	float: left;
}

/* Links ------------------------------------------------------------------------------------------------------------------------------------------------------- */
.text-navi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #DDDCDC;
	line-height: 20px;
	text-decoration: none;
	text-indent: 10px;
}
a.textlink:link {
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #DDDCDC;
	line-height: 20px;
	text-decoration: none;
}
a.textlink:visited {
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #DDDCDC;
	line-height: 20px;
	text-decoration: none;
}
a.textlink:hover {
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #AAA9A7;
	line-height: 20px;
	text-decoration: underline;
}



/*Top link*/
a.menue-top:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #DDDCDC;
	line-height: 18px;
	text-decoration: none;

}
a.menue-top:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #DDDCDC;
	line-height: 18px;
	text-decoration: none;

}
a.menue-top:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #AAA9A7;
	line-height: 18px;
	text-decoration: none;
}
/*End Top link*/


/*guestbook link*/
a.guestbook:link {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.07em;
	color: #1C1F26;
	line-height: 14px;
	text-decoration: none;

}
a.guestbook:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.07em;
	color: #1C1F26;
	line-height: 14px;
	text-decoration: none;

}
a.guestbook:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.07em;
	color: #AAA9A7;
	line-height: 14px;
	text-decoration: underline;
}
/*End guestbook link*/

/*dark link*/
a.dark:link {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0.07em;
	color: #1C1F26;
	line-height: 14px;
	text-decoration: none;

}
a.dark:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0.07em;
	color: #1C1F26;
	line-height: 14px;
	text-decoration: none;

}
a.dark:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0.07em;
	color: #AAA9A7;
	line-height: 14px;
	text-decoration: underline;
}
/*End guestbook link*/

/*footer-links*//*list style menue*/
.liste {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #82817E;
	line-height: 12px;
	text-decoration: none;
	list-style-position: inside;
}
ul {
	list-style-type: none;
	display: inline;
	padding-left: 0;
	margin-left: 0;	
}

li {
	display: inline;
	padding: 0px;
	
}




a.menue-light:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #82817E;
	line-height: 12px;
	text-decoration: none;

}
a.menue-light:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #82817E;
	line-height: 12px;
	text-decoration: none;

}
a.menue-light:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #545350;
	line-height: 12px;
	text-decoration: none;

}

/*images - galerys*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 5000; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #1B1C20; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 5000; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Arial, Helvetica, sans-serif; background-color: #1B1C20; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 100px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 5000; width: 100%; height: 500px; background-color: #616161; }

/*################---furm----######################*/
/* Form */

.form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #ccc;
	text-decoration: none;
	background-color: #1B1C20;
	border: 1px solid #4D4D4D;
	margin: 0px;
	padding: 0px;
	height: 18px;
	width: 190px;	
}
.form2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #ccc;
	text-decoration: none;
	background-color: #1B1C20;
	border: 1px solid #4D4D4D;
	margin: 0px;
	padding: 0px;
	height: 18px;
	width: 250px;	
}
.form-field {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #ccc;
	text-decoration: none;
	background-color: #1B1C20;
	border: 1px solid #4D4D4D;
	margin: 0px;
	padding: 0px;
	height: 80px;
	width: 250px;	
}
.button-go {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	width: 106px;
	height: 20px;
	border: 1px solid #4D4D4D;
	background-image:url(../images/go.jpg);
}
.button-abschicken {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	width: 106px;
	height: 20px;
	border: 1px solid #1B1C20;
	background-image:url(../images/go.jpg);
}