html

{
	height: 100%;
	background-image: url(../gfx/site/background.gif);
	background-repeat: repeat-xy;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#lightbox img{ border: none; } 
#overlay img{ border: none; }

body {

	color: #444;
	margin: 0px;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	_font-size: 11px;
}



img[onload]
{
	max-width: 300px;
}

img.resized
{
	cursor: hand;
	float: left;
	margin-top: 4px;
	margin-right: 10px;
	margin-bottom: 3px;
}

a:link
{
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 11px;
  	color: #FF6F00;
   	text-decoration: none;
}

a:visited
{
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 11px;
  	color: #FF6F00;
   text-decoration: none;

}

a:hover
{
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 11px;
  	color: #444;
   	text-decoration: none;
}

.footerlink:link {

        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #999;
        text-decoration: none;
	font-weight:bold;

}

.footerlink:visited {

        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #999;
        text-decoration: none;
	font-weight:bold;
}

.footerlink:hover {

	font-family: Arial, Helvetica, sans-serif;
 	font-size: 11px;
	color: #FFF;
   	text-decoration: none;
	font-weight:bold;
}

/* all the divs */

div#mainwrapper
{
	width: 839px;
	margin: 0px auto;
}

div#container
{
	width: 839px;
	background-color: #FFF;
	padding: 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 4px solid #FFF;
}

div#headerline1
{
	background-color: #444;
	height: 7px;
	margin-bottom: 0px;
}

div#headerline2
 {
	background-color: #444;
	height: 7px;
	margin-top: 0px;
}

div#header {

	background-image: url(../gfx/site/logo.gif);
	background-repeat: repeat-x;
	height: 140px;
}

div#maincol {

	margin-top: 0px;
	height: 100%;
	width: 100%;
	min-height: 100%;
	_height: 100%;/* <- using underscore hack for MSIE here */

}

div.genHead
{
	background-image: url(../gfx/site/headGradient.gif);
	background-repeat: repeat-x;
	padding: 3px;
	text-align: left;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left:4px;
	font-weight: bold;
	text-transform:uppercase;
	height: 16px;

}

div.genHeadlight
{
	padding: 3px;
	text-align: left;
	background-color: #666;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;

}

div#main_sub {

	background-image: url(../gfx/site/blackline.jpg);
	background-repeat: no-repeat;
	width: 100%;

}

ul#newsHolder {

	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	width: 481px;
	text-align: left;

}

ul#newsHolder li
{
	background-image: url(../gfx/site/backgroundFade.gif);
	background-repeat: repeat-x;
	background-position: top left;
	vertical-align: top;
	height: 72px;
	margin-bottom: 1px;
	padding-top: 8px;
	padding-left: 8px;
	padding-right: 8px;
	text-align: left;
	color: #555;
	border-bottom: 1px solid #E2E2E2;
}

ul#newsHolder li img.linkImage
{
	background-color: #FFF;
	float: left;
	cursor: pointer;
	margin-top: 0px;
	margin-right: 8px;
	width: 55px;
	height: 55px;
	padding: 2px;
	border: 1px solid #E2E2E2;
}

ul#newsHolder li h2
{
	display: inline;
	color: #666;
	font-size: 11px;
	margin-bottom: 3px;
}

ul#news_holder_large {

	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 481px;
	text-align: left;

}

ul#news_holder_large li {

	background-image: url(../gfx/site/backgroundFade.gif);
	background-repeat: repeat-x;
	background-position: top left;
	vertical-align: top;
	padding-top: 5px;
	padding-left: 8px;
	padding-right: 8px;
	text-align: left;
	color: #555;
}

ul#news_holder_large li  img
{
	width:59px;
	height:59px;
}

ul#news_holder_large li h2
{
	display: inline;
	color: #666;
	font-size: 12px;
}

ul#news1_holder_large {

	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 481px;
	text-align: left;

}

ul#news1_holder_large li {

	background-image: url(../gfx/site/backgroundFade.gif);
	background-repeat: repeat-x;
	background-position: top left;
	height:40px;
	vertical-align: top;
	padding-top: 6px;
	padding-left: 8px;
	padding-right: 8px;
	text-align: left;
	color: #555;
}

ul#news1_holder_large li  img
{
	max-width: 150px;
}

ul#news1_holder_large li h2
{
	display: inline;
	color: #666;
	font-size: 12px;
}

ul#related
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 481px;
}

ul#related li
{
	background-image: url(../gfx/site/backgroundFade2.gif);
	background-repeat: repeat-x;
	background-position: top left;
	margin: 0px;
	margin-top: 1px;
	padding: 1px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	border-bottom: 1px solid #E9E9E9;
}

ul#related li img
{
	width: 25px;
	height: 25px;
}

.dotsline {

	background-image: url(../gfx/site/dots.gif);
	background-repeat: no-repeat;
	background-position: center left;
	height: 10px;
	margin-left: 4px;

}

.dotstop {

	background-image: url(../gfx/site/dots.gif);
	background-repeat: repeat-x;
	background-position: top center;
	height: auto;

}

.dotsbottom {

	background-image: url(../gfx/site/dots.gif);
	background-repeat: repeat-x;
	background-position: bottom center;
	height: auto;

}

.read_more:link {

        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #FF6F00;
        text-decoration: none;

}

.read_more:visited {

        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #FF6F00;
        text-decoration: none;

}

.read_more:hover {

        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #444;
        text-decoration: none;

}

.genlink:link {

        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #FF6F00;
        text-decoration: none;

}

.genlink:visited {

        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #FF6F00;
        text-decoration: none;

}

.genlink:hover {

        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #444;
        text-decoration: none;

}

.genlink2:link {

        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #777;
        text-decoration: none;

}

.genlink2:visited {

        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #FF6F00;
        text-decoration: none;

}

.genlink2:hover {

        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #FF6F00;
        text-decoration: none;

}

.news_image {

	width: 50px;
	height: 50px;
	float: left;
	margin-top: 4px;
	margin-right: 10px;
	margin-bottom: 1px;


}

.news_image_large {

	float: left;
	margin-top: 4px;
	margin-right: 10px;
	margin-bottom: 3px;


}

.head_white {

	color: #FFF;

}


.head_black {

	color: #444;

}

div.imgHolder
{
	text-align: center;
	padding-left: 10px;
}

div.imgHolder img
{
	width: 52px;
	height: 52px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #FFF;
}

div#footer {

	_padding-top: 0px;
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	clear: both;
	width: 100%;
}

div.footerbgtrap {

	padding: 4px;
	margin-top: 7px;
	_margin-top: 1px;
	background: #333;
	color: #999;
	text-align: center;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;

}

ul#menu
{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height: 28px;
	font-size: 12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin-right: -1px;
}

ul#menu li
{
	border-right: 1px solid #FFF;
	background-color: #fd5a1e;
	display:block;
	float:left;
	margin:0;
	padding:0;
}

ul#menu li a
{
	display:block;
	float:left;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	width: 127px;
	height: 20px;
	padding: 6px 20px 0 20px;
}

ul#menu li a:hover
{
	color:#FFF;
	height: 20px;
	background-color: #FD9647;
}


ul#menu li a#current
{
	display:inline;
	height: 20px;
	background:transparent url(../gfx/site/nav_bg.png) 0px -30px no-repeat;
	float:left;
	margin:0;
}


div#c_left {


	float: left;
	width: 181px;
	margin-top: 5px;
	margin-right: 3px;
	text-align: left;

}

div#c_center {


	float: left;
	text-align: left;
	width: 481px;
	margin-top: 5px;
	margin-right: 3px;
	height: auto;


}

div#c_right {

	width: 171px;
	float: left;
	margin-top: 5px;
	text-align: left;

}

div#centerHolder
{
	background-image: url(../gfx/site/backgroundFade.gif);
	background-repeat: repeat-x;
	background-position: top left;
	vertical-align: top;
	padding-top: 10px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 10px;
	text-align: left;
	color: #666;
}

div#dynamic
{
	margin-bottom: 4px;
	padding-bottom: 2px;
	/*border-niet: 1px dotted #999;*/
}

div.failMessage
{
	background-image: url(../gfx/site/backgroundFade2.gif);
	background-repeat: repeat-x;
	background-position: top left;
	border-bottom: 1px solid #E4E4E4;
	padding: 4px;
	padding-top: 8px;
	margin-bottom: 10px;
	color: #777;
}

div.tabHolder
{
	background-image: url(../gfx/site/backgroundFade.gif);
	background-repeat: repeat-x;
	background-position: top left;
	padding: 0px;
	padding-left: 5px;
	margin: 0px;
	padding-top: 15px;
	text-align: left;
}

div.tabNoInfo
{
	border-bottom: 1px solid #E4E4E4;
	padding: 4px;
	padding-bottom: 8px;
	margin-top: 4px;
	margin-right: 1px;
	margin-bottom: 1px;
	color: #777;
}

div.dotSpacer
{
	background-image: url(../gfx/site/dots.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	margin-bottom: 10px;
	width: 178px;
}

div.reply
{
	background-image: url(../gfx/site/backgroundFade2.gif);
	background-repeat: repeat-x;
	background-position: top left;
	height: 130px;
}

form
{
	margin: 0;
	padding: 0;
}

table.trackInfo
{
	color: #777;
}

table.trackInfo td
{
	border-bottom: 1px dotted #CCC;
}

ul#weerBericht
{
	list-style: none;
	text-align:left;
	margin:0;
	padding-bottom:2px;
	padding-left:4px;
	padding-top:2px;
	border-left: 1px dotted #999;
}

ul#weerBericht h1
{
	font-size:9pt;
	margin:0;
}


ul#nowPlaying
{
	list-style: none;
	text-align: left;
	margin: 0;
	width: 178px;
	padding: 0;
}

ul#nowPlaying li
{
	background-image: url(../gfx/site/backgroundFade.gif);
	background-repeat: repeat-x;
	background-position: top left;
	vertical-align: top;
	padding: 4px;
	padding-top: 6px;
	margin-top: 1px;
	height: 65px;
	color: #777;
	font-size:8pt;
	text-align: right;
	border-bottom: 1px solid #E2E2E2;
}

#next
{
	background-image: url(../gfx/site/backgroundFade.gif);
	background-repeat: repeat-x;
	background-position: top left;
	vertical-align: top;
	list-style:none;
	padding: 4px;
	padding-top: 6px;
	margin-top: 1px;
	height: 45px;
	color: #777;
	text-align: left3:42 17-8-2009;
	border-bottom: 1px solid #E2E2E2;
}

#next1
{
	background-image: url(../gfx/site/backgroundFade.gif);
	background-repeat: repeat-x;
	background-position: top left;
	vertical-align: top;
	list-style:none;
	padding: 4px;
	padding-top: 6px;
	padding-bottom:4px;
	margin-top: 1px;
	/*height: 88px;*/
	height:auto;
	color: #777;
	text-align: left;
	border-bottom: 1px solid #E2E2E2;
}

#next2
{
	background-image: url(../gfx/site/backgroundFade.gif);
	background-repeat: repeat-x;
	background-position: top left;
	vertical-align: top;
	list-style:none;
	padding: 4px;
	padding-top: 6px;
	padding-bottom:6px;
	margin-top: 1px;
	height: 72px;
	color: #777;
	text-align: left;
	border-bottom: 1px solid #E2E2E2;
}
#next3
{
	background-image: url(../gfx/site/backgroundFade.gif);
	background-repeat: repeat-x;
	background-position: top left;
	vertical-align: top;
	list-style:none;
	padding: 4px;
	padding-top: 3px;
	padding-bottom:0px;
	margin-top: 3px;
	/*height: 110px;*/
	color: #777;
	text-align: left;
	border-bottom: 1px solid #E2E2E2;
}


.smalltext
{
	font-size:7pt;
	vertical-align:text-bottom;
	font-weight:normal;
	text-decoration:none;
}

.mailimg
{
	font-size:7pt;
	vertical-align:text-bottom;
}


ul#nowPlaying li span
{
	color: #FF6F00;
	font-size: 11px;

}

ul#nowPlaying li img
{
	cursor: pointer;
	width: 54px;
	height: 54px;
	padding: 2px;
	border: 1px solid #E2E2E2;
}

ul#Straks
{
	list-style: none;
	text-align: left;
	margin: 0;
	width: 178px;
	padding: 0;
}

ul#Straks li
{
	background-image: url(../gfx/site/backgroundFade.gif);
	background-repeat: repeat-x;
	background-position: top left;
	vertical-align: top;
	padding: 4px;
	padding-top: 6px;
	margin-top: 1px;
	height: 42px;
	color: #777;
	text-align: right;
	border-bottom: 1px solid #E2E2E2;
}

ul#Straks li span
{
	color: #FF6F00;
	font-size: 11px;
	font-weight: bold;
}

ul#Straks li img
{
	cursor: pointer;
	float: left;
	width: 25px;
	height: 25px;
	padding: 2px;
	border: 1px solid #E2E2E2;
}

ul#Straks li a:link
{
	color: #FFC98B;
}

ul#Straks li a:visited
{
	color: #FF6F00;
}

ul#Straks li a:hover
{
	color: #444;
}
div#StraksWrapper {
	position: relative;
	height: 200px;
	width: 178px;
	/*overflow: auto;*/
}
ul#playlistHolder
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	padding-bottom: 2px;
	width: 481px;
	text-align: left;
}

ul#playlistHolder li
{
	background-image: url(../gfx/site/backgroundFade.gif);
	background-repeat: repeat-x;
	background-position: top left;
	vertical-align: top;
	height: 42px;
	margin-top: 1px;
	padding-top: 8px;
	padding-left: 8px;
	text-align: left;
	color: #555;
	border-bottom: 1px solid #E2E2E2;
}

ul#playlistHolder li img.linkImage
{
	background-color: #FFF;
	float: left;
	cursor: pointer;
	margin-top: 0px;
	margin-right: 8px;
	width: 28px;
	height: 28px;
	padding: 2px;
	border: 1px solid #E2E2E2;
}


ul#playlistHolder li img.linkImage:hover
{
	border: 1px solid #FF6F00;
}

ul#relatedTracks
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 2px;
	width: 481px;
	text-align: left;
}

ul#relatedTracks li
{
	background-image: url(../gfx/site/backgroundFade.gif);
	background-repeat: repeat-x;
	background-position: top left;
	vertical-align: top;
	height: 42px;
	margin-top: 1px;
	padding-top: 3px;
	padding-left: 8px;
	padding-right: 8px;
	text-align: left;
	color: #555;
	border-bottom: 1px solid #E2E2E2;
}

ul#relatedTracks li img.linkImage
{
	background-color: #FFF;
	float: left;
	cursor: pointer;
	margin-top: 0px;
	margin-right: 8px;
	width: 28px;
	height: 28px;
	padding: 2px;
	border: 1px solid #E2E2E2;
	clear: both;
}

ul#relatedTracks li img.linkImage:hover
{
	border: 1px solid #FF6F00;
}

ul#replyList
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 2px;
	width: 481px;
	text-align: left;
}

ul#replyList li
{
	background-image: url(../gfx/site/backgroundFade.gif);
	background-repeat: repeat-x;
	background-position: top left;
	vertical-align: top;
	margin-top: 1px;
	padding-top: 3px;
	padding-left: 8px;
	text-align: left;
	border-bottom: 1px solid #E2E2E2;
}

ul#replyList li img.linkImage
{
	float: left;
	background-color: #FFF;
	cursor: pointer;
	margin-bottom: 4px;
	margin-right: 8px;
	margin-top: 2px;
	width: 30px;
	height: 30px;
	padding: 2px;
	border: 1px solid #E2E2E2;
}

ul#replyList li div.linkImage
{
	float: left;
	background-color: #FFF;
	cursor: pointer;
	margin-bottom: 4px;
	margin-right: 8px;
	margin-top: 2px;
	width: 30px;
	height: 30px;
	padding: 2px;
	border: 1px solid #E2E2E2;
}

ul#usersOnline
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	padding-bottom: 2px;
	width: 481px;
	text-align: left;
}

ul#usersOnline li
{
	background-image: url(../gfx/site/backgroundFade.gif);
	background-repeat: repeat-x;
	background-position: top left;
	vertical-align: top;
	height: 42px;
	margin-top: 1px;
	padding-top: 8px;
	padding-left: 8px;
	text-align: left;
	color: #555;
	border-bottom: 1px solid #E2E2E2;
}

ul#usersOnline li span
{
	color: #999;
}

ul#usersOnline li img.linkImage
{
	background-color: #FFF;
	float: left;
	cursor: pointer;
	margin-top: 0px;
	margin-right: 8px;
	width: 28px;
	height: 28px;
	padding: 2px;
	border: 1px solid #E2E2E2;
}


ul#usersOnline li img.linkImage:hover
{
	border: 1px solid #FF6F00;
}

ul#pollList
{
	list-style: none;
	text-align: left;
	margin: 0;
	width: 179px;
	padding: 0;
}

ul#pollList li
{
	background-image: url(../gfx/site/backgroundFade2.gif);
	background-repeat: repeat-x;
	background-position: top left;
	padding: 4px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-top: 1px;
	height: 18px;
	text-align: right;
	border-bottom: 1px solid #E2E2E2;
}

ul#trackInfo
{
	list-style: none;
	text-align: left;
	margin: 0;
	padding: 0;
}

ul#trackInfo li
{
	height: auto;
	text-align: center;
}

ul#trackInfo li img#track
{
	width: 110px;
	height: 110px;
}

ul#xChart
{
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#xChart li
{
	background-image: url(../gfx/site/backgroundFade.gif);
	background-repeat: repeat-x;
	background-position: top left;
	padding-top: 4px;
	padding-left: 4px;
	margin: 0px;
	text-align: left;
	margin-top: 1px;
	height: 35px;
	border-bottom: 1px solid #E2E2E2;
}

ul#loginForm
{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 169px;
}

ul#loginForm li
{
	background-image: url(../gfx/site/backgroundFade2.gif);
	background-repeat: repeat-x;
	background-position: top left;
	margin: 0;
	margin-top: 1px;
	margin-left: 2px;
	padding: 4px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	border-bottom: 1px solid #E2E2E2;
}

ul#loginForm a
{
	color: #FF6F00;
}

ul#requestHistory
{
	list-style: none;
	margin: 0;
	margin-top: 5px;
	padding: 0;
}

ul#requestHistory li
{
	padding-left: 2px;
}

.register td
{
	background-image: url(../gfx/site/backgroundFade2.gif);
	background-repeat: repeat-x;
	background-position: top left;
	padding: 8px;
	vertical-align: top;
	color: #666;
}

table#login td
{
	background-image: url(../gfx/site/backgroundFade2.gif);
	background-repeat: repeat-x;
	background-position: top left;
	margin-top: 1px;
	padding-top: 5px;
	vertical-align: top;
	color: #666;
}

.quickPlayer ul
{
	list-style: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

.quickPlayer ul li
{
	height: 21px;
	padding: 4px;
	border-bottom: 1px solid #E2E2E2;
	margin-top: 1px;
}

.quickPlayer ul li a {
	text-align: left;
	padding-top: 2px;
	display: block;
	height: 20px;
	margin-right: 1px; /* kleine ruimte tussen buttons */
}

.quickPlayer ul li.windowsMedia a {
	background:url(../gfx/site/windowsMediahover.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.quickPlayer ul li.windowsMedia a:hover {
	background:url(../gfx/site/windowsMedia.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.quickPlayer ul li.winamp a {
	background:url(../gfx/site/winamphover.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.quickPlayer ul li.winamp a:hover {
	background:url(../gfx/site/winamp.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.quickPlayer ul li.itunes a {
	background:url(../gfx/site/ituneshover.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.quickPlayer ul li.itunes a:hover {
	background:url(../gfx/site/itunes.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.quickPlayer ul li.realPlayer a {
	background:url(../gfx/site/realplayerhover.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.quickPlayer ul li.realPlayer a:hover {
	background:url(../gfx/site/realplayer.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

div.genFade
{
	background-image: url(../gfx/site/backgroundFade.gif);
	background-repeat: repeat-x;
	background-position: top left;
}

div.errorMsg
{
	color: #ff6666;
	padding-top: 5px;
	padding-bottom: 2px;
}

input#inputUser
{
	width: 150px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #CCC;
	margin-right: 5px;
	padding: 2px;
	padding-left: 3px;
}


input#inputPass
{
	width: 150px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #CCC;
	margin-right: 5px;
	padding: 2px;
	padding-left: 3px;
}

input#search
{
	background-image: url(../gfx/site/backgroundFade2.gif);
	background-repeat: repeat-x;
	background-position: top left;
	width: 200px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #CCC;
	margin-left: 5px;
	margin-right: 3px;
	margin-bottom: 1px;
	padding: 2px;
	padding-left: 3px;
}

input .file
{
	border: 1px solid #CCC;
}

input#searchSubmit
{
	height: 22px;
	padding: 0px;
	padding-left: 3px;
	padding-right: 3px;
	margin-top: 3px;
	font-size: 11px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #555;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-niet: 0;
	border-niet: 0;
}

input#submit
{
	height: 20px;
	padding: 0px;
	padding-left: 3px;
	padding-right: 3px;
	margin-top: 3px;
	font-size: 11px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #555;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-niet: 0;
	border-niet: 0;
}

textarea#reply
{
	width: 470px;
	height: 70px;
	padding: 2px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #CCC;
}

textarea#profile
{
	width: 255px;
	height: 70px;
	padding: 2px;
	margin-bottom: 4px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #E2E2E2;
}

select.genSelect
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #E2E2E2;
}

input.genField
{
	background-image: url(../gfx/site/backgroundFade2.gif);
	background-repeat: repeat-x;
	background-position: top left;
	width: 200px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #CCC;
	padding: 2px;
	padding-left: 3px;
}

input.genField2
{
	background-color: #FFF;
	width: 200px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #CCC;
	padding: 2px;
	padding-left: 3px;
}

input.genSubmit
{
	height: 20px;
	padding: 0px;
	padding-left: 6px;
	padding-right: 6px;
	margin-top: 3px;
	font-size: 11px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #555;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-niet: 0;
	border-niet: 0;
}

input.genSubmit2
{
	height: 20px;
	padding: 0px;
	padding-left: 3px;
	padding-right: 3px;
	margin-top: 3px;
	font-size: 11px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #555;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-niet: 0;
	border-left: 0;
}

.userImage
{
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 2px;
	width: 135px;
	border: 1px solid #E2E2E2;
}

ul#trackOption
{
	margin:	0;
	padding: 0;
	list-style-type: none;
	width: auto;
	position: relative;
	display: block;
	height: 28px;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: -1px;
}

ul#trackOption li
{
	background-image: url(../gfx/site/backgroundFade2.gif);
	background-repeat: repeat-x;
	background-position: top left;
	border-top: 1px solid #E9E9E9;
	border-niet: 1px dotted #E2E2E2;
	background-color: #FFF;
	display: block;
	color: #999;
	text-decoration: none;
	font-weight: bold;
	float: left;
	margin: 0;
	width: 138px;
	height: 20px;
	padding: 6px 10px 0 10px;
}

ul#trackOption li a
{
	color: #999;
}

ul#trackOption li a:hover
{
	color: #777;
	border-bottom: 1px dotted #666;
}

ul#userOption
{
	margin:	0;
	padding: 0;
	list-style-type: none;
	width: auto;
	position: relative;
	display: block;
	height: 28px;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: -1px;
}

ul#userOption li
{
	background-image: url(../gfx/site/backgroundFade2.gif);
	background-repeat: repeat-x;
	background-position: top left;
	border-top: 1px solid #E9E9E9;
	border-niet: 1px dotted #E2E2E2;
	background-color: #FFF;
	display: block;
	color: #999;
	text-decoration: none;
	float: left;
	margin: 0;
	width: 217px;
	height: 20px;
	padding: 6px 10px 0 10px;
}

ul#userOption li a
{
	color: #999;
}

ul#userOption li a:hover
{
	color: #777;
	border-bottom: 1px dotted #666;
}

div#spinner
{
	background: white url(../gfx/site/spinner.gif) center center no-repeat;
	text-align: center;
	height: 30px;
}

div#notice
{
	padding: 5px;
}

div#xchartWrapper {
	position: relative;
	height: 180px;
	width: 237px;
	overflow: auto;
}

div#xchartContainer a {
	width: 237px;
}

div#xchartContainer img {

	border: none;
}

div#xchartWrapper .loading {
	position: absolute;
	left: 10px;
	margin: 0 auto;
	padding: 10px;
	width: 170px;
	color: #999;
	background: white url(templates/radiolelystad/gfx/site/spinner.gif) left center no-repeat;
	text-align: center;
	height: 30px;
}

ul#straksItems
{
	list-style: none;
	text-align: left;
	margin: 0;
	width: 179px;
	padding: 0;
}

ul#straksItems li
{
	background-image: url(../gfx/site/backgroundFade.gif);
	background-repeat: repeat-x;
	background-position: top left;
	vertical-align: top;
	padding: 4px;
	font-family:Arial;
	padding-left:5px;
	padding-top: 6px;
	margin-top: 1px;
	height:auto;
	color: #777;
	text-align: left;
	border-bottom: 1px solid #E2E2E2;
}

ul#straksItems li span
{
	color: #FF6F00;
	font-size: 11px;
	font-weight: bold;
}

ul#straksItems li img
{
	cursor: pointer;
	float: left;
	width: 25px;
	height: 25px;
	padding: 2px;
	border: 1px solid #E2E2E2;
}

ul#straksItems li a:link
{
	color: #FF7003;
	font-size:8pt;
}

ul#straksItems li a:visited
{
	color: #FF7003;
}

ul#straksItems li a:hover
{
	color: #444;
}
div#StraksWrapper {
	position: relative;
	height: 141px;
	width: 178px;
	overflow: auto;
}

div#StraksContainer a {
	width: 178px;
}

div#StraksContainer img {

	border: none;
}

.loading {
	position: absolute;
	left: 10px;
	margin: 0 auto;
	padding: 10px;
	width: 140px;
	color: #999;
	background: url(../gfx/site/spinner.gif) left center no-repeat;
	text-align: center;
	height: 30px;
}
div#artistGallery .images
{
 	position: relative;
}

div#trackInfo #trackImage
{
	width: 126px;
	height:126px;
	margin: 0px;
	padding: 2px;
	border: 1px solid #E9E9E9;
}
div#StraksWrapper {
	position: relative;
	height: 141px;
	width: 178px;
	overflow: auto;
}

div#StraksContainer a {
	width: 178px;
}

div#StraksContainer img {

	border: none;
}

div#StraksWrapper .loading {
	position: absolute;
	left: 10px;
	margin: 0 auto;
	padding: 10px;
	width: 140px;
	color: #999;
	background: white url(templates/radiolelystad/gfx/site/spinner.gif) left center no-repeat;
	text-align: center;
	height: 30px;
}

ul#FlevoSchijf
{
	list-style: none;
	text-align: left;
	margin: 0;
	padding: 0;
}

ul#FlevoSchijf li
{
	vertical-align: top;
	text-align: left;
	color: #777;

}

ul#FlevoSchijf li span
{
	color: #91ca1f;
	font-size: 11px;
	font-weight: bold;
}

ul#FlevoSchijf li img
{
}

div#trackInfo #trackOverlay
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 17px;
	width: 114px;
	color: #000;
	font-weight:bold;
	font-family:Tahoma;
	background-color: #FFF;
	padding: 6px;
	filter: alpha(opacity=85);
	-moz-opacity: .85;
	opacity: .85;
	margin: 8px;
}

input.error
{
	border: 1px solid #ff8888;
	background-color: #999;
	background: none;
}

span.failMessage
{
	padding: 3px;
	margin-top: 5px;
	color: #ff5555;
	font-size: 10px;
}

span.star-rating-result
{
 	position: relative;
 	top: 3px;
 	left: 2px;
	color: #999;
	font-size: 10px;
}

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating
{
	background: url(../gfx/site/star.png) left -1000px repeat-x;
}

.star-rating
{
	position: relative;
	width: 125px;
	height: 16px;
	overflow: hidden;
	list-style: none;
	margin:0;
	padding:0;
	background-position: left top;
}

.star-rating li
{
	display: inline;
}

.star-rating a,
.star-rating .current-rating
{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:16px;
	line-height:16px;
	outline:none;
	overflow:hidden;
	border: none;
}

.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus
{
	background-position: left bottom;
}

.star-rating .current-rating
{
	z-index: 1;
	background-position: left center;
}

.inline-rating
{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display: inline-block;
	vertical-align: middle;
}

.small-star
{
	width:50px;
	height:10px;
}

.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating
{
	background-image: url(../gfx/site/star_small.gif);
	line-height: 10px;
	height: 10px;
}

#backgroundPopup
{
	display: none;
	position: fixed;
	_position: absolute; /* hack for internet explorer 6*/
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: #000000;
	border: 1px solid #000;
	z-index: 1;
	padding-bottom: 150px;
}

#popupContact
{
	display: none;
	position: fixed;
	top: 100px;
	height: auto;
	width: 450px;
	background: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #222;
	z-index: 2;
	padding: 12px;
}

#popupContactClose
{
	cursor: pointer;
	right: 6px;
	top: 4px;
	position: absolute;
	color: #555;
	display: block;
}