/* ©2010 tanaka */


html {
height: 100%;
margin: 0;
padding: 0;
}


body { 
height: 100%;
margin: 0;
padding: 0;
	/*background:#3B4D61 url(../img/bg.jpg) fixed 0 0 no-repeat; 
	background-position:top-left;
	background-size: 99% auto;*/
	font:bold 11pt/14px Courier;
	text-align:center;
	
}

img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}

p { 

color:#000000; 
font:bold 10pt/14px Courier, Arial;
text-align:left;
}

#txt { 

color:#000000; 
font:bold 10pt/14px Courier, Arial;
text-align:center;
}

table { 
font:bold 10pt/12px Courier, Arial;	
}

/*textelemente*/

#textblock{

display:block;
color:rgba(0,0,0,0.5);
position:center;
width:80%;
}	

#datum{
color:#000000; 
font:bold 12pt/12px Courier;
text-align:right;
}	

#ueber{
color:#000000; 
font:bold 14pt/12px Courier;
text-align:center;
}	

#eintrag{
color:#000000; 
font:bold 12pt/16px Courier;
text-align:left;
}	

#klein { 
color:#000000; 
font:bold 8pt/10px Arial;
}

/*der copyright-hinweis*/
#c { 
	color:#000000; 
	font:bold 8pt/10px Arial;
	position:absolute;
	width:130px;
	top:90%;
	left:1%;
	}

#c p{
	color:#000000; 
	font:bold 8pt/10px Arial;
}	


	/*die info-box*/
#box {
	position:absolute;
	width:300px;
	top:90%;
	left:45%;
	margin-left:-150px;
	padding:0 20px;
	background:rgba(0,0,0,0.3);
	-moz-border-radius:25px;
	-webkit-border-radius:15px;
	z-index:999;
	
}
#box p {
	display:block;
	color:#FFFFFF;
	font:bold 12px/12px Courier, Arial;
	text-align:center;
}


#poweronoff {
	position:absolute;
	top:66%;
	left:80%;
	width:80px;
	height:120px;
	background:url(../img/light-switch.png) -80px 0 no-repeat;
	cursor:pointer;
	z-index:100;
}

#birne1 {
	position:absolute;
	top:-10px;
	left:60%;
	width:150px;
	height:150px;
	background:url(../img/lightbulb.png) -150px 0 no-repeat;
	cursor:move;
	z-index:800;
}
#birne2 {
	width:150px;
	height:150px;
	display:none;
	background:url(../img/lightbulb.png) 0 0 no-repeat;
}

#logo {
	position:absolute;
	top:-25px;
	left:25%;
	width:450px;
	height:150px;
	background:url(../img/logo.png) 0 0 no-repeat;
	cursor:move;
	z-index:700;
}
#logosh {
	position:absolute;
	width:450px;
	height:150px;
	display:none;
	background:url(../img/logo.png) 0 -150px no-repeat;
	z-index:600;
}

/* content ist der inline frame, der die hauptinfos enthaelt*/
#content { 
	background:rgba(255,255,255,0.2);	
	-moz-border-radius:40px;
	-webkit-border-radius:65px;
	
	position:absolute;
	top:13%;
	left:13%;
	width:60%;
	height:70%;
	font:bold 11pt/14px Courier, Arial;
	text-align:center;
	/*background-color: transparent; */
	background-repeat: no-repeat; 
	background-attachment: fixed; 
	background-position: 100% 100%; 
	/*opacity: 1;*/

	}

#centerText
{
text-align:center; 
font:bold 11pt/14px Courier, Arial;
}

#inl 
{ 
font:bold 11pt/14px Courier, Arial;
text-align:center;
background-color:transparent; 
background-image: none; 
background-attachment: fixed; 
background-position: 99% 99%; 

}


#player
	{ 
	position:absolute;
	top:20%;
	left:75%;
	width:130px;
	height:80%;

	 }

/* menue einträge */

#home
{ 

display: block; 
position:absolute;
top:20%;
left:2%;
}

#gigs
{ display: block; 
position:absolute;
top:24%;
left:2%;
}
#music
{ display: block; 
position:absolute;
top:28%;
left:2%;
}
#info
{ display: block; 
position:absolute;
top:32%;
left:2%;
}
#pix
{ display: block; 
position:absolute;
top:36%;
left:2%;
}
#video
{ display: block; 
position:absolute;
top:40%;
left:2%;
}
#text
{ display: block; 
position:absolute;
top:44%;
left:2%;
}
#contact
{ display: block; 
position:absolute;
top:48%;
left:2%;
}
#links
{ display: block; 
position:absolute;
top:52%;
left:2%;
}
#shop
{ display: block; 
position:absolute;
top:56%;
left:2%;
}
#myspace
{ display: block; 
position:absolute;
top:60%;
left:2%;
}
#press
{ display: block; 
position:absolute;
top:64%;
left:2%;
}




/* menue linke seite */
#menu1 
{ 
position:absolute;
top:10%;
left:2%;
display: block; 
width:100px;
height:70%;
	}


#menu1 a 
{ 
background-color:transparent; 
color:#000000; 
text-decoration:none ; 
font-family:courier; 
font-size: 10pt; 
text-align: center; 
width:90px; 
float: right; 
padding-left: 1px; 
padding-bottom: 1px; 
padding-top: 1px; 
margin-top: 1px ; 
margin-bottom: 1px; 
border:solid 1px transparent;
opacity: 10; }

#menu1 a:visited
{ background-color:transparent; 
color:#000000; 
text-decoration:none; 
font-family:courier; 
font-size: 10pt; 
width:90px; 
float: right; 
padding-left: 1px; 
padding-bottom: 1px; 
padding-top: 1px; 
margin-top: 1px ; 
margin-bottom: 1px; 
border:solid 1px transparent; 
opacity: .90; }

#menu1 a:active
{background-color:transparent; 
color:#000000;
text-decoration:none;
font-family:courier; 
font-size: 10pt;
width:90px;
padding-left: 1px; 
padding-bottom: 1px; 
padding-top: 1px; 
margin-top: 1px ; 
margin-bottom: 1px;
border:solid 1px transparent;
opacity: .70;

}

#menu1 a:hover 
{background-color:transparent;
color: #000000;
text-decoration:none ;font-family:courier;
font-size:10pt;
width:90px;
padding-left: 1px; 
padding-bottom: 1px; 
padding-top: 1px; 
margin-top: 1px ; 
margin-bottom: 1px;
border:solid 1px transparent;
opacity: .70;
}


/* allgemeine links im text */

a:link
{ color: red; 
font-family: courier; 
font-size: 11pt; 
text-decoration: none; }

a:visited
{color: purple;
font-family: courier; 
font-size: 11pt;
text-decoration: none;}

a:active
{ color:white;
font-family: courier; 
font-size: 11pt; 
text-decoration: none;}

a:hover
{ color: #000000; 
background-color:transparent; 
font-family: courier; 
font-size: 11pt; 
text-decoration: none; }