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: #cc3300;
		font: normal 10px arial, hevetica, sans-serif;
		text-align: left;
		font-weight: bold;
	}
	
	
	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;
	}
	
	#categories
	{
		z-index: 1;
		width: 635px;
		height: 600px;
		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: #ffffff; 
	 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;
	z-index: 500;
}   
    
.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; 
	text-align: center;
	margin-left: 0px; 
	margin-top: 0px;
	padding-top: 5px;
	display: block; 
	width: 115px; 
	height: 17px; 
	font-weight: bold; 
}
    
    
    
.menu a:hover
{    
    background-color: #cccccc;
    background-position: top;
    text-align: center;
    display: block;
    width: 115px;
    height: 17px;
    margin-left: 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;
	z-index: 500;
}
    
/* 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;*/
}		

#nav_produkte
{
	z-index: 1;
	margin-top: 10px;
	width: 637px;
}

#nav_produkte ul 
{
	list-style: none;
	list-style-type: none;
}
#nav_produkte ul li
{
	list-style: none;
	display: inline;
}

#text_produkte
{	
	
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	padding: 10px;
	width: 615px;/*780px*/
	min-height: 550px;
	height: auto;
	background-color: #ffffff;
	
}

#box_produkte
	{

		float: right; 
		margin: 0 0 0 0;
		padding: 0px;
		width: 150px;
		height: 569px;
		border: 1px solid #333333;
		background-color: #ffffff;	
	}
	
#content_produkte
{
	width: 800px;
	z-index: 1;
	/*height: 30px;*/
	/*background-color: #ffffff;*/
}

.name_headline
	{
		color: #ff6600;
		font: normal 12pt arial, hevetica, sans-serif;
		font-weight: bold;
		margin: 0 0 2px 0;
	}
	
	.name_headline span
	{
		color: #ff6600;
		font: normal 10pt arial, hevetica, sans-serif;
		font-weight: normal;
		margin: 0 0 2px 0;
	}
	
	.rubrik
	{
		color: #333333;
		font: normal 11pt arial, hevetica, sans-serif;
		font-weight: bold;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.features
	{
		color: #333333;
		font: 11pt arial, hevetica, sans-serif;
		font-weight: bold;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	
	.headline_inhalt
	{
		font: 9pt arial, hevetica, sans-serif;
		font-weight: bold;
		color: #333333; 
		margin-top: 8px;
		margin-left: 2px;
		margin-right: 2px;
		margin-bottom: 5px;
	}
	
	.headline_techdaten
	{
		font: 9pt arial, hevetica, sans-serif;
		font-weight: bold;
		color: #333333; 
		margin: 2px 2px 2px 2px;
	}
	
	.techdaten
	{
		font: 9pt arial, hevetica, sans-serif;
		color: #333333; 
		margin: 2px 2px 2px 2px;
	}
	
	.size_title
	{
		font: 9pt arial, hevetica, sans-serif;
		font-weight: bold;
		color: #333333; 
		margin: 2px 2px 2px 2px;
	}
	
	.width
	{
		font: 9pt arial, hevetica, sans-serif;
		color: #333333; 
		margin: 2px 2px 2px 2px;
	}
	
	.depth
	{
		font: 9pt arial, hevetica, sans-serif;
		color: #333333; 
		margin: 2px 2px 2px 2px;
	}
	.height
	{
		font: 9pt arial, hevetica, sans-serif;
		color: #333333; 
		margin: 2px 2px 2px 2px;
	}
	.weight
	{
		font: 9pt arial, hevetica, sans-serif;
		color: #333333; 
		margin: 2px 2px 2px 2px;
	}
	
	.comment
	{
		font: 9pt arial, hevetica, sans-serif;
		color: #333333; 
		margin: 2px 2px 2px 2px;
	}
	
		.headline_inhalt span
	{
		font: 9pt arial, hevetica, sans-serif;
		font-weight: normal;
		color: #333333; 
		margin: 2px 2px 2px 2px;
	}
	
	.headline_inhalt span a
	{
		font: 9pt arial, hevetica, sans-serif;
		font-weight: normal;
		color: #ff6600; 
		margin: 2px 2px 2px 2px;
	}
	
	.inhalt
	{
		font: 9pt arial, hevetica, sans-serif;
		color: #333333; 
		margin: 2px 2px 2px 2px;
	}
	
	.inhalt span
	{
		font: 9pt arial, hevetica, sans-serif;
		font-weight: bold;
		color: #ff6600; 
		margin: 2px 2px 2px 2px;
	}
	
	.inhalt a
	{
		font: 9pt arial, hevetica, sans-serif;
		font-weight: bold;
		color: #ff6600; 
		margin: 2px 2px 2px 2px;
	}
	
	
	.bullet
	{
		font: 9pt arial, hevetica, sans-serif;
		font-weight: normal;
		color: #333333;	
		margin-bottom: 3px;
		margin-left: 0px;
		padding-left:16px;
		background: url("../../images/nav/bullet.gif") no-repeat;
	}

.name_headline
	{
		color: #ff6600;
		font: normal 12pt arial, hevetica, sans-serif;
		font-weight: bold;
		margin: 0 0 2px 0;
	}
	
.name_headline span
	{
		color: #333333;
		font: 10pt arial, hevetica, sans-serif;
		font-weight: bold;
		margin: 0 0 2px 0;
	}