body, html{ 	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-image: url(../img/bg_tile.png);
}

img{
	border: solid 0px #000000;
}

.clear{
	clear: both;
	font-height: 0px;
	height: 0px;
}

p{
	font-size: 11px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

form{
	padding: 0px; margin: 0px;
}

.textinput{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #ffffff;
	background-color: #363636;
	color: #ffffff;
}

.content{
	font-size: 11px;
	margin-bottom: 3px;
	padding: 5px;
}

a{
	color: #ffffff;
}

.content h2{
	color: #F9A503;
	font-size: 13px;
	padding: 0px;
	margin: 0px;
}
.grey_area{
	background-color: #525252;
}
.light_grey_area{
	background-color: #646464;
}
.error{
    color: #FF0000;
}

.paging, .paging a{
	font-size: 11px;
	padding: 5px;
	color: #AFAFAF;
	text-decoration: none;
}
.paging strong{
	color: #AFAFAF;
}
.paging b{
	color: #ffffff;
}
.paging a:hover{
	color: #ffffff;
	text-decoration: underline;
}


#header{
	position: absolute;
	margin-left: 338px;
	margin-top: 16px;
	width: 450px;
	z-index: 10;
	padding: 0px;
	font-size: 10px;
}

#header a{
	font-size: 10px;
	color: #9D9D9D;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	display: block;
	float: right;
	margin-left: 25px;
}

#header a:hover{
	color: #ffffff;
}

#search{
	position: absolute;
	margin-left: 342px;
	margin-top: 32px;
	width: 450px;
	z-index: 10;
	padding: 0px;
	font-size: 10px;
	text-align: right;
}

#searchbox{
	border: 0px #ffffff solid;
	background: url(http://www.berkmusic.nl/img/searchbox.gif) no-repeat;
	width: 324px;
	height: 20px;
	color: #9D9D9D;
	padding-left: 5px;
}

#bg{
	position: absolute;
	margin-top: 0px;
	height: 100%;
	width: 824px;
			background-image: url(http://www.berkmusic.nl/img/bg.png);
	}

#bg_fade{
	position: absolute;
	margin-top: 200px;
	height: 512px;
	width: 100%;
			background-image: url(http://www.berkmusic.nl/img/bg_fade.png);
	}
#bg_fade_fill{
    position: absolute;
    margin-top: 512px;
    width: 100%;
    background-color: #000000;
    height: 500px;
}

#bg_fade2{
	position: absolute;
	height: 500px;
	width: 764px;
	margin-top: 100px;
	margin-left: 30px;
	background-image: url(http://www.berkmusic.nl/img/bg_fade2.png);
	z-index: 3px;
}
#site{
	text-align: left;
	margin-left: 0px;
	width: 824px; 
	height: 100%;
}

#container{
	position: absolute;
	text-align: left;
	margin-left: 0px;
	margin-top: 112px;
}

#content_left{
	position: absolute;
	margin-left: 36px;
	margin-top: 109px;
	width: 340px;
	z-index: 5;
}

#content_right{
	position: absolute;
	margin-left: 384px;
	margin-top: 109px;
	width: 404px;
	z-index: 5;
}

#content_full{
	position: absolute;
	margin-left: 36px;
	margin-top: 112px;
	width: 752px;
	z-index: 5;
}

#menu{
	position: absolute;
	margin-left: 30px;
	width: 764px;
	height: 105px;
	background-image: url(http://www.berkmusic.nl/img/bg_header.png);
	z-index: 5;
}

#menu img{
	margin-top: 17px;
	margin-left: 13px;
}

#menu_buttons{
	position: absolute;
	margin-top: 72px;
	margin-left: 30px;
	text-align: right;
	width: 764px;
	height: 25px;
	z-index: 200;
	font-size: 0px;
}

#sub_artiesten{
	position: absolute;
	margin-top: 98px;
	margin-left: 385px;
	padding-right: 6px;
	z-index: 100;
	background-color: #000000;
}

#sub_tunes{
	position: absolute;
	margin-top: 98px;
	margin-left: 474px;
	padding-right: 6px;
	z-index: 100;
	background-color: #000000;
}

#sub_charts{
	position: absolute;
	margin-top: 98px;
	margin-left: 526px;
	padding-right: 6px;
	z-index: 100;
	background-color: #000000;
}

.submenu a{
	font-size: 11px;
	color: #FFA802;
	text-decoration: none;
}

.submenu a:hover{
	text-decoration: underline;
}




.player{
	border: solid 1px #000000;
	font-size: 10px;
	line-height: 344px;
	text-align: center;
}

.player a{
	color: #ffffff;
}

.title{
	height: 31px;
}

.title img{
	margin-top: 3px;
	margin-bottom: 3px;
}

.item{
	height: 25px;
	line-height: 21px;
	margin-bottom: 3px;
}

.item_content, .item_content a{
	font-size: 11px;
	color: #ffffff;
	margin-left: 5px;
	margin-top: 2px;
	vertical-align: middle;
}

.item_date{
	position: absolute;
	font-size: 11px;
	color: #FFCC00;
	margin-left: 5px;
	margin-top: 2px;
	width: 70px;
	vertical-align: middle;
}

.item_code{
	position: absolute;
	font-size: 11px;
	color: #FFCC00;
	margin-left: 5px;
	margin-top: 2px;
	width: 80px;
	vertical-align: middle;
	text-transform: uppercase;
}

.item_title{
	position: absolute;
	margin-left: 85px;
	margin-top: 2px;
	font-size: 11px;
	height: 16px;
	width: 220px;
}

.item_title span{
	color: #AFAFAF;
}

.item_price{
	color: #FFCC00;
	font-size: 11px;
	padding-right: 5px;
	float: right;
}

.item_buttons{
	float: right;
}


.item_chart{
	height: 30px;
	line-height: 21px;
	margin-bottom: 3px;
	clear: both;
	background-color: #303030;
}

.item_chart_number{
	text-align: center;
	font-size: 11px;
	height: 30px;
	width: 25px;
	line-height: 30px;
	float: left;
	margin-right: 2px;
	color: #FFCC00;
	font-weight: bold;
}

.item_chart_last{
	text-align: center;
	font-size: 11px;
	height: 30px;
	width: 25px;
	line-height: 30px;
	float: left;
	margin-right: 2px;
}

.item_chart_product{
	margin-top: 2px;
	text-align: left;
	font-size: 11px;
	height: 30px;
	width: 180px;
	line-height: 13px;
	float: left;
}



.list{
	background-color: #525252;
	height: 17px;
}

.dark{
	background-color: #3F3F3F;
}

.light{
	background-color: #525252;
}

.red{
	background-color: #ff0000;
}

.list_date{
	position: absolute;
	font-size: 11px;
	color: #FFCC00;
	margin-left: 5px;
	margin-top: 2px;
	width: 70px;
	vertical-align: middle;
}

.list_title{
	position: absolute;
	margin-left: 70px;
	margin-top: 2px;
	font-size: 11px;
	height: 16px;
	width: 235px;
}

.list_content{
	position: absolute;
	margin-left: 5px;
	margin-top: 2px;
	font-size: 11px;
	height: 16px;
}

.list_title span{
	color: #AFAFAF;
}

#content_left .list_buttons{
	position: absolute;
	height: 16px;
	margin-left: 255px;
	margin-top: 3px;
	font-size: 0px;
	text-align: right;
	width: 82px;
}

#content_right .list_buttons{
	position: absolute;
	height: 16px;
	margin-left: 320px;
	margin-top: 3px;
	font-size: 0px;
	text-align: right;
	width: 82px;
}

.list_expand{
	background-color: #303030;
	height: 1px;
	overflow: hidden;
}

.list_expand p{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

.list_expand img{
	border: solid 1px #FFFFFF;
	margin-right: 4px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.list_images{
	text-align: center;
	background-color: #525252;
}

.list_images img{
	border: solid 1px #FFFFFF;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-right: 3px;
}
.order_header{
    height: 56px;
}


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

#TICKER a:hover{
	color: #FFC109;
	text-decoration: underline;
}

.info{
	background-color: #525252;
	padding: 5px;
}

.info p{
	margin: 2px;
}

.buy{
	background-color: #303030;
	margin-top: 3px;
	margin-bottom: 3px;
}

.banner{
	margin-top: 3px;
}

#footer{
	position: absolute;
	bottom: 10px;
	text-align: center;
	width: 768px;
	font-size: 10px;
	color: #9d9d9d;
	height: 60px;
	margin-left: 26px;
	background: url(../img/footer_bg.gif) repeat-x;
	text-transform: uppercase;
}

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

#footer a:hover{
	color: #ffffff;
}

.highlight{
	font-weight: bold;
	color: #FFC109;
}

.survey_formelement{
	margin-bottom: 2em;
}

.survey_formlabel{

}

.survey_text{
	color: #ffffff;
	border: 1px solid #ffffff;
	background-color: #000000;
	width: 300px;
}

.survey_formsubmit{
	text-align: center;
}

.survey_formsubmit input{
	color: #ffffff;
	border: 1px solid #ffffff;
	background-color: #444444;
	
}