body {
	margin:0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #000000;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}
a {
	text-decoration:none;
	color: #CCCCCC;
}
#main{
	padding-top:6px;
	margin-bottom:0;
	margin-top: 0;
	margin-right: 0px;
	margin-left: 0px;
}
#header {
	margin:0 auto;
	height:200px;
	width:1003px;
}
#menu {
  width:950px;
  height:38px;
}
#menu a {
  float:right;
  font-size:15px;
  color:#fff;
  font-weight:bold;
  text-decoration:none;
  padding-left:20px;
  padding-right:20px;
  height:28px;
  padding-top:10px;
}
#menu a:hover {
  background:url(images/nav_bg.gif) repeat-x;
  color:#96ED00;
}
#header-Bottom {
	margin:0;
	height:89px;
	background: url(images/header_bot_bg.gif) no-repeat;
    clear:both;
}
#logoBlock {
   float:left;
   width:255px;
   padding-left:135px;
   padding-top:10px;
   height:79px;
}
#logoBlock h1{
	font-weight:bold;
	font-family: "Trebuchet MS";
	color:#fff;
	font-size:24px;
	margin:0;
	line-height:1em;
}
#logoBlock p {
   margin:0;
   color:#777777;
   font-family: "Trebuchet MS";
   line-height:1em;
   font-size:10px;
}
#navBlock {
   float:left;
   width:587px;
   padding-left:26px;
   padding-top:5px;
   height:84px;
}
#navBlock h3{
	font-weight:bold;
	font-family: "Trebuchet MS";
	color:#81CB02;
	font-size:16px;
	margin:0;
	line-height:1.5em;
	text-decoration: underline; 
 }
 #navBlock a {
	margin:0;
	float:left;
	line-height:1.2em;
	font-size:12px;
	width:105px;
	padding-right:35px;
	text-decoration:none;
	color:#CCCCCC;
}
 #navBlock a:hover {
   text-decoration:underline;
   color:#696969;
}
#mainCont {
	width:998px;
	height:950px;
	margin: auto;
	padding: auto;
	float: none;
}
#leftCol {
	margin:0;
	float:left;
	width:250px;
	vertical-align: top;
	padding: 0px;
}
#welcomeBox {
margin:0;
padding-right:5px;
}
  #welcomeBox h3 {
   font-family: "Trebuchet MS";
   color:#9B9B9B;
   font-size:18px;
   font-weight:normal;
   margin:0;
   line-height:normal;
  }
  #welcomeBox p {
    color:#4D4D4D;
	line-height:normal;
	margin:0;
	text-align:justify;
  }
   #welcomeBox p span {
    color:#919191;
  }
     #welcomeBox h5 {
    color:#919191;
	font-weight:bold;
	margin:0;
	line-height:normal;
	font-size:11px;
	padding-top:6px;
  }
  #playListTop {
	padding-top:0px;
	margin:0;
	
	}
	#playListTop h3 {
	color:#81CB02;
	font-size:12px;
	font-weight:bold;
	height:24px;
	width:367px;
	margin:0;
	padding-left:30px;
	padding-top:8px;
	background: url(images/playlist_head_bg.gif) no-repeat;
}
    #playListBody {
	 margin:0;
	 border-left:solid 1px #40434A;
	 border-right:solid 1px #40434A;
	 height:359px;
	 width:367px;
	}
	.head {
      height:20px;
	  width:365px;
	}
	 .head p {
        font-size:12px;
		font-weight:bold;
		color:#DBDBDB;
		margin:0;
		padding-left:12px;
		 padding-top:5px;
		 float:left;
		}
		.head p.left {
		  width:50px;

		}
		 .head p.centr {
		  width:176px;
          border-left:solid 1px #40434A;
		}
		  .head p.right {
		  width:100px;
		  border-left:solid 1px #40434A;

		}
		playListDark {
		height:20px;
		background-color:#464646;
		width:365px;
		}
		.playListDark p {
		  color:#B3B3B3;
		  margin:0;
		  height:20px;
		  float:left;
		  padding-top:3px;
          background-color:#464646;
		}
		.playListDark p.play {
	        background:#464646 url(images/play.gif) no-repeat 12px center;	
         	width:62px;  
		}
		.playListDark p.track {
         width:175px;
         	 padding-left:12px; 
		}
		.playListDark p.artist{
         width:104px;
         	  padding-left:12px;
		}
		playListLight {
		height:20px;
		width:365px;
		}
		.playListLight p {
		  color:#B3B3B3;
		  margin:0;
		  height:20px;
		  float:left;
		  padding-top:3px;
		  width:365px;
		}
				.playListLight p.play {
	        background: url(images/play.gif) no-repeat 12px center;	
         	width:62px;  
		}
		.playListLight p.track {
         width:175px;
		 border-left:solid 1px #40434A;
         	  padding-left:12px;
		}
		.playListLight p.artist{
         width:100px;
		 border-left:solid 1px #40434A;
		 padding-left:12px;
		 }
	 p.bot {
       border-top:solid 1px #40434A;
	   clear:both;
	   margin:0;
	   width:365px;
	   height:1px;
		}
    #playListBot {
	height:32px;
	width:367px;
	background-repeat: no-repeat;
	}
	
  #centrCol {
	float:left;
	width:367px;
	padding-left:0px;
	clear: right;
	margin: 0;
	height: 625px;
}
   .banr{
	margin:0;
	width:250px;
	vertical-align: bottom;
   }
   #albmBlock {
	padding-top:20px;
	margin:0;
	
   }
   #albmBox, #albmBox2, #albmBox3, #albmBox4{
   background:url(images/albm_box.gif) no-repeat;
   height:111px;
   }
   #albmBox4.totalheight {
      height:90px;
   }
   .topCont{
     height:70px;
     
   }
   .topCont h1 {
	 margin:0;
	 float:left;
	 padding:7px;
   }
      .topCont a {
	 margin:0;
	 float:left;
	 padding-top:10px;
	 width:135px;
	 line-height:normal;
   }
         .topCont a.headings {
	font-size:14px;
	font-weight:normal;
	color:#fff;
	margin:0;
	text-align: left;
   }
     .topCont a span  {
	 color:#fff;
	 margin:0;
	 font-size:11px;
	 
   }
        .topCont a:hover {
	 color:#DBDBDB;
   }
   .botCont {
     height:20px;
	 padding-top:2px;
   }
   .botCont a {
     color:#454545;
   }
      .botCont a:hover {
     color:#000000;
   }
   .botCont a.left {
	margin:0;
	width:200px;
	float:left;
	padding-left:35px;
   }
      .botCont a.right {
	margin:0;
	width:80px;
	float:left;
   }

#rightCol {
	margin:0;
	float:right;
	width:300px;
	top: 0px;
}
#videoBlock {
	height:750px;
	width:303px;
}
 #videoBlockTop {
	width:303px;
 }
#videoBlockTop h3 {
	color:#81CB02;
	font-size:12px;
	font-weight:bold;
	background: url(images/feat_vid.gif) no-repeat;
	width:303;
	margin:0;
	height:23px;
	padding-left:30px;
	padding-top:8px;
}

#videoBlockTop p {
	color:#919191;
	background: url(images/videobox_lower.gif) repeat-x;
	margin:0;
	border-left:solid 1px #40434A;
	border-right:solid 1px #40434A;
	padding:6px;
	width: 289px;
}
  #videoBlockBody {
	margin:0;
	padding:10px;
	background: url(images/videobox_bg.gif) repeat-y;
	width:303px;
	height:750px;
 }
   .vidBox{
	border-bottom:solid 1px #40434A;
	padding-top:7px;
	height:60px;
	margin:0;
	width: 250px;
   }
    .leftBox {
	  float:left;
	  width:194px;
	  }
	  .leftBox p {
	  	margin:0;
	    line-height:normal;
	  }
	  .leftBox p b {
	    color:#9B9B9B;
	  }
	   .leftBox p.dark {
	    color:#D2D2D2;
}
	  .leftBox p.light {
	    color:#FCFCFC;
}
      p.rightBox{
	  float:left;
	  margin:0;
   }

	  	.calendar {
	height: 50px;
	float: left;
	width: 50px;
	padding: 5px 0 0 9px;
	color: #FFFFFF;
	background-color: #000000;
	background-image: url(images/calendar.gif);
	background-repeat: no-repeat;
}
	.calendar p { padding: 0; margin: 0; }

	#videoBlockBot {
	background: url(images/vid_box_botbg.gif) no-repeat;
	height:30px;
	width:303px;
	clear:both;
	margin:0;
	}
	
#footer {
	height:98px;
	clear:both;

	background-color: #DA0C7D;
}
#footerMenu {
     width:600px;
	 margin:0 auto;
	 clear:both;
	 padding-top:20px;
	 padding-bottom:10px;
}
#footerMenu a{
   padding:20px;
    font-size:15px;
  color:#fff;
  font-weight:bold;
}
#footerMenu a:hover{
   color:#DBDBDB;
}
#footerMenu P {
 margin:0;
}
.rights{
color:#3E3E3E;
text-align:center;
}
.rights a{
color:#3E3E3E;
text-decoration:none;
}
.rights a:hover{
color:#ffffff;
text-decoration:underline;
}
.thumbnail {
	float: left;
	border: 1px solid #dedede;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 8px;
	margin-left: 10;
}
/*  styles for the unit rater     */
.ratingblock {
	width: 50%;
	display:block;
	padding-bottom:8px;
	margin-bottom:8px;
	}

.loading {
	height: 30px;
	background: url('images/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 30px;
	position: relative;
	background: url('images/starrating.gif') top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:30px;
	height: 30px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('images/starrating.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:30px;}
.unit-rating a.r2-unit{left:30px;}
.unit-rating a.r2-unit:hover{width: 60px;}
.unit-rating a.r3-unit{left: 60px;}
.unit-rating a.r3-unit:hover{width: 90px;}
.unit-rating a.r4-unit{left: 90px;}	
.unit-rating a.r4-unit:hover{width: 120px;}
.unit-rating a.r5-unit{left: 120px;}
.unit-rating a.r5-unit:hover{width: 150px;}
.unit-rating a.r6-unit{left: 150px;}
.unit-rating a.r6-unit:hover{width: 180px;}
.unit-rating a.r7-unit{left: 180px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}

.unit-rating li.current-rating {
	background: url('images/starrating.gif') left bottom;
	position: center;
	height: 30px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.Warning {
	color: #FF0000;
	font-size: 12px;
	font-style: italic;
}

#search form input{
	width:158px; height:22px; display:block; background-color:#171717; border:#494949 1px solid; color:#ACACAC;
	float:left; margin:12px 0 0 20px; padding:0 0 0 5px;
	}
#search form input.button{
	width:31px; height:23px; background:url(images/search_button.gif) no-repeat 0 0; float:left; cursor:pointer; border:none;
	}
a:hover {
	text-decoration:underline;
	color:#696969;
}
#centrColnieuws {
	float:none;
	width:500px;
	padding-left:0px;
	clear: right;
	margin: 0;
	height: 625px;
}