/* ################################################## */
/*  MADE BY: WWW.DIRECTBASING.COM                     */
/*  ALEX VAN DER VEGT                                 */
/* ################################################## */

/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #000; }
input, select, textarea { font-family: Arial; font-size: 11px; color: #000; }
body { padding: 10px 0px 20px 0px; background: #000; }

/* img { border: 0px; display: block; } */

/* ### GLOBAL CLASSES ### */
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.center { margin: 0 auto; }

a.imgbord:link {color: black;}
a.imgbord:active {color: black;}
a.imgbord:visited {color: black;}
a.imgbord:hover {color: black;} 

a.linkje {
	COLOR: #000000; 
	TEXT-DECORATION: none;
	font-family: arial;
	font-weight: bold;
}
a:hover.linkje {
	COLOR: #000000; 
	TEXT-DECORATION: underline;
    font-family: arial;
	font-weight: bold;
}

a.extlink {
	COLOR: #e2017b;
	TEXT-DECORATION: none;
	}
	
a:hover.extlink {
	COLOR: #e2017b
	TEXT-DECORATION: none;
	}
	
a.hitlijst {
	COLOR: #e2017b; 
	TEXT-DECORATION: none;
	font-family: arial;
	font-weight: bold;
}

a:hover.hitlijst {
	COLOR: #e2017b; 
	TEXT-DECORATION: underline;
    font-family: arial;
	font-weight: bold;
}

a.menu1 {
	COLOR: #EEEEEE; 
	TEXT-DECORATION: none;
	font-family: arial;
	font-weight: bold;
}
a:hover.menu1 {
	COLOR: #EEEEEE; 
	TEXT-DECORATION: underline;
    font-family: arial;
	font-weight: bold;
}
a.menu2 {
	COLOR: #e2007a; 
	TEXT-DECORATION: none;
    font-family: arial;
	font-weight: bold;
}
a:hover.menu2 {
	COLOR: #e2007a; 
	TEXT-DECORATION: underline;
    font-family: arial;
	font-weight: bold;
}
a.links {
	COLOR: #EEEEEE; 
	TEXT-DECORATION: none;
    font-family: arial;
	font-weight: bold;
	font-size: 10pt;
}

a.links1{
	COLOR: #FF6600; 
	TEXT-DECORATION: none;
    font-family: verdana;
	font-weight: bold;
	font-size: 10pt;
}
a:hover.links {
	COLOR: #EEEEEE; 
	TEXT-DECORATION: underline;
    font-family: arial;
	font-weight: bold;
	font-size: 10pt;
}

a.deadlink {
	COLOR: #FF0000;
	TEXT-DECORATION: none;
	font-family: arial;
	font-size: 7pt;
}


a.dodelink {
 color: #e2017b;
 font-family: arial;
 font-size: 10pt;
 LINE-HEIGHT: 14pt;
 font-weight: bold;
 TEXT-DECORATION: underline;
	}
	
a:hover.dodelink {
 color: #000000;
 font-family: arial;
 font-size: 10pt;
 LINE-HEIGHT: 14pt;
 font-weight: bold;
 TEXT-DECORATION: underline;
	}
	
	
a.downloadlink {
 color: #e2017b;
 font-family: arial;
 font-size: 12pt;
 LINE-HEIGHT: 14pt;
 font-weight: bold;
 text-decoration: underline;
}

p.comment {
 color: #393939;
 font-family: arial;
 font-size: 9pt;
 LINE-HEIGHT: 14pt;
 text-decoration: none;
}



a:hover.downloadlink{
 color: #000000;
 font-family: arial;
 font-size: 12pt;
 LINE-HEIGHT: 14pt;
 font-weight: bold;
 text-decoration: underline;
}

#albumshow {
 font-family: arial;
 font-size: 8pt;
 LINE-HEIGHT: 9pt;
}
#albumtitel {
 color: #e2017b;
 font-family: arial;
 font-weight: bold;
 font-size: 14pt;
 LINE-HEIGHT: 14pt;
}
#albumartiest {
 font-family: arial;
 font-size: 13pt;
 LINE-HEIGHT: 14pt;
}

.pm { font-family: verdana;}
.pm h9 { padding-left: 0px; height: 42px;  font-size: 11px; color: #e2017b; }
.pm p{
  border: 1px solid gray;
  background-color: #BAB9B9;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  padding: 0px px 11px 30px;
  text-align: justify;
  width: 500px; } 
  

textarea {
   border: 1px solid #f87e1b;
   font-family: arial;
   font-size: 10pt;
   color: #006fb7;
   background-color: #FFFFFF;
  }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 1021px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 1021px; height: 176px; background: url('http://i41.tinypic.com/1z5r7l2.gif') no-repeat; }
	#headerCntr fieldset { padding: 10px 0px 0px 15px; position: absolute; bottom: 0px; right: 0px; width: 374px; height: 49px; border: 0px; background: url('../images/searchBg.gif') no-repeat; }
	#headerCntr a { position: absolute; top: 0px; left: 0px; width: 1021px; height: 176px; }
	#headerCntr a h1 { display: none; }
	#headerCntr input.field { margin: 0px 10px 5px 0px; padding: 5px 0px 0px 5px; float: left; width: 304px; height: 18px; color: #412222; border: 0px; background: url('../images/field2Bg.gif') no-repeat; }
	#headerCntr input.submit { margin-bottom: 5px; float: left; width: 49px; height: 23px; color: #fff; border: 0px; background: url('../images/submit2Bg.gif') no-repeat; }
	#headerCntr input.checkbox { margin-right: 5px; float: left; }
	#headerCntr label { float: left; line-height: 18px; color: #fff; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding-top: 10px; overflow: hidden; width: 1021px; }
	#contentCntr h2 { font-family: 'Myriad Pro', Verdana; font-size: 17px; font-weight: normal; color: #fff; }
	#contentCntr h2 span, #contentCntr h1 span { color: #ec3b87; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { float: left; width: 191px; }
		#leftCntr h2 { padding-left: 20px; height: 42px; line-height: 42px; background: url('../images/leftTop2.gif') no-repeat top; }
		#leftCntr div.bottom { background: url('../images/leftBottom2.gif') no-repeat bottom; }
		
			/* ### MENU CONTAINER ### */
			#menuCntr { margin: 0px 0px 10px 1px; width: 189px; background: url('../images/leftBottom.gif') #fff no-repeat bottom; }
			#menuCntr { font-weight: Bold; }
			#menuCntr h2 { background-image: url('../images/leftTop.gif'); }
			#menuCntr ul { padding: 10px 20px 0px 20px; list-style: none; }
			#menuCntr li { padding-bottom: 10px; }
			#menuCntr li a { text-decoration: none; color: #000; }
			#menuCntr li a:hover { text-decoration: underline; }
			
			/* ### DONATIE BOX ### */
			.donatieBox { margin-bottom: 10px; width: 191px; background: url('../images/leftBg.gif') repeat-y; }
			.donatieBox a { margin: 10px 0px 10px 63px; display: block; width: 74px; height: 25px; line-height: 25px; text-align: center; font-size: 14px; font-weight: bold; text-decoration: none; text-transform: uppercase; color: #ececec; background: url('../images/button1Bg.gif') no-repeat; }
			.donatieBox a:hover { text-decoration: underline; }
			.donatieBox p { padding-bottom: 10px; font-size: 14px; text-align: center; color: #adadad; }
			
			/* ### PARTNERS BOX ### */
			.partnersBox { margin-bottom: 10px; width: 191px; background: url('../images/leftBg.gif') repeat-y; }
			.partnersBox ul { padding: 10px 20px 0px 20px; list-style: none; }
			.partnersBox li { padding-bottom: 10px; }
			.partnersBox li a { text-decoration: none; color: #fff; }
			.partnersBox li a:hover { text-decoration: underline; }
			
			/* ### AD 1 BOX ### */
			.ad1Box { margin-bottom: 10px; width: 191px; background: url('../images/leftBg.gif') repeat-y; }
			.ad1Box img { padding: 10px 20px 10px 35px; }
		
		/* ### CENTER CONTAINER ### */
		#centerCntr { margin-left: 9px; float: left; display: inline; width: 616px; }
		#centerCntr h1 { font-family: 'Myriad Pro', Verdana; line-height: 47px; font-size: 16px; text-align: center; font-weight: normal; color: #000; }
		
			/* ### LETTER BOX ### */
			.letterBox { margin-bottom: 10px; width: 616px; height: 30px; background: url('../images/letterBg.gif') no-repeat; }
			.letterBox ul { overflow: hidden; width: 616px; list-style: none; }
			.letterBox li { margin-left: 10px; float: left; display: inline; width: 9px; line-height: 30px; color: #5c5c5c; }
			.letterBox li.first { margin-left: 8px; width: 80px; }
			.letterBox li.last { margin-right: 0px; }
			.letterBox li a { text-decoration: none; color: #2c2c2c; }
			.letterBox li a:hover, .letterBox li.selected { font-weight: bold; }
			.letterBox { font-size: 11px; }
			
			/* ### TEXT BOX ### */
			.textBox { margin-bottom: 10px; width: 616px; background: url('../images/textTop.gif') #f7f7f7 no-repeat; }
			.textBox div.bottom { background: url('../images/centerBottom.gif') no-repeat bottom; }
			.textBox div.title { margin: 0px 30px 11px 30px; position: relative; height: 47px; border-bottom: 1px dotted #000; }
			.textBox div.title a.left { position: absolute; top: 12px; left: 0px; }
			.textBox div.title a.right { position: absolute; top: 12px; right: 0px; }
			.textBox div.title a { display: block; width: 89px; height: 23px; line-height: 23px; text-transform: uppercase; font-size: 11px; text-align: center; text-decoration: none; color: #fff; background: url('../images/button3Bg.gif') no-repeat; }
			.textBox div.title a:hover { text-decoration: underline; }
			.textBox div.ad { margin: 0px 30px 0px 30px; padding: 11px 0px 11px 0px; border-top: 1px dotted #000; }
			.textBox div.ad img { margin-left: 40px; }
			.centertext { padding: 0px 30px 0px 30px; font-size: 12px; }
			.textBox p { padding: 0px 30px 0px 30px; font-size: 11px; }
			/*.textBox p { padding: 0px 30px 11px 30px; line-height: 16px; } */
			
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 199px; }
		#rightCntr h2 { padding-left: 20px; height: 42px; line-height: 42px; background: url('../images/rightTop2.gif') no-repeat top; }
		#rightCntr div.bottom { background: url('../images/rightBottom2.gif') no-repeat bottom; }
			
			/* ### LOGIN BOX ### */
			.loginBox { margin: 0px 0px 10px 1px; width: 197px; background: url('../images/rightBottom.gif') #fff no-repeat bottom; }
			.loginBox h2 { background-image: url('../images/rightTop.gif'); }
			#rightCntr div.loginBox h2 { background-image: url('../images/rightTop.gif'); }
			.loginBox fieldset { padding: 10px; overflow: hidden; width: 164px; border: 0px; }
			.loginBox input.field { margin-bottom: 5px; padding: 6px 0px 0px 5px; display: block; width: 159px; height: 20px; color: #adadad; border: 0px; background: url('../images/fieldBg.gif') no-repeat; }
			.loginBox input.submit { float: right; width: 81px; height: 22px; color: #fff; border: 0px; background: url('../images/submitBg.gif') no-repeat; }
			.loginBox input.checkbox { margin-right: 5px; float: left; }
			.loginBox label { display: block; float: left; width: 50px; }
			.loginBox p { padding: 0px 10px 10px 10px; color: #3e3e3e; }
			.loginBox a { color: #3e3e3e; }
			.loginBox a:hover { text-decoration: none; }
			.loginBox ul { padding: 10px 20px 0px 20px; list-style: none; }
			.loginBox li { padding-bottom: 10px; }
			.loginBox li a { text-decoration: none; color: #000; }
			.loginBox li a:hover { text-decoration: underline; }
			
			/* ### NIEUWSTE BOX ### */
			.nieuwsteBox { margin-bottom: 10px; width: 199px; background: url('../images/rightBg.gif') repeat-y; }
			.nieuwsteBox ul { padding: 10px 0px 0px 40px; list-style: none; }
			.nieuwsteBox li { padding-bottom: 10px; }
			
			/* ### AD 2 BOX ### */
			.ad2Box { margin-bottom: 10px; width: 199px; background: url('../images/rightBg.gif') repeat-y; }
			.ad2Box img { padding: 10px 20px 10px 40px; }



/*  styles for the unit rater
--------------------------------------------------------- 
ryan masuga, masugadesign.com
ryan@masugadesign.com 
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
--------------------------------------------------------- */

.ratingblock {
	display:block;
	border-bottom:1px solid #999;
	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: absolute;
	height: 30px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}