@charset "UTF-8";
/* Topradio CSS Document By Wachem Huyge */
html,body {background:#000 url(../images/bg.jpg) no-repeat top fixed; margin:0px; color:#FFF; font-family: Arial, Helvetica, verdana, sans-serif; font-size: 11px; height:100%; -webkit-background-size: 1920px 1550px;}
img {border-width:0px;}
object {outline:none;}
a {text-decoration:none; color:#FFF; outline:none;}

.container { width:990px; margin:0 auto 0 auto; display:block; height:100%;}
.blok {overflow:hidden; display:block;}
.hidden {display:none;}
.footerspace{display:block; height:20px; overflow:hidden;}

#left{float:left; width:685px; margin:0;}
#right{float:left; width:305px; margin:0;}

#topline{ background:url(../images/topline.gif) repeat-x; position:fixed; width:100%; height:7px; left:0; z-index:9999999}
#header{}
#logo{margin:0 0 3px 0;}

#menu {background:url(../images/mnu-bg.png) no-repeat; height:40px; width:960px; overflow:hidden; margin:0 0 10px 18px;}
#menu span {display:none;}
#menu ul {list-style:none; margin:0; padding:0;}
#menu li {list-style:none; margin:0; padding:0; float:left;}
#menu li a {height:31px; display:block; padding:0;}
#mnuhome a {background:url(../images/mnu-over.png) no-repeat -1000px; width:52px; margin:0;}
#mnuhome a:hover {background:url(../images/mnu-over.png) no-repeat 0px;}
#mnunieuws a {background:url(../images/mnu-over.png) no-repeat -5000px; width:57px;}
#mnunieuws a:hover {background:url(../images/mnu-over.png) no-repeat -52px;}
#mnuplaylists a {background:url(../images/mnu-over.png) no-repeat -5000px; width:70px;}
#mnuplaylists a:hover {background:url(../images/mnu-over.png) no-repeat -109px;}
#mnuprogramma a {background:url(../images/mnu-over.png) no-repeat -5000px; width:91px;}
#mnuprogramma a:hover {background:url(../images/mnu-over.png) no-repeat -179px;}
#mnucrew a {background:url(../images/mnu-over.png) no-repeat -5000px; width:49px;}
#mnucrew a:hover {background:url(../images/mnu-over.png) no-repeat -270px;}
#mnucd a {background:url(../images/mnu-over.png) no-repeat -5000px; width:43px;}
#mnucd a:hover {background:url(../images/mnu-over.png) no-repeat -319px;}
#mnumedia a {background:url(../images/mnu-over.png) no-repeat -5000px; width:51px;}
#mnumedia a:hover {background:url(../images/mnu-over.png) no-repeat -362px;}
#mnupartyupdate a {background:url(../images/mnu-over.png) no-repeat -5000px; width:89px;}
#mnupartyupdate a:hover {background:url(../images/mnu-over.png) no-repeat -413px;}
#mnufrequenties a {background:url(../images/mnu-over.png) no-repeat -5000px; width:84px;}
#mnufrequenties a:hover {background:url(../images/mnu-over.png) no-repeat -502px;}
#mnucontact a {background:url(../images/mnu-over.png) no-repeat -5000px; width:63px;}
#mnucontact a:hover {background:url(../images/mnu-over.png) no-repeat -586px;}

.sidelist{ margin:0 0 20px 10px;}
.sidelist ul {list-style:none; margin:0; padding:0;}
.sidelist li {list-style:none; margin:1px 0 0 0; padding:0; background:url(../images/sideitembg.png) no-repeat; border-bottom:solid 1px #282828; height:29px; width:285px; overflow:hidden;}
.sidelist .last{border-bottom:solid 1px #414141;}
.sidelist li .bullet{ margin:7px 13px -4px 11px;}
.sidelist li .icon{ margin:7px 10px -5px 8px;}
.sidelist li .artiest{ color:#FFF; font-weight:bold; margin:0 2px 0 0;}
.sidelist li .titel{ color:#0e97d7; font-size:11px;}
.sidelist li .specs{ color:#0e97d7; font-size:10px;}
.sidelist li a{width:285px; display:block; height:28px; background:url(../images/sideitembg-over.png) no-repeat -285px;}
.sidelist li a:hover {background:url(../images/sideitembg-over.png) no-repeat;}
.sidetitelimg {margin:0; padding:0;}

#onair{}

#adds{ margin:0 0 8px 10px;}
#adds .banner{border:solid 1px #222222; margin:0 0 8px 0; width:283px; height:94px; overflow:hidden;}
#adds .banner img{border:solid 2px #0d0d0d;}
#adds .banner a:hover img{border:solid 2px #191919;}
#adds .flashbanner .flashadd{border:solid 2px #0d0d0d; margin:0; padding:0;}
#adds .flashbanner{border:solid 1px #222222; margin:0 0 8px 0; width:283px; height:94px; overflow:hidden;}

#sliderwrapper {border:solid 1px #222222; margin:0 0 13px 19px; width:644px; height:242px; overflow:hidden;}
#hoticon {position:absolute; z-index:999; margin:-1px 0 0 628px;}
#newsicon {position:absolute; z-index:999; margin:-1px 0 0 628px;}

#home{margin:0 0 13px 19px; overflow:hidden;}
#nieuws{margin:0 0 13px 19px; clear:both; background:url(../images/newsbg-pat.png) repeat-y #0d0d0d; border:solid 1px #222222; width:644px;}
#nieuwsdetail{margin:0 0 13px 19px; clear:both; background:url(../images/newsbg-pat.png) repeat-y #0d0d0d; border:solid 1px #222222; width:644px;}
#mediaspotlight{margin:0 0 11px 19px; clear:both; overflow:hidden;}
#cddetail{margin:0 0 13px 19px; clear:both; background:url(../images/newsbg-pat.png) repeat-y #0d0d0d; border:solid 1px #222222; width:644px;}
#youtube{margin: 0 0 13px 19px; background:#0d0d0d; border:solid 1px #222; width:644px; height:391px; padding:0;}
#freqmap {border:solid 1px #222222; margin:0 0 13px 19px; width:644px; height:276px; overflow:hidden;}

#networks{float:left; width:198px;}
#facebookbtn a{ background:url(../images/facebook.png) no-repeat #0d0d0d; width:198px; height:42px; display:block; margin:0 0 9px 0;}
#facebookbtn a span{display:none;}
#facebookbtn a:hover{ background:url(../images/facebook.png) no-repeat -198px; width:198px; height:42px; display:block;}
#netlogbtn a{ background:url(../images/netlog.png) no-repeat #0d0d0d; width:198px; height:42px; display:block;  margin:0 0 9px 0;}
#netlogbtn a span{display:none;}
#netlogbtn a:hover{ background:url(../images/netlog.png) no-repeat -198px; width:198px; height:42px; display:block;}
#zenbtn a{ background:url(../images/zenfm.png) no-repeat #0d0d0d; width:198px; height:42px; display:block;  margin:0;}
#zenbtn a span{display:none;}
#zenbtn a:hover{ background:url(../images/zenfm.png) no-repeat -198px; width:198px; height:42px; display:block;}
#twitterbtn a{ background:url(../images/twitter.png) no-repeat #0d0d0d; width:198px; height:42px; display:block;  margin:0;}
#twitterbtn a span{display:none;}
#twitterbtn a:hover{ background:url(../images/twitter.png) no-repeat -198px; width:198px; height:42px; display:block;}

#latestcd{float:left; border:solid 1px #222222; width:142px; height:142px; margin:0 0 0 9px;}
#latestcd img{border:solid 3px #0d0d0d;}
#latestcd a:hover img{border:solid 3px #191919;}

#minipartyupdate{float:left; background:#0d0d0d; border:solid 1px #222222; margin:0 0 0 9px; width:284px; height:142px; overflow:hidden;}
#minipartyupdatetitel{margin:8px 0 0 10px;}
#minipartyupdate ul {list-style:none; margin:7px 0 0 10px; padding:0;}
#minipartyupdate li {list-style:none; margin:1px 0 0 0; padding:9px 0 0 0; background:url(../images/partyupdate-line.png) no-repeat; height:17px; width:267px; overflow:hidden;}
#minipartyupdate li .pudate{ font-weight:bold; float:left;}
#minipartyupdate li .putitel{ margin:0 0 0 8px; color:#8a8a8a; float:left;}
#minipartyupdate li .puclub{ margin:0 0 0 5px; font-size:10px; color:#0e97d7; float:left;}
#minipartyupdate li .pudetail a{ background:url(../images/more.png) no-repeat; width:21px; height:21px; display:block; float:right; margin:-4px 0 0 0;}
#minipartyupdate li .pudetail a:hover{ background:url(../images/more.png) no-repeat -21px; width:21px; height:21px; display:block;}

.mediaitem {float:left; margin:0 10px 0 0;}
.mediaitem a{cursor:pointer;}
.mediathumb{border:solid 1px #222; width:152px; height:89px; overflow:hidden; margin:0 0 6px 0; display:block;}
.mediathumb img{border:solid 2px #0d0d0d;}
.mediathumb a:hover img{border:solid 2px #191919;}
.mediathumb a:hover .mediatitel{color:#CCC}
.mediaicon{float:left; margin:0 7px 0 2px; display:block;}
.mediatitel{float:left; text-transform:uppercase; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:10px; color:#8b8b8b; width:133px; overflow:hidden; display:block;}
.mediabreak{clear:both; height:10px; display:block;}

#nieuws ul {list-style:none; margin:14px 0 0 14px; padding:0;}
#nieuws li {list-style:none; margin:0 0 5px 0; padding:0; height:94px; width:620px; overflow:hidden;}
#nieuws li .nieuwsthumb{float:left; border:solid 1px #222; width:82px; height:82px; overflow:hidden;}
#nieuws li .nieuwsthumb img{border:solid 2px #0d0d0d;}
#nieuws li .nieuwsinfo{float:left; width:500px; margin:0 0 0 29px;}
#nieuws li .nieuwsinfo .nieuwstitel{float:left; font-size:12px; font-weight:bold; margin:3px 0 0 0; display:block;}
#nieuws li .nieuwsinfo a:hover {cursor:pointer;}
#nieuws li .nieuwsinfo a:hover .nieuwsinhoudkort{color:#CCC;}
#nieuws li .nieuwsinfo .nieuwsdatum{float:left; font-size:10px; color:#0e97d7; margin:4px 0 0 7px; display:block;}
#nieuws li .nieuwsinfo .nieuwsinhoudkort{margin:10px 0 0 0; color:#8b8b8b; text-align:justify; height:26px; overflow:hidden; display:block;}
#nieuws li .nieuwsinfo .nieuwsbullet{float:left; margin:14px 0 0 0; color:#0e97d7; font-style:italic; display:block;}
#nieuws li .nieuwsinfo .nieuwsdoor{float:left; margin:10px 0 0 7px; color:#0e97d7; font-style:italic; display:block;}
#nieuws li .nieuwsinfo .nieuwsdoor a{color:#0e97d7;}
#nieuws li .nieuwsinfo .nieuwsdoor a:hover{color:#39b9f4;}
#nieuws li .nieuwsinfo .nieuwslijn{ height:2px; background:url(../images/line-pat.png) repeat-x; margin:10px 0 0 0;}

#nieuwsdetail ul {list-style:none; margin:14px 0 0 14px; padding:0;}
#nieuwsdetail li {list-style:none; margin:0 0 5px 0; padding:0; width:620px; overflow:hidden;}
#nieuwsdetail li .nieuwsthumb{float:left; border:solid 1px #222; width:82px; height:82px; overflow:hidden;}
#nieuwsdetail li .nieuwsthumb img{border:solid 2px #0d0d0d; position:absolute;}
#nieuwsdetail li .nieuwsinfo{float:left; width:500px; margin:0 0 0 29px;}
#nieuwsdetail li .nieuwsinfo .nieuwstitel{float:left; font-size:12px; font-weight:bold; margin:3px 0 0 0;}
#nieuwsdetail li .nieuwsinfo a:hover {cursor:pointer;}
#nieuwsdetail li .nieuwsinfo a:hover .nieuwsinhoudkort{color:#CCC;}
#nieuwsdetail li .nieuwsinfo .nieuwsdatum{float:left; font-size:10px; color:#0e97d7; margin:4px 0 0 7px;}
#nieuwsdetail li .nieuwsinfo .nieuwsdatum a{color:#0e97d7;}
#nieuwsdetail li .nieuwsinfo .nieuwsdatum a:hover{color:#39b9f4;}
#nieuwsdetail li .nieuwsinfo .nieuwsinhoud{margin:7px 0 7px 0; color:#8b8b8b; text-align:justify; min-height:23px;}
#nieuwsdetail li .nieuwsinfo .nieuwsinhoud a{color:#8b8b8b;}
#nieuwsdetail li .nieuwsinfo .nieuwsinhoud a:hover{color:#CCC;}
#nieuwsdetail li .nieuwsinfo .nieuwsbullet{float:left; margin:9px 0 0 0; color:#0e97d7; font-style:italic;}
#nieuwsdetail li .nieuwsinfo .nieuwsdoor{float:left; margin:5px 0 10px 7px; color:#0e97d7; font-style:italic;}
#nieuwsdetail li .nieuwsinfo .nieuwsdoor a{color:#0e97d7;}
#nieuwsdetail li .nieuwsinfo .nieuwsdoor a:hover{color:#39b9f4;}
#nieuwsdetail li .nieuwsinfo .nieuwslijn{ height:2px; background:url(../images/line-pat.png) repeat-x; margin:5px 0 0 0;}

#share{position:absolute; z-index:999; margin:16px 0 0 594px; width:55px;}
#sharefacebook a{ background:url(../images/icon_share.png) no-repeat; width:17px; height:17px; display:block; float:left; margin:0 2px 0 0;}
#sharefacebook a:hover{ background:url(../images/icon_share.png) no-repeat 0 -17px;}
#sharetwitter a{ background:url(../images/icon_share.png) no-repeat -17px 0; width:17px; height:17px; display:block; float:left; margin:0 2px 0 0;}
#sharetwitter a:hover{ background:url(../images/icon_share.png) no-repeat -17px -17px;}
#sharenetlog a{ background:url(../images/icon_share.png) no-repeat -34px 0; width:17px; height:17px; display:block; float:left; margin:0;}
#sharenetlog a:hover{ background:url(../images/icon_share.png) no-repeat -34px -17px;}

#sharewebsite{position:absolute; z-index:999; margin:16px 0 0 632px; width:17px;}
#websitelink a{ background:url(../images/icon_share.png) no-repeat -51px 0; width:17px; height:17px; display:block; float:left; margin:0;}
#websitelink a:hover{ background:url(../images/icon_share.png) no-repeat -51px -17px;}

.playlist{margin:0 0 13px 19px; clear:both; background:#0d0d0d; border:solid 1px #222222; width:644px;}
.playlisttop{margin:16px 0 0 18px; overflow:hidden; width:610px;}
.playlisticon{float:left;}
.playlisttitel{font-size:16px; float:left; font-weight:bold; margin:0px 0 0 10px;}
.playlistdatum{color:#0e97d7; font-size:11px; float:left; margin:4px 0 0 8px;}
.playlistprogrammadatum {float:right; margin:0 1px 0 0; text-align:right; color:#787878; padding:2px 4px 2px 5px; background:#1e1e1e; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.playlistlijn{ height:2px; background:url(../images/line-pat.png) repeat-x; margin:3px 0 0 17px; clear:both; width:610px;}
.playlistbuttons{float:right; width:37px; margin:3px 0 0 0;}
.playlistprevdisabled{ background:url(../images/icon_prev_playlist_disabled.png) no-repeat; width:17px; height:17px; display:block; float:left; margin:0 3px 0 0;}
.playlistnextdisabled{ background:url(../images/icon_next_playlist_disabled.png) no-repeat; width:17px; height:17px; display:block; float:left;}
.playlistprev a{ background:url(../images/icon_nav_playlist.png) no-repeat; width:17px; height:17px; display:block; float:left; margin:0 3px 0 0;}
.playlistprev a:hover{ background:url(../images/icon_nav_playlist.png) no-repeat 0 -17px;}
.playlistnext a{ background:url(../images/icon_nav_playlist.png) no-repeat -20px 0; width:17px; height:17px; display:block; float:left;}
.playlistnext a:hover{ background:url(../images/icon_nav_playlist.png) no-repeat -20px -17px;}
.playlist ul{list-style:none; margin:5px 0 15px 18px; padding:0;}
.playlist li{list-style:none; margin:0; padding:0; width:610px; overflow:hidden; background:url(../images/list-bgb.png) no-repeat; height:25px; display:block;}
.playlist li.alter{background:url(../images/list-bga.png) no-repeat;}
.playlist li.geenplaylist{ background:none;}
.playlist li.lijst{ background:none; height:auto;}
.playlist li .playlistbullet{float:left; margin:10px 7px 0 0;}
.playlist li .playlistvantot{float:left; color:#8b8b8b; width:84px; margin:6px 0 0 0;}
.playlist li .playlistprogramma{float:left; color:#c0c0c0; margin:6px 0 0 0;}
.playlist li .playlistprogrammadoor{float:right; color:#8b8b8b; margin:6px 0 0 0;}
.playlist li .playlistprogramma a{color:#c0c0c0;}
.playlist li .playlistprogrammadoor a{color:#8b8b8b;}
.playlist li .playlistprogramma a:hover{color:#eee;}
.playlist li .playlistprogrammadoor a:hover{color:#c0c0c0;}
.playlist li .playlistartiest{float:left; color:#8b8b8b; width:260px; margin:6px 0 0 0; font-weight:bold; overflow:hidden; height:14px;}
.playlist li .playlisttracktitel{float:left; color:#c0c0c0; margin:6px 0 0 0; width:300px; height:14px; overflow:hidden;}
.playlist li .playlistlike{float:right;}
.playlist li .playlistlike a{background:url(../images/icon_like.png) no-repeat; width:13px; height:12px; display:block; float:right; margin:5px 1px 0 0;}
.playlist li .playlistlijst{color:#8b8b8b; margin:0; overflow:hidden; line-height:18px;}
.playlist .playlistspace{height:4px;}
.playlist li .playlistnr{float:left; color:#c0c0c0; margin:6px 0 0 0; width:25px; height:14px; overflow:hidden;}
.playlist li .playlisttracktitelcd{float:left; color:#c0c0c0; margin:6px 0 0 0; width:290px; height:14px; overflow:hidden;}
.playlist li .playlistfreq{float:right; color:#c0c0c0; margin:6px 0 0 0; width:290px; height:14px; overflow:hidden; text-align:right;}
.playlist li .playlistdatumparty{float:left; color:#8b8b8b; width:74px; margin:6px 0 0 0;}

#cddetail ul {list-style:none; margin:14px 0 0 14px; padding:0;}
#cddetail li {list-style:none; margin:0 0 5px 0; padding:0; width:620px; overflow:hidden;}
#cddetail li .nieuwsthumb{float:left; border:solid 1px #222;}
#cddetail li .nieuwsthumb img{border:solid 2px #0d0d0d;}
#cddetail li .nieuwsinfo{float:left; width:500px; margin:0 0 0 29px;}
#cddetail li .nieuwsinfo .nieuwstitel{float:left; font-size:12px; font-weight:bold; margin:3px 0 0 0;}
#cddetail li .nieuwsinfo a:hover {cursor:pointer;}
#cddetail li .nieuwsinfo a:hover .nieuwsinhoudkort{color:#CCC;}
#cddetail li .nieuwsinfo .nieuwsdatum{float:left; font-size:10px; color:#0e97d7; margin:4px 0 0 7px;}
#cddetail li .nieuwsinfo .nieuwsinhoud{margin:7px 0 7px 0; color:#8b8b8b; text-align:justify; min-height:23px;}
#cddetail li .nieuwsinfo .nieuwsinhoud a{color:#8b8b8b;}
#cddetail li .nieuwsinfo .nieuwsinhoud a:hover{color:#CCC;}
#cddetail li .nieuwsinfo .nieuwsbullet{float:left; margin:9px 0 0 0; color:#0e97d7; font-style:italic;}
#cddetail li .nieuwsinfo .nieuwsdoor{float:left; margin:5px 0 10px 7px; color:#0e97d7; font-style:italic;}
#cddetail li .nieuwsinfo .nieuwslijn{ height:2px; background:url(../images/line-pat.png) repeat-x; margin:5px 0 0 0;}
#cdnav{position:relative; margin:-5px 0 40px 610px; width:55px;}

#youtube #player{border:solid 3px #0d0d0d;}

#credit{margin:0 0 20px 10px;}
#credit a{width:285px; display:block; height:19px; background:url(../images/credit.png) no-repeat;}
#credit a:hover{background:url(../images/credit.png) no-repeat -285px;}

#tooltip { position: absolute; z-index: 3000; border: 1px solid #222;	background-color: #000; padding: 5px 8px 5px 8px; font-size:10px;}
#tooltip h3, #tooltip div { margin: 0; font-size:11px; }

.contactfield { width:auto; text-align:left;}
.contactformrow { overflow:hidden;}
.inputformstyle { border: 1px #222 solid; background: #000; padding: 3px; margin-top: 5px; width: 492px; font-size:11px; font-family: Arial, Helvetica, sans-serif; outline:none;}
.inputformstylesmalla { border: 1px #222 solid; background: #000; padding: 3px; margin-top: 5px; margin-right: 5px; width: 239px; font-size:11px; font-family: Arial, Helvetica, sans-serif; outline:none;}
.inputformstylesmallb { border: 1px #222 solid; background: #000; padding: 3px; margin-top: 5px; margin-right: 0px; width: 240px; font-size:11px; font-family: Arial, Helvetica, sans-serif; outline:none;}
.inputtextstyle { border: 1px #222 solid; background: #000; overflow: auto; padding: 3px; margin-top: 5px; width: 492px; font-size:11px; font-family: Arial, Helvetica, sans-serif; outline:none;}
.focusField{ border:solid 1px #333; background:#111; color:#999; outline:none;}
.idleField{ background:#111; color: #444;  outline:none;}
.errorField{ background:#111; color: #900;  outline:none;}
.buttonstylegreen { border: 1px #222 solid; background: #111; padding: 3px; font-size: 9px; color: #777; outline:none; cursor:pointer;}
.buttonstylered { border: 1px #222 solid; background: #111; padding: 3px; margin-left:5px; font-size: 9px; color: #777; outline:none; cursor:pointer;}
.buttons { float:left; padding-top:3px; outline:none; cursor:pointer;}
.buttonsretro { float:left; padding-top:5px; outline:none; cursor:pointer;}
.contactformrowbuttons { width:492px; outline:none; cursor:pointer;}
.fieldform{ margin:0 0 8px 0;}

#ie-message {text-align:center; border-bottom:1px solid #900; color: #fff; position:fixed; top:0; padding:5px; width:100%; background-color:#F00;}
#ie-message a {color: #fff;}
#ie-message a:hover {text-decoration:underline;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#share{margin:29px 0 0 594px;}
#sharewebsite{margin:29px 0 0 632px;}
}