@charset "utf-8";

/* HTML */

* {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

html {
	height:100%;
	}

body {
	background-color:#000;
	background-image:url(../img/background.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:30px 0 0 0;
	margin:0;
	width:100%; 
    height:100%; 
    overflow:auto; 
	}
img {
	border:0
}

.popuphelp {
	color: #000;
}
.popuphelp h1 {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}
.popuphelp a {
	font-weight: bold;
}

a {
	color:#e12d00;
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	}

h2 {
	font-size:16px;
	color:#701919;
	}

table tr td {
	vertical-align:top;
	}

#logo {
	width:136px;
	height:135px;
	margin-bottom:10px;
	float:left;
	}

	

/* HEADER */

#maincontainer {
	width:936px;
    display:block; 
    position:absolute; 
    _height:100%; 
    min-height:100%; 
    overflow:visible; 
    left:50%; 
    margin-left:-468px; 
	}

#header {
	width:799px;
	height:145px;
	background-image:url(../img/header.jpg);
	position:relative;
	float:left;
	}

	#soundsheader {
		position:absolute;
		left:300px;
		top:8px;
		}

#zoek {
	position:absolute;
	width:303px;
	height:40px;
	background-color:#bf532d;
	left:283px;
	top:105px;
		}

	#righthead {
		position:absolute;
		width:200px;
		height:40px;
		background-color:#bf532d;
		background-image:url(../img/arrow.gif);
		background-position:right;
		background-repeat:no-repeat;
		left:599px;
		top:105px;
		}
		
#menu {
	width:136px;
	min-height:520px;
	height:auto !important;
	height:520px;
	background-color:#bf532d;
	float:left;
	clear:both;
	padding-top:15px;
	}

#menu ul.primary-nav,
#menu ul.primary-nav ul {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
 }


#menu ul.primary-nav li {
	position: relative;
	list-style: none;
	background-repeat: no-repeat;
 }


#menu ul.primary-nav li a {
	 display: block;
	 line-height:19px;
	 height:1%;
	 text-decoration: none;
	 color: #FFFFFF;
	 padding: 0px 0px 0px 5px;
	 border: 0;
	 font-size:14px;
 }

 

/* Fix IE. Hide from IE Mac \*/

* html #menu ul.primary-nav li { float: left; height: 1%; }
* html #menu ul.primary-nav li a { height: 19px; height: 1%;}

/* End */

 

#menu ul.primary-nav ul {
	 position: absolute;
	 display: none;
	 left: 135px; /* Set 1px less than menu width */
	 top: 0;
	 z-index:1000;
 }
 
 
 /* ############# toevoeging 9 februari 2009 ############## */
#menu ul.primary-nav li ul li {
	white-space: nowrap; 
	width:180px; 

	}
 #menu ul.primary-nav ul ul {
	 left: 179px; 
 }
#menu ul.primary-nav li ul li ul li {
	width:250px; 
	}
 /* #############/toevoeging 9 februari 2009 ############## */
	

#menu ul.primary-nav li ul li a { 
	padding: 0 0 0 5px;
	line-height:19px;
	height:1%;
	} 
	/* Sub Menu Styles */
#menu ul.primary-nav li ul li ul li a { 
	padding: 0 0 0 5px; 
	line-height:19px;
	height:1%;}

 

#menu ul.primary-nav li:hover ul ul,
#menu ul.primary-nav li:hover ul ul ul,
#menu ul.primary-nav li.over ul ul,
#menu ul.primary-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */

 

#menu ul.primary-nav li:hover ul,
#menu ul.primary-nav li li:hover ul,
#menu ul.primary-nav li li li:hover ul,
#menu ul.primary-nav li.over ul,
#menu ul.primary-nav li li.over ul,
#menu ul.primary-nav li li li.over ul { display: block; } /* The magic */

 

#menu ul.primary-nav li.menuparent a { 
	background: url(../img/navback.gif) bottom right no-repeat;
	line-height:19px;
	height:1%;
	}

#menu ul.primary-nav li.menuparent ul li a {
	background-image:none;
	background-color:#ac4b29;
	line-height:19px;
	height:1%;
	}

#menu ul.primary-nav li.menuparent ul li.menuparent a { 
	background: url(../img/navback.gif) bottom right no-repeat;
	background-color:#82391f;
	line-height:19px;
	height:1%;
	}

#menu ul.primary-nav li.menuparent ul li.menuparent ul li a {
	background-color:#bf532d;
	background-image:none;
	line-height:19px;
	height:1%;
	}

#menu ul.primary-nav li.menuparent:hover,

#menu ul.primary-nav li.over {
	text-decoration: none; 
	background-image: url(../img/navback_hover.gif);
	}

 

#menu ul.primary-nav li a:hover, 
#menu ul.primary-nav li.menuparent ul li a:hover,
#menu ul.primary-nav li.menuparent ul li ul li a:hover {
	text-decoration: none;
	background-color:#82391f;
	line-height:19px;
	height:1%;

}


/*
 *	winkelen menu..
 */

#winkelen {

	width:136px;
	/*height:520px;*/
	background-color:#bf532d;
	float:left;
	clear:both;
	/*padding-top:15px;*/
	padding: 0px;
	margin: 0;
}

	/*

	#winkelen a {

		color:#fff;

		font-size:14px;

		font-weight:bold;

		display:block;

		text-decoration:none;

		padding:1px 12px;

		margin:1px 0;

	}

		#winkelen a.current {

			background-color:#905123;

		}

		#winkelen a:hover {

			background-color:#e27323;

		}

*/


/* styles voor dropdown css menu */

 

#winkelen ul.primary-nav,
#winkelen ul.primary-nav ul {

	margin: 0;
	padding: 0;
	width:136px;
	color: #FFFFFF;
 }

 

#winkelen ul.primary-nav li {

	position: relative;
	list-style: none;
	background-repeat: no-repeat;

 }

 

#winkelen ul.primary-nav li a {

	 /*display: block;*/
	 line-height:19px;
	 height:1%;
	 text-decoration: none;
	 color: #FFFFFF;
	 padding: 0px 0px 0px 5px;
	 border: 0;
	 font-size:14px;
 }

 

/* Fix IE. Hide from IE Mac \*/

* html #winkelen ul.primary-nav li { float: left; height: 1%; }

* html #winkelen ul.primary-nav li a { height: 19px; }

/* End */

 

#winkelen ul.primary-nav ul {
	 position: absolute;
	 display: none;
	 left: 135px; /* Set 1px less than menu width */
	 top: 0;
	 z-index:1000px;
 }

 

#winkelen ul.primary-nav li ul li { width: 179px; }

#winkelen ul.primary-nav li ul li a { padding: 0px 0px 0px 5px; } /* Sub Menu Styles */

#winkelen ul.primary-nav li ul li ul li {}

#winkelen ul.primary-nav li ul li ul li a { padding: 0px 0px 0px 5px; }

 

#winkelen ul.primary-nav li:hover ul ul,

#winkelen ul.primary-nav li:hover ul ul ul,

#winkelen ul.primary-nav li.over ul ul,

#winkelen ul.primary-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */

 

#winkelen ul.primary-nav li:hover ul,

#winkelen ul.primary-nav li li:hover ul,

#winkelen ul.primary-nav li li li:hover ul,

#winkelen ul.primary-nav li.over ul,

#winkelen ul.primary-nav li li.over ul,

#winkelen ul.primary-nav li li li.over ul { display: block; } /* The magic */

 

#winkelen ul.primary-nav li.menuparent a { 

	background-image: url(../img/navback.gif);

	background-position:bottom;

	background-repeat:no-repeat;

	}

#winkelen ul.primary-nav li.menuparent ul li a {

	background-image:none;

	background-color:#ac4b29;

	}

#winkelen ul.primary-nav li.menuparent ul li.menuparent a { 

	background: url(../img/navback.gif);

	background-color:#82391f;

	}

#winkelen ul.primary-nav li.menuparent ul li.menuparent ul li a {

	background-color:#bf532d;

	background-image:none;

	}

#winkelen ul.primary-nav li.menuparent:hover,

#winkelen ul.primary-nav li.over {

	text-decoration: none; 

	background-image: url(../img/navback_hover.gif);

	}

 

#winkelen ul.primary-nav li a:hover, 

#winkelen ul.primary-nav li.menuparent ul li a:hover,

#winkelen ul.primary-nav li.menuparent ul li ul li a:hover {

	text-decoration: none;

	background-color:#82391f;

}




		

/* CONTENT */

#content {

	width:799px;
	min-height:520px;
	float:left;
	}

	#left {

		width:549px; /*min 30 padding*/
		padding:15px;
		min-height:505px;
		height:auto !important;
		height:505px;
		background-image:url(../img/shade.gif);
		background-position:left;
		background-repeat:repeat-y;
		background-color:#cccccc;
		float:left;
		}
		#breadcrumbs {
			margin-bottom:10px;
			}
		#breadcrumbs a {

			padding: 0 10px 0 10px;
			margin:0;
			background-image:url(../img/li.gif);
			background-repeat:no-repeat;
			background-position:left;
			color:#fff;
			text-decoration:none;
		}

		

		#breadcrumbs a:hover {
			color:#ff4200;
			}

		#specials {
			float:left;
			margin-right:19px;
			width:265px;
			height:118px;
			margin-bottom:15px;
			/margin-bottom:0;
		}

		#top5 {
			float:left;
			width:265px;
			height:118px;
		}

		#news {
			background-color:#990000;
			padding:5px;
			clear:both;
			color:#fff;
		}

		#aanbieding {
			margin: 15px 0;
			clear:both;
			background-color:#fff;
		}

		/*

		.solid {

			background-color:#f2e1d5;

		}

		.border {

			border:#f2e1d5 solid 1px;

		}

		*/

					.cdcontainer {

						color:#000;
						font-size:9px;
						margin: 10px;
						padding:7px;
						border:#bf532d solid 1px;
						width:100px;
						height:160px;
						background-color:#e6dcda;

					}

					div.cdcontainer:hover {

						border:#ff0000 solid 1px;
						background-color:#ffe9dd;

					}

						.cdcontainer .cd {

						padding-bottom:9px;
						text-align:center;
						border-bottom:#000 solid 1px;	

						}

						.cdcontainer .prijs {

							float:right;
							color:#000;
							border-left:#7c7c7c 1px solid;
							padding-left:5px;
							font-weight:normal;
							font-size:9px;

							}

							

					.cdcontainer2 { /* nieuw */
						color:#000;
						font-size:9px;
						background-color:#ccc;
						border:#ccc solid 1px;
						margin-top:5px;
					}
					.cdcontainer2:hover {
						background-color:#e6dcda;
						border:#bf532d solid 1px;
					}

						.cdcontainer2 .cd {
							float:left;
							border:#000 solid 1px;

						}
						.cdcontainer2 .cd img {
							width:50px;
							height:50px;

						}

						.cdcontainer2 .prijs {
							display:none;
						}
						.cdcontainer2 .artistrecord {
							font-size:9px;
							margin-left:55px;
							}



		#meer {
		clear:both;
		text-align:right;
		}
		
	#newsletter {
		width:163px;/*min 30 padding*/
		padding:15px;
		background-color:#ccc;
		float:left;	
		margin-left:13px;
		margin-bottom: 15px;
		height:60px;
		}
	#shoppingcart {
		width:163px;/*min 30 padding*/
		padding:15px;
		float:left;	
		margin-left:13px;
		margin-bottom: 15px;
		height:60px;
		background:url(../img/shoppingcart.gif) 140px 15px no-repeat #ccc;
		}
		table.shopbuttons {
			margin-top:23px;
			}
			table.shopbuttons td {
				padding-right:7px;
				}
		
	.balkrighttop {

		width:7px;
		height:20px;
		background-color:#bf532d;
		float:left;	
		}

	 .balkrighttop2 {
	 	width:7px;
		height:90px;
		background-color:#bf532d;
		float:left;
		}
		
	#right {

		width:163px;/*min 30 padding*/
		padding:15px;
		min-height:520px;
		background-color:#ccc;
		float:left;	
		margin-left:13px;
		margin-bottom: 15px;
		padding-bottom: 15px;
		}

	.balk {

		width:7px;
		height:477px;
		background-color:#bf532d;
		float:left;	
		}

	 .balk2 {
	 	width:7px;
		height:267px;
		background-color:#bf532d;
		float:left;
		}

		#agnlink {
	margin-left: 845px;
	
		}

		#agnlink a {
	font-size: 10px;
	color: #666666;
	text-decoration: none;
		
}

	/* HIGHLIGHTS */

	

	.highlight1 { background-color: #bf532d; color:#FFFFFF; }

	.highlight2 { background-color: #bf532d; color:#FFFFFF; }

	.highlight3 { background-color: #bf532d; color:#FFFFFF; }

	.highlight4 { background-color: #bf532d; color:#FFFFFF; }

	.highlight5 { background-color: #bf532d; color:#FFFFFF; }

		

	/* END HIGHLIGHTS */


/* aanpassingen/toevoegingen Pim | 28.01.2008 */


/*
#winkelwagen {
	padding: 2px;
	margin: 0;
}



#winkelwagen h2 {

	border-top: 1px solid #FFFFFF;
	padding: 2px 0 0 0;
	margin: 10px 0 0 0;
}


#winkelen {

	padding: 0px;

	margin: 0;

}*/



#winkelen h2 {

	border-top: 1px solid #FFFFFF;
	padding: 2px 0 0 0;
	margin: 10px 0 0 0;
}


/*
#winkelwagen .cartoptions span {
	display: block;
	width: 110px;
	height: 15px;
	}

#winkelwagen .cartoptions a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 9px;
	float: right;
}

#winkelwagen dl {
	width: 110px;
	padding: 10px 0 10px 0;
	height: 20px;
	font-size: 13px;
}

#winkelwagen dl dt {
	float: left;
	font-size: 13px;
}

#winkelwagen dl dd {
	margin: 0 0 0 85px;
	font-size: 11px;
	}
*/
#miniWinkelwagenAmount {
	font-weight:bold;
	}

#miniWinkelwagenTotalPrice {
	font-size: 11px;
	color:#900;
	}

#cartadded {
	font-size: 12px;
	color: #FF0000;
	font-weight:bold;
	}

div.plaatje300	{
	width: 320px;
	float:left;
	margin: 0;
	}

/*

div#details {



	position:absolute;

	top:222px;

	left:500px;

	width:230px;



	}	*/

.prijs {
	font-size: 22px;
	font-weight: bold;
	color:#CC0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

.artist {}

.title {font-weight: bold;}

.released { }

.details {
	clear:both;
	vertical-align:top;
	}

.details img {
	padding: 0 5px;
	}

.addtowinkelwagen {
	margin: 10px 0 10px 0;
}

#cart th.prijs { font-size: 12px;}

#verderkeuze img {border: none;}

#instore_date {
	font-weight: bold;
}

#instore_title a {
	font-size: 16px;
	color: #701919;
}

#instore_desc {
	font-style: italic;
}

.pagingcontrol {
	height:40px;
	background-color:#CCCCCC;
	letter-spacing:0.1em;}

.pagingcontrol tr td {	padding:5px;}



.listentrack {
	width:300px;
	clear:both;
}



/*

 *	List sales articles..

 */



.rptSalesArticles_head_artist {
	width: 25%;
	text-transform: uppercase;
	padding-left: 5px;
	font-weight: bold;
	background-color: #666;
}



.rptSalesArticles_head_title {
	width: 25%;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #666;
}

.rptSalesArticles_head_format {
	width: 10%;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #666;
}

.rptSalesArticles_head_from {
	width: 15%;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #666;
}



.rptSalesArticles_head_release {
	width: 15%;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #666;
}


.rptSalesArticles_head_prijs {
	width: 10%;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #666;
}



/*

 *	table cells

 */

.rptSalesArticles_td1_artist {
	width: 25%;
	padding-left: 5px;
	background-color: #d4d4d4
}



.rptSalesArticles_td1_title {
	width: 25%;
	background-color: #d4d4d4;
}



.rptSalesArticles_td1_format {
	width: 10%;
	background-color: #d4d4d4;
}


.rptSalesArticles_td1_from {
	width: 15%;
	background-color: #d4d4d4;
}

.rptSalesArticles_td1_release {
	width: 15%;
	background-color: #d4d4d4;
}

.rptSalesArticles_td1_prijs {
	width: 10%;
	background-color: #d4d4d4;
}

.rptSalesArticles_td1_artist {
	width: 25%;
	background-color: #d4d4d4;
}


/* row 2 */

.rptSalesArticles_td2_artist {
	width: 25%;
	padding-left: 5px;
	background-color: #b4b4b4;
}

.rptSalesArticles_td2_title {
	width: 25%;
	background-color: #b4b4b4;
}

.rptSalesArticles_td2_format {
	width: 10%;
	background-color: #b4b4b4;
}

.rptSalesArticles_td2_from {
	width: 15%;
	background-color: #b4b4b4;
}

.rptSalesArticles_td2_release {
	width: 15%;
	background-color: #b4b4b4;
}


.rptSalesArticles_td2_prijs {
	width: 10%;
	background-color: #b4b4b4;
}

.rptSalesArticlesToTop {
	text-align: right;
}


.rptSalesArticles_td1_artist a,
.rptSalesArticles_td1_title a,


.rptSalesArticles_td2_artist a,
.rptSalesArticles_td2_title a
 {color:black}

/*#clearer {
	clear: both;
	height: 10px;
}*/
.meernieuw {
	font-weight:bold;
	padding: 20px 0;
	}
	
.slidewrap{
	height:220px;
	margin-left:8px;
}
.slidewrap2{
	height:330px;

}
.slideshowContainer2, .slideshowContainer{
	margin:0;
	padding:0;
}