* {margin:0;padding:0;}
a {outline: none;} 
.clear{clear:both;}
p {margin-bottom: 10px;}
a {
	color: #0040FF;
	text-decoration: underline;
}
a:visited {
	color: #0040FF;
	text-decoration: underline;
}
a:hover {
	color: #333;
	text-decoration: none;
}
html, body, #wrap {
	height: 100%;
	background-image:url(../px/navBg.gif);
	background-repeat: repeat-x;
	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #666;
}
body > #wrap {
	height: auto; 
	min-height: 100%;
	background-color:0;
}

#main { /* Moet dezelfde blijven als de hoogte van de footer! */
	padding-bottom: 100px;
}  
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#logo {
	margin-top: 46px;
	margin-left: 0px;
	position: absolute;
	width: 300px;
	height: 80px;
}

#container {
	width: 950px;
	position: relative;
	left: 50%;
	margin-left: -475px;	
	height: 50px;
}
#subnav {
	height: 20px;
	width: 950px;
	float: left;
	position: relative;
	margin: 7px 0 6px 0; 
}
#subber {
	height: 35px;
	width: 950px;
	float: left;
	position: relative;
	margin-bottom: 20px;
}
#inhoud {
	height: auto;
	width: 950px;
	float: left;
	position: relative;
	background-color:0;
	text-align: justify;
}
#kolom_left {
	height: 100%;
	top:0px;
	bottom:0px;
	width:200px;
	overflow:auto;	
	float: left;
	
	position: relative;
	background-color: #FFFFFF;
	margin-right: 10px;
/*	height: 100%;
	height: auto;*/
/*	padding: 10px;*/
	min-height: 100%;
}
#kolom_mid {
	height: auto;
	width: 450px;
	float: left;
	position: relative;
	margin:0 30px 0 30px;
}
#kolom_right {
	height: auto;
	width: 220px;
	float: left;
	position: relative;
	background-color:0;
	margin-top: 0px; 
	margin-left: 10px;
}
#info {
	height: auto;
	width: 180px;
	float: left;
	position: relative;
	background-color: #F1F1F1;
	padding: 20px;
	margin-bottom: 10px;
}
#info p {
	color: #666;
	padding-top: 20px;
}
#info img {
	width: 178px;
	margin-bottom: 10px;
	border: 1px solid #CCC;
}
#info a:hover {
	height: auto;
	width: 180px;
	margin-bottom: 10px;
	border: #FF0000 solid 1px;
}
#infotitle {
	font-size: 12px;
	color: #01B7E7;
	border-bottom: 1px solid #CCC;
	width: 180px;
	text-shadow: #FFF 0px 1px 0px;
	padding-bottom: 4px;	
}
#login {
	height: auto;
	width: 180px;
	float: left;
	position: relative;
	background-color: #333;
	padding: 20px;
	margin-bottom: 10px;
	color: #FFF;
	text-align: center;
}
#login p {
	color: #FFF;
	padding-top: 10px;
	font-size: 11px;
	margin-bottom: 0px;
}
#login a {
	color: #01B7E7;
	margin: 0 10px 0 10px;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
//	border-bottom: 1px solid #01B7E7;
	
}
#login a:hover {
	text-decoration: underline;
//	color: #01B7E7;
//	padding: 0 10px 0 10px;
	border-bottom: 0;
}
#footer {
	position: relative;
	margin-top: -20px; /* negatieve waarde van footer! */
	height: 100px;
	clear:both;
	background-color:0;
//	background-image: url(../px/footer.jpg);
	background-repeat: repeat-x;
}
#box {
	position: relative;
	width: 950px;
	margin-left: -475px;
	left: 50%;
	border-top: 1px solid #DDD;
}
#footer p {
	font-family: Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	line-height: 16px;
	padding-top: 24px;
	color: #999;	
}
#footer a {
	color: #01B7E7;	
	text-decoration: none;
}
#footer a:visited {
	color: #01B7E7;	
	text-decoration: none;
}
#footer a:hover {
	color: #666;
	text-decoration: none;	
}
/*---TYPO STYLES---*/
h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #01B7E7;
	margin-bottom: 20px;
	text-align: left;
	width: 440px;
	background-color: #333;
	padding: 5px;
	text-transform: capitalize;
}
hr {
	border: 0;
	height: 1px;
	background-color: #ccc;
	margin: 12px 0 12px 0;
}

h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #01B7E7;
	margin-bottom: 20px;
	text-align: center;
	background-color: #FFFFFF;
	padding: 5px;
}


}
/*------EIND TYPO STYLES-----*/

/*--------Navigatie--------*/
#nav {
	padding: 0px;
	height: 144px;
	width: 950px;
}
#mainnav ul a:link {
	margin: 0px;
	list-style-image: none;
	list-style-type: none;
	padding-top: 90px;
	border: 0;
}
#mainnav li {
	float: right;
	list-style-type: none;
	border: 0;
}
#mainnav li a:link, #mainnav li a:visited, #mainnav li a:active {
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	list-style-type: none;
	text-decoration: none;
	display: block;
	text-align: center;
	background-repeat: no-repeat;
	height: 143px;
	width: 100px;
	border: 0;
}
#mainnav li a:hover {
	color: #333;
	text-decoration: none;
	background-image: url(../px/nav_selected.jpg);
	border: 0;
}
#mainnav li a.active:link, #mainnav li a.active:visited, #mainnav li a.active:active, #mainnav li a.active:hover {
	color: #000;
	text-decoration: none;
	background-image: url(../px/nav_selected.jpg);
}
/*---Einde Navigatie---*/
/*---SUB Navigatie---*/
#search {
	height: 14px;
	float: right;
		
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	color: #333;
	line-height: 16px;
}
#search label, #newsletter label  {
	float: left;
	font-size: 11px;
	color: #333;
	text-shadow: #CCC 0px 1px 0px;
	font-family: Helvetica, sans-serif;
	margin-top: 1px;
}

#newsletter {
	height: 14px;
	float: left;
		
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	color: #333;
	line-height: 16px;
}
#search input, #newsletter input {
	width: 100px;
	font-family: Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #666;
	color: #333;
	line-height: 10px;
	background-color: #dadada;
}
#newsletter .submit-button {
	width: 44px;
	font-size: 11px;
	border: 1px solid #777;
	background-color: #777;
	color: #333;
//	text-shadow: #FFFFFF 12px 12px 12px;
	height: 16px;
	vertical-align: middle;
	float: right;
	outline: none;
	text-align: center;
}
#newsletter .submit-button:hover {
	width: 44px;
	font-size: 11px;
	border: 1px solid #01B7E7;
	background-color: #01B7E7;
	color: #333;
	vertical-align: middle;
	text-align: center;
	float: right;
	outline: none;
	text-shadow: none;	
}
#search .submit-button {
	width: 54px;
	font-size: 11px;
	border: 1px solid #777;
	background-color: #777;
	color: #333;
	height: 16px;
	vertical-align: middle;
	text-align: center;
	float: right;
	outline: none;
//	text-shadow: #999 0px 1px 0px;
}
#search .submit-button:hover {
	width: 54px;
	font-size: 11px;
	border: 1px solid #01B7E7;
	background-color: #01B7E7;
	color: #333;
	vertical-align: middle;
	text-align: center;
	float: right;
	outline: none;
	text-shadow: none;	
}

/*---Einde SUB Navigatie---*/

/*---SLIDE Menu---*/

.menu_list {
}
.menu_body {
	display:none;
}
.menu_body a {
	display:block;
	padding-left:10px;
	text-decoration:none;
	
	font-family: Arial, Helvetica;
	background-color: #999;
	color: #444;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 18px;
	font-size: 1em;
	margin:1px;
}
.menu_body a:hover {
	color: #000000;
	text-decoration:none;
	background: #01B7E7;	
}
/*---visible for eventpage---*/
.menu_body_visible {
	display:block;
}
.menu_body_visible a {
	display:block;
	padding-left:10px;
	text-decoration:none;
	
	font-family: Arial, Helvetica;
	background-color: #999;
	color: #444;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 18px;
	font-size: 1em;
	margin:1px;
}
.menu_body_visible a:hover {
	color: #000000;
	text-decoration:none;
	background: #01B7E7;	
}
/*---end visible events---*/
.item {
	padding-left: 5px;
	cursor: pointer;
	position: relative;
	margin:1px;
	background: #333;

	font-family: Arial, Helvetica;
	color: #FFF;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 18px;
	font-size: 1em;
}
.item:hover {
	background: #01B7E7;	
}
.item a {
	padding-left: 0px;
	cursor: pointer;
	position: relative;
	margin:1px;

	font-family: Arial, Helvetica;
	color: #FFF;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 18px;
	font-size: 1em;
}
.subitem {
	padding-left: 10px;
	cursor: pointer;
	position: relative;
	margin:1px;
	background: #999;

	font-family: Arial, Helvetica;
	color: #444;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 18px;
	font-size: 1em;
}
.subitem:hover {
	background: #01B7E7 url(../px/open.gif)center right no-repeat;
}
.subsubitem {
	padding-left: 20px !important;
	cursor: pointer;
	position: relative;
	margin:1px;
	background-color: #CCC !important;

	font-family: Arial, Helvetica;
	color: #444;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 18px;
	font-size: 1em;
}
.subsubitem:hover {
	background-color: #01B7E7 !important;	
}

/* CONTACT FORM */	
#contact-area {
	position: absolute;
	width: 420px;
	margin-left: -210px;
	left: 50%;
	height:260px;
	margin-top: -120px;
	top: 50%;
}
#contact-area input, #contact-area textarea {
	padding: 2px;
	width: 345px;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
	color: #333;
}
label {
	float: left;
	font-size: 12px;
	color: #999;
	font-family: Helvetica, sans-serif;
	padding: 0px 10px 10px 0px;
}
#contact-area textarea, #login-area textarea, #register-area textarea {
	height: 90px;
}
#contact-area textarea:focus, #contact-area input:focus, #login-area textarea:focus, #login-area input:focus, #register-area textarea:focus, #register-area input:focus {
	border: 1px solid #01B7E7;
}
#contact-area .submit-button, #login-area .submit-button, #register-area .submit-button {
	width: 100px;
	font-size: 12px;
	border: 1px solid #01B7E7;
	background-color: #01B7E7;
	color: #FFF;
	padding: 3px;
	float: right;
	outline: none;
}
#contact-area .submit-button:hover, #login-area .submit-button:hover, #register-area .submit-button:hover {
	width: 100px;
	font-size: 12px;
	background-color: #333;	
	border: 1px solid #333;
	color: #FFF;
	padding: 3px;
	float: right;
	outline: none;
}
.bedankt {
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
	padding-top: 50px;
}
/*---Eind contactform---*/


/*---LOGIN POPUP---*/
#login-area {
	position: absolute;
	width: 280px;
	margin-left: -140px;
	left: 50%;
	height:120px;
	margin-top: -60px;
	top: 50%;
	background-color: #FFF;
	text-align: center;
	vertical-align: middle;
}
#login-area input, #login-area textarea {
	padding: 2px;
	width: 205px;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
	color: #333;
}
/*---REGISTER POPUP---*/
#register-area {
	position: absolute;
	width: 280px;
	margin-left: -140px;
	left: 50%;
	height:480px;
	margin-top: -260px;
	top: 50%;
}
#register-area input, #register-area textarea, #register-area select  {
	padding: 2px;
	width: 205px;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
	color: #333;
}
/*---ATTENTION POPUP---*/
#attention-area p {
	text-align: center;
	font-size: 12px;
	color: #999;
	font-family: Helvetica, sans-serif;
}
#attention-area {
	position: absolute;
	width: 280px;
	margin-left: -140px;
	left: 50%;
	height:20px;
	margin-top: -5px;
	top: 50%;
}
/*---RELEASE ITEM---*/

#releaseItem {
	widows: 500px;
	height: auto;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #CCC;
	float: left;
	position: relative;
}
#releaseItem img {
	width: 150px;
//	height: 150px;
	border: 1px #999 solid;
	float: right;
	position: relative;
}
#releaseItem h2 { /*titel van de CD*/
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #999;
	margin-bottom: 4px;
	text-align: left;
	text-transform: capitalize;
}
#releaseItem h3 { /*datum van de CD*/
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
	color: #999;
	width: 450px;
	margin-bottom: 20px;
}
#releaseItem h4 { /*price van de CD*/
	font-size: 11px;
	color: #999;
	width: 150px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
	float: right;
}
#releaseItem p {
	color: #333;
	float: left;
	width: 280px;
	text-align: justify;
	position: relative;
}
#tuned {
	text-align: center; 
	padding-bottom: 20px;
	width: 450px;
	color: #999;
}
#itemRight {
	float: right;
	height: auto;
	width: 150px;
//	position: relative;
}
#itemRight a { /*ORDER van de CD*/
	font-size: 11px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	padding: 4px 0 4px 0;
	text-transform:  uppercase;
	font-weight: bold;

	width: 70px;
	position: relative;	
	margin-right: 40px;
	float: right;
	background-color: #01B7E7;
}
#itemRight a:hover {
	font-size: 11px;
	color: #FFF;
	text-align: center;

	position: relative;	
	float: right;
	background-color: #333333;
}
#itemLeft {
	float: left;
	height: auto;
	width: 280px;
	margin-right: 20px;
	position: relative;	
}

/*---EIND NEWS ITEM---*/

/*---FRIENDSPAGE---*/

#friendsLinks {
	margin-bottom: 10px;
	text-align: right;
}
#friendsLeft {
	width: 280px;
	float: left;
}
#friendsRight {
	width: 150px;
	float: right;
}
#friendsRight img{
	width: 150px;
	height: auto;
	border: 1px solid #ccc;
}
#friendsLeft h2 { /*titel van de CD*/
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #555;
	margin-bottom: 4px;
	text-align: left;
	text-transform: capitalize;
}
/*---EVENTSPAGE---*/
#eventsLinks {
	margin-bottom: 10px;
	text-align: right;
}
#eventsLeft {
	width: 280px;
	float: left;
}
#eventsRight {
	width: 150px;
	float: right;
}
#eventsRight img{
	width: 150px;
	height: auto;
	border: 1px solid #ccc;
}
#eventsLeft h2 { /*titel van de CD*/
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #555;
	margin-bottom: 4px;
	text-align: left;
	text-transform: capitalize;
}


/* Image albums "click me" */
#imgFullpic {  
  width: 180px;  
  text-align: center;  
  margin: auto;  
}  
.imgBack {  
  position:absolute;  
  top:0;
  left:0;  
}  
.imgFull {  
  width:170px;  
  height:170px;  
  position:relative;  
  margin:auto;
  margin-bottom: 10px;
  overflow:hidden;  
}  
.imgComment {  
  position:absolute;  
  width:180px;  
  top:70px;  
  left:0px;  
  letter-spacing: -1px;  
  color: white; font: 24px/45px Berlin Sans FB, Sans-Serif;  
  background: #000000;  
  padding: 10px 0 10px 0;  
  filter:alpha(opacity=00);  
  -moz-opacity:0.0;  
  -khtml-opacity: 0.0;  
  opacity: 0.0;  
  line-height: 90%  
}  

/* Image album BESTSELLER "click me" */
#bestseller {
	height: auto;
//	width: 160px;
	float: left;
	position: relative;
	background-color: #F1F1F1;
	margin-top: 20px;	
	padding: 20px;
}
#bestsellertitle {
	font-size: 12px;
	color: #01B7E7;
	border-bottom: 1px solid #CCC;
	text-shadow: #FFF 0px 1px 0px;
	padding-bottom: 4px;	
}
#bestseller p {
	color: #333;
	float: left;
	padding-top: 4px;
}
#bestseller img {
	width: 158px;
	height: 158px;
	border: 1px #999 solid;
	float: left;
	margin-top: 20px;
	}
#imgFullpic_bestseller {  
  width: 158px;  
  text-align: center;  
  margin: auto;  
}  
.imgComment_bestseller {  
  position:absolute;  
  width:160px;  
  top:80px;  
  left:0px;  
  letter-spacing: -1px;  
  color: white; font: 24px/45px Berlin Sans FB, Sans-Serif;  
  background: #000000;  
  padding: 10px 0 10px 0;  
  filter:alpha(opacity=00);  
  -moz-opacity:0.0;  
  -khtml-opacity: 0.0;  
  opacity: 0.0;  
  line-height: 90%  
}
/* End Images */

/*--- CART ITEM ---*/

#cartItem {
//	background-color: #F00;
	width: 450px;
	height: auto;
	float: left;
	position: relative;
	margin-bottom: 10px;
	padding-bottom: 10px;
//	border-bottom: 1px solid #eeeeee;
}
#cartItem img {
	width: 100px;
	max-height: 100px;
	height: auto;
	float: left;
}
#cartItem p {
	width: 330px;
	height: auto;
	float: right;
	padding-top: 5px;
}
#cartItem h2 { /*titel van de CD*/
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #666;
	text-transform: capitalize;
	padding-left: 20px;
	float: left;
	text-align: left;
	position: relative;
}
#cartItemClose, #cartItemClose img, #cartItemClose img:hover {
	float: right;
	position: relative;
	width: 14px;
	height: 14px;
	border: 0;
}
#betaalwijze {
//	background-color: #F00;
	width: 450px;
	float: left;
	position: relative;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#betaalwijze input {
line-height: 18px;
}
#betaalwijze select {
	font-family: Helvetica, Arial, sans-serif;
//	margin: 0px 0px 0px 0px;
	border: 1px solid #ccc;
	color: #333;
//	vertical-align: middle;
	padding: 4px;
}
#betaalwijze table {
	margin-bottom: 20px;
}
#cartTotal {
//	background-color: #F00;
	width: 450px;
	height: auto;
	float: left;
	position: relative;
	margin-bottom: 10px;
	padding-bottom: 10px;
	text-align: right;
	font-weight: bold;
}
#cartComment textarea {
	width: 438px;
	height: 60px;
	float: left;
	position: relative;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border: 1px solid #CCC;
	color: #666;
	padding: 5px;
}
.cartTitle {
	width: 450px;
	height: auto;
	float: left;
	position: relative;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-bottom: 2px;
	border-bottom: 1px solid #01B7E7;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
}
.cartOrder {
	margin-top: 10px;
	padding: 4px 10px 4px 10px;
	background-color: #01B7E7;
	color: #FFF !important;
	text-decoration: none !important;
}
.cartEmpty {
	margin-top: 10px;
	margin-right: 10px;
	padding: 4px 10px 4px 10px;
	background-color: #FF0000;
	color: #FFF !important;
	text-decoration: none !important;
}
.cartOrder:hover, .cartEmpty:hover {
	padding: 4px 10px 4px 10px;
	background-color: #222;
	color: #FFF;
}

.cartRecalculate {
	margin-top: 10px;
	padding: 4px 10px 4px 10px;
	background-color: #01B7E7;
	color: #FFF !important;
	text-decoration: none !important;
}