body{
margin:0 auto;
padding:0;
line-height: 0.8em;
background-color: #262626; }


#wrap{

margin-left:auto;
margin-right:auto;
margin-top:10px;
width:800px;
height:540px;

visibility: visible;
}


#header{

height: 45px;
margin: 0em;
padding: 0em;

}

#header h1{
width: 220px;
float: right;
color: #fcfcfc;
font-family: verdana;
margin-left: 10px;
font-size: 30px;
padding: 0 0 0 0;
margin-top: 10px;
margin-bottom: 0em;
margin-right: 0em;
clear: right;}





#menu{
float:left;
width: 500px;
margin-left: 2px;
margin-top: 20px;
}

#menu a{
font-weight:bold;
font-size: 16pt;
text-decoration:none;
color: #666666;
font-family: sans-serif;
}
	
	
#menu a:hover{
color: #f5f2f2;
}

#menu a.music:hover{
color: #e4d58a;
}

#menu a.musica{
color: #e4d58a;

}


#menu a.multimedia:hover{
color: #444466;
}

#menu a.multimediaa{
color: #444466;

}

#menu a.manga:hover{
color: #D9AEAE;
}

#menu a.mangaa{
color: #D9AEAE;
}

#menu a.webdesign:hover{
color: #666688;
}

#menu a.webdesigna{
color: #666688
}



#content{
clear: both;
border: solid 1px #000000;
font-family: verdana;
line-height:1.4em;
font-size: 12pt;
height: 480px;
width: 800px;
overflow: hidden;
background-color: #666688;
}

#content.home{
background-color: #CCCCCC;
}

#content.home p{
margin-left: 30px;
text-align: left; }

#content.home td{
margin: 5px;
padding: 5px;
color: #333333;
}

#content.music td{
margin: 5px;
padding: 5px;

}

#content.music{
line-height:1em;
background-color: #e4d58a;
}



#content.manga{
line-height:1em;
background-color: #D9AEAE;
}

#content.multimedia{
line-height:1em;
background-color: #444466;

}

#shockwave{
float:right;
width: 610px;
height: 460px;
margin-right: 10px;
margin-top: 5px;
color: #cccccc;
}


#content h2{
width: 278px;
float: left;
font-size: 24px;
font-family: sans-serif;
margin: 10px 0 0 20px ;
color: #222223;
line-height: 24px;

}

#content h3{
float: left;
width: 477px;
font-size: 24px;
font-family: sans-serif;
margin: 10px 0px 0px 20px;
color: #222223;
line-height: 24px;
text-align: center; }

#content img {
border: 1px solid #222223;
margin: 2px;
}

#info {
float: left;
width: 480px;
height: 90px;
border: 0;
margin: 10px 0px 0 20px;
font-size: 14px;
color: #ffffff;
}


#bild{
float: right;
width: 464px;
height: 425px;
margin-top: 0px;
margin-right: 40px;
text-align: center;
font-size: 14px;
color: #191919;
line-height: 1.2em;
}

#bild.music{
float: right;
width: 464px;
height: 425px;
margin-top: 0px;
margin-right: 40px;
text-align: center;
font-size: 14px;
color: #c4273f;
line-height: 1.2em;
font-weight: bold;
font-style: normal; }

#bild.multimedia{

text-align: center;
width: 480px; 
margin-right: 20px;
line-height: 1em; }

#bild.manga{

text-align: center;
width: 480px; 
margin-right: 20px;
color: #3f3f3f; }

#bild img{
border: 3px solid #33333c;
margin-top: 0px;
}


#tumb{
text-align: left;
width: 264px;
padding-top: 5px;
margin-left: 20px;
float: left;
clear: left;
margin-top: 10px;
font-size: 10pt;
}

#tumb ul{	
list-style:none;
width:200px;
margin:0 0 10px 0;
padding:0;

}
	

#tumb li{
margin-bottom: 6px
}



#tumb li a{
font-weight:bold;
height:16px;
text-decoration:none;
color:#ffffff;
display:block;
padding: 6px 0em 0px 20px;
border-left: 8px #e8922c solid;
font-size: 14px;
}

#tumb li a:active{
border-left: 8px #ffffff solid;
color:#e8922c;}	
	
#tumb li a:hover{
border-left: 8px  #e8922c solid;
color:  #e8922c;}

#tumb li a.active{
border-left: 8px #ffffff solid;
color:  #e8922c;}	


#music{
color: #333333;
height: 180px;
width: 180px;
background-image: url(../images/window-hg.jpg);
text-align: center;
float: left;
margin-right: 15px;
margin-left: 12px;
margin-top: 80px;
}

#multimedia{
color: #333333;
height: 180px;
width: 180px;
background-image: url(../images/window-hg.jpg);
text-align: center;
float: left;
margin-right: 15px;
margin-top: 80px;
}

#webdesign{
color: #333333;
height: 180px;
width: 180px;
background-image: url(../images/window-hg.jpg);
text-align: center;
float: left;
margin-right: 15px;
margin-top: 80px;
}
#manga{
color: #333333;
height: 180px;
width: 180px;
background-image: url(../images/window-hg.jpg);
text-align: center;
float: left;
margin-top: 80px;
}

h2{}

h3{
font-size:1.3em;
margin:0 0 10px 0;
}


#content a{
color: #fcfcfc;
font-weight: bold;
text-decoration: none;}

#content a:hover{
color: #222223;}


#footer{
margin: 10px 0 0 0;
padding:0 0 0 0;
width:800px;
text-align:center;
font-family: sans-serif;
color: #f9f9f9;
font-size:1em;
height: 25px;
font-weight: bold;}

#footer a{
color:#666666;
text-decoration:none;
}

#footer a:hover{
text-decoration:none;
color: #ffffff;
}

#footer a.active{
text-decoration:none;
color: #ffffff;
}

.left{
margin:10px 10px 5px 0;
float:left;
}

.right{
margin:10px 0 5px 10px;
float:right;
}

.textright{
text-align:right;
}

.center{
text-align:center;
}

.small{
font-size:0.8em;
}

.bold{
font-weight:bold;
}

.hide{
display:none;
}