body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	margin: 0;
	text-align: center;
}

div.loader{
background: url("images/headerback.gif") no-repeat;
background: url("images/playlist.png") no-repeat;
background: url("images/updates.gif") no-repeat;
background: url("images/top40.gif") no-repeat;
background: url("images/content_middle.gif") no-repeat;
background: url("images/content_top.gif") no-repeat;
background: url("images/content_bottom.gif") no-repeat;
background: url('images/sidebar_titel.gif') no-repeat;
background: url('images/sidebar_content.gif') no-repeat ;
background: url('images/sidebar_special.gif') no-repeat;
background: url('images/rgr_small.gif') no-repeat;
margin-left:-1000px;
}

#wrapper {
	width: 990px;
	margin: 0 auto;
	background-image: url("images/headerback.gif");
	background-position: top center;
	background-repeat: no-repeat;
}

#margin {
	margin: 0 10px;
	text-align: left;
}

#content { 
	width: 750px;
	float: left;
}

#sidebar { 
	margin-left: 10px;
	background-color: #e5f2fe;
	width: 210px;
	float: left;
}

p, h1 { margin: 0; padding: 0;}


p.sideremark { text-align: right; padding-right: 11px;}

hr.divider  {
	clear: both;
	overflow: hidden;
	height: 5px;
	visibility: hidden;
}

#header {
	height: 381px;
	position: relative;
}

img { border: 0; }



/* LINK SHIZZLE ======================================================*/

#content a, #content a:link, #content a:visited, #content a:active { padding: 0 2px; background-color: #c8ff3b; color: #2e126b; text-decoration: none; }
#content a:hover { padding: 0 2px; background-color: #2e126b; color: #c8ff3b; text-decoration: none; }
#playlist a, #playlist a:link, #playlist a:visited, #playlist a:active { padding: 0 2px; background-color: #2e126b; color: #c8ff3b; text-decoration: none; }
#playlist a:hover { padding: 0 2px; background-color: #c8ff3b; color: #2e126b; text-decoration: none; }
#sidebar a, #sidebar a:link, #sidebar a:visited, #sidebar a:active { padding: 0 2px; background-color: #c8ff3b; color: #2e126b; text-decoration: none; }
#sidebar a:hover  { padding: 0 2px; background-color: #2e126b; color: #c8ff3b; text-decoration: none; }

#sidebar .imglink, #sidebar .imglink:link, #sidebar .imglink:visited, #sidebar .imglink:active, #sidebar.imglink:hover, #sidebar .imglink img, #content .imglink, #content .imglink:link, #content .imglink:visited, #content .imglink:active, #content.imglink:hover
{ border: 0; background-color: transparent; padding: 0; margin: 0; }
#content .highslide, #content .highslide:link, #content .highslide:visited, #content .highslide:active, #content .highslide:hover, #content .highslide img { border: 0; background-color: transparent; padding: 0; margin: 0; }

#footer a, #footer a:link, #footer a:visited, #footer a:active 
{ padding: 0 2px; background-color: #c8ff3b; color: #2e126b; text-decoration: none; }
#footer a:hover { padding: 0 2px; background-color: #2e126b; color: #c8ff3b; text-decoration: none; }


/* HEADER-BLOKKEN ======================================================*/

#luisterlive {
	position: absolute;
	top: 28px;
	left: 15px;
	width: 208px;
	height: 85px;
	overflow: hidden;
}

#ll_venster {
	font-size: 10px;
}

#luisterlive table, #luisterlive tr, #luisterlive td {
	margin: 0;
	padding: 0;
	font-size: 9px;
	line-height: 20px;
	color: #2e126b;
	text-align: left;
}
#luisterlive td { padding: 0px;}
#luisterlive img { margin-left: 1px;}
#luisterlive select {
	font-size: 9px;
	width: 115px;
}

#banner { 
	position: absolute;
	top: 9px;
	right: 2px;
	width: 728px;
	height: 90px;
}

#backdrop { 
	position: absolute;
	top: 117px;
	left: 3px;
	width: 965px;
	height: 232px;
	overflow: hidden;
}

#logo { 
	position: absolute;
	top: 160px;
	left: 350px;
	width: 281px;
	height: 150px;
}

#playlist {
	position: absolute;
	top: 190px;
	left: 10px;
	width: 234px;
	height: 187px;
	background-image: url("images/playlist.png");
	background-position: top center;
	background-repeat: no-repeat;
}

#playlist .wrapper { position: relative; width: 234px; height: 187px; } 
#playlist .nowplaying { 
	position: absolute; 
	top: 12px; 
	left: 23px;
	line-height: 17px; 
	font-size: 11px; 
	font-weight: normal;
	color: #5b8ad7;
}
#playlist .nowplaying b { 
	font-size: 12px; 
	font-weight: normal;
	color: #2e126b;
}

#playlist .vorige {
	position: absolute; 
	top: 77px;  
	left: 100px;
	font-size: 10px;
}

#playlist .huidige {
	position: absolute; 
	top: 116px;  
	left: 100px;
	font-size: 11px;
}

#playlist .volgende {
	position: absolute; 
	top: 152px;  
	left: 100px;
	font-size: 10px;
}

#playlist .playlist {
	position: absolute; 
	top: 177px;  
	left: 165px;
	font-size: 10px;
}

/* MENU ======================================================*/

#menu { 
	position: absolute;
	left: 270px;
	/*right: 15px;*/
	bottom: 6px;
	width: 690px;
}

#menu, #menu li { margin: 0; padding: 0; list-style-type: none;}

#menu li {
	display: block;
	width: 110px;
	height: 23px;
	margin-right: 5px; 
	float: left;
}

#menu li a { 
	margin: 0;
	padding: 0;
	display: block;
	width: 110px;
	height: 23px;
	overflow: hidden; 
	text-align: center;
	line-height: 23px;
	font-size: 15px;
	font-weight: bold; 
	text-decoration: none;
	background-color: #5b8ad7;
	color: #c8ff3b;
}

/* SUBMENU ======================================================*/

.submenu { 
	position: absolute;
	bottom: 25px;
	width: 110px;
	margin: 0; 
	padding: 0; 
	list-style-type: none;
	overflow: hidden; 
	background-image: url("images/blank.gif");
}

#submenu_a { 
	height: 89px;
	left: 385px;
}

#submenu_b { 
	height: 61px;
	left: 500px;
}

#submenu_c { 
	height: 61px;
	left: 615px;
}

#submenu_d { 
	height: 61px;
	left: 730px;
}

#submenu_e { 
	height: 61px;
	left: 845px;
}

.submenu, .submenu li { margin: 0; padding: 0; list-style-type: none;}

.submenu li { 
	width: 110px;
	height: 23px;
	margin-bottom: 5px;
	float: left;
}

.submenu li a { 
	margin: 0; 
	padding: 0;
	text-decoration: none;
	background-color: #5b8ad7;
	color: #c8ff3b;
	display: block;
	width: 110px;
	height: 23px;
	text-align: center;
	line-height: 23px;
	font-size: 15px;
	font-weight: bold; 
}

.submenu li a.active, #menu li a.active { 
	background-color: #c8ff3b; 
	color: #2e126b;
}

.submenu li a:hover, #menu li a:hover {
	background-color: #2e126b;
	color: #c8ff3b;
}

/* UPDATES-BLOK ======================================================*/

#updates {
	background-image: url("images/updates.gif");
	background-position: top center;
	background-repeat: no-repeat;
	width: 258px;
	height: 741px;
	float: left;
}

/* #updates ul, #updates li { margin: 0; padding: 0;} */
#updates ul { margin: 65px 20px 15px 22px; padding-left: 15px; }
#updates li { margin: 10px 0; padding-bottom: 8px; border-bottom: 2px solid #c8ff3b; }

/* COUNTDOWN-BLOK ======================================================*/

#countdown {
	background-image: url("images/top40.gif");
	background-position: top center;
	background-repeat: no-repeat;
	width: 488px;
	height: 741px;
	float: left;
	position: relative;
}

#countdown .datum { 
	position: absolute;
	top: 25px;
	right: 10px;
	width: 110px;
	font-size: 9px;
}

#countdown .lijst { 
	margin: 50px 10px 15px 32px;
}

#countdown table td { 
	font-size: 10px;
}

/* TEKSTKADER ======================================================*/
.tekstkader { 
	margin: 0;
	background-color: #e5f2fe;
	background-image: url("images/content_middle.gif");
	background-position: top center;
	background-repeat: repeat-y;
	overflow: hidden;
}

.tekstkader .titel {
	background-image: url("images/content_top.gif");
	background-position: top center;
	background-repeat: no-repeat;
	height: 53px; 
	padding: 0 12px;
	overflow: hidden;
}

.tekstkader .content {
	background-image: url("images/content_bottom.gif");
	background-position: bottom center;
	background-repeat: no-repeat;
	padding: 0 20px;
	padding-bottom: 35px;
	overflow: hidden;
}

.tekstkader h1 {
	color: #c8ff3b;
	letter-spacing: 1px;
	font-size: 22px;
	font-family: Futura, Verdana, sans-serif; 
	font-weight: bold;
	margin-top: 12px;
	margin-left: 5px;
}

.tekstkader p {
	color: #2e126b;
	font-size: 11px;
	line-height: 15px;
	margin-top: 10px;
	margin-bottom: 7px;
	text-align: justify
}

/* PLAYLISTEN / HITLISTEN ======================================================*/

table tr.now { 
	background-color: #c8ff3b; 
	color: #2e126b;
	font-size: 15px;
}

table tr.odd { 
	background-color: #eeeeee; 
}

.tekstkader td span { 
	display: block;
	background-color: #2e126b;
	color: #c8ff3b;
	height: 23px;
	width: 23px;
	line-height: 23px;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

/* footer ======================================================*/
#footer { 
	border-top: 1px dashed #c8ff3b;
	background-color: white; 
	clear: both;
	padding: 10px;
	font-size: 9px;
	text-align: right;
}


/* CAROUSEL ======================================================*/  

#scroll {
	height: 256px;
	margin-bottom: 5px;
	background-color: #e5f2fe;
	overflow: hidden;
}

#mygallery {
	margin-top: 8px;
	margin-left: 10px;
	border: 1px solid #c8ff3b;
	background-color: white;
	overflow: hidden;
}

.stepcarousel {
	position: relative; /*leave this value alone*/
	/* border: 10px solid black; */
	overflow: scroll; /*leave this value alone*/
	width: 725px;
	height: 235px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0; /*margin around each panel*/
	border: 10px solid white;
	width: 705px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	background-color: black;
	height: 215px;
}

.stepcarousel .link {
	position: absolute;
	display: block;
	left: 0px;
	left: 0px;
	width: 705px;
	height: 215px;
}

#scroll .panel a, #scroll .panel  a:link, #scroll .panel  a:visited, #scroll .panel  a:active, #scroll .panel a:hover, #scroll .panel a img 
{ border: 0; background-color: transparent; padding: 0; margin: 0; }

.stepcarousel .panel p.lijn1, .stepcarousel .panel p.lijn2 {
	position: absolute;
	display: inline;
	left: 12px;
	padding: 2px 8px;
	font-weight: bold;
}

.stepcarousel .panel p.lijn1 {
	bottom: 35px;
	font-size: 19px;
	background-color: #c8ff3b;
}

.stepcarousel .panel p.lijn2 {
	bottom: 11px;
	font-size: 12px;
	background-color: #c8ff3b;
}

.stepcarousel .panel td { color: #c8ff3b;}

/* SIDEBAR ======================================================*/

#sidebar .blok { border: 3px solid #c8ff3b; margin-left: 4px; margin-bottom: 12px; }
#sidebar .titel { width: 200px; height: 39px; background-image:url('images/sidebar_titel.gif'); background-position: top left; overflow: hidden; }
#sidebar .content { background-color: #90c38b; width: 200px; background-image:url('images/sidebar_content.gif'); background-repeat: no-repeat; background-position: top left; overflow: hidden;}
#sidebar h1 { 
	font-size: 14px;
	line-height: 30px;
	color: white; 
	text-align: right; 
	padding-right: 32px;  
	border-bottom: 1px solid #c8ff3b; 
	margin-left: 30px;
}
#sidebar p {
	margin: 10px;
	color: #FFFFFF;
}
#sidebar p.special { 
	margin-top: 0; 
	margin-right: 0;
	color: #2e126b;
	padding: 4px;
	padding-right: 20px;
	font-weight: bold;
	background-position: right;
	background-image:url('images/sidebar_special.gif');
}

#nieuwsbrief table, #poll table { padding: 0; margin: 0; margin-left: 10px; }
#nieuwsbrief tr, #poll tr { padding: 0; margin: 0; }
#nieuwsbrief td, #poll td { color: #FFFFFF; }
#poll td { 
	padding: 5px 1px; 
	margin: 0;
	border-bottom: 1px solid #c8ff3b; 
}

#sidebar form { margin: 0; }
#sidebar input { padding: 3px; width: 150px; background-color: #c8ff3b; border: 0; font-size: 10px; }
#sidebar input.radio { padding: 0; width: 10px; background-color: transparent; border: 0; font-size: 10px; }
#sidebar input.submitimage { padding: 0; background-color: transparent; border: 0; font-size: 10px; }

#nieuwsbrief, #poll { height: 1%; position: relative; }
#nieuwsbrief .submitimage, #poll .submitimage { width: 75px; height: 60px; position: absolute; bottom: -15px; right: -10px; }

/* GASTENBOEK ======================================================*/
#gastenboek {
	background-color: #e5f2fe;
}

.gb_bericht {
	margin: 0 auto;
	margin-bottom: 3px;
	width: 700px; 
	overflow: hidden;
	padding: 8px 0;
	border-bottom: 2px solid #CCC;
}

.gb_bericht p { margin: 5px; font-size: 11px; line-height: 17px; }

.gb_auteur {
	float: left; 
	width: 100px;
	text-align: right;
}

.gb_datum {
	text-align: right;
	font-size: 10px;
}

.gb_inhoud {
	float: right; 
	width: 580px;
}

.gb_reply p { line-height: 14px;}
.gb_reply {
	background-image: url('images/rgr_small.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color: #FFF;
	border: 1px solid #c8ff3b;
	float: right; 
	width: 580px;
}

.gb_nav { 
	margin: 0 20px;
	text-align: center; 
	padding: 10px;
}