html

{
	height: 100%;
	background-image: url(/templates/radiolelystad/gfx/bg.jpg);
	background-repeat: repeat-x;
	background-color:#87c5ec;
	margin: 0px;
	padding: 0px;
	text-align:center;
}

#lightbox img{ border: none; } 

body {

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

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: #666666;
   	text-decoration: none;
}

a:visited
{
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 11px;
  	color: #666666;
   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;
}

div#mainwrapper
{
	width: 839px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}


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

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

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

div#header {

	background-image: url(../gfx/bgHead.jpg);
	background-repeat: repeat-x;
	height: 140px;
	background-color:#FFFFFF;
}

div#maincol {

	margin-top: 0px;
	height: 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: 15px;
	background-color:#00A9E0;

}

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;
}

.linkImageyouTube
{
	background-color: #FFF;
	float: left;
	cursor: pointer;
	margin-top: 0px;
	margin-right: 8px;
	width: 224px;
	height: 136px;
	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#YT {

	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: auto;
	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:50px;
height:50px;

}

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: #7d1202;
        text-decoration: none;
}

.read_more:visited {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #7d1202;
        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: #7d1202;
        text-decoration: none;
}

.genlink:visited {

        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #7d1202;
        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: #7d1202;
        text-decoration: none;
}

.genlink2:hover {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #7d1202;
        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 {

	height:16px;
	background-image:url(../gfx/grf.gif);
	background-repeat:repeat-x;
	color: #FFFFFF;
	padding-top:1px;
	text-align: center;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

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-image:url(../gfx/hgr.gif);
	background-repeat:repeat-x;	
	display:block;
	float:left;
	margin:0;
	padding:0;
	text-transform:uppercase;
}

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-image:url(../gfx/hgr2.gif);
	background-repeat:repeat-x;	
}


ul#menu li a#current
{
	display:inline;
	height: 20px;
	background: url(../gfx/hgr2.gif);
	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;
}

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;
}

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: #7d1202;
	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: 120px;
	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: #7d1202;
	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: #7d1202;
}

ul#Straks li a:visited
{
	color: #7d1202;
}

ul#Straks li a:hover
{
	color: #444;
}
div#StraksWrapper {
	position: relative;
	height: 300px;
	width: 120px;
}
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: 24px;
	margin-top: 1px;

	padding-left: 0px;
	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 #7d1202;
}

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;
}

.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;
}

.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 .file
{
	border: 1px solid #CCC;
}

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;
}

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;
}


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

div#notice
{
	padding: 5px;
}

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;
	font-size:10pt;
	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: #7d1202;
	font-size: 9px;
	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;
	width: 178px;
}

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 {
	width: 180px;
}

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(../gfx/site/spinner.gif) left center no-repeat;
	text-align: center;
	height: 30px;
}

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;
}

#stream_win a
{
width:25px;
height:25px;
	background-image: url(img/stream_icons.png);
	background-repeat:no-repeat;
		background-position: 0px 0px;
float:left;

}

#stream_apple a
{
width:25px;
height:24px;
	background-image: url(img/stream_icons.png);
	background-repeat:no-repeat;
		background-position: -25px 0px;
float:left;
}

#stream_mob a
{
width:25px;
height:25px;
	background-image: url(img/stream_icons.png);
	background-repeat:no-repeat;
		background-position: -75px 0px;
float:left;
}

#stream_pop a
{
width:25px;
height:25px;
	background-image: url(img/stream_icons.png);
	background-repeat:no-repeat;
	background-position: -50px 0px;
float:left;
}

#stream_win a:hover
{
		background-position: 0px -25px;
}

#stream_apple a:hover
{
		background-position: -25px -25px;
}


#stream_pop a:hover
{
	background-position: -50px -25px;

}

#stream_mob a:hover
{
	background-position: -75px -25px;

}

#stream_icons {
	background-color:#7b1000;
	padding:0;
	margin:auto;
}