@charset "utf-8";
/*reset*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{ margin: 0; padding: 0; }
html, body{ height:100%; width: 100%; }
img{ border:none; }
a{ outline:none; }
ul{ list-style:none; }
body { font-family:'News Cycle', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #000000; background-color:#F7F7F7; font-weight:400; }
#container { width:100%; position:relative; height:auto !important; height:100%; min-height:100%; margin:0 auto; }
#container #header { width:100%; height:170px; position:relative; background:url("/images/gloed_bovenkant.png") repeat-x left bottom; }
#container #header .content { width:960px; height:170px; position:relative; margin:0 auto; z-index:2; }
#container #header .content a.logo { display:block; height:130px; width:480px; float:left; position:relative; margin-top:14px; }
#container #header .content ul.nav { width:322px; position:absolute; right:0; top:34px; height:68px; list-style:none; border-left:#C2C2C2 1px solid; padding:0 0 26px 0; }
#container #header .content ul.nav li { float:left; height:10px; margin:58px 11px 0 11px; }
#container #header .content ul.nav li.ruler { background-color:#C2C2C2; width:1px; margin:0; height:94px; }
#container #header .content ul.nav li a { text-decoration:none; color:#000000; text-transform:uppercase; font-size:14px; }
#container #header .content ul.nav li a:hover, #container #header .content ul.nav li a.active { color:#1B8CC3; }
#container #content { width:960px; position:relative; margin:0 auto; display:block; padding:10px 0 105px 0; overflow:hidden; }
#container #content ul.nav { width:183px; position:relative; float:left; margin-right:12px; z-index:2; }
#container #content ul.nav li { float:left; width:86px; height:86px; margin:0 4px 4px 0; }
#container #content ul.nav li a { text-indent:-99999px; background:url("/images/navigatie_sprite.png") no-repeat; width:86px; height:86px; display:block; }
#container #content ul.nav li a#home { background-position:0 0; }
#container #content ul.nav li a#home:hover, #container #content ul.nav li a#home.active { background-position:0 -86px; }
#container #content ul.nav li a#televisie { background-position:-86px 0; }
#container #content ul.nav li a#televisie:hover, #container #content ul.nav li a#televisie.active { background-position:-86px -86px; }
#container #content ul.nav li a#radio { background-position:-172px 0; }
#container #content ul.nav li a#radio:hover, #container #content ul.nav li a#radio.active { background-position:-172px -86px; }
#container #content ul.nav li a#tour { background-position:-258px 0; }
#container #content ul.nav li a#tour:hover, #container #content ul.nav li a#tour.active { background-position:-258px -86px; }
#container #content ul.nav li a#internet { background-position:-344px 0; }
#container #content ul.nav li a#internet:hover, #container #content ul.nav li a#internet.active { background-position:-344px -86px; }
#container #content ul.nav li a#gallerij { background-position:-430px 0; }
#container #content ul.nav li a#gallerij:hover, #container #content ul.nav li a#gallerij.active { background-position:-430px -86px; }
#container #content ul.nav li a#pers { background-position:-516px 0; }
#container #content ul.nav li a#pers:hover, #container #content ul.nav li a#pers.active { background-position:-516px -86px; }
#container #content ul.nav li a#b2b { background-position:-602px 0; }
#container #content ul.nav li a#b2b:hover, #container #content ul.nav li a#b2b.active { background-position:-602px -86px; }
#container #content ul.nav li a#media { background-position:-688px 0; }
#container #content ul.nav li a#media:hover, #container #content ul.nav li a#media.active { background-position:-688px -86px; }
#container #content #right_column { width:765px; position:relative; float:left; height:auto; z-index:2; padding-bottom: 10px; }
#container #content #right_column h1, #container #content #column_one h1, #container #content #column_two h1 { color:#1B8CC3; font-size:20px; line-height:22px; margin:0 0 15px 9px; text-transform:uppercase; font-weight: lighter; }
#container #content #right_column h2, #container #content #column_one h2, #container #content #column_two h2 { color:#1B8CC3; font-size:12px; line-height:18px; margin-left:9px; text-transform:uppercase; font-weight: lighter; }
#container #content #right_column.home h1 { margin-bottom:5px; }
#container #content #right_column h1 .grey, #container #content #column_one h1 .grey, #container #content #column_two h1 .grey { color:#333333; }
#container #content #right_column p, #container #content #column_one p, #container #content #column_two p { margin-left:9px; line-height:18px; }
#container #content #right_column p span.blue, #container #content #column_one p span.blue, #container #content #column_two p span.blue { color:#1B8CC3; }
#container #content #right_column .header_image { margin-bottom:24px; }
#container #content #right_column .graffiti { position:absolute; z-index:5; left:231px; top:23px; }
#container #content #right_column .header_quote { margin:18px 0 10px 9px; }
#container #content #right_column.home p { line-height:22px; }
#container #content #right_column .ruler { background:url("/images/dotted_ruler_horizontal.gif") repeat-x; width:100%; position:relative; height:1px; float:left; }
#container #content #right_column .ruler.margin-top { margin-top:25px; }
#container #content #right_column .ruler.margin-bottom { margin-bottom:15px; }
#container #content #right_column #pages_container { position:relative; width:100%; overflow:hidden; }
#container #content #right_column ul.pages { width:100%; overflow:hidden; }
#container #content #right_column ul.pages li { float:left; margin:0; }
#container #content #right_column ul.artiesten, #container #content #right_column ul.internet { position:relative; float:left; margin-top:17px; width:765px; }
#container #content #right_column ul.artiesten li, #container #content #right_column ul.internet li { float:left; display:block; width:149px; min-height:143px; background:url("/images/dotted_ruler_horizontal.gif") repeat-x bottom left; margin:0 0 9px 5px; padding-bottom:5px; text-align:center; }
#container #content #right_column ul.artiesten li a, #container #content #right_column ul.internet li a { text-decoration:none; color:#1B8CC3; }
#container #content #right_column ul.artiesten li span, #container #content #right_column ul.internet li span { color:#1B8CC3; text-transform:uppercase; padding:0 3px; width:143px; height:40px; display:block; position:relative; font-size:12px; text-align:left; }
#container #content #right_column ul.internet li a { text-decoration:none; display:block; position:relative; }
#container #content #right_column ul.internet li a span { height:55px; }
#container #content #right_column ul.internet li a img { display:block; height:100px; width:149px; }
#container #content #right_column ul.internet li a span span.grey { color:#333333; height:auto; padding:0; }
#container #content #right_column ul.internet li a .overlay { background:url("/images/internet_overlay.png") no-repeat; height:100px; width:149px; position:absolute; top:0; left:0; }
#container #content #right_column ul.artiesten li.no_margin-left, #container #content #right_column ul.internet li.no_margin-left { margin-left:0px; }
#container #content #right_column ul.persberichten { margin-left:9px; }
#container #content #right_column ul.persberichten li { height:135px; display:block; margin-bottom:19px; overflow:hidden; }
#container #content #right_column ul.persberichten li img { border:#999999 1px solid; display:block; float:left; margin:4px 17px 0 0; }
#container #content #right_column ul.persberichten li h2 { text-transform:none; font-size:14px; margin:0; display:block; float:left; position:relative; }
#container #content #right_column ul.persberichten li span.date { color:#666666; font-size:10px; float:left; position:relative; display:block; }
#container #content #right_column ul.persberichten li .text { width: 584px; height:90px; overflow:hidden; float:left; position:relative; display:block; }
#container #content #right_column ul.persberichten li .text p { margin:0; font-size:12px; }
#container #content #right_column ul.persberichten li .bottom { position:relative; display:block; height:17px; width:100%; background:url("/images/dotted_ruler_horizontal.gif") repeat-x left bottom; float:left; padding-top:10px; }
#container #content #right_column ul.persberichten li .bottom a { text-transform:uppercase; text-decoration:none; position:relative; float:right; background:url("/images/pijltje_leesmeer.png") no-repeat ; padding:0 16px 0 5px; height:17px; background-color:#F7F7F7; }
#container #content #right_column ul.persberichten li .bottom a.more { background-position:right 0px; color:#999999; }
#container #content #right_column ul.persberichten li .bottom a.more:hover { color:#1B8CC3; background-position: right -16px; }
#container #content #right_column ul.persberichten li .bottom a.less { color:#1B8CC3; background-position:right -32px; }
#container #content #right_column #pagination { width:100%; }
#container #content #right_column #pagination a.nav { height:22px; background-repeat:no-repeat; background-position:0 0; display:block; position:relative; float:left; color:#000000; text-decoration:none; font-size: 14px; line-height: 18px; text-transform:uppercase; }
#container #content #right_column #pagination a.nav:hover { color:#1B8CC3; }
#container #content #right_column #pagination a.previous { background-image:url("/images/pijltje_previous.png"); padding:2px 0 0 17px; }
#container #content #right_column #pagination a.previous:hover { background-position: 0 -24px; }
#container #content #right_column #pagination a.next { background-image:url("/images/pijltje_next.png"); background-position:right 0; padding:2px 17px 0 0; float:right; }
#container #content #right_column #pagination a.next:hover { background-position: right -24px; }
#container #content #right_column #pagination #numbers { position:relative; float:left; width:620px; text-align:center; }
#container #content #right_column #pagination #numbers a { float:none; text-decoration:none; color:#000000; }
#container #content #right_column #pagination #numbers a:hover, #container #content #right_column #pagination #numbers a.active { text-decoration:underline; color:#1B8CC3; }
#container #content #right_column .contact_left_column { float:left; position:relative; display:block; width:170px; background:url("/images/dotted_ruler_vertical.gif") repeat-y right top; margin-right:15px; }
#container #content #right_column .contact_right_column { float:left; position:relative; display:block; width:145px; }
#container #content #right_column .contact_left_column a, #container #content #right_column .contact_right_column a { color:#000000; text-decoration:none; }
#container #content #column_one { position:relative; width:472px; float:left; padding-right:32px; z-index:2; }
#container #content #column_one.has_border { background:url("/images/dotted_ruler_vertical.gif") repeat-y top right; }
#container #content #column_two { position:relative; width:257px; min-height:485px; float:left; z-index:2; background:url("/images/dotted_ruler_vertical.gif") repeat-y; padding:35px 0 20px 4px; }
#container #content #column_two.no_border { background:none; }
#container #content #column_two ul.logos li { float:left; margin-bottom:5px; width:125px; height:90px; }
#container #content #column_two ul.logos li img { border:#999999 1px solid; display:block; }
#container #content #column_two ul.logos li.margin { margin-left:5px; }
#container #content #column_two ul.historie_images li { float:left; margin-bottom:5px; width:253px; height:auto; }
#container #content #column_two ul.historie_images li img { border:#999999 1px solid; display:block; }
#footer { background:#E3E3E3 url("/images/gloed_onderkant.png") repeat-x; height:80px; width:100%; position:fixed; bottom:0px; z-index:5; }
#footer .content { width:835px; margin:0 auto; height:59px; padding:21px 0 0 125px; z-index:2; position:relative; }
#footer .content a { position:absolute; display:block; width:195px; height:10px; margin:18px 0 0 362px; z-index:3; }
#footer .content a.FB { display:block; width:25px; height:25px; margin:0; background:url("/images/fb.png") no-repeat; top:32px; right:240px; }
#footer .content a.IN { display:block; width:25px; height:25px; margin:0; background:url("/images/in.png") no-repeat; top:32px; right:210px; }
/*background image*/
#background { position:fixed; width:100%; bottom:80px; z-index:1; }
#background #background_container_left { position:relative; display:block; z-index:1; height:492px; width:928px; margin:0 auto; }
#background #background_container_left .image { position:absolute; bottom:0; margin-left:32px; }
#background #background_container_right .image { position:absolute; bottom:0; right:0; }
/*glow*/
#lb { background:url("/images/glow_lb.png") no-repeat; width:380px; height:380px; position:absolute; left:0; top:0; z-index:1; }
#mb { background:url("/images/glow_mb.png") repeat-x; height:380px; position:absolute; left:380px; right:380px; top:0; z-index:1; }
#rb { background:url("/images/glow_rb.png") no-repeat; width:380px; height:380px; position:absolute; right:0; top:0; z-index:1; }
#lm { background:url("/images/glow_lm.png") no-repeat; width:380px; height:300px; position:fixed; left:0; bottom:80px; z-index:1; }
#mm { background:url("/images/glow_mm.png") repeat-x; height:300px; position:fixed; left:380px; right:380px; bottom:80px; z-index:1; }
#rm { background:url("/images/glow_rm.png") no-repeat; width:380px; height:300px; position:fixed; right:0; bottom:80px; z-index:1; }
#lo { background:url("/images/glow_lo.png") no-repeat; width:380px; height:80px; position:absolute; left:0; bottom:0; z-index:1; }
#mo { background:url("/images/glow_mo.png") repeat-x; height:80px; position:absolute; left:380px; right:380px; bottom:0; z-index:1; }
#ro { background:url("/images/glow_ro.png") no-repeat; width:380px; height:80px; position:absolute; right:0; bottom:0; z-index:1; }