@charset "UTF-8";
/* CSS Document */

/* ALGEMEEN */
* {
	margin:0em;
	padding:0em;
}
body {
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#0054A5;
}
ul, li, img, a {
	list-style:none;
	border:none;
	text-decoration:none;
}
/* --- TEKST --- */
p {
	font-size:1.1em;
}
p a {
	text-decoration:underline;
}
p strong {
	color:#0054a5;
}
h1 {
}
h3 {
	font-size:1.2em;
	font-weight:bold;
}
h2 {
	text-transform:uppercase;
}
h4 {
}
h5 {
}

.pers a:link {
	color: #7B7B7B;
	text-decoration: underline;
}
.pers a:visited {
	color: #7B7B7B;
	text-decoration: underline;
}
.pers a:active {
	color: #7B7B7B;
	text-decoration: underline;
}
.pers a:hover {
	color: #0054A5;
	text-decoration: none;
}

.pers {
	padding: 10px;
	font-size: 11px;
	}

/* --- VERHOUDINGEN --- */
div#container {
	width:98em;
	margin:0em auto 5em auto;
}
div#hoofd {
	height:12em;
	background:url(images/headernieuw.png) no-repeat;
}
div#content {
	padding:0.5em;
	background-color:#FFF;
}
div#navigatie {
	height:5em;
	margin:0em;
	padding:0em;
}
div#navigatie ul {
	height:5em;
	background:url(images/menu_bg.jpg) repeat-x;
}
div#navigatie ul li {
	display:inline;
}
div#navigatie ul li a {
	height:1.6em;
	float:left;
	display:block;
	padding:1.9em 1.7em 1.5em 1.7em;
	background-repeat:no-repeat;
	background-position:bottom;
}
div#navigatie ul li a:hover {
	background:url(images/menuhover_bg.jpg) repeat-x;
}
div#navigatie ul li a span {
	font-size:1.5em;
	color:#FFF;
	text-transform:uppercase;
}
/* --- PROMO --- */
div#promo {
	height:12.5em;
	width:96.8em;
	margin-bottom:0.5em;
	background:url(images/gradient125.png) repeat-x;
	border-left:solid 0.1em #e3e3e3;
	border-right:solid 0.1em #e3e3e3;
}
div#promo div#live {
	height:12.5em;
	width:53.6em;
	float:left;
}
div#promo div#live div.tijd {
	height:1.5em;
	width:52em;
	padding:0.8em 0.8em 0.8em 1.5em;
	background:url(images/tijd.png) no-repeat left;
	float:left;
}
div#promo div#live div.playlist {
	width:48.5em;
	height:7.5em;
	padding:0.95em 5.3em 0.95em 0em;
	float:left;
}
div#promo div#quote {
	float:right;
	overflow:hidden;
	height:12.5em;
	width:42.5em;
}
div#promo div#quote img {
	height:12.5em;
	width:42.5em;
}
/* --- KOLOMMEN --- */
div.kolommen {
	width:97em;
}
div.kolom {
}
div#kolomA {
	width:66.5em;
	float:left;
	position:relative;
}
div#kolomB {
	width:30em;
	float:right;
}
div#kolomP {
	width:97em;
	float:left;
	position:relative;
}
/* --- KOLOM A --- */
div#programmering, div#nieuws, div#roadshowslider, div.top20banner, div#programma {
	margin-bottom:0.5em;
}
/* BLOKKEN */
/* Vaste blokken in de linker kolom */
div#kolomA div.blok-rood {
	border:solid 0.1em #e3e3e3;
	float:left;
}
div#kolomA div.blok-blauw {
	border:solid 0.1em #e3e3e3;
	float:left;
}
div#kolomP div.blok-rood {
	border:solid 0.1em #e3e3e3;
	float:left;
}
div#kolomP div.blok-blauw {
	border:solid 0.1em #e3e3e3;
	float:left;
}
/* Titels (Letter) */
div#kolomA div.blok-rood h2, div#kolomA div.blok-blauw h2 {
	color:#FFF;
	font-size:1.3em;
	text-transform:uppercase;
}
div#kolomP div.blok-rood h2, div#kolomP div.blok-blauw h2 {
	color:#FFF;
	font-size:1.3em;
	text-transform:uppercase;
}
/* Titels (Blok) */
div.titel {
	height:1.3em;
	padding:1.4em 0em 1.2em 1.2em;
}
/* Titels (Achtergrondkleur) */
div#kolomA div.blok-rood div.titel {
	background:url(images/rood40.png) repeat-x;
}
div#kolomA div.blok-blauw div.titel, div#bliknieuws {
	background:url(images/blauw40.png) repeat-x;
}
div#kolomA div#programmering {
	width:15.8em;
	margin:0 0.5em 0.5em 0;
}
div#kolomA div#nieuws, div#kolomA div#nieuwsuitklap {
	width:49.8em;
}
div#kolomA div#hitlijsten {
	width:25.4em;
}
div#kolomA div#gegevens {
	width:15.8em;
}
div#kolomA div#contact, div#kolomA div#licentie, div#kolomA div#roadshow {
	width:49.8em;
	margin-left:0.5em;
}
div#kolomA div#top20 {
	width:40em;
	margin-left:0.5em;
}
div#kolomP div.blok-rood div.titel {
	background:url(images/rood40.png) repeat-x;
}
div#kolomP div.blok-blauw div.titel, div#bliknieuws {
	background:url(images/blauw40.png) repeat-x;
}
div#kolomP div#programmering {
	width:15.8em;
	margin:0 0.5em 0.5em 0;
}
div#kolomP div#nieuws, div#kolomP div#nieuwsuitklap {
	width:49.8em;
}
div#kolomP div#hitlijsten {
	width:25.4em;
}
div#kolomP div#gegevens {
	width:15.8em;
}
div#kolomP div#contact, div#kolomP div#licentie, div#kolomP div#roadshow {
	width:49.8em;
	margin-left:0.5em;
}
div#kolomP div#top20 {
	width:40em;
	margin-left:0.5em;
}
div#kolomP div#Pers {
	width:80.3em;
	margin-left:0.5em;
}
/* PROGRAMMERING (HOME PAGINA EN PROGRAMMA PAGINA)*/
ul.programma {
	width:15.8em;
	float:left;
}
ul.programma li {
}
ul.programma li p {
	margin-bottom:0.2em;
	color:#7b7b7b;
}
ul.programma li a {
	display:block;
	height:2.6em;
	background:url(images/gradient42.png) repeat-x;
	padding:0.8em 1em 0.8em 1em;
}
ul.programma li a:hover {
	background:#EEE;
}
ul.programma li a span.tijd {
	margin-bottom:0.2em;
	color:#7b7b7b;
	font-size:1.1em;
}
ul.programma li a span.show {
	font-size:1.2em;
	font-weight:bold;
	color:#d71218;
}
/* PROGRAMMA PAGINA (VARIATIES) */
div#kolomA div#programma {
	width:66.5em;
	height:33.6em;
	overflow:hidden;
}
div#kolomA div#programma ul {
	width:15.8em;
	border:0.1em solid #e3e3e3;
	background:url(images/titels/programmering.gif) no-repeat;
	padding-top:4em;
}
div#kolomA div#programma div {
	width:49.8em;
	height:33.5em;
	border:0.1em solid #e3e3e3;
	float:left;
	margin-left:0.5em;
	background:url(images/gradient150.png) repeat-x bottom;
}
div#kolomA div#programma div h2 {
	color:#0054a5;
	font-size:1.7em;
	margin-bottom:0.4em;
}
div#kolomA div#programma div img {
	float:right;
	height:33.4em;
	width:32.8em;
}
div#kolomA div#programma div p {
	display:block;
	float:left;
	width:12em;
}
div#kolomA div#programma div span {
	font-size:1.2em;
	line-height:1.2em;
}
.tabs-hide {
	display: none;
}
/* NIEUWS (HOME PAGINA EN NIEUWS PAGINA) */
div#kolomA div#nieuws ul li {
	height:2.6em;
	padding:0.8em 1.5em;
	background:url(images/gradient42.png) repeat-x;
}
div#kolomA div#nieuws ul li p {
	color:#7b7b7b;
}
div#kolomA div#nieuws div#accordion div p {
	display:block;
	width:44em;
	float:left;
	color:#7b7b7b;
}
div#kolomA div#nieuws div#accordion strong {
	font-size: 14px;
}
div#kolomA div#nieuws div#accordion img {
	margin: 5px;
}
div#kolomA div#nieuws div#accordion a {
	color:#0054a5;
}
div#kolomA div#nieuws div#accordion h3 a {
	display:block;
	height:1.6em;
	padding:0.9em 0.8em 0.7em 0.8em;
	border-top:solid 0.1em #e3e3e3;
	clear:both;
}
div#kolomA div#nieuws div#accordion h3:hover {
	background-color:#EEE;
	cursor:pointer;
}
div#kolomA div#nieuws div#accordion div {
	padding:0.8em;
	line-height:1.5em;
	background:url(images/gradient42.png) repeat-x bottom;
}
div#kolomA div#nieuws div#accordion div.clear {
	clear:both;
	height:0em;
	background:none;
}
div#kolomA div#nieuws div#accordion div.hide {
	display:none;
}
/* --- TOP 20 --- */
div#kolomA div#top20 ul li {
	height:3em;
	padding:0.1em;
	background:url(images/gradient42.png) repeat-x;
}
div#kolomA div#top20 ul li p {
	float:left;
}
div#kolomA div#top20 ul li p.positie {
	font-size:1.5em;
	margin:0.1em 0.5em 0 0.1em;
	padding:0.35em;
	display:block;
	background:url(images/rondje.jpg) no-repeat;
	color:#FFF;
}
div#kolomA div#top20 ul li p.nummer {
	font-size:1.2em;
	color:#0054a5;
	font-weight:bold;
	margin-top:0.6em;
}
div#kolomA div#top20 h2 {
	float:left;
}
div#kolomA div#top20 h2.week {
	float:right;
	margin-right:1em;
}
div#kolomA div.top20banner {
	width:66.1em;
	height:10em;
	background:url(images/top20.jpg) no-repeat;
	border:solid 0.1em #e3e3e3;
}
/* --- MENU BIJ TOP 20 --- */
div#kolomA div#hitlijsten ul {
	padding:0.5em 1em 1em 1em;
	border-bottom:dotted 0.1em #e3e3e3;
}
div#kolomA div#hitlijsten ul li.titel {
	height:3em;
}
div#kolomA div#hitlijsten ul li.titel h2 {
	font-size:1.2em;
	color:#0054a5;
	margin-top:1em;
}
div#kolomA div#hitlijsten ul li {
	height:2em;
}
div#kolomA div#hitlijsten ul li p {
	display:block;
	float:left;
}
div#kolomA div#hitlijsten ul li p.positie {
	font-weight:bold;
	margin-right:0.5em;
}
/* --- CONTACTPAGINA --- */
div#kolomA div#licentie img {
	margin-bottom:1.5em;
}
div#kolomA div#gegevens p, div#kolomA div#programma div p {
	display:block;
	margin:1em;
	font-size:1.2em;
	line-height:1.4em;
}
div#kolomA p span.note {
	font-size:0.9em;
	font-weight:bold;
	font-style:italic;
	color:#0054a5;
}
div#kolomA div#gegevens p a {
	color:#000;
	text-decoration:underline;
}
div#kolomA div#gegevens img {
	margin:0em 3em;
	width:8em;
	height:8.5em;
}
div#kolomA div#licentie p {
	display:block;
	line-height:1.4em;
	padding:1.5em 0.8em;
	border-bottom:dotted 0.1em #e3e3e3;
}
div#kolomP div#licentie img {
	margin-bottom:1.5em;
}
div#kolomP div#gegevens p, div#kolomP div#programma div p {
	display:block;
	margin:1em;
	font-size:1.2em;
	line-height:1.4em;
}
div#kolomP p span.note {
	font-size:0.9em;
	font-weight:bold;
	font-style:italic;
	color:#0054a5;
}
div#kolomP div#gegevens p a {
	color:#000;
	text-decoration:underline;
}
div#kolomP div#gegevens img {
	margin:0em 3em;
	width:8em;
	height:8.5em;
}
div#kolomP div#licentie p {
	display:block;
	line-height:1.4em;
	padding:1.5em 0.8em;
	border-bottom:dotted 0.1em #e3e3e3;
}
/* --- ROADSHOW --- */
div#kolomA div#roadshow ul li h2 {
	color:#0054a5;
	font-size:1.7em;
	margin-bottom:0.4em;
}
div#kolomA div#roadshow ul li h2 span.rood {
	color:#ec1d23;
}
div#kolomA div#roadshow ul li {
	padding:2em 0.8em;
	border-bottom:dotted 0.1em #e3e3e3;
}
div#kolomA div#roadshow ul li p {
	font-size:1.2em;
	line-height:1.4em;
	color:#7b7b7b;
	clear:both;
}
div#kolomA div#roadshow img {
	margin-bottom:0.5em;
}
div#kolomA div#roadshow div.gasten {
	height:2.1em;
	background-repeat:no-repeat;
	margin-bottom:0.2em;
}
div#kolomA div#roadshow li.mini div.gasten {
	width:7.9em;
	background-image:url(images/roadshow/gasten250.jpg);
}
div#kolomA div#roadshow li.large div.gasten {
	width:12.9em;
	background-image:url(images/roadshow/gasten550.jpg);
}
div#kolomA div#roadshow li.extra div.gasten {
	width:17.9em;
	background-image:url(images/roadshow/gasten750.jpg);
}
div#kolomA div.sticker {
	height:11.5em;
	width:11.5em;
	background:url(images/sticker.png) no-repeat;
	position:absolute;
	right:1em;
	top:21em;
	z-index:1000;
}
/* ROADSHOW SLIDER */
#roadshowslider {
	width:66.3em;
	height:24em;
	border:solid 0.1em #e3e3e3;
	overflow:hidden;
}
#roadshowslider img {
	width:66.3em;
	height:24em;
}
/* --- FORMULIER --- */
div#kolomA div#contact div.formulier {
	padding:1em;
}
div#kolomA div#contact div.formulier p {
	color:#0054a5;
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:0.2em;
}
div#kolomA div#contact input#verzenden {
	color:#FFF;
	background-color:#0054a5;
	height:2.8em;
	width:8em;
	border:0em;
	float:left;
	margin-bottom:1em;
}
div#kolomA div#contact input#verzenden:hover {
	cursor:pointer;
}
input#naam, input#adres, input#plaats, input#telefoon, input#email, input#onderwerp, textarea#bericht {
	font-size:1.3em;
	border:0.1em solid #9f9f9f;
	padding:0.2em;
	margin-bottom:1em;
}
div#kolomA div#contact div.errors {
	clear:both;
	width:20em;
	color:#F00;
	margin-bottom:1em;
}
div#kolomA div#contact div.errors ul li {
	margin-bottom:0.2em;
}
/* RECLAME OP DE HOME PAGE */

div#reclame {
	height:12em;
	clear:both;
	width:66.5em;
	position:relative;
	bottom:0em;
}
div.margin {
	margin-top:27em;
}
div#reclame a#hyves {
	display:block;
	height:12em;
	width:16em;
	background:url(images/hyves.png) no-repeat;
	float:left;
}
div#reclame div#banner img {
	height:12em;
	width:50em;
}
div#reclame div#banner {
	background-image:url(images/banner/download.jpg);
	width:50em;
	margin-left:0.5em;
	float:left;
}
/* --- KOLOM B --- */
div#luisternu, div#feestmuts, div#verzoekjes, div#agenda, div#bliknieuws {
	margin-bottom:0.5em;
}
/* BLOKKEN */
div#kolomB div.blok-rood {
	background-color:#ec1d23;
	padding:1.2em;
	width:27.6em;
}
div#kolomB div.blok-wit {
	border:solid 0.1em #e3e3e3;
	padding:1.2em;
	width:27.4em;
}
div#kolomB div.blok-balk {
	border:solid 0.1em #e3e3e3;
	width:30em;
}
div#kolomB div#luisternu {
	height:5.6em; /* Min 2.4 Padding */
}
div#kolomB div#feestmuts {
	height:12.4em; /* Min 2.4 Padding */
	background:url(images/gradient150.png) repeat-x bottom;
	position:relative;
}
div#kolomB div#verzoekjes {
	height:7.1em; /* Min 2.4 Padding */
	color:#FFF;
}
div#kolomB div#agenda {
	height:16.6em; /* Min 2.4 Padding */
	border:solid 0.1em #e3e3e3;
	line-height:1.6em;
	overflow:hidden;
}
div#kolomB div#bliknieuws {
	height:18.8em;
}
div#kolomB div#bliknieuws h2 {
	color:#FFF;
	font-size:1.3em;
}
/* LUISTER NU */
div#kolomB div#luisternu h2 {
	color:#FFF;
	font-size:1.7em;
	margin-bottom:0.5em;
}
div#kolomB div#luisternu div.mediaspeler {
	height:2em;
	padding:0.5em;
	background-color:#FFF;
}
div#kolomB div#luisternu div.mediaspeler div.kies {
	width:10.5em;
	height:2em;
	background:url(images/titels/kiesspeler.gif) no-repeat center;
	float:left;
}
div#kolomB div#luisternu div.mediaspeler a {
	display:block;
	height:2em;
	width:2em;
	float:left;
	margin-left:1em;
}
div#kolomB div#luisternu div.mediaspeler a.winamp {
	background:url(images/mediaspeler/winamp.png) no-repeat center;
}
div#kolomB div#luisternu div.mediaspeler a.realplayer {
	background:url(images/mediaspeler/realplayer.png) no-repeat center;
}
div#kolomB div#luisternu div.mediaspeler a.mediaplayer {
	background:url(images/mediaspeler/mediaplayer.png) no-repeat center;
}
div#kolomB div#luisternu div.mediaspeler a.itunes {
	background:url(images/mediaspeler/itunes.png) no-repeat center;
}
/* FEESTMUTS V/D WEEK */
div#kolomB div#feestmuts h2 {
	color:#0054a5;
	font-size:1.7em;
}
div#kolomB div#feestmuts div.muts {
	width:5.8em;
	height:7.6em;
	float:right;
	background:url(images/feestmuts.png) no-repeat;
	position:absolute;
	top:0.4em;
	right:0.4em;
}
div#kolomB div#feestmuts div.plaat {
	height:7.5em;
	width:7.5em;
	margin-top:2em;
	float:left;
	clear:both;
}
div#kolomB div#feestmuts div.titel {
	width:19em;
	height:3em;
	float:right;
	margin-top:2.5em;
	padding-left:0.5em;
}
div#kolomB div#feestmuts p {
	line-height:1.4em;
}
div#kolomB div#feestmuts span.artiest {
	font-weight:bold;
	color:#0054a5;
	font-size:1.2em;
}
/* VERZOEKJES */
div#kolomB div#verzoekjes h2 {
	color:#FFF;
	font-size:1.7em;
	margin:0.2em 0em 0.3em 0em;
}
div#kolomB div#verzoekjes form {
	margin-top:0.5em;
}
div#kolomB div#verzoekjes input.nummer {
	color:#000;
	border:0em;
	padding:0.2em;
	float:left;
	margin-top:0.6em;
}
div#kolomB div#verzoekjes input.button {
	color:#FFF;
	text-transform:uppercase;
	height:2.4em;
	width:2.4em;
	border:0em;
	float:right;
	background:url(images/verzenden.png) no-repeat center;
}
div#kolomB div#verzoekjes input.button:hover {
	cursor:pointer;
}
/* DISCO SHOW AGENDA */
div#kolomB div#agenda h2 {
	color:#0054a5;
	font-size:1.7em;
	padding-bottom:0.5em;
	margin-bottom:1em;
	border-bottom:dotted 0.1em #e3e3e3;
}
div#kolomB div#agenda div.scroll div {
	width:27.6em;
	height:12em;
}
div#kolomB div#agenda img {
	width:27.5em;
	height:12em;
	float:left;
}
div#kolomB div#agenda p.naam {
	color:#0054a5;
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:0.2em;
}
/* BLIK OP 'T NIEUWS */
div#kolomB div#bliknieuws a {
	color:#000;
	text-decoration:underline;
}
div#kolomB div#bliknieuws a:hover {
	color:#003a73;
}
div#kolomB div#bliknieuws ul li {
	margin:1em 0 0 1em;
}
/* OVERIGE */
div#clear {
	clear:both;
}
div#footer {
	height:2em;
}
div#footer p {
	text-align:center;
	color:#FFF;
	display:block;
	margin-top:0.4em;
}
div#footer a {
	color:#FFF;
}
div#footer a:hover {
	text-decoration:underline;
}
/* --- Slider op de Home-pagina (Featured Content Slider) --- */

/* Container */
#featured {
	width:42em;
	height:24em;
	padding-right:24.3em;
	border:solid 0.1em #e3e3e3;
	position:relative;
	margin-bottom:0.5em;
	background-color:#000;
}
/* Tabs */

#featured ul.ui-tabs-nav {
	position:absolute;
	top:0;
	left:40.5em;
	list-style:none;
	width:26em;
	z-index:1000;
}
#featured ul.ui-tabs-nav li {
	padding-left:1.5em;
}
/* Selected Tab */
#featured li.ui-tabs-nav-item a {/*On Hover Style*/
	display:block;
	height:5em;
	width:21.3em;
	color:#333;
	background:url(images/flipper/item.png) repeat-x;
	padding:1.5em;
}
#featured ul.ui-tabs-nav li a span {
	line-height:1.4em;
}
#featured ul.ui-tabs-nav li a span.kop {
	color:#000;
	font-weight:bold;
	font-size:1.2em;
}
#featured ul.ui-tabs-nav li a span.klein {
	font-size:1.1em;
}
#featured li.ui-tabs-nav-item a:hover {
	cursor:pointer;
}
#featured li.ui-tabs-selected { /*Selected tab style*/
	background:url(images/flipper/selected-item.png) top left no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a {
	background:url(images/flipper/selected-tab.png) repeat-x;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a span.kop {
	color:#0054a5;
}
/* Images */
#featured .ui-tabs-panel {
	width:42em;
	height:24em;
	background:#999;
	position:relative;
	overflow:hidden;
}
#featured .ui-tabs-hide {
	display:none;
}
/* Info Venster */
#featured div.info {
	position:absolute;
	top:16em;
	left:0;
	height:5.5em;
	width:39.5em;
	padding:1.5em;
	background-color:#000;
	opacity:.80;
	filter:alpha(opacity=80);
}
#featured div.info h2 {
	font-size:1.2em;
	margin-bottom:0.5em;
}
#featured .info p {
	line-height:1.5em;
	color:#f0f0f0;
}
#featured .info a {
	text-decoration:none;
	color:#fff;
}
#featured .info a:hover {
	text-decoration:underline;
}

/* Einde Featured Content Slider */