body, html
	{
		margin: 0;
		padding: 0;
		spacing: 0;
		font: 11px arial, hevetica, sans-serif;
		text-align: center;
		color: #333333;
		background-color: #ebebeb;
	}
	
	a:link { color: #ff6600; font-weight: bold; text-decoration: underline;}
	a:visited { color: #ff6600; font-weight: bold; text-decoration: underline; }
	a:hover {color: #666666; font-weight: bold; text-decoration: underline;}
	a:active {color: #333333; font-weight: bold; text-decoration: underline;}
	
	
	/*IE 5 Ausnahme*/
	p, ul, ol, li  
	{
		font: 11px arial, hevetica, sans-serif;
		color: #333333;
		margin: 0 0 0 0;
		padding: 2px;
		display: block;/* verhindert horizontale Scrollbar*/
	}


	html, body, div, table, tr, td, img, form 
	{
		font: 10px arial, hevetica, sans-serif;
		margin: 0;
		padding: 0;
		border: 0;
	}
	
	h1
	{
		color: #333333;
		font: normal 10pt arial, hevetica, sans-serif;
		text-align: left;
		font-weight: bold;
		margin: 5px 0 0 0;
	
	}
	
	h2
	 { color: #333; font: bold 14px arial, hevetica, sans-serif; text-align: left }
	
	
	h2 a { text-decoration: none; }
	
	h3
	{
		font: bold 9pt arial, hevetica, sans-serif;
		color: #333333;
		text-align: center;
		margin: 0 0 0 0;
	}
	
	h4
	{
		color: #cc3300;
		font: bold 10pt arial, hevetica, sans-serif;
		text-align: left;
		font-weight: bold;
		margin: 0 0 0 0;	
	}
	
	
	#container
	 { 
	 z-index: 1;
	 /*position: absolute;*/
	/* visibility: visible; */
	 /*margin-top: -227px; 
	 margin-left: -385px; 
	 top: 50%; 
	 left: 50%; */
	 margin: 25px auto 0 auto;/* 45px */
	 text-align: left;
	 width: 800px; 
	 height: 500px;

	 }
	
	#nav
	{
		z-index: 500;
		text-align: left;
		width: 800px; 
	 	height: 28px;	
	}	
	
	#header
	{	
		z-index: 1;
		height: 50px;
		width: 800px;
		background-image: url(../../images/Roland-Logo.jpg);
		background-position: right;
		background-repeat: no-repeat;		
	}
	
	#header a
	{	
		height: 50px;
		width: 800px;
		background-image: url(../../images/Roland-Logo.jpg);
		background-position: right;
		background-repeat: no-repeat;
		text-align: right;			
		display: block;
	}
	
	#header span
	{	
		display: none;
	}
	
	#image
	{
		z-index: 1;
		width: 635px;
		height: 250px;
		margin-top: 10px;
		border: 1px solid #333333;
	}
	
	#box1
	{
		float: right;
		width: 150px;
		height: 120px;
		margin-top: -252px;
		margin-right: 0px;
		border: 1px solid #333333;
		background-color: #ffffff;
	}
		
	#box2
	{
		float: right;
		width: 150px;
		height: 120px;
		margin-top: -122px;
		margin-right: 0px;
		border: 1px solid #333333;
		background-color: #ffffff;
	}
	
	.box_headline
	 { color: #fff; font-size: 9pt; font-weight: bold; background-color: #666; margin: 0; padding: 2px }
	
	.box_content
	{
		margin-top: 0;
		font-size: 10pt;
	}
		
	#piano_cat
	{
		clear: both;
		width: 800px;
		height: 120px;
		margin-top: 10px;
	}
		
	.piano_bt
	{
		width: 150px;
		height: 120px;
		margin-top: 10px;
		margin-left: 0px;
		margin-right: 6.8px;
		border: 1px solid #333333;
		
	}
	
	.piano_bt_rt
	{
		width: 150px;
		height: 120px;
		margin-top: 10px;
		margin-left: 0px;
		margin-right: 0px;		
		border: 1px solid #333333;		
	}
		
	#navi
	{
		height: 25px;
		width: 770px;
		/*border-left: 1px solid #cc3300;
		border-top: 1px solid #cc3300;
		border-right: 1px solid #cc3300;*/	
	}
	
	
	#content
	{
		position: relative;
		z-index: 1;
		margin: 26px 0 0 0;
		height: 375px;
		width: 800px;
		border: 1px solid #cc3300;
		background-image: url(../images/layout/tastatur.jpg);
		background-position: left top;
		background-repeat: no-repeat;
	}
	


		#text
	{	
		z-index: 1;
		position: absolute;
		margin-top: -160.5px; /*-227 */
		margin-left: -330px; /*-385*/
	 	top: 50%; 
	 	left: 50%;


		/*float: right;*/
		height: 374px;
		overflow: auto;
		padding-right: 15px;/* IE horizontale Scrollbar!!! */
		width: 485px;
		margin-right: 10px;
		text-align: left;
	/*	background-color: 333333;*/
		
	}
	
	#text ul li
	{	
		z-index: 2;
		list-style: decimal;
		margin-top: 5px;  /* NETSCAPE!!!! */
	}
	

	#pianobox
	{
		z-index: 1;
		float: right;
		height: 375px;
		width: 210px;
		border-left: 1px solid #cc3300;
	}
	
	#footer
	{

		z-index: 1;
		height: 16px;
		width: 800px;
		margin-top: 2px;
		text-align: left;
		padding-top: 2px;
		/*border-left: 1px solid #333333;
		border-right: 1px solid #333333;
		border-top: 1px solid #333333;
		border-bottom: 1px solid #333333;*/
	}	

	
	
	/*  NAVIGATION   */
			
#menu  
{ 
	/*position: absolute; */
	
	z-index: 500; 
	list-style: none; 
	margin: 0;
	padding: 0; 
	width: 800px; 
	height: 28px; 
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333; 
	border-left: 1px solid #333333;
	background-image: url(../../images/bg_nav.jpg);
	background-repeat: repeat;
}
 
#menu li ul
{
	margin-top: 6px;
}    
    
.menu ul 
{ 	
	position: absolute; 	
	list-style: none; 
	margin: 0 0 0 0; 
	padding: 0; 
	width: 115px;
	
	/* border: solid 1px #cc3300;*/ 
}

.menu ul li
{
	margin-left: 0px;
	margin-top: 0px;

}

            
.menu li ul 
{ 
	visibility: hidden; 
	list-style: none; 
	margin-top: 0px; 
	margin-left: 0px; 
	border: 1px solid #333333;

	background-color: #ebebeb; 
}


#menu li ul li ul 
{ 
	list-style: none; 
	margin-top: -20px; 
	margin-left: 105px; 
	border: 1px solid #333333;
}
    
    
.menu a 
{ 
	color: #333333; 
	text-decoration: none; 
	/*background-color: #ebebeb;*/ 
	text-align: center;
	margin-left: 0px; 
	margin-top: 0px;
	padding-top: 5px;
	display: block; 
	width: 115px; 
	height: 17px; /*16px*/
	font-weight: bold; 
}
    
    
.menu a:hover
{    
    background-color: #cccccc;
    background-position: top;
    text-align: center;
    display: block;
    width: 115px;
    height: 17px; /*16px;*/
    margin-left: 0px;
    margin-top: 0px;
    color: #ff6600;
  }
   
    
/* for a mozilla better display with key nav */
.menu a:focus
{
	color: #ff6600;
    /*background-color: #cccccc;*/
}

.menu span
{
    /* hide some accessibility stuff */
    display:none;
    }
        
.menu li
{
    width:115px;
   /* display:inline;   */ 
    float:left;  
    list-style:none;
    margin:0;
    padding:0;
}

.subnavi
{
	font: 11px arial, hevetica, sans-serif;
}
    
/* IE PC selector */
* html .menu li 
{
    display:inline; /* solve a IE PC list bug */
    /*float:none;*/  /* solve a IE5 clav nav bug */
}
    
a.linkOver
{
    color: #ff6600;
    /*background-color: #eee;*/
}		

#text_produkte
{
	width: 800px;
	height: 300px;
	
}

#content_produkte
{
	width: 800px;
	height: 200px;
}

#name_headline
{

}