/* CSS Document */

body{
	margin:0px 0px; /* ----- louis_erster wert = abstand von oben! ---- */
	padding:0px; 
	text-align:center;

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	}
	
	
#pageContainer{ 
width:100%; 
padding:0px 0px 0px 0px;/
height:auto;
margin:0px auto;
text-align:center; 
float:left;
position:relative; }






#pageContainer-piano{ 
width:900px; /* ----- %-problem absolute ---- */
padding:0px 0px 0px 0px;/* ----- scroll +    ---- */
height:auto;
margin:0px auto;
text-align:left; 
position:relative; /* !!! */
}






.name{
	
	
	}



#box_left{ /*  */
width:50%; 
height:2000px;
background: #FFFFFF;

float:left; /* !!!!!! (wird sonst nicht aufgefüllt!!!!!*/
position:relative; /* !!! */
}


#box_right{ /*  */
width:50%; 
height:2000px;
background: #000000;

float:left; /* !!!!!! (wird sonst nicht aufgefüllt!!!!!*/
position:relative; /* !!! */
}

#box_01{ /*  */

Z-INDEX: 1; LEFT: 113px; WIDTH: 222px; POSITION: absolute; TOP: 85px; HEIGHT: 208px;
}


#box_02{ /*  */

Z-INDEX: 2; LEFT: 513px; WIDTH: 222px; POSITION: absolute; TOP: 85px; HEIGHT: 208px;
}


#box_03{ /* piano > tommyweiss */

Z-INDEX: 3; LEFT: 113px; WIDTH: 635px; POSITION: absolute; TOP: 85px; HEIGHT: 62px;
}



#box_03b{ /* piano > tommyweiss */

Z-INDEX: 4; LEFT: 113px; WIDTH: 635px; POSITION: absolute; TOP: 85px; HEIGHT: 62px;
}



#box_04{ /* live */

Z-INDEX:5; LEFT: 113px; WIDTH: 635px; POSITION: absolute; TOP: 85px; HEIGHT: 62px;
}




#box_live2{ /* louisdesign */
width:100px; 
height:66px;
background: #00FF99;
clear:both;
float:left; /* !!!!!! (wird sonst nicht aufgefüllt!!!!!*/
position:fixed; /* !!! */
}



#box_nav{ /* mini-navi */
	Z-INDEX: 8;
	LEFT: 2px;
	WIDTH: 150px;
	POSITION: absolute;
	TOP: 2px;
	HEIGHT: 15px;
	visibility: visible;
	text-align:left;
}



#box_flashtext{ /* tommy */

width: auto; 
height: 33px;
margin:122px 0px 0px 0px;
text-align:center;
clear:both;
	font-family: Arial, Helvetica, sans-serif;
	font-size:22px;
	color: #8A7B5E;
	letter-spacing:18px;

}



/*************************
Headline
**************************/
#box_head_01{ 

width: auto; 
height: auto;
margin:22px 0px 0px 0px;
text-align:center;
clear:both;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #999999 ;
	letter-spacing:18px;
}


#box_head_02{ 

width: auto; 
height: auto;
margin:5px 0px 0px 0px;
text-align:center;
clear:both;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #999999 ;
	letter-spacing:18px;
}


/*************************
Flash breit
**************************/

#box_flash_01{ 

width: auto; 
height: auto;
margin:15px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
clear:both;
/***  border-bottom:#999999 solid 1px;
border-top:#999999 solid 1px;     **/
background:#000000;



	
}




#box_flashlila{ /* tommy */

width: auto; 
height: 33px;
margin:122px 0px 0px 0px;
text-align:center;
clear:both;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #999999 ;
	letter-spacing:18px;

}


#box_audio{ /* audio-player */

width: auto; 
height:10px;
margin:19px 0px 0px 73px;
text-align:center;
clear:both;
	font-family: Arial, Helvetica, sans-serif;
	font-size:22px;
	color: #8A7B5E;
	letter-spacing:18px;

}







/*************************
Infotext unten
**************************/

#box_infotext{ 

width: auto; 
height:200px;
margin:19px 0px 0px 22px;
text-align:center;
clear:both;


}



.pfeil {/* import: skill-index arrow */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	color: #999999;
	display:block;
	width:auto;
	padding:0px 0px 0px 12px;	
	text-align:left;
	line-height:10pt;
	background: url(images/pfeilchen_w2.gif) no-repeat 0px 5px;
	}
	
	
	.arrow {/* import: skill-index arrow */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	color: #999999;
	display:block;
	clear:both;
	width:auto;
	padding:0px 0px 5px 12px;	
	text-align:left;
	line-height:10pt;
	background: url(images/arrow_01_w2.gif) no-repeat 0px 5px;
	}
	
	.arrow a {

	text-decoration:none;
	}
	
	.arrow a:hover {
	text-decoration:underline;
	color:#CC3300;
	

	}
	
	
	
	
	
	
	
.achtpt {/* arrow */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	color: #999999;
	text-align:left;
	line-height:10pt;
	}



/*************************
Infotext absolute



#box_info{ 

Z-INDEX: 5; LEFT: 212px; WIDTH: 222px; POSITION: absolute; TOP: 42px; HEIGHT: 89px;
text-align:left;
clear:both;	

}
**************************/



/*************************
Text BLACK #999999
**************************/


.textinfo{ 

font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #999999;

}

a{ 
color: #999999;
text-decoration:none;

}

a:visited{ 
color: #999999;
text-decoration:none;

}

a:hover{ 

text-decoration:underline;

}



/*************************
Text BLACK #666666
**************************/


.nbo{ 

font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color: #aeafb2;
	line-height:23px;
}

.nbo2{ 

font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color: #DEBA7C;
	line-height:23px;
}







.sample{ 

font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666666;

}

.sample a{ 
color: #666666;
text-decoration:none;

}

.textinfo2 a:visited{ 
color: #666666;
text-decoration:none;

}

.textinfo2 a:hover{ 

text-decoration:underline;

}



/*************************
Text WHITE #ffffff
**************************/


.textinfo2{ 

font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #ffffff;

}

.textinfo2 a{ 
color: #ffffff;
text-decoration:none;

}

.textinfo2 a:hover{ 

text-decoration:underline;

}


/*************************
absolute
**************************/


#box_live{ /*  */

Z-INDEX: 100; LEFT: 555px; WIDTH: 222px; POSITION: absolute; TOP:500px; HEIGHT: 55px;
}


#box_nbo{ /*  */

Z-INDEX: 101; LEFT: 100px; WIDTH: 350px; POSITION: absolute; TOP:550px; HEIGHT: 190px;
}

#box_zettel{ /*  */

Z-INDEX: 102; LEFT: 222px; WIDTH: 350px; POSITION: absolute; TOP:640px; HEIGHT: 55px;
}

#box_mail{ /*  */

Z-INDEX: 103; LEFT: 280px; WIDTH: 350px; POSITION: absolute; TOP:520px; HEIGHT: 55px;
}


#box_tasten{ /*  */
Z-INDEX: 104; LEFT: 435px; WIDTH: 400px; POSITION: absolute; TOP:460px; HEIGHT: 55px;
}


#box_nbo2{ /*  */

Z-INDEX: 105; LEFT: 200px; WIDTH: 150px; POSITION: absolute; TOP:580px; HEIGHT: 80px;
}


#box_nbo3{ /*  */

Z-INDEX: 106; LEFT: 50px; WIDTH: 150px; POSITION: absolute; TOP:463px; HEIGHT: 50px;
}


#box_archiv{ /*  */

Z-INDEX: 108; LEFT: 355px; WIDTH: 180px; POSITION: absolute; TOP:550px; HEIGHT: 50px;
}

#box_back{ /*  */

Z-INDEX: 107; LEFT: 15px; WIDTH: 150px; POSITION: absolute; TOP:0px; HEIGHT: 100px;
}



/*************************

**************************/


#box_w{ /* weiss */

WIDTH: auto; 
height: 99px;
margin:80px 0px 0px 33px;
text-align:left;
clear:both;

}


#box_t{ /* tommy */

WIDTH: auto; 
height: 200px;
margin:80px 20px 0px 0px;
text-align:right;

}


#box_nav_float{ /* Mini-Navigation */
	WIDTH: auto;
	height: 40px;
	margin:4px 0px 0px 5px;
	text-align:left;
	position:fixed;
	z-index:11;
	left: 2px;
	top: 1px;

}

#box_eye{ /* Auge */

WIDTH: auto; 
height: 200px;
padding:70px 20px 0px 0px;
text-align:right;

}

#box_ear{ /* ohr */

WIDTH: auto; 
height: 200px;
margin:190px 0px 0px 35px;
text-align:left;

}