body { background-color: #70000c; background-image:url(../images/bg.jpg); background-repeat: repeat-x; margin: 0px; }

div#top { width: 100%; height: 332px; overflow: hidden; }
div#topPhoto { position: absolute; top: 0px; left: 50%; margin-left: -540px; width: 1080px; height: 332px; overflow: hidden; background-repeat: no-repeat; background-position: 9px 17px; }
div#topPhotoMask { width: 1080px; height: 332px; overflow: hidden; background-image:url(../images/mask_top.png); background-repeat: no-repeat; position: relative; }
div#logo { position: absolute; top: 71px; left: 26px; background-image:url(../images/logo.png); background-repeat: no-repeat; width: 230px; height: 230px; overflow: hidden; }
div#freqs { position: absolute; top: 222px; left: 182px; width: 440px; height: 60px; overflow: hidden; }
div#slogan { position: absolute; top: 31px; right: 54px; background-image:url(../images/onzeradio.png); background-repeat: no-repeat; width: 511px; height: 81px; overflow: hidden; }
a#luisterlive { position: absolute; bottom: 6px; right: 124px; background-image:url(../images/luisterlive.png); background-repeat: no-repeat; width: 224px; height: 83px; overflow: hidden; text-indent: 4000px; line-height: 4000px; }

div#menu { width: 100%; height: 30px; overflow: hidden; background-image:url(../images/bg_menu.png); background-repeat: no-repeat; background-position: center; text-align: center; }
div#menu a { color: #ffffff; text-decoration: none; font-weight: bold; font-size: 16px; line-height: 31px; padding: 6px 10px 6px 10px; border-left: 2px solid #f6c5a8; cursor: pointer; }
div#menu a:hover, div#menu a.selected { background-color: #f6c5a8; color: #d66a33; }
div#menu a.first { border-left: 0; }

div.menuPop { position: absolute; top: 362px; left: 250px; width: 190px; overflow-x: hidden; }
div.menuPop div.content { background-image: url(../images/menupop.png); background-repeat: no-repeat; padding: 10px 15px 0px 15px }
div.menuPop div.content a { display: block; color: #cd0016; font-weight: bold; text-decoration: none; padding: 2px 4px; border-top: 1px solid #cd0016; }
div.menuPop div.content a:hover, div.menuPop div.content a.selected { color: #ffffff; background-color: #cd0016; }
div.menuPop div.content a.first { border-top: 0; }
div.menuPop div.bottom { background-image: url(../images/menupop_bot.png); background-repeat: no-repeat; width: 190px; height: 15px; overflow: hidden; }

div#container { width: 1030px; margin-left: auto; margin-right: auto; overflow-x: hidden; background-image:url(../images/bg_main.png); background-repeat: repeat-y; }
div#containerMarge { margin: 15px 30px 0px 30px; }

div#columnLeft { width: 230px; overflow-x: hidden; margin-right: 15px; float: left; }
div#mainContainer { width: 480px; margin-top: 5px; float: left; }
div#columnRight { width: 230px; overflow-x: hidden; margin-left: 15px; float: left; }
div#bottomSpacer { height: 15px; overflow: hidden; clear: both; }

div#bottom { width: 1030px; height: 50px; margin-left: auto; margin-right: auto; overflow: hidden; margin-top: -15px; background-image:url(../images/mask_bottom.png); background-repeat: no-repeat; font-size: 10px; color: #ffffff; text-align: center; padding-top: 20px; }
div#bottom a { color: #ffffff; }

div.colBlock { background-repeat: no-repeat; margin-bottom: 10px; }
div.colBlock div.title { padding: 10px 14px 9px 14px; font-size: 14px; color: #ffffff; font-weight: bold; overflow: hidden; height: 16px; }
div.colBlock div.content { background-repeat: no-repeat; padding: 4px 16px 0px 16px; font-size: 11px; overflow-x: hidden; }
div.colBlock div.content p { margin: 0; }
div.colBlock div.bottom { background-repeat: no-repeat; height: 15px; overflow: hidden; }

div.cBorange div.title { background-image: url(../images/col_o_top.png); }
div.cBorange div.content { background-image:url(../images/col_o_bg.png); }
div.cBorange div.bottom { background-image:url(../images/col_o_bot.png); }

div.cBred div.title { background-image: url(../images/col_r_top.png); }
div.cBred div.content { background-image:url(../images/col_r_bg.png); }
div.cBred div.bottom { background-image:url(../images/col_r_bot.png); }

div.kraakdekluis { background-image: url(../images/col_kraakdekluis.png); width: 230px; height: 230px; background-repeat: no-repeat; overflow: hidden; margin-bottom: 10px; position: relative; }
div.kraakdekluis div.kluisbedrag { position: absolute; top: 165px; left: 30px; font-weight: bold; font-size: 22px; }
div.kraakdekluis a { display: block; position: absolute; top: 0px; left: 0px; width: 230px; height: 230px; text-indent: 4000px; line-height: 4000px; }

div.beldestudio { background-image: url(../images/col_beldestudio.png); width: 230px; height: 230px; background-repeat: no-repeat; overflow: hidden; margin-bottom: 10px; position: relative; }
div.beldestudio a { display: block; position: absolute; top: 0px; left: 0px; width: 230px; height: 230px; text-indent: 4000px; line-height: 4000px; }

table.programmatie { border-collapse: collapse; border: 0; }
table.programmatie td, table.programmatie th { border: 1px solid #ecb9bf; padding: 2px 5px; }
table.programmatie th { width: 10%; }
table.programmatie td.prog { width: 45%; font-weight: bold; font-size: 13px; }
table.programmatie td.dj { width: 45%; }
table.programmatie td.desc { width: 90%; padding: 0px 15px; }
table.programmatie tr.b td, table.programmatie tr.b th { background-color: #f3d7da; }

a.medewerker { display: block; float: left; width: 152px; padding: 4px; text-align: center; text-decoration: none; margin-bottom: 5px; }
a.medewerker:hover { background-color: #ecb9bf; }
a.medewerker img { border: 1px solid #ecb9bf; margin-bottom: 4px; }
a.medewerker span { font-weight: bold; font-size: 13px; }

.nieuwsdatum { text-align: right; font-size: 11px; font-style: italic; margin-bottom: -15px; }
.nieuwsbericht { text-align: justify; }
.nieuwsauteur { text-align: right; font-size: 11px; font-style: italic; border-top: 1px solid #d66a33; padding-top: 2px; }
.berichtlinks a { display: block; text-decoration: none; padding: 3px 6px; font-weight: bold; }
.berichtlinks a.a { background-color: #f3d7da; }
.berichtlinks a.b { background-color: #ecb9bf; }
.berichtlinks a:hover, .berichtlinks a.c { background-color: transparent; padding-left: 25px; color: #d66a33; }

ul.col_berichtlinks { margin: 0px; padding-left: 15px; color: #cd0016; }

.prognaam { font-size: 15px; font-weight: bold; margin-bottom: 5px; }
.progliner { font-style: italic; margin-top: 5px; }

/*-----------------FOTOBOEK---*/

div#fotolist { width: 480px; overflow-x: scroll; overflow-y: hidden; margin-top: 20px; font-size: 10px; text-align: center; }
div#fotolist a { display: inline-block; width: 118px; height: 118px; margin: 0px 1px 2px 1px; vertical-align: middle; overflow: hidden; }
div#fotolist a:hover { background-color: #d66a33; }
div#fotolist a.selected {  background-color: #cd0016; }
div#fotolist a div { text-align: center; vertical-align: middle; }
div#fotolist a div.hor { padding: 14px 2px 14px 2px; }
div#fotolist a div.ver { padding: 2px 14px 2px 14px; }

a.album { display: inline-block; margin: 0px 2px 2px 0px; text-align: center; text-decoration: none; vertical-align: top; font-size: 11px; }
a.album span { color: #d66a33; font-size: 9px; }
a.album:hover { background-color: #d66a33; color: #FFFFFF; }
a.album:hover span { color: #FFFFFF; }
a.album img { margin-bottom: 5px; }
a.albumhor { padding: 14px 2px 14px 2px; width: 114px; }
a.albumver { padding: 2px 14px 2px 14px; width: 90px; }

div#fotofull { margin-top: 15px; width: 480px; text-align: center; }

/*-----------------WEBSHOP---*/

a.productlist { display: inline-block; margin: 0px 2px 2px 0px; text-align: center; text-decoration: none; width: 134px; vertical-align: middle; }
a.productlist span { color: #cd0016; font-weight: bold; }
a.productlist:hover { background-color: #d66a33; color: #FFFFFF; }
a.productlist:hover span { color: #FFFFFF; }
a.productlist img { margin-bottom: 5px; }
a.productlisthor { padding: 2px 2px 7px 2px; }
a.productlistver { padding: 2px 17px 2px 18px; }

a.winkelmandje { display: block; padding: 4px 6px 5px 6px; text-align: left; width: 180px; text-decoration: none; width: 206px; margin-left: 5px; margin-bottom: 15px; border: 1px solid #cd0016; }
a.winkelmandje span { font-size: 80%; }
a.winkelmandje img { margin-left: 5px; }
a.winkelmandje:hover { background-color: #ffffff; }

table.winkelmandje th { font-size: 12px; padding: 2px 4px 2px 4px; vertical-align: middle; color: #FFFFFF; font-weight: bold; border-bottom: 1 solid black; border-right: 1 solid #f9d5a8; }
table.winkelmandje th.a { background-color: #cd0016; }
table.winkelmandje th.b { background-color: #db3a4b; }
table.winkelmandje td { font-size: 12px; padding: 2px 5px 2px 5px; vertical-align: middle; border-bottom: 1 solid #f9d5a8; border-right: 1 solid #f9d5a8; line-height: 20px; }
table.winkelmandje td.a { background-color: #ecb9bf; }
table.winkelmandje td.b { background-color: #f3d7da; }
table.winkelmandje input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

table.persgeg td.label { line-height: 20px; padding-right: 10px; }
.inputempty { background-color: #ffbaba; }




table.formulier { width: auto; border-spacing: 0; }
table.formulier th { text-align: right; padding-right: 10px; }
table.formulier td { padding: 2px; }
table.formulier td.submit { text-align: center; padding-top: 5px; }
table.formulier th.subtitel { text-align: center; padding-top: 10px; }
table.formulier tr.mark td, table.formulier tr.mark th { background-color: #f5be9e; }


.trotsplaat { width: 198px; height: 198px; overflow: hidden; }
.trotsplaat_titel { background-color: #D76B34; padding: 3px 5px; font-size: 13px; font-weight: bold; color: #ffffff; }
.trotsplaat_artiest { background-color: #ED8A50; padding: 3px 5px; font-size: 12px; color: #ffffff; }

#nowPlayingContent table td, #nowPlayingContent table th { padding: 0px; margin: 0px; }
#nowPlayingContent table th { text-align: right; padding-right: 5px; }
#nowPlayingContent table tr.zonet td, #nowPlayingContent table tr.zonet th { font-size: 11px; color: #d66a33; }
#nowPlayingContent table tr.nu td, #nowPlayingContent table tr.nu th { font-size: 13px; color: #cd0016; background-color: #ecb9bf; }
#nowPlayingContent table tr.straks td, #nowPlayingContent table tr.straks th { font-size: 11px; color: #d66a33; }
#nowPlayingContent table tr.nu td { padding: 2px 4px; }
#nowPlayingContent span.artist { font-weight: bold; }

#playlist { }
#playlist tr.a td { background-color: #ecb9bf; }
#playlist tr.b td {  }
#playlist td { padding: 3px 5px; }
#playlist td.uur {  }
#playlist td.artiest { font-weight: bold; width: 50%; }
#playlist td.titel { width: 50%; }