/********************************************************************************************** CSS on Sails Title:Radio1 Author:XHTMLized Date:August 2008 ********************************************************************************************** 1. BASE 1.1 Reset 1.2 Default styles 1.3 Basic styles 2. LAYOUT 2.1 Header 2.2 Content 2.2.1 Main-Content 2.2.2 Secondary-content 2.2.3 Wide-content 2.2.4 Forms 2.3 Sidebar 2.4 Footer ***********************************************************************************************/ /* 1. BASE ----------------------------------------------------------------------------------------------- ===============================================================================================*/ /* 1.1 Reset -----------------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;} body {line-height:1;} ol, ul {list-style:none;} :focus {outline:0;} ins {text-decoration:none;} del {text-decoration:line-through;} table {border-collapse:collapse;border-spacing:0;} /* 1.2 Default styles -----------------------------------------------------------------------------------------------*/ body {font-family:Tahoma,Arial, Helvetica, sans-serif;text-align:center;} hr {display:none;} strong {font-weight:bold;} em {font-style:italic;} abbr, acronym {border-bottom:1px dotted #999;cursor:help;} input, textarea, select {font:1.2em Tahoma,Arial, Helvetica, sans-serif;} a {color:#57a827;text-decoration:none;} a:hover, a:active { text-decoration:underline;} #footer a {color:#b3b3b3;} /* 1.3 Basic styles -----------------------------------------------------------------------------------------------*/ .hide {display:none;} .clear {clear:both;} br.clear {font-size:0;line-height:0;height:0;overflow:hidden;} .fleft {float:left;} .fright {float:right;} p.center {text-align:center;} p.right {text-align:right;} p.left {text-align:left;} .clearfix:after, #main:after, #sidebar .box:after, dl.program:after, div.tabs:after, ul.audio-links:after, div.gids-text:after, dl.text:after, div.preview:after, div.multiple-tables:after, .twocol:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix, #main, #sidebar .box, dl.program, div.tabs, ul.audio-links, div.gids-text, dl.text, div.preview, div.multiple-tables, .twocol {display:inline-block;} /* Hides from IE-mac \*/ * html .clearfix, * html #main, * html #sidebar .box, * html dl.program, * html div.tabs, * html ul.audio-links, * html div.gids-text, * html dl.text, * html div.preview, * html div.multiple-tables, * html .twocol {height:1%;} .clearfix, #main, #sidebar .box, dl.program, div.tabs, ul.audio-links, div.gids-text, dl.text, div.preview, div.multiple-tables, .twocol {display:block;} /* 2. LAYOUT ----------------------------------------------------------------------------------------------- ===============================================================================================*/ #pOCN #pOCNBG {width:950px !important;position:relative;left:-3px;} .container { position:relative; margin:0 auto; text-align:left; width:950px; background-image: url(images/radiolab-header-background.png); } #header .container {height:145px;overflow:hidden;} #header {margin-bottom:10px;} #footer {margin-top:10px;} #footer .container {height:40px;} #content {width:710px;float:right;} #main-content {float:left;width:470px;} #secondary-content {float:right;width:214px;} .twocol {margin-bottom: 1em;} .twocol .col1 {float:left;width:470px;} .twocol .col2 {float:right;width:230px;} #sidebar {width:230px;float:left;} #footer {clear:both;} body {background:#fff url(../images/bg_body.gif) top repeat-x;} #header {background:url(../images/bg_header.gif) bottom repeat-x;} #footer {background:url(http://assets.radio1.nl/images/ui/backgrounds/bg_footer.gif) bottom repeat-x #373737;} /* 2.1 Header -----------------------------------------------------------------------------------------------*/ #header #background {background:url(../images/radiolab-header-background.png) no-repeat; background-position: -158px 0px;} #header .logo a, #header .logo span {cursor:pointer;overflow:hidden;display:block;width:201px;height:98px;} #header .logo { position:absolute;top:11px;left:12px;z-index:1;} #header .logo a {line-height:80px;font-size:50px;font-weight:normal;letter-spacing:2px;} #header .logo span {position:absolute;top:0;left:0;z-index:10;background:url(../images/logo.gif) no-repeat;} #header .motto {position:absolute;top:22px;left:252px;width:508px;height:50px;text-align:left;line-height:25px;color:#333;text-transform:uppercase;font-size:20px;font-weight:normal;} #header .motto span {position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background-image:url(http://assets.radio1.nl/images/ui/motto.gif);background-repeat:no-repeat;} #header a.home-button {position:absolute;top:98px;left:0;z-index:3;width:63px;height:38px;text-align:center;line-height:38px;color:#333;text-transform:uppercase;} #header a.home-button span {cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background-image:url(../images/home.png);background-repeat:no-repeat;} #header a.home-button:hover span {} #navigation {position:absolute;top:98px;left:240px;width:175px;height:38px;background:url(../images/bg_nav.gif) ;} #navigation li {float:left;} #navigation li a {position:relative;float:left;text-align:center;height:38px;line-height:38px;font-size:14px;color:#fff;font-weight:normal;text-transform:uppercase;text-decoration:none;} #navigation li a span {cursor:pointer;position:absolute;top:0;left:0;width:100%;height:38px;background-image:url(http://assets.radio1.nl/images/ui/nav.png);background-repeat:no-repeat;} #navigation li a:hover {text-decoration:underline;} #navigation li.active a {cursor:default;font-weight:bold;} #navigation li.active a span {cursor:default;} #navigation li#l-home a {width:60px;} #navigation li#l-gids a {width:52px;} #navigation li#l-teru a {width:134px;} #navigation li#l-prog a {width:117px;} #navigation li#l-muzi a {width:70px;} #navigation li#l-over a {width:114px;} #navigation li#l-sear {width:163px;} #navigation li#l-home a span {background-position:0 0;} #navigation li#l-gids a span {background-position:-60px 0;} #navigation li#l-teru a span {background-position:-112px 0;} #navigation li#l-prog a span {background-position:-246px 0;} #navigation li#l-muzi a span {background-position:-363px 0;} #navigation li#l-over a span {background-position:-433px 0;} #navigation li#l-home a:hover span {background-position:0 -38px;} #navigation li#l-gids a:hover span {background-position:-60px -38px;} #navigation li#l-teru a:hover span {background-position:-112px -38px;} #navigation li#l-prog a:hover span {background-position:-246px -38px;} #navigation li#l-muzi a:hover span {background-position:-363px -38px;} #navigation li#l-over a:hover span {background-position:-433px -38px;} #navigation li#l-home.active a span {background-position:0 -76px !important;} #navigation li#l-gids.active a span {background-position:-60px -76px !important;} #navigation li#l-teru.active a span {background-position:-112px -76px !important;} #navigation li#l-prog.active a span {background-position:-246px -76px !important;} #navigation li#l-muzi.active a span {background-position:-363px -76px !important;} #navigation li#l-over.active a span {background-position:-433px -76px !important;} #navigation li#l-sear form {padding:7px 0 0 11px;} #navigation li#l-sear form input {float:right;} #navigation li#l-sear form input#search_query {border:1px solid #2e2e2e;height:17px;font-size:13px;color:#999;padding:2px 5px;width:105px;background-image:url(http://assets.radio1.nl/images/ui/backgrounds/bg_search.gif);background-color:#e6e6e6;background-repeat:no-repeat;} body.js #navigation li#l-sear form input#search_query {background-image:url(http://assets.radio1.nl/images/ui/backgrounds/bg_search-l.gif);} body.js #navigation li#l-sear form input#search_query.active {background-image:url(http://assets.radio1.nl/images/ui/backgrounds/bg_search.gif);} #secondary-navigation {height:40px;position:absolute;top:0;right:0;z-index:3;} #secondary-navigation li {float:left;} #secondary-navigation li a {float:left;line-height:40px;height:40px;padding:0 15px 0 14px;background:url(http://assets.radio1.nl/images/ui/header-sep.gif) right center no-repeat;color:#b3b3b3;font-size:1.1em;} #secondary-navigation li a:hover {color:#666;text-decoration:none;} #secondary-navigation li.last a {background:none;} #header .sizeswitch {position:absolute;top:0;right:0;width:59px;height:44px;top:40px;right:4px;} #header .sizeswitch a {position:relative;height:44px;line-height:44px;color:#b3b3b3;} #header .sizeswitch a:hover {color:#57a827;} #header .sizeswitch a.s {float:left;font-size:13px;width:14px;} #header .sizeswitch a.d {float:left;font-size:16px;width:20px;} #header .sizeswitch a.l {float:left;font-size:20px;width:25px;} #header .sizeswitch a span {cursor:pointer;position:absolute;top:0;left:0;width:100%;height:44px;background-image:url(http://assets.radio1.nl/images/ui/sizeswitch.gif);background-repeat:no-repeat;} #header .sizeswitch a.s span {background-position:0 0;} #header .sizeswitch a.d span {background-position:-14px 0;} #header .sizeswitch a.l span {background-position:-34px 0;} #header .sizeswitch a.s:hover span {background-position:0 -44px;} #header .sizeswitch a.d:hover span {background-position:-14px -44px;} #header .sizeswitch a.l:hover span {background-position:-34px -44px;} #header .sizeswitch a.current span {cursor:default;} #header .sizeswitch a#styles-s.current span {background-position:0 -88px !important;cursor:default;} #header .sizeswitch a#styles-d.current span {background-position:-14px -88px !important;cursor:default;} #header .sizeswitch a#styles-l.current span {background-position:-34px -88px !important;cursor:default;} /* 2.2 Content -----------------------------------------------------------------------------------------------*/ #main h1 {font-family:"Franklin Gothic Medium",Arial,Helvetica,sans-serif;font-size:2em;font-weight:normal;margin:8px 0 2px 0;} #main h2 {font-family:"Franklin Gothic Medium",Arial,Helvetica,sans-serif;font-size:2em;font-weight:normal;margin:8px 0 2px 0;} #main h2 a {color: black;} #main h3 {font-family:Verdana,Arial,Helvetica,sans-serif;padding:0 9px;font-size:1.1em;letter-spacing:1px;word-spacing:0px;color:#dd3519;text-transform:uppercase;line-height:1.4em;} #main h3 a.all {float:right;text-transform:none;font-family:Tahoma,Helvetica,Arial,sans-serif;letter-spacing:0;word-spacing:0;color:#666;padding-right:20px;margin-right:-9px;background-image:url(http://assets.radio1.nl/images/ui/ico/more-b.gif);background-position:right 4px;background-repeat:no-repeat;} #main h3 a.all:hover {text-decoration:none;color:#dd3519;background-image:url(http://assets.radio1.nl/images/ui/ico/more-bh.gif);} #main h3 a.back {float:right;text-transform:none;font-family:Tahoma,Helvetica,Arial,sans-serif;letter-spacing:0;word-spacing:0;color:#666;padding-left:13px;background-image:url(http://assets.radio1.nl/images/ui/ico/back.gif);background-position:left 4px;background-repeat:no-repeat;} #main h3 a.back:hover {text-decoration:none;color:#dd3519;background-image:url(http://assets.radio1.nl/images/ui/ico/back-h.gif);} #main h4 {font-size:1.1em;line-height:1.63em;font-weight:bold;color:#666;} #content {padding-top:0px;} #main h3 strong {color:#57a827;} #main h5 {font-size:1.1em;color:#333;margin:0 0 3px 0;} #main h6 {font-size:1.1em;font-weight:normal;text-align:center;color:#b3b3b3;margin:13px 0;} #main-text h6 {text-align:left; color: #333; font-weight: bold; margin: 13px 0 5px 0;} #main div.dots {background:url(http://assets.radio1.nl/images/ui/backgrounds/bg_dots.gif) left center repeat-x;height:7px;clear:both;font-size:0;line-height:0;overflow:hidden;} #main ul.dotted {margin:7px 0 20px 0;} #main ul.dotted li {padding:3px 8px;background:url(http://assets.radio1.nl/images/ui/backgrounds/bg_dots.gif) bottom left repeat-x;} #main ul.dotted li.more {background:none;height:17px;padding-right:0;} #main ul.dotted li.more a.more {background-position:right 4px;} #main ul.dotted li .nb {float:left;min-width:13px;padding-right:3px;} #main ul.dotted a.teaserbrd {float:right;left:4px;margin-left:16px;position:relative;} * html #main ul.dotted li .nb {width:13px;} #main p {font-size:1.1em;line-height:1.63em;color:#333;margin-bottom:5px;} #main p.bigger {font-size:1.2em;font-weight:bold;margin-bottom:15px;line-height:1.5em;color:#333;} #main p.spaced {margin-bottom:10px;} #main p.date {font-weight:bold;color:#999;margin-bottom:10px;} #main p.fourofour {color:#666;margin:12px 0 30px 20px;} #main p.extra {font-weight:bold;color:#57a827;margin-bottom:10px;} #main p.name {font-weight:bold;margin-bottom:0;} #main p.teaser {font-weight: bold; font-size: 1.2em; line-height:1.5em;color:#333;} #main p.react {background: url(http://assets.radio1.nl/images/ui/ico/react.gif) no-repeat left;padding-left: 17px;margin:10px 0;} #main p a.lees-meer {color:#666;font-weight:bold;text-decoration:none;padding:0 13px 0 0;background-position:right 0.3em;background-repeat:no-repeat;background-image:url(http://assets.radio1.nl/images/ui/ico/leesmeer.gif);white-space:nowrap;} #main p a.lees-meer:hover {color:#dd3519;text-decoration:none;background-image:url(http://assets.radio1.nl/images/ui/ico/leesmeer-h.gif);} #main a.onpage {color:#666;font-weight:normal;} #main a.more {display:block;clear:both;float:right;padding-right:20px;background-image:url(http://assets.radio1.nl/images/ui/ico/more-b.gif);background-position:right 0.55em;background-repeat:no-repeat;font-size:1.1em;line-height:1.5em;color:#666;text-decoration:none;} #main a.more:hover {text-decoration:none;color:#dd3519;background-image:url(http://assets.radio1.nl/images/ui/ico/more-bh.gif);} #main #breadcrumbs strong>a {color: #57a827;} #main #breadcrumbs a {color: #dd3519;} #content ul.links {margin:12px 0 12px 5px;} #content ul.links li {font-size:1.1em;list-style:none;padding-left:17px;color:#999;line-height:1.27em;padding-top:0.18em;padding-bottom:0.18em;background-repeat:no-repeat;background-position:left 4px;} #content ul.links li.tags {background-image:url(http://assets.radio1.nl/images/ui/ico/tags.gif);} #content ul.links li.comm {background-image:url(http://assets.radio1.nl/images/ui/ico/comm.gif);} #content ul.links li.audio {background-image:url(http://assets.radio1.nl/images/ui/ico/audio.gif);background-position:-1px 0;} #content ul.links li.mp3 {background-image:url(http://assets.radio1.nl/images/ui/ico/audio.gif);background-position:-1px 0;} #content ul.links li.bezoek {background-image: url(http://assets.radio1.nl/images/ui/ico/webs.gif);background-position:-1px 0;} a.teaserbrd, img.teaserbrd { display:block;width:186px;height:105px;padding:11px 14px 14px 13px; background-image:url(../images/bg_teaser_186px.gif); background-position:top left; background-repeat:no-repeat; } a.teaserbrd:hover {background-position:bottom left;} body.home a.teaserbrd, body.home img.teaserbrd { display:block;width:112px;height:63px;padding:11px 14px 14px 13px; background-image:url(../images/bg_teaser_112px.gif); background-position:top left; background-repeat:no-repeat; } /* 2.2.1 Main Content */ #main-content {} /* Article Teaser */ div.art-teaser, div.article {padding:0 8px 0 8px;} div.entry-content .teaserbrd, .teaserbrdright {float:left; margin-right: 8px; position:relative; right:4px;} div.entry-content div.wp-caption {float: left; margin-right: 24px; } /* Reclame */ div.reclame {text-align:center;padding-bottom:15px;} div.reclame * * {margin:0 auto;} /* Article */ #teaserimg {float: left;} #article a.teaserbrd, .gids-afl a.teaserbrd, .programma-info a.teaserbrd, .overradio a.teaserbrd { float: left; margin: 0 11px 5px 0; position:relative;left:-4px;} #article img.network-logo-small {float:right;margin:0;} div.article-buttons img {margin-left:7px;} #main-text{padding:0 9px; margin-bottom: 10px;} #main-text ul {margin: 10px 35px 5px 0;padding-left:24px;} #main-text ul.links {margin-left:0;padding-left:5px;} #main-text ul li {list-style-type: none;font-size: 1.1em;line-height:1.26em;padding:0.2em 0 0.2em 14px;background-repeat:no-repeat;background-position:0 0.7em;background-image:url(http://assets.radio1.nl/images/ui/bull.gif);} #main-text ol {margin:10px 35px 10px 38px;} #main-text ol li {list-style-type:decimal;font-size:1.1em;line-height:1.26em;padding:0.2em 0 0.2em 0;} #main-text .imgbrd { display:block;width:433px;height:227px;padding:11px 14px 14px 13px; background-image:url(http://assets.radio1.nl/images/ui/backgrounds/bg_teaser.gif); background-position:top left; background-repeat:no-repeat; } #main-text b {font-weight: bold;} #main-text strong.deel {font-size:13px;line-height:15px;} #main-text b.shadow {position:relative; left:4px;} #main-text img, #main-text b.shadow {float: right; margin: 5px 0 5px 10px;} #main-text b.shadowleft {float:left;margin:5px 5px 5px 0;} #main-text b.shadowleft img {float:left;} #main-text a.teaserbrd img {margin:0;} #main-text b.shadow img {margin:0 !important;} b.shadow, b.shadow b {float:left;overflow:hidden;} b.shadow {background:url(http://assets.radio1.nl/images/ui/brd_t.gif) top repeat-x;} b.shadow b {background:url(http://assets.radio1.nl/images/ui/brd_tl.gif) top left no-repeat;} b.shadow b b {background:url(http://assets.radio1.nl/images/ui/brd_tr.gif) top right no-repeat;} b.shadow b b b {background:url(http://assets.radio1.nl/images/ui/brd_bl.gif) bottom left no-repeat;} b.shadow b b b b {background:url(http://assets.radio1.nl/images/ui/brd_br.gif) bottom right no-repeat;padding:12px;} b.shadow b b b b img {float:left !important;} #comments {margin-top: 30px;} /* #comments label {display:block;font-size:11px;font-weight:bold;margin-left:20px;} .form-item {margin: 5px 0px 10px 10px;} #edit-name {width: 180px;} #edit-email {width: 180px;} #edit-reaction {margin-left: 10px;border: 1px inset;} #warning-email { font-weight: normal; color: #999999; } #send { float:right; position: relative; top: -50px; } .form-item input { margin: 5px 5px 10px 10px; border: 1px inset; text-align: left; } .form-item .checkbox { margin: 0px; } .checkbox-label { border-left:1px none; left:10px; position:relative; text-align:left; top:13px; } */ div.comment { margin: 5px 0 5px 0; padding:0 9px; } #main-text table.deel { width:100%;margin:1em 0; } #main-text table.deel tr td { vertical-align:middle; border:1px solid #DDD; background-color:#EFEFEF; width:50%; padding:5px; font-size:13px; } #main-text table.deel tr td a { color: #000; } #main-text table.deel tr td img {margin:0;float:left;margin-right:7px;margin-bottom:1px;} a.wijzig {display:block;position:relative;width:59px;height:21px;text-align:center;text-transform:uppercase;} a.wijzig span {cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(http://assets.radio1.nl/images/ui/wijzig.gif);background-repeat:no-repeat;} a.wijzig:hover span {background-position: 0 -21px;} /* 2.2.2 Secondary Content */ #secondary-content {} div.tabs {width:100%;background-image:url(http://assets.radio1.nl/images/ui/backgrounds/bg_tabs.gif);background-position:right bottom;background-repeat:no-repeat;height:28px;margin-bottom:10px;margin-top:6px;} #wide-content div.tabs {margin-bottom:0;} div.tabs ul.tabs {height:28px;margin-right:1px;background-image:url(http://assets.radio1.nl/images/ui/backgrounds/bg_tabs.gif);background-position:left bottom;background-repeat:no-repeat;padding-left:2px;} ul.tabs li {float:left;border-right:1px solid #f4f4f4;margin-top:3px;height:25px;} ul.tabs li a {float:left;height:25px;line-height:25px;font-size:1.1em;font-weight:bold;padding-left:10px;padding-right:10px;color:#000;border-right:1px solid #dbdbdb;} ul.tabs li a.prev span, ul.tabs li a.next span {float:left;height:25px;width:12px;background-position:center center;background-repeat:no-repeat;} ul.tabs li a.prev span {background-image:url(http://assets.radio1.nl/images/ui/ico/back.gif);} ul.tabs li a.next span {background-image:url(http://assets.radio1.nl/images/ui/ico/arro.gif);} ul.tabs li a:hover {text-decoration:none;background:url(http://assets.radio1.nl/images/ui/tab-hover.gif) bottom repeat-x;} ul.tabs li.current {border-right:none;position:relative;left:-2px;margin-top:0;height:28px;margin-right:-2px;} ul.tabs li.current a {margin-top:0;padding-top:2px;border-width:1px 1px 0 1px;border-style:solid;border-top-color:#d5d4d4;border-left-color:#cac9c9;border-right-color:#cac9c9;background-color:#fff;color:#57a827;cursor:default;text-decoration:none !important;} ul.tabs li.current a:hover {background:#fff;} #secondary-content dt { float: right; height: 15px; } #secondary-content dl.programma-day dt {float:none;height:auto;} div.tab-contents {margin-bottom:20px;padding:0 8px;} div.tab-content {position:absolute;left:-9999px;} div.tab-active {position:static;left:0;} #secondary-content .program { margin-bottom: 25px; } ul.articles, ul.latestarticles { margin:9px 0; font-size:1.1em; line-height:1.23em; } ul.recent-news { margin-top: 30px; } ul.articles li a, ul.latestarticles li a {display:block;padding-left:17px;padding-top:0.2em;padding-bottom:0.2em;color:#666; background-repeat:no-repeat;background-position:0 0.5em;background-image:url(http://assets.radio1.nl/images/ui/ico/links.gif);} ul.articles li a:hover, ul.latestarticles li a:hover {color:#dd3519;text-decoration:none;background-image:url(http://assets.radio1.nl/images/ui/ico/links-h.gif);} ul.latestarticles li a {background-image:url(http://assets.radio1.nl/images/ui/ico/leesmeer.gif);background-position:4px 0.5em;} ul.latestarticles li a:hover {background-image:url(http://assets.radio1.nl/images/ui/ico/leesmeer-h.gif);} ul.pagecontents {margin:10px 0 20px;} ul.pagecontents li {padding-left:15px;font-size:1.1em;line-height:1.23em;} ul.pagecontents li a {display:block;padding-left:17px;padding-top:0.2em;padding-bottom:0.2em;color:#666; background-repeat:no-repeat;background-position:0 0.5em;background-image:url(http://assets.radio1.nl/images/ui/ico/leesmeer.gif);background-position:4px 0.5em;font-weight:bold;} ul.pagecontents li a:hover {color:#dd3519;background-image:url(http://assets.radio1.nl/images/ui/ico/leesmeer-h.gif);} /* Pagination */ .pagination {margin-top:3em;height:22px;margin-bottom:15px;font-weight:bold;color:#333;font-size:1.1em;text-align:center;} .pagination a {color:#333;} .pagination a, .pagination span {padding:6px;border-width:1px;border-style:solid;border-top-color:#e6e6e6;border-left-color:#dddcdc;border-bottom-color:#d5d4d4;border-right-color:#dddcdc;background:url(http://assets.radio1.nl/images/ui/backgrounds/bg_pagination.gif) top repeat-x #e6e6e6;} .pagination a.previous, .pagination a.next {padding-top:0;padding-bottom:0;} .pagination a.previous span, .pagination a.next span {padding-top:6px;padding-bottom:6px;cursor:pointer;border:none;background-repeat:no-repeat;background-color:transparent;} .pagination a.previous span {float:left;padding-left:14px;background-position:0 7px;background-image:url(http://assets.radio1.nl/images/ui/ico/prev.gif);} .pagination a.next span {float:right;padding-right:14px;background-position:right 7px;background-image:url(http://assets.radio1.nl/images/ui/ico/next.gif);} .pagination a:hover {color:#dd3519;background:url(http://assets.radio1.nl/images/ui/backgrounds/bg_pagination-h.gif) top repeat-x #fff;text-decoration:none;} .pagination .current {color:#57a827;text-decoration:none !important;background:#fff;cursor:default;} .pagination .previous {float:left;position:relative;top:-6px;} .pagination .next {float:right;position:relative;top:-6px;} /* IE7 pagination *+html .pagination a, .pagination span {zoom:1;} */ *+html .pagination .previous {top:0;} *+html .pagination .previous span {float:none;} *+html .pagination .next {top:0;width:72px;} *+html .pagination .next span {float:none;} /* 2.2.3 Wide Content */ #wide-content { /*padding: 0 8px;*/ position: relative; } img.logo { position: absolute; top: 25px; right: 17px; display: block;} /* gids */ div.gids-text {padding:0 9px;margin-bottom:25px;} div.gids-text a.teaserbrd { float:right; margin-left: 15px; margin-right:-5px; } h3.multi-color-title span { color: #57a827; } .gids-text h3.multi-color-title span { padding-top: 30px !important; } .wide-table { width: 100%; font-size: 1.1em; } .map-table {float:left;width:230px;margin-right:9px;font-size:1.1em;} .map-table-last {float:right;margin-right:0;} th {font-size:11px;} .wide-table th, .address-table th, .map-table th { background: url(http://assets.radio1.nl/images/ui/backgrounds/bg_table_head.jpg) top left repeat-x; color: #999; padding: 14px 7px 14px 7px; text-transform: uppercase; font-family:"Franklin Gothic Medium",Arial,Helvetica,sans-serif; font-weight: normal; text-align: left; vertical-align: middle; letter-spacing: 2px; white-space:nowrap;} .wide-table th.no-padd { padding: 0 3px;} .wide-table td, .map-table td { color: #666; padding: 5px 7px 5px 7px; background:url(http://assets.radio1.nl/images/ui/dots-wide.gif) bottom left repeat-x; } .wide-table td a { color: #666; font-weight: bold; text-decoration: none!important; } .wide-table td ul.links a, .wide-table td.hover ul.links a, .wide-table td:hover ul.links a {color:#57a827;font-weight:normal;text-decoration:none;;} #content .wide-table td ul.links li {font-size:11px;} .wide-table td img { vertical-align: top; } .wide-table tr.last td, .map-table tr.last td, #main #content .map-table td.no-border {background-image:none;} #main #content table.wide-table tr.last td {background:none;} #main #content table.wide-table tr.last:hover td {background-image:url(http://assets.radio1.nl/images/ui/backgrounds/bg_tr_hover.jpg);background-color:#f2f2f2;background-repeat:repeat-x;background-position:bottom left;} #main .wide-table tr:hover td, .wide-table tr.hover td, #main .map-table tr:hover td, .map-table tr.hover td { /*color: #333; font-weight: bold;*/ color:#000; background: #f2f2f2 url(http://assets.radio1.nl/images/ui/backgrounds/bg_tr_hover.jpg) bottom left repeat-x;} table tr:hover strong {color:#DD3519;} .wide-table tr:hover td a, .wide-table tr.hover td a, .map-table tr:hover td a, .map-table tr.hover td a { color: #DD3519; } #main .gids-afl p.bigger, #main .programma-info p.bigger, #main .overradio p.bigger { font-size: 1.2em; } #main #content .wide-table tr.future td {color:#ccc;} #main #content .wide-table tr.future td a {color:#ccc;font-weight:bold;} #main #content .wide-table tr.future td {background:url(http://assets.radio1.nl/images/ui/dots-wide.gif) bottom left repeat-x;} #main #content .wide-table tr.future td {font-weight:normal;} .narrow-content { margin-right: 170px!important; /*padding-left:8px;*/ } .small-table { margin: 25px 0; font-size: 1.1em;} .small-table td { padding: 3px 0;} .small-table td strong { color: #999; } #side-content { position: absolute; top: 30px; right: 8px; width: 140px;} .narrow-table { border: 1px solid #DFDEDE; font-size: 1.1em; font-weight: bold; width: 100%; border-collapse: separate; } .narrow-table td { background: #E7E7E7 url(http://assets.radio1.nl/images/ui/backgrounds/bg_links_table.png) 0 0 repeat-x; padding: 5px 6px 4px 6px; vertical-align: middle; color: #333; border-bottom: 1px solid #DFDEDE; } .narrow-table td.first-cell { border-right: 1px solid #DFDEDE; } .narrow-table td.second-cell { border-left: 1px solid #fff; } .narrow-table tr.alt-row td { border-top: 1px solid #fff;} .narrow-table td span { padding-left: 5px;} .narrow-table tr a { color: #333; line-height: 1.5em;} .narrow-table tr.active a, .narrow-table tr a:hover { color: #DD3519; } .narrow-table.mt { margin-top: 50px;} #side-content img.logo-static { float: right; margin-bottom: 30px;} #main .floatright {float:right;margin:0 0 15px 20px;} ul.iconlist#sidelist {float:right;margin:60px 0 20px 0;} ul.iconlist {margin-top:60px;} ul.iconlist {width:150px;} ul.iconlist li {float:left;} ul.iconlist li a {float:left;font-size:1.1em;line-height:1.272em;padding:4px 0 5px 0;color:#000;font-weight:bold;border-width:1px 0 0 0;border-style:solid;border-color:#fff;background-image:url(http://assets.radio1.nl/images/ui/backgrounds/bg_listicon.gif);background-color:#f2f2f2;background-position:bottom left;background-repeat:no-repeat;background-position:bottom left;} ul.iconlist li.first a {border-top:1px solid #e6e6e6;} ul.iconlist li a:hover {color: #DD3519;text-decoration:none;background-position:bottom right;} ul.iconlist li a span {cursor:pointer;float:left;padding-left:33px;width:112px;padding-right:5px;background-position:7px center;background-repeat:no-repeat;} ul.iconlist li.i-down a span {background-image:url(http://assets.radio1.nl/images/ui/ico/down.gif);} ul.iconlist li.i-down a:hover span {background-image:url(http://assets.radio1.nl/images/ui/ico/down-h.gif);} ul.iconlist li.i-abon a span {background-image:url(http://assets.radio1.nl/images/ui/ico/abon.gif);} ul.iconlist li.i-abon a:hover span {background-image:url(http://assets.radio1.nl/images/ui/ico/abon-h.gif);} ul.iconlist li.i-webs a span {background-image:url(http://assets.radio1.nl/images/ui/ico/webs.gif);} ul.iconlist li.i-webs a:hover span {background-image:url(http://assets.radio1.nl/images/ui/ico/webs-h.gif);} ul.iconlist li.i-spee a span {background-image:url(http://assets.radio1.nl/images/ui/ico/audio.gif);} ul.iconlist li.i-spee a:hover span {background-image:url(http://assets.radio1.nl/images/ui/ico/audioh.gif);} ul.iconlist li.i-arro a span {background-image:url(http://assets.radio1.nl/images/ui/ico/arro.gif);background-position:10px center;} ul.iconlist li.i-arro a:hover span {background-image:url(http://assets.radio1.nl/images/ui/ico/arro-h.gif);} /* programma */ .programma-info #right-box, .programma-info #left-box { float: left; margin-bottom: 30px;} .programma-info #left-box { width: 450px; margin-right: 8px; } .programma-info #left-box p, .programma-info dl {padding-left:8px;} .programma-info #right-box { width: 230px;} /* overradio*/ div.preview { padding:0pt 8px; } div.preview .teaserbrd { float: right; left:4px; margin-left:16px; margin-bottom:15px; position:relative;} div.results-container div.preview {margin:10px 0;} #main div.results-container p.date {margin-bottom:5px;} #content div.results-container ul.links {margin-top:5px;margin-bottom:5px;} .overradio ol { list-style: decimal; font-weight: bold; font-size: 1.1em; margin: 10px 0 25px 40px;} .overradio li { margin-bottom: 6px;} .overradio ol li span { font-weight: normal; color: #666;} .overradio dt { font-size: 1.1em; color: #333; font-weight: bold; margin-bottom: 3px;} .overradio dd { line-height: 1.4em; margin-bottom: 25px; } div.multiple-tables table.address-table {width:230px;float:left;margin-right:9px;} div.multiple-tables table.address-table-last {margin-right:0;float:right;} table.address-table { width: 100%; border-collapse: separate!important; font-size: 1.1em;} table.address-table td { color: #666; padding: 3px 9px 4px 9px; background:url(http://assets.radio1.nl/images/ui/dots-wide.gif) bottom left repeat-x; border-spacing: 8px!important; border-top:1px solid #fff;} table.address-table td address { font-style: normal; line-height: 1.6em;} table.address-table td address strong { font-size: 1.1em; display: block; margin-bottom: 1px;} table.address-table tr:hover td, table.address-table tr.hover td { background: url(http://assets.radio1.nl/images/ui/backgrounds/bg_address_table.png) #f2f2f2 repeat-x bottom left !important; border-top:1px solid #fff; color: #333;} table.address-table tr:hover td strong, table.address-table tr.hover td strong { color: #DD3519;} .map-table td { vertical-align: middle;} div.multiple-tables {background:url(http://assets.radio1.nl/images/ui/backgrounds/bg_table_head.jpg) top repeat-x; margin-bottom: 20px;} .podcast-table { width: 230px; font-size: 1.1em; margin-right:9px; float:left;} .podcast-table-last {float:right;margin-right:0;} .podcast-table th { background: url(http://assets.radio1.nl/images/ui/backgrounds/bg_table_head.jpg) top left repeat-x; color: #999; padding: 14px 7px 14px 7px; text-transform: uppercase; font-family:"Franklin Gothic Medium",Arial,Helvetica,sans-serif; font-weight: normal; text-align: left; vertical-align: middle; letter-spacing: 2px;} .podcast-table th.no-padd { padding: 0 3px;} .podcast-table td { color: #666; padding: 4px 7px 5px 7px;; background:url(http://assets.radio1.nl/images/ui/dots-wide.gif) bottom left repeat-x; border-top:1px solid #fff; } .podcast-table td a { color: #666; font-weight: bold; text-decoration: none!important; display: block; padding-top: 4px; } .podcast-table td img { vertical-align: top; float: left; margin: 0 5px 0 0; } .podcast-table tr.last td {background-image:none;} .podcast-table tr.last:hover td {background-image:url(http://assets.radio1.nl/images/ui/backgrounds/bg_podcast_hover.png);} .podcast-table tr:hover td, .podcast-table tr.hover td { border-top:1px solid #fdfdfd; background: url(http://assets.radio1.nl/images/ui/backgrounds/bg_podcast_hover.png) #f2f2f2 bottom left repeat-x; } .podcast-table td:hover a, .podcast-table td.hover a { color:#DD3519; } .podcast-table .program td a { display: inline; padding-right: 3px;} .podcast-table .program td { padding: 6px 7px 7px 7px;} .podcast-table .program td:hover, .podcast-table .program td.hover { background: url(http://assets.radio1.nl/images/ui/backgrounds/bg_tr_hover.jpg) #f2f2f2 bottom left repeat-x;color:#333; } .podcast-popup {position:absolute;bottom:17px;left:-9999px; width:350px;padding: 14px 18px;border: 1px solid #999; background-color: #FFF;} * html .podcast-popup {bottom:28px;} *+html .podcast-popup {bottom:19px;} #main table.wide-table tr td .podcast-popup p {font-size:1em;line-height:1.5em;} #main table.wide-table tr td .podcast-popup p strong {color:#000;} #main .podcast-popup h3 {padding:0;font-size:1em;} tr:hover td div.relative {position:relative;} tr:hover td div.relative .podcast-popup {left:80px;} div.form-bg { background: url(http://assets.radio1.nl/images/ui/backgrounds/bg_form.png) 0 0 repeat-x; height: 38px;margin-bottom:20px;} #main div.imageprog {float:left;margin:0 5px 0 0;width:61px;height:37px;padding:3px 4px 4px 3px;overflow:hidden;text-align:center;background-position:top left;background-repeat:no-repeat;background-image:url(http://assets.radio1.nl/images/ui/backgrounds/bg_imageprog.gif);} #main tr:hover div.imageprog {background-position:bottom left;} #main div.imageprog img {float:none;margin:0 auto;display:block;} /* Calendar */ div.calendar {width:225px;padding-top:10px;margin-bottom:30px;} div.calendar .head {height:23px;line-height:23px;border-width:1px 1px 1px 1px;border-style:solid;border-color:#d5d4d4;} div.calendar .head .prev, div.calendar .head .next {float:left;width:31px;height:21px;padding-top:2px;background:url(http://assets.radio1.nl/images/ui/backgrounds/bg_day.gif) top left no-repeat;} div.calendar .head a:hover {background:url(http://assets.radio1.nl/images/ui/tab-hover.gif) top left repeat-x;cursor:pointer;} div.calendar .head .current {float:left;border-width:0 1px;border-style:solid;border-color:#d5d4d4;width:159px;line-height:23px;text-align:center;font-size:1.1em;font-weight:bold;color:#000;background:url(http://assets.radio1.nl/images/ui/backgrounds/bg_calendar-th.gif) top repeat-x #fff;} div.calendar .head .next span {display:block;width:31px;height:21px;background:url(http://assets.radio1.nl/images/ui/ico/arro.gif) center center no-repeat;} div.calendar .head .prev span {display:block;width:31px;height:21px;background:url(http://assets.radio1.nl/images/ui/ico/back.gif) center center no-repeat;} div.calendar table {width:100%;text-align:center;} div.calendar table td, div.calendar table th {border:1px solid #d5d4d4;width:31px;height:23px;line-height:23px;font-size:1.1em;} div.calendar td {background-position:top left;background-repeat:repeat-x;background-color:#ececec;background-image:url(http://assets.radio1.nl/images/ui/backgrounds/bg_day.gif);cursor:pointer;} div.calendar td a {color:#666;display:block;height:23px;line-height:23px;width:31px;} div.calendar td a:hover {color:#dd3519;background:url(http://assets.radio1.nl/images/ui/backgrounds/bg_day-h.gif) top left repeat-x #fff;text-decoration:none;} div.calendar td.disabled {color:#ccc;background-color:#fff;background-image:none;cursor:default;} div.calendar td.noshow {color:#ccc;cursor:default;} div.calendar td.current {color:#fff;font-weight:bold;cursor:default;background-color:#5f5f5f;background-image:url(http://assets.radio1.nl/images/ui/backgrounds/bg_day-current.gif);} div.calendar table th {border-top:none;border-right:none;border-left:none;color:#666;font-weight:normal;background:url(http://assets.radio1.nl/images/ui/backgrounds/bg_calendar-th.gif) top left repeat-x #ffffff;} div.calendar table th.last {border-right:1px solid #d5d4d4;} div.calendar table th.first {border-left:1px solid #d5d4d4;} /* 2.2.4 Forms */ form.extended { margin:0 0 20px 0; line-height:2em; overflow:hidden; width:452px; padding-left:9px; } form.extended fieldset { position:relative; } form.extended fieldset fieldset { width:100%; border-width:0; } form.extended fieldset.submit { border-top:none; padding-top:10px; padding-bottom:5px; line-height:22px; } form.extended fieldset.submit input.upper {float:right;margin-top:7px;} form.extended ol { padding:5px 0 5px 0; list-style: none; } form.extended ol.nospace { padding:0 0; } form.extended ol ol { padding:0 0 0 125px; } form.extended li { float:left; width:100%; padding-top:0; } form.extended li.inline { padding-left:125px; width:493px; } form.extended li li { clear:none; width:auto; } .form-bg form.extended ul { width: 600px; margin-left: 10px;} .form-bg form.extended li { width: 160px; margin-top: 6px;} /* Level 1 Form elements */ form.extended label { display:block;width:100%; padding:6px 5px 3px 9px; font-size:1.1em; font-weight:bold; line-height:21px; float:left; text-align:left; cursor:pointer; } form.extended label em {font-style:normal;color:#999;padding:0 5px;font-weight:normal;} form.extended input.text, form.extended input.password { float:left; width:197px;height:16px; padding:1px 5px; background-color:#fff; } form.extended select { } form.extended input.small { width: 2em; margin-right: 1em;} form.extended textarea { float:left; width:90%; overflow:auto; padding:1px 5px; background-color:#fff; } form.extended select { float:left; padding:2px; background-color:#fff; } form.extended li.inline input { float:left; } form.extended ol.checkboxes {float:left;width:330px;} form.extended ol.checkboxes label {width:auto;padding:0 0 0 5px;} form.extended ol.checkboxes input {float:left;} form.validate input.error, form.validate textarea.error {border:1px solid #dd3519;} /* Level 2 Form elements */ form.extended fieldset fieldset legend span { position:absolute;top:2px;left:0; width:120px; padding-right:5px; background-color:transparent; color:#000; font-size:11px; font-weight:bold; line-height:18px; text-align:left; } form.extended fieldset fieldset label { position:relative;top:-1px; clear:none; width:auto; padding-left:5px; text-align:left; } form.extended .inline label { padding-left:5px; } form.extended fieldset fieldset select { float:left; margin-right:10px; } form.extended fieldset fieldset input.checkbox { float:left; } form.extended fieldset fieldset input.radio { float:left; } form.extended ol li.demi { width:50%;float:left; } form.extended ol li.demi label { width:auto; } form.extended ol li textarea { height: 150px;} /* 2.3 Sidebar -----------------------------------------------------------------------------------------------*/ #sidebar {} #sidebar .box {clear:both;padding:4px 0;margin-bottom:20px;} #sidebar .box .dots {margin-bottom:10px;} /* SideMenu */ #sidebar #branding img {clear:both;float:left;margin-top:12px;} #side-navigation {clear:both;border-top:1px solid #010101;padding:0;} #side-navigation {width:230px;/*height:150px;*/background:#414141;list-style:none;overflow:hidden;} #side-navigation li {float:left;list-style:none;padding:0;} #side-navigation li a {position:relative;float:left;text-align:left;width:230px;height:30px;line-height:30px;font-size:12px;color:#fff;font-weight:bold;text-transform:uppercase;text-decoration:none;background-color:#434343;text-indent:10px;} #side-navigation li a span {cursor:pointer;position:absolute;top:0;left:0;width:230px;height:30px;background-image:url(http://assets.radio1.nl/images/ui/sidenav.gif);background-repeat:no-repeat;} #side-navigation li a:hover {text-decoration:underline;background-color:#5c5c5c;} #side-navigation li.active a {cursor:default;font-weight:bold;} #side-navigation li.active a span {cursor:default;} #side-navigation li#l-webc a span {background-position:0 0;} #side-navigation li#l-luis a span {background-position:0 -30px;} #side-navigation li#l-bel0 a span {background-position:0 -60px;} #side-navigation li#l-mail a span {background-position:0 -90px;} #side-navigation li#l-bezo a span {background-position:0 -120px;} #side-navigation li#l-webc a:hover span {background-position:-230px 0;} #side-navigation li#l-luis a:hover span {background-position:-230px -30px;} #side-navigation li#l-bel0 a:hover span {background-position:-230px -60px;} #side-navigation li#l-mail a:hover span {background-position:-230px -90px;} #side-navigation li#l-bezo a:hover span {background-position:-230px -120px;} a.small-banner {width:226px;display:block;padding:1px;border-width:1px;border-style:solid;border-color:#d5d4d4;overflow:hidden;margin-bottom:12px;} div.contest_button {font-size: 130%;background-image:url(http://assets.radio1.nl/images/ui/backgrounds/bg_contest_button.png);width:226px;height:60px;padding:1px;border-width:1px;border-style:solid;border-color:#d5d4d4;margin-bottom:12px;} a.small-banner:hover, div.contest_button:hover {border-color:#9e9e9e;} div.contest_button img {float:left; margin-right: 14px;} div.contest_button h4 {margin-top: 6px;} /* Blockquote */ #main blockquote {padding:0 9px;} #main blockquote p.date {color:#b3b3b3;margin-bottom:0;font-weight:normal;} #main p span.lq {text-indent:-9999px;float:left;width:21px;position:relative;left:-4px;background:url(http://assets.radio1.nl/images/ui/lq.gif) left center no-repeat;} #main p span.rq {text-indent:-9999px;padding:0 10px;position:relative;left:4px;background:url(http://assets.radio1.nl/images/ui/rq.gif) right center no-repeat;} /* Banners */ #sidebar .box a.small-banner, #sidebar .box a.small-banner img {float:left;clear:both;} /* Radio Program */ dl.program {width:230px;margin-bottom:5px;background-color:#e6e6e6;border-bottom:1px solid #d5d5d5;} dl.program dd, dl.program dt {float:left; border-width:1px 0 0 0;border-style:solid;border-color:#d5d4d4; font-size:1.1em;line-height:1.3em;color:#333; background-color:#e6e6e6;background-image:url(http://assets.radio1.nl/images/ui/backgrounds/bg_dl-program.gif);background-repeat:no-repeat;} dl.program .program-first {background-image:url(http://assets.radio1.nl/images/ui/backgrounds/bg_dl-program-1st.gif);border-color:#e6e6e6;} dl.program dt {clear:left; width:67px; padding:0.4em 0 0.4em 9px; color:#666; background-position:left top; font-size:11px !important;} dl.program dd { width:136px; padding:0.4em 9px; background-position:right top; font-weight:bold;} dl.program dt.hover, dl.program dd.hover, dl.program .program-first.hover {background-image:url(http://assets.radio1.nl/images/ui/backgrounds/bg_dl-program-h.gif);background-color:#fff;} dl.program dd a {color:#333;text-decoration:none;} * html dl.program dd a {float:left;} /*To avoid misplacements of the icons on multiple-lines elements*/ dl.program dd a:hover {color:#dd3519;} dl.program dt.hover {color:#333;} #main a.audio {padding-right:16px;background-image:url(http://assets.radio1.nl/images/ui/ico/audio.gif);background-position:right center;background-repeat:no-repeat;} #main a.audio:hover {background-image:url(http://assets.radio1.nl/images/ui/ico/audioh.gif);} #main a.audio-block {display:block;padding-left:16px;background-image:url(http://assets.radio1.nl/images/ui/ico/audio.gif);background-position:left center;background-repeat:no-repeat;font-size:11px;} #main a.audio-block:hover {background-image:url(http://assets.radio1.nl/images/ui/ico/audioh.gif);} /* Daily Program */ dl.programma-day {font-size:1.1em;line-height:1.63em;} dl.programma-day dt {font-weight:bold;margin-top:10px;} dl.programma-day dt.first {margin-top:0;} /* audio-links */ ul.audio-links {margin:9px 0 25px 0;border-bottom:1px solid #d5d5d5;} ul.audio-links li {float:left;width:100%;background:url(http://assets.radio1.nl/images/ui/backgrounds/bg_dl-program.gif) right top no-repeat #e6e6e6;border-top:1px solid #d5d4d4;} ul.audio-links li:hover {background-image:url(http://assets.radio1.nl/images/ui/backgrounds/bg_dl-program-h.gif);} ul.audio-links li:hover span {background-image:url(http://assets.radio1.nl/images/ui/backgrounds/bg_dl-program-h.gif);} ul.audio-links li span {float:left;padding-right:1px;background:url(http://assets.radio1.nl/images/ui/backgrounds/bg_dl-program.gif) left top no-repeat;padding-left:9px;} ul.audio-links li a {float:left;width:230px;} ul.audio-links li a:hover {text-decoration:none;} ul.audio-links li span a b {font-weight:bold;float:left;font-size:1.1em;line-height:1.3em;color:#333;text-decoration:none;padding-top:0.4em;padding-bottom:0.4em;} ul.audio-links li span a:hover b {color:#dd3519;text-decoration:none;} #main ul.audio-links a.audio {padding-right:0;background-image:none;background-position:right center;background-repeat:no-repeat;} #main ul.audio-links a.audio:hover {background-image:none;} #main ul.audio-links a.audio b {cursor:pointer;padding-right:16px;background-image:url(http://assets.radio1.nl/images/ui/ico/audio.gif);background-position:right center;background-repeat:no-repeat;} #main ul.audio-links a.audio:hover b {background-image:url(http://assets.radio1.nl/images/ui/ico/audioh.gif);} a.download { padding-left:16px; background-image:url(http://assets.radio1.nl/images/ui/ico/down.gif); background-position:left center; background-repeat:no-repeat; } a.download:hover {background-image:url(http://assets.radio1.nl/images/ui/ico/down-h.gif);} /* Dl.text */ dl.text {margin:25px 0;font-size:1.1em;line-height:1.2em;} dl.text dt {float:left;clear:left;width:160px;color:#999;font-weight:bold;padding:0.2em 0;} dl.text dd {float:left;width:300px;padding:0.2em 0;} /* 2.4 Footer -----------------------------------------------------------------------------------------------*/ #main ul.menucols {} #main ul.menucols li {float:left;width:158px;} #main ul.menucols li h3 {display:block;height:23px;line-height:23px;padding-left:19px;color:#000;background:url(http://assets.radio1.nl/images/ui/backgrounds/bg_menucol-h2.gif) top left repeat-x #e7e7e7;font-size:1.1em;border-left:1px solid #fcfcfc;border-right:1px solid #dfdede;border-top:1px solid #e6e6e6;border-bottom:1px solid #d5d4d4;text-transform:none;letter-spacing:0;} #main ul.menucols li li {clear:left;} #main ul.menucols li li a {float:left;width:125px;font-size:1.1em;line-height:1.36em;padding:4px 10px 4px 20px;background:url(http://assets.radio1.nl/images/ui/backgrounds/bg_dots.gif) bottom left repeat-x;color:#666;} #main ul.menucols li li a:hover {color:#dd3519;text-decoration:none;} #main ul.menucols li li.meer {text-align:right;} #main ul.menucols li li.meer a {background:url(http://assets.radio1.nl/images/ui/ico/arro.gif) right center no-repeat;} #main ul.menucols li li.meer a:hover {background-image:url(http://assets.radio1.nl/images/ui/ico/arro-h.gif);} #footer .container {text-align:center;} #footer ul {margin:0 auto;} #footer ul li {display:inline;} #footer ul li a {line-height:40px;font-size:1.1em;padding:0 15px 0 14px;background-position:left center;background-repeat:no-repeat;background-image:url(http://assets.radio1.nl/images/ui/footer-sep.gif);} #footer ul li.first a {background:none;} #footer ul li a:hover {text-decoration:none;color:#fff;} /* Added classes */ a.feed-icon { float: right; } div.square_banner { text-align: center; padding: 1em;} div.square_banner span {color: #999; display: block; font-size: 11px; margin-bottom: 4px;} div.flag_form { display: none;} p#question { font-size: 130%; font-weight: bold;} div.feedback { margin: 0 0 1em 9px; font-size: 110%; } div#rtn_widget { padding-bottom: 1em;} /* layouts/mediaplayer */ body#mediaplayer { text-align: left; font-size: 10px;} body#mediaplayer div#content {width: 566px;} body#mediaplayer div#player { text-align: center;} /* layouts/radioplayer */ body#radioplayer {background: white; text-align: left; font-size: 70%;} body#radioplayer div#content { width: auto; float: none;} body#radioplayer h3 span {text-transform: none; color: #666; float: right; font-weight: normal;} body#radioplayer li a {color: #666;} /* Compilations (maandoverzichten) */ div#compilations_button { width: 159px; height: 46px; padding: 25px 0 0 70px; background: url(http://assets.radio1.nl/images/ui/backgrounds/bg_compilations_button.png); } ol#compilations li { width: 114px; margin-left: 1px; height: 20px; display: block; float: left; background-image: url(http://assets.radio1.nl/images/ui/backgrounds/bg_comp.png); font-weight: bold; font-size: 110%; padding: 6px 0 0 0; text-align: center; } ol#compilations li.empty { background-image: url(http://assets.radio1.nl/images/ui/backgrounds/bg_comp_empty.png); } ol#compilations li.current { background-image: url(http://assets.radio1.nl/images/ui/backgrounds/bg_comp_current.png); } ol#compilations li:hover { background-image: url(http://assets.radio1.nl/images/ui/backgrounds/bg_comp_hover.png); } ol#compilations li.empty span { color: white;} ol#compilations li.current span, ol#compilations li.current:hover span {color: #57a827;} ol#compilations li a {color: black;} ol#compilations li a:hover {color: #dd3519; text-decoration: none;} ol#compilations li:hover span {color: #ccc;} div.entry-content {margin-top: 8px;} div#container, div#secondary-content {margin-top:8px;} div#secondary-content {margin-left: 8px;} div#primary, div#secondary-content {margin-top: -4px;} #primary p {margin-right: 8px;} #primary h3, #secondary-content h3, body.search h3.entry-title {font-size: 13px; margin-bottom: 0px; margin-top: 12px;} body.search h3.entry-title a {font-size: 13px; color: #DD3519;} div.wordtube {margin-top: 12px; margin-bottom: 12px; float: left;} #main p.wp-caption-text {font-style: normal; font-size: 9px; margin-left: 8px; color: #666666;} li.linkcat li, #meta li, ul.lcp_catlist li {font-size:1.05em;line-height:1.63em;margin-bottom:5px;} li.linkcat li a, #meta li a, ul.lcp_catlist li a {font-size:1.05em; color: #000000; padding-left: 11px; background:url(../images/green-red-bow.gif) no-repeat 0 2px;} li.linkcat li a:hover, #meta li a:hover, ul.lcp_catlist li a:hover {background-position: 0 -25px; color: #DD3519;} h3#feedbackform {margin-top: 8px; margin-bottom: 8px;} #footer ul li.page-item-66 a {background:none; padding-left: 0;} #searchform {margin-top: 4px;} #footer h4 {text-transform: uppercase; color: #ffffff; font-size: 26px; float: left; margin-top: 8px;} #blog-description {text-indent: -9999px} div.#entry-content h5 {float: left;} h2.entry-title span {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px;letter-spacing:1px; text-transform:uppercase;}