html,body{
	height:100%;
	margin:0;
	padding:0;
	text-align:center;
	font-family : Arial, Helvetica, Verdana sans-serif;
	font-size:10px;
}

a{ text-decoration:none; color: #333333;font-weight:bold}
a:hover { text-decoration:none; color: #0b0c0c;font-weight:bold}
a img {border: none;}

a.navi{ font-size:1.1em;text-decoration:none; color: #333333;font-weight:bold}
a.navi:hover { font-size:1.1em;text-decoration:none; color: #0b0c0c;font-weight:bold}
a.navi img {border: none;}

#center{
	height:100%;
	width:842px;
	margin: 0 auto 0 auto;
	padding-right:120px;
}

#diagl{
	width:18px;
	height:100%;
	background: url(../gfx/bg/diagl.gif) left repeat-y;
	text-align:left;
}

#diagr{
	width:18px;
	height:100%;
	background: url(../gfx/bg/diagr.gif) left repeat-y;
	text-align:right;
}

#content{
	width:842px;
	height:100%;
	background-color:#e8e8e8;
	text-align:left;
	vertical-align:top;
}

#banner{
	width:833px;
}

#bannerheader{
	width:833px;
	height:4px;
	line-height:4px;
}

#bannerspacer{
	width:830px;
	text-align:right;
}

#bannerfooter{
	width:833px;
	height:4px;
	line-height:4px;
}

#header{
	width:833px;
	padding-left:4px;
	padding-top:4px;
}


#logo{
	float:left;
	height:57px;
	margin-top:8px;
	margin-left:10px;
	margin-right:10px;
	vertical-align:middle;
}

#leftcol{
	width:318px;
	padding-left:4px;
	vertical-align:top;
}

#rightcol{
	width:515px;
	vertical-align:top;
}

#footer{
	width:833px;
	padding-left:4px;
	padding-bottom:4px;
}

#headerback{
	width:833px;
	background: url(../gfx/boxes/headerspacer_blue.jpg) left repeat-y;
}

#headertop{
	width:833px;
	height:14px;
	background: url(../gfx/boxes/headertop_blue.jpg) left;
}

#headerlogo{
	width:215px;
	text-align:center;
	float:left;
}

#headercat{
	width:575px;
	text-align:center;
}

#headerfooter{
	width:833px;
	height:14px;
	background: url(../gfx/boxes/headerfooter_blue.jpg) left;
}

#naviback{
	width:833px;
	background: url(../gfx/boxes/navispacer_dbc.jpg) left repeat-y;
}

#navitop{
	width:833px;
	height:12px;
	background: url(../gfx/boxes/navitop_dbc.jpg) left;
}

#navispacer{
	margin-top:2px;
	margin-left:25px;
	color:#cccccc;
	width:800px;
}

#navifooter{
	width:833px;
	height:14px;
	background: url(../gfx/boxes/navifooter_dbc.jpg) left;
}


#back318{
	width:318px;
	background: url(../gfx/boxes/318spacer_blue.jpg) left repeat-y;
}

#header318{
	width:318px;
	height:16px;
	background: url(../gfx/boxes/318top_blue.jpg) left;
}

#spacer318{
	margin-left:15px;
	width:285px;
}

#footer318{
	width:318px;
	height:16px;
	background: url(../gfx/boxes/318footer_blue.jpg) left;
}

#backad318{
	width:318px;
	height:263px;
}

#back515{
	width:515px;
	background: url(../gfx/boxes/515spacer_blue.jpg) left repeat-y;
}

#header515{
	width:515px;
	height:16px;
	background: url(../gfx/boxes/515top_blue.jpg) left;
}

#spacer515{
	margin-left:15px;
	width:482px;
}

#footer515{
	width:515px;
	height:16px;
	background: url(../gfx/boxes/515footer_blue.jpg) left;
}

#backpre488{
	width:488px;
	background: url(../gfx/boxes/488spacer_blue.jpg) left repeat-y;
}

#headerpre488{
	width:318px;
	height:16px;
	background: url(../gfx/boxes/488top_blue.jpg) left;
}

#spacerpre488{
	margin-left:15px;
	width:488px;
}

#footerpre488{
	width:488px;
	height:16px;
	background: url(../gfx/boxes/488footer_blue.jpg) left;
}

#greypreback{
	width:488px;
	background: url(../gfx/boxes/greyprespacer_blue.jpg) left repeat-y;
}

#greypreheader{
	width:488px;
	height:10px;
	line-height:10px;
	background: url(../gfx/boxes/greypretop_blue.jpg) left;
}

#greyprespacer{
	margin-left:10px;
	width:468px;
}

#greyprefooter{
	width:488px;
	height:10px;
	line-height:10px;
	background: url(../gfx/boxes/greyprefooter_blue.jpg) left;
}

#greyback{
	width:833px;
	background: url(../gfx/boxes/greyspacer_blue.jpg) left repeat-y;
}

#greyheader{
	width:833px;
	height:10px;
	line-height:10px;
	background: url(../gfx/boxes/greytop_blue.jpg) left;
}

#greyspacer{
	margin-left:10px;
	width:813px;
}

#greyfooter{
	width:833px;
	height:10px;
	line-height:10px;
	background: url(../gfx/boxes/greyfooter_blue.jpg) left;
}

#chartline{
	width:484px;
	height:42px;
	background: url(../gfx/bg/chartline.jpg) left no-repeat;
	text-align:left;
}

#djline{
	width:288px;
	height:42px;
	background: url(../gfx/bg/djline.jpg) left no-repeat;
	background-position:bottom;
	text-align:left;
}
#djline_blank{
	width:288px;
	height:42px;
	text-align:left;
}

#djproducttitle{
	width:250px;
	font-size:1.1em;
}

#djproductartist{
	width:250px;
	font-size:1.1em;
}

input.submit{
	background-color:#c0c7ce;
	color:#FFFFFF;
	font-size:1.0em;
	font-weight:bold;
	height:18px;
	border:0;
}

td.labelchar{
	width:30px;
	height:30px;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}

td.labelchar_over{
	width:30px;
	height:30px;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	border-left: 1px dotted #c0c7ce;
	border-top: 1px dotted #c0c7ce;
	background-image:url(../gfx/bg/labels.jpg);
}

td.labelchar a{
	color:#000000;
}

#chartyear{
	float:left;
	width:90px;
	margin-right:2px;
	margin-bottom:2px;
	height:20px;
	color:#FFFFFF;
	font-size:1.3em;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	line-height:20px;
	background-color:#c0c7ce;
	cursor:pointer;
}

#btn_warenkorb{
	width:140px;
	margin-bottom:2px;
	height:20px;
	color:#FFFFFF;
	font-size:1.3em;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	line-height:20px;
	background-color:#c0c7ce;
	cursor:pointer;
}