/*************************** ****** Hide checkbox ***** ***************************/ #input_1_52 { display: none; } * { padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; } body { background:#f2f2f2 url(images/footer.gif) bottom left repeat-x; } a { outline:0px; text-decoration: none; color: #ff0000; } a:hover { color: black; } a.button, input.button { background:url(images/knoppen.png) no-repeat 0px 0px; display:block; text-align:center; } a.vorige, .previous a { background: url(images/arrows_small.gif) no-repeat 0px 0px; display: block; font-size: 14px; line-height: 9px; padding-left: 14px; } a.vorige:hover, .previous a:hover { background-position: 0px -18px; } a.volgende, .next a { background: url(images/arrows_small.gif) no-repeat right -27px; display: block; font-size: 14px; line-height: 9px; padding-right: 14px; } a.volgende:hover, .next a:hover { background-position: right -45px; } .next a { background-position: right -35px; } .next a:hover { background-position: right -53px; } h2, h3 { font-weight:bold; font-size:16px; padding-bottom:10px; } h2 { font-style:italic; } h2.lastReactions { background:url(images/laatstereacties.gif) 0 0 no-repeat; display:inline-block; width:150px; height:47px; text-indent:-9999px; font-size:1px; } h3 span { font-weight:bold; font-size:16px; padding-bottom:10px; } h3 span.rood { color:#F00; } p { line-height:19px; padding-bottom:10px; } img { border:0px; } .content p, .content a { font-size:12px; } .content em { font-style:normal; font-weight:bold; font-size:14px; color:#F00; } .content h2 { font-size:24px; font-weight:bold; font-style:italic; text-transform:uppercase; } .content h2.sep { background: url(images/content_sep.png) no-repeat bottom left; display:inline-block; height:20px; width:100%; margin-bottom:16px; } .zoek_form input { border: 1px solid #dedede; height: 17px; width: 174px; padding: 2px 5px; font-size: 12px; background: white url(images/search_icon.jpg) no-repeat center right; color: #55555; } /* Wrappers */ .contentWrapper { width:930px; margin:0 auto; position: relative; } .menuWrapper { width:930px; margin:0 auto; position: relative; padding-top: 0px; height: 42px; clear: both; } .mainWrapper > .contentWrapper { padding: 30px 0; overflow: auto; clear: both; } *html .mainWrapper > .contentWrapper { overflow: visible; } /* Header top */ .headerWrapper.top { background: url(images/bg_menu_wrapper.gif) bottom center repeat-x; width:100%; height:137px; position:relative; z-index:999; } .headerWrapper.top .contentWrapper { height: 137px; position: relative; } /* Logos & Powered by... */ .headerWrapper .contentWrapper #logo { top: 10px; left: -14px; position:absolute; z-index: 1; width: 180px; height: 199px; } .headerWrapper .contentWrapper #logo h1 a { display:block; width:180px; height:199px; background:url(images/logo.png) 0 0 no-repeat; text-indent:-9999px;} *html .headerWrapper .contentWrapper #logo h1 a { background:url(images/logo.gif) 0 0 no-repeat; position:absolute; } .headerWrapper .contentWrapper .poweredby_text { position: absolute; top: 72px; left: 180px; } .headerWrapper .contentWrapper .poweredby_logo { display: block; width: 102px; height: 69px; background: url(images/vodafone_sprite.gif) no-repeat -828px 0px; text-indent: -9999px; position: absolute; top: 12px; right: 6px; } /* Header main */ .headerWrapper.main { width:100%; position:relative; } .headerWrapper.main .contentWrapper { padding-top: 10px; } .headerWrapper.main .contentWrapper .sidebar .widget { background:none; color:#FFF; } .headerWrapper.main .contentWrapper .sidebar .widget h2 { text-transform:uppercase; color:white; font-style:italic; padding-left:5px; } .headerWrapper.main .contentWrapper .sidebar.primary .widget h2 { padding-bottom:0px; } .headerWrapper.main .contentWrapper .sidebar .widget p { padding-left:5px;} .headerWrapper.main .contentWrapper .sidebar.primary .widget p { padding-bottom: 0px; } .headerWrapper.main .contentWrapper .sidebar.primary .widget.knop_538 { padding-top: 8px; } .headerWrapper.main .contentWrapper .sidebar.primary .knop_538 a { margin-left: 48px; display: block; background: url(images/538_knop.png) 0px 0px; width: 140px; height: 140px; } .headerWrapper.main .contentWrapper .sidebar.primary .knop_538 a:hover { background-position: 0px -140px; } /* Alertbox */ .alert_box { height: 66px; background: url(images/alert_box_bg.png) repeat-x top center; text-align: center; line-height: 66px;} .alert_box a span.hyves_icon { display: inline-block; vertical-align: middle; margin-right: 10px; background: url(images/hyves_icon_24x24_strong.png) 0px 0px; width: 24px; height: 30px; } .alert_box a span.text { font-size: 20px; font-weight: bold; color: #ff0000; text-decoration: underline; } .alert_box a:hover span.hyves_icon { background-position: 0px -30px; } .alert_box a:hover span.text { color: black; } /* Header 151 */ .headerWrapper.main.height-151 { background:#000 url(images/bg_header_151.jpg) 50% 0 no-repeat; border-bottom:2px solid #303030; height:151px; } /* Header 454 */ .headerWrapper.main.height-454 { background:#000 url(images/bg_header_454.jpg) 50% 0 no-repeat; border-bottom:2px solid #303030; height:454px; } .headerWrapper.main.height-454 .contentWrapper .sidebar { padding-top: 0px; } /* Header 500 */ .headerWrapper.main.height-500 { background:#000 url(images/bg_header_500.jpg) 50% 0 no-repeat; border-bottom:2px solid #303030; height:500px; } /* Header 607 */ .headerWrapper.main.height-607 { background:#000 url(images/bg_header_607.jpg) 50% 0 no-repeat; border-bottom:2px solid #303030; height:607px; float: left; } ul.menu.primary { position: absolute; z-index: 2; height: 42px; width: 755px; bottom: 0px; right:0px; background: url(images/bg_menu.gif) 0px 0px repeat-x; } ul.menu.primary li, ul.menu.secondary li{ list-style:none; float:left; } ul.menu.primary>li>a { border-right: 1px solid white; } ul.menu.primary>li.noborder a { border-right: 1px solid #ff0000; } ul.menu.primary>li>a:hover, ul.menu.primary>li>a.hover { background: white; color: #ff0000; border-right: 1px solid #ff0000; } ul.menu.primary>li>a.hideSep { border-right: 1px solid #ff0000; } ul.menu.primary li a { display:inline-block; margin:7px 0px; padding: 4px 8px; width:auto; height:20px; line-height:20px; font-weight:bold; font-size:14px; white-space:nowrap; text-transform:uppercase; color:#FFF; text-decoration:none; } ul.menu.primary>li>ul>li>a:hover, ul.menu.primary>li>ul>li>a.hover { color:black; } ul.menu li.first { display: block; background:url(images/bg_menu_first-last.gif) 0px 0px no-repeat; width: 12px; height: 42px; } ul.menu li.last { display: block; background:url(images/bg_menu_first-last.gif) -20px 0px no-repeat; width: 12px; height: 42px; float: right; } ul.menu.primary li.children>a:hover, ul.menu.primary li.children>a.hover { background: white; } ul.menu.primary li.children>span.arrow { display: block; height: 12px; min-width: 150px; } ul.menu.primary li.children>span.arrow.hover { background: url(images/menu_arrow_down.gif) 50% 0 no-repeat; } *html ul.menu.primary li.children>a:hover, *html ul.menu.primary li.children>a.hover { background:url(images/menu_arrow_down.gif) 50% 42px no-repeat; } ul.menu.primary li.children ul { background-color:white; position:absolute; right:0px; z-index:-1; top:43px; width:910px; height:283px; padding:48px 0px 0px 20px; overflow:hidden; background:url(images/bg_supermenu.png) 0 0 repeat-x; visibility:hidden; } /* visibility:hidden; */ *html ul.menu.primary li.children ul { background:url(images/bg_supermenu.gif) 0 0 repeat-x; } ul.menu.primary li.children ul li { clear:both; background:none; padding:0px; } ul.menu.primary li.children ul li a { margin: 0px; text-transform:none; height:32px; line-height:32px; padding:0px 0px 0px 22px; width:245px; color:#FF2222; } ul.menu.primary li.children ul li a:hover { color: black; } ul.menu.primary li.children ul li.alt > a, ul.menu.primary li.children ul li.alt > a:hover { background-color:#F3F3F3; } ul.menu.primary li.children ul li.poweredby { position:absolute; left:20px; bottom:20px; } ul.menu.primary li.children ul li.poweredby a.poweredby.vodafone { background-color: white; background-position: -235px -471px; } ul.menu.primary li.children ul li.compilaties { position:absolute; top:13px; left:310px; } ul.menu.primary li.children ul li.compilaties h2 { text-transform:uppercase; color:#FF2222; } ul.menu.primary li.children ul li.compilaties div.movies { padding: 0px; background: white; } ul.menu.primary li.children ul li.compilaties div.movies a.movie { height:109px; width: 176px; overflow:hidden; padding: 4px; margin:0px 9px 0px 0px; } ul.menu.primary li.children ul li.compilaties div.movies a.movie .title, ul.menu.primary li.children ul li.compilaties div.movies a.movie .score, ul.menu.primary li.children ul li.compilaties div.movies a.movie .summary { display: none; } /***************************************** ***** Active states ***** *****************************************/ body.home li.home>a, body.page-template-auditiesoefenen-php li.auditie_oefenen>a, body.page-template-auditiesdoen-php li.auditie_doen>a, body.audities li.audities_bekijken>a, body.page-template-auditieoverzicht-php li.audities_bekijken>a, body.page-id-114 li.programma_info>a, body.blog li.nieuws>a, body.nieuws li.nieuws>a { background: white; border-right: 1px solid #ff0000; color: #ff0000; } /* Gekwalicifeerde audities */ body.page-id-21 ul.menu.secondary .page-item-21 > a, body.gekwalificeerde-audities ul.menu.secondary .page-item-21 a, /* Uitgelichte audities */ body.page-id-26 ul.menu.secondary .page-item-26 > a, body.uitgelichte-audities ul.menu.secondary .page-item-26 > a, /* Compilaties */ body.page-id-273 ul.menu.secondary .page-item-273 > a, body.compilaties ul.menu.secondary .page-item-273 > a, /* Niet goed genoeg */ body.page-id-23 ul.menu.secondary .page-item-23 > a, body.niet-goed-genoeg ul.menu.secondary .page-item-23 > a { font-weight: bold; color: white; } /* Submenu */ .submenuContainerWrapper { width:100%; height:42px; position:relative; z-index:999; } .submenuContainerWrapper .menuContainer { width:930px; height:42px; margin:0 auto; } ul.menu.secondary { float: right; height: 42px; right:0px; width: 725px; padding: 0 15px; background: url(images/bg_submenu.gif) no-repeat top left; } ul.menu.secondary li a { display:inline-block; margin:7px 0px; padding: 4px 8px; width:auto; height:20px; line-height:20px; font-weight:normal; font-size:12px; white-space:nowrap; text-transform:uppercase; color:#ff0000; text-decoration:none; } ul.menu.secondary li>a:hover, ul.menu.secondary li>a.hover { color: white; } /************************************* ***** Oefen- / Auditieruimte ***** *************************************/ body.page-template-auditiesdoen-php .headerWrapper.main .contentWrapper, body.page-template-auditiesoefenen-php .headerWrapper.main .contentWrapper { overflow: hidden; padding: 30px; margin: 60px auto; display: block; width: 868px; background: white url(images/auditieruimte_bg.gif) no-repeat bottom center; } body.page-template-auditiesdoen-php .headerWrapper.main .contentWrapper .content, body.page-template-auditiesoefenen-php .headerWrapper.main .contentWrapper .content { width: 868px; min-height: 360px; } body.page-template-auditiesdoen-php .headerWrapper.main .contentWrapper .content div.left, body.page-template-auditiesoefenen-php .headerWrapper.main .contentWrapper .content div.left { float: left; width: 48%; padding-top: 10px; } body.page-template-auditiesdoen-php .headerWrapper.main .contentWrapper .content div.left #feedback div.qualified, body.page-template-auditiesdoen-php .headerWrapper.main .contentWrapper .content div.left #feedback div.not-qualified, body.page-template-auditiesdoen-php .headerWrapper.main .contentWrapper .content div.left #feedback div.already-auditioned { display: none; } body.page-template-auditiesdoen-php .headerWrapper.main .contentWrapper .content div.right { float: right; width: 50%; } body.page-template-auditiesoefenen-php .headerWrapper.main .contentWrapper .content div.right { float: right; width: 50%; } /************************************* ***** Tell a Friend ***** *************************************/ body.page-template-tell-a-friend-php .headerWrapper.main .contentWrapper { overflow: hidden; padding: 30px; margin: 60px auto; display: block; width: 868px; background: white url(images/auditieruimte_bg.gif) no-repeat bottom center; } body.page-template-tell-a-friend-php .headerWrapper.main .contentWrapper .content { width: 928px; } body.page-template-tell-a-friend-php .headerWrapper.main .contentWrapper .content div.left { float: left; width: 300px; padding-top: 10px; } body.page-template-tell-a-friend-php .headerWrapper.main .contentWrapper .content div.right { float: right; width: 600px; height:455px; overflow:hidden; } body.page-template-tell-a-friend-php .headerWrapper.main .contentWrapper .content div.right .hyves_friends { width: 550px; height:447px; overflow:hidden; padding-top:8px; position:relative; } body.page-template-tell-a-friend-php .headerWrapper.main .contentWrapper .content div.right .hyves_friends .hyves_friends_list { width: 550px; height:410px; overflow-y:scroll; border-bottom:1px solid white; margin-bottom:5px; } body.page-template-tell-a-friend-php .headerWrapper.main .contentWrapper .content div.right .friend { width:100px; height:100px; float:left; margin:0px 10px 0px 0px; } body.page-template-tell-a-friend-php .headerWrapper.main .contentWrapper .content div.right .friend table { border-collapse:collapse; width:50px; height:50; } body.page-template-tell-a-friend-php .headerWrapper.main .contentWrapper .content div.right .friend table tr td { width:50px; height:50px; text-align:center; vertical-align:middle; background-color:#CCC; } body.page-template-tell-a-friend-php .headerWrapper.main .contentWrapper .content div.right .friend p { font-size:10px; width:100px; height:38px; overflow:hidden; padding-top:3px; } body.page-template-tell-a-friend-php .headerWrapper.main .contentWrapper .content div.right .friend p label { padding-left:5px; } body.page-template-tell-a-friend-php .headerWrapper.main .contentWrapper .content div.right .hyves_friends input.button2 { width:168px; height:36px; border:1px solid #FFCCCC; font-size: 14px !important; cursor:pointer !important; color: white; background:url(images/knoppen.png) no-repeat 0px 0px; display:block; text-align:center; background-position: -5px -228px; } body.page-template-tell-a-friend-php .headerWrapper.main .contentWrapper .content div.right .hyves_friends input.button2:hover { background-position: -5px -264px; cursor:pointer !important; } body.page-template-tell-a-friend-php .headerWrapper.main .contentWrapper .content div.right .hyves_friends p.pages { width:200px; height:12px; text-align:right; overflow:hidden; position:absolute; bottom:0px; right:0px; white-space:nowrap; } body.page-template-tell-a-friend-php .headerWrapper.main .contentWrapper .content div.right .hyves_friends p.selectall { display:inline-block; height:12px; white-space:nowrap; overflow:hidden; position:absolute; right:220px; bottom:0px; } body.page-template-tell-a-friend-php .headerWrapper.main .contentWrapper .content div.right .hyves_friends p.selectall input { margin:2px 5px 0px 0px; } /************************************* ***** Auditie- en oefenruimte ***** *************************************/ .page-template-auditiesdoen-php .delen .grey_box, .page-template-auditiesoefenen-php .delen .grey_box { background: white; } /************************************* ***** Homepage ***** *************************************/ body.home .mainWrapper .contentWrapper .content h2 { font-size:16px; } body.home .headerWrapper .contentWrapper .sidebar.primary { padding-top: 60px; } body.home .headerWrapper .contentWrapper .content #video { margin-top:60px; height:338px; width:530px; border: 1px solid #ad8cf0; overflow: hidden; } body.home div.compilaties { width: 579px; height: 450px; background: url(images/vodafone_sprite.gif) no-repeat top left; } body.home div.compilaties #flvplayer { padding: 35px 0 0 80px; height: 345px; } body.home .grey_box { background-color: white; } /************************************* ***** Content / Nieuws Pagina ***** *************************************/ body.page-template-default .headerWrapper.main .contentWrapper a.poweredby.vodafone, body.blog .headerWrapper.main .contentWrapper a.poweredby.vodafone, body.nieuws .headerWrapper.main .contentWrapper a.poweredby.vodafone { position:absolute; top:12px; right:75px; } body.page-template-default .mainWrapper .contentWrapper .content, body.blog .mainWrapper .contentWrapper .content, body.nieuws .mainWrapper .contentWrapper .content, body.error404 .mainWrapper .contentWrapper .content { background: white; border: 1px solid #cccccc; padding: 20px; width: 539px; } body.page-template-default .mainWrapper, body.blog .mainWrapper, body.nieuws .mainWrapper, body.error404 .mainWrapper { margin-top:-100px; } body.blog a.nieuws_large { clear: both; float: left; width: 100%; background: url(images/content_sep.png) no-repeat bottom center; padding-bottom: 20px; margin-bottom: 20px; } body.blog a.nieuws_large span.image { float: left; position: relative; } body.blog a.nieuws_large span.image span.category { position: absolute; top: 0px; left: 0px; z-index: 1; background: url(images/nieuws_bg.png) no-repeat; width: 266px; height: 145px; } body.blog a.nieuws_large.foto span.image span.category { background-position: 0px 0px; } body.blog a.nieuws_large.algemeen span.image span.category { background-position: 0px -290px; } body.blog a.nieuws_large.video span.image span.category { background-position: 0px -145px; } body.blog a.nieuws_large.foto:hover span.image span.category { background-position: -266px 0px; } body.blog a.nieuws_large.algemeen:hover span.image span.category { background-position: -266px -290px; } body.blog a.nieuws_large.video:hover span.image span.category { background-position: -266px -145px; } body.blog a.nieuws_large span.text { float: right; width: 253px; } body.blog a.nieuws_large span.text span.title { clear: both; float: left; font-size: 14px; font-weight: bold; } body.blog a.nieuws_large span.text span.date { clear: both; float: left; padding-bottom: 15px; white-space:nowrap; } body.blog a.nieuws_large span.text span.excerpt { clear: both; float: left; color: black; width: 253px; } body.blog a.nieuws_large span.text span.lees_meer { clear: both; float: left; padding-right: 12px; white-space:nowrap; background: url(images/arrows_small.gif) no-repeat right -34px; display: block; } body.blog a.nieuws_large:hover span.text span.lees_meer { background-position: right -52px; white-space:nowrap; cursor:pointer; } body.blog a.nieuws_small { background: url(images/nieuws_bg.png) no-repeat; float: left; display: block; width: 494px; height: 22px; line-height: 22px; font-weight: bold; color: #ff0000; padding: 5px 5px 5px 40px; } *html body.blog a.nieuws_small { background: url(images/nieuws_bg.png) no-repeat; } body.blog a.nieuws_small.alt { background-color: #f2f2f2; } body.blog a.nieuws_small:hover { color: black;} body.blog a.nieuws_small.algemeen { background-position: 10px -482px; } body.blog a.nieuws_small.foto { background-position: 10px -429px; } body.blog a.nieuws_small.video { background-position: 10px -455px; } body.blog a.nieuws_small.algemeen:hover { background-position: 10px -566px; } body.blog a.nieuws_small.foto:hover { background-position: 10px -513px; } body.blog a.nieuws_small.video:hover { background-position: 10px -539px; } body.blog a.nieuws_small span.date { font-weight: normal; color: black; } body.blog a.nieuws_small span.title { padding-left: 5px; } /************************************* ***** Nieuws detailpagina ***** *************************************/ body.nieuws .headerWrapper.main .contentWrapper { background: none !important; } body.nieuws .mainWrapper .contentWrapper .content a.terug_overzicht { margin-bottom: 30px; } body.nieuws .mainWrapper .contentWrapper .content .wp-post-image { float: left; padding-right: 20px; } body.nieuws .mainWrapper .contentWrapper .content .shr-bookmarks { clear: left; float: left; width: 266px; padding-right: 20px; } body.nieuws .mainWrapper .contentWrapper .content span.date { display: block; font-size: 12px; padding-bottom: 15px; } body.nieuws .mainWrapper .contentWrapper .content .navigation { clear: left; float: left; padding-top: 20px; width: 100%; } body.nieuws .mainWrapper .contentWrapper .content .navigation .previous { float: left; } body.nieuws .mainWrapper .contentWrapper .content .navigation .next { float: right; } body.nieuws .mainWrapper .contentWrapper .content .navigation .meta-nav { font-size: 12px; } /************************************* ***** Auditie detailpagina ***** *************************************/ body.single .headerWrapper.main .contentWrapper { background: url(images/vodafone_sprite.gif) no-repeat 0px -420px; height: 403px; padding-top: 40px; } body.single .headerWrapper.main .contentWrapper .content { float: left; width: 445px; } body.single .headerWrapper.main .contentWrapper .content a.terug_overzicht { display: block; margin: 20px 0 0 25px; color: white; font-weight: bold; } body.single .headerWrapper.main .contentWrapper .content a.terug_overzicht.vorige { background-position: 0px -72px; } body.single .headerWrapper.main .contentWrapper .content a.terug_overzicht.vorige:hover { background-position: 0px -90px; color: black; } body.single .headerWrapper.main .contentWrapper .content .video { padding: 5px 0 0 70px ; position: relative; } body.single .headerWrapper.main .contentWrapper .content .video #flvplayer { padding-top: 63px; } body.single .headerWrapper.main .contentWrapper .content .video .previous a, body.single .headerWrapper.main .contentWrapper .content .video .next a { background: url(images/prev_next.png) no-repeat; position: absolute; z-index: 0; display: block; width: 39px; height: 36px; text-indent: -9999px; } *html body.single .headerWrapper.main .contentWrapper .content .video .next a { background: url(images/prev_next.gif); } body.single .headerWrapper.main .contentWrapper .content .video .previous a { background-position: 0px -80px; top: 174px; left: 42px; } body.single .headerWrapper.main .contentWrapper .content .video .previous a:hover { background-position: 0px -120px; } body.single .headerWrapper.main .contentWrapper .content .video .next a { background-position: 0px 0px; top: 174px; right: -40px; } body.single .headerWrapper.main .contentWrapper .content .video .next a:hover { background-position: 0px -40px; } body.single .headerWrapper.main .contentWrapper .sidebar.primary { float: right; width: 349px; padding: 10px 95px 0 0; } body.single .headerWrapper.main .contentWrapper .sidebar.primary .movies.auditiedetail { background: white; padding: 2px 0 2px 15px; } body.single .headerWrapper.main .contentWrapper .sidebar.primary .movies.auditiedetail .movies_head { width: 329px; } body.single .headerWrapper.main .contentWrapper .sidebar.primary .movies.auditiedetail .movies_head h2 { padding-top: 4px; } body.single .headerWrapper.main .contentWrapper .sidebar.primary .movies.auditiedetail .movie_row .movie, body.single .headerWrapper.main .contentWrapper .sidebar.primary .movies.auditiedetail .movie_row .movie .image, body.single .headerWrapper.main .contentWrapper .sidebar.primary .movies.auditiedetail .movie_row .movie .image .play, body.single .headerWrapper.main .contentWrapper .sidebar.primary .movies.auditiedetail .movie_row .movie .image .thumb, body.single .headerWrapper.main .contentWrapper .sidebar.primary .movies.auditiedetail .movie_row .movie .image img { width: 152px; height: 86px; } body.single .headerWrapper.main .contentWrapper .sidebar.primary .movies.auditiedetail .movie_row .movie .image img { max-height:109px; max-width:176px; } body.single .headerWrapper.main .contentWrapper .sidebar.primary .movies.auditiedetail .movie_row .movie .image .play { background-position: -12px -12px; } body.single .headerWrapper.main .contentWrapper .sidebar.primary .movies.auditiedetail .movie_row .movie:hover .image .play { background-position: -198px -12px; } body.single .mainWrapper .contentWrapper .content { background: white; border: 1px solid #cccccc; padding: 20px; width: 539px; } body.single .mainWrapper .contentWrapper .content .scores { float: left; } body.single .mainWrapper .contentWrapper .content .votes { float: right; width: 340px; line-height: 23px; } body.single .mainWrapper .contentWrapper .content .delen { padding: 10px 0; } body.single .mainWrapper .contentWrapper .content .scores .voicescore, body.single .mainWrapper .contentWrapper .content .scores .publieksscore { float: left; padding-top: 5px; clear: left; width: 150px; } body.single .mainWrapper .contentWrapper .content .scores span.title, body.single .mainWrapper .contentWrapper .content .votes span.title { float: left; font-size: 14px; font-weight: bold; } body.single .mainWrapper .contentWrapper .content .scores span.score, body.single .mainWrapper .contentWrapper .content .votes span.score { float: right; font-size: 14px; font-weight: bold; padding-left: 10px; font-size: 16px; line-height: 16px; color: #ff0000; } body.single .mainWrapper .contentWrapper .content .share { clear: left; float: left; } body.single .mainWrapper .contentWrapper .content .meta { clear: left; float: left; } body.single .mainWrapper .contentWrapper .content .meta .comments, body.single .mainWrapper .contentWrapper .content .meta .votes, body.single .mainWrapper .contentWrapper .content .meta .views { display: inline-block; } body.single .mainWrapper .contentWrapper .content .meta { padding-top: 10px; white-space: nowrap; } body .mainWrapper .contentWrapper .content .comments { padding-top: 20px; margin-top: 20px; background: url(images/content_sep.png) no-repeat top center; width: 537px; } body .mainWrapper .contentWrapper .content .comments, body .mainWrapper .contentWrapper .content .comments .commentsheading, body .mainWrapper .contentWrapper .content .comments .pagination, body .mainWrapper .contentWrapper .content .comments .commentlist { clear: left; float: left; } body .mainWrapper .contentWrapper .content .comments .pagination { display: block; float: left; width: 100%; text-align: center; } body .mainWrapper .contentWrapper .content .comments .pagination * { margin:2px; padding:3px 5px; } body .mainWrapper .contentWrapper .content .comments .pagination a, body .mainWrapper .contentWrapper .content .comments .pagination a:hover, body .mainWrapper .contentWrapper .content .comments .pagination .extend { display: inline-block; padding: 30px 0 15px 0; font-size: 12px; border: none !important; } body .mainWrapper .contentWrapper .content .comments .pagination span.current { font-size: 18px; font-weight: bold; color: black; border: none !important; } body .mainWrapper .contentWrapper .content .comments .commentsheading { line-height: 16px; } body .mainWrapper .contentWrapper .content .comments .commentsheading h3#comments { float: left; } body .mainWrapper .contentWrapper .content .comments .commentsheading a.reactie_plaatsen { display: block; float: left; font-size: 12px; padding: 2px 0 0 10px; } body .mainWrapper .contentWrapper .content .comments .reactie_www { width: auto; } body .mainWrapper .contentWrapper .content .comments .commentlist { width: 100%; } body .mainWrapper .contentWrapper .content .comments .commentlist ul.children { padding-left: 20px; } body .mainWrapper .contentWrapper .content .comments .commentlist div.reply a.comment-reply-link { display: block; padding-top: 20px; } body .mainWrapper .contentWrapper .content .comments .commentlist li { list-style: none; padding: 10px; } body .mainWrapper .contentWrapper .content .comments .commentlist li span.title, body .mainWrapper .contentWrapper .content .comments .commentlist li span.time_ago { display: inline; font-size: 14px; } body .mainWrapper .contentWrapper .content .comments .commentlist li span.title { font-weight: bold; } body .mainWrapper .contentWrapper .content .comments .commentlist li p { padding: 0; margin: 0; padding-top: 20px; } body .mainWrapper .contentWrapper .content .comments .commentlist .comment.even { background: #f3f3f3; } body .mainWrapper .contentWrapper .content .comments #respond { clear: left; float: left; background: url(images/content_sep.png) no-repeat top center; width: 100%; margin-top: 10px; padding-top: 25px; } body .mainWrapper .contentWrapper .content .comments #respond form label { clear: left; float: left; font-size: 12px; padding: 8px 0 2px 0; } body .mainWrapper .contentWrapper .content .comments #respond form .input_text, body .mainWrapper .contentWrapper .content .comments #respond form .input_textarea { width: 380px; clear: left; float: left; background: url(images/input_bg.gif) no-repeat top left; border: none; font-size: 12px; padding: 2px 5px; } body .mainWrapper .contentWrapper .content .comments #respond form .input_checkbox, body .mainWrapper .contentWrapper .content .comments #respond form .label_checkbox { clear: none; float: none; padding: 0 0 0 5px;} body .mainWrapper .contentWrapper .content .comments #respond form .input_text { height: 19px; } body .mainWrapper .contentWrapper .content .comments #respond form .button { clear: both; float: left; margin-top: 10px; border: none; width:168px; height:36x; font-size: 14px; line-height: 36px; color: white; background-position: -5px -228px; } body .mainWrapper .contentWrapper .content .comments #respond form .button:hover { background-position: -5px -264px; } /**************************************** ***** Auditie overzicht pagina ***** ****************************************/ body.page-template-auditieoverzicht-php .headerWrapper.main .contentWrapper .sidebar.primary { float: right; width: 220px; padding: 10px 40px 0 0; } body.page-template-auditieoverzicht-php .mainWrapper .contentWrapper h2 { font-size: 24px; text-transform: uppercase; } body.page-template-auditieoverzicht-php .mainWrapper .contentWrapper .movies .movies_head h3 { float: left; font-size: 16px; width: 50%; } body.page-template-auditieoverzicht-php .mainWrapper .contentWrapper .movies .movies_head .zoek_form { float: right; } body.page-template-auditieoverzicht-php .mainWrapper .contentWrapper .content .filter { line-height: 38px; display: block; height: 38px; width: 579px; background: url(images/filter_bg.gif) no-repeat top center; } body.page-template-auditieoverzicht-php .mainWrapper .contentWrapper .content .filter span.title { padding-left: 20px; font-size: 12px; } body.page-template-auditieoverzicht-php .mainWrapper .contentWrapper .content .filter a { padding-left: 12px; font-weight: bold; font-size: 12px; } body.page-template-auditieoverzicht-php .mainWrapper .contentWrapper .content .filter a.current { color: black; } body.page-template-auditieoverzicht-php .mainWrapper .contentWrapper .content .filter a.current.asc, body.page-template-auditieoverzicht-php .mainWrapper .contentWrapper .content .filter a.current.desc { background: url(images/arrows_sort.gif) no-repeat; padding-right: 12px; } body.page-template-auditieoverzicht-php .mainWrapper .contentWrapper .content .filter a.current.desc { background-position: right 4px; } body.page-template-auditieoverzicht-php .mainWrapper .contentWrapper .content .filter a.current.desc:hover { background-position: right -15px; } body.page-template-auditieoverzicht-php .mainWrapper .contentWrapper .content .filter a.current.asc { background-position: right -33px; } body.page-template-auditieoverzicht-php .mainWrapper .contentWrapper .content .filter a.current.asc:hover { background-position: right -52px; } /**************************************** ***** Zoekresultaat ***** ****************************************/ body.search .movies { background: none; padding: 0; } body.search .zoek_form { padding-bottom: 30px; } .search_results { z-index: 999; } .search_results_activity_indicator { padding: 5px } .gform_wrapper * { font-size:12px !important; } .gform_wrapper .validation_error { padding-bottom:10px; } .gform_wrapper ul li { list-style:none; clear:both; padding-bottom:10px; overflow:hidden; } *html .gform_wrapper ul li { overflow:visible; } .gform_wrapper ul li label { font-size:12px !important; font-weight:bold; } .gform_wrapper ul li * { margin:0px !important; } .gform_wrapper ul li.gfield { margin-bottom: 5px !important; } .left_label label { padding-right: 20px; } #input_1_42 label { color: #555555; padding-top: 5px; font-size: 11px; font-style: italic; font-weight: normal; } #field_1_53 label { float: left; } .gform_wrapper ul li.gfield > label { float:left; width:300px; } .gform_wrapper ul li.gfield div.ginput_container { float:left; } .gform_wrapper ul li.gfield div.ginput_container input { width:170px; } .gform_wrapper ul li.gfield div.ginput_container select { width:174px; } .gform_wrapper ul li.gfield div.ginput_container ul.gfield_checkbox input { width:auto; float:left; } *:first-child+html .gform_wrapper ul li.gfield div.ginput_container ul.gfield_checkbox input { margin: -4px -2px 0px -4px !important; } .gform_wrapper ul li.gfield div.ginput_container ul.gfield_checkbox label { font-weight:normal; width:auto; padding:0px 5px; } .gform_wrapper ul li.gfield .clear-multi div.ginput_container input { width:30px; } .gform_wrapper ul li.gfield .clear-multi div.ginput_container label { padding:0px 5px; } .gform_wrapper ul li.gfield.checkbox { padding-bottom:0px; } .gform_wrapper ul li.gfield.checkbox > label { width:auto; float:right; } .gform_wrapper ul li.gfield div.gfield_description.validation_message { padding-left:300px; clear:both; color:#F00; padding-bottom:5px; } .gform_wrapper ul li.gfield.checkbox div.gfield_description.validation_message { padding-left:0px; } .gform_wrapper .gform_footer { clear:both; } .gform_wrapper .gform_footer input.button { border:0px; width:168px; height:32px; font-size: 14px !important; cursor:pointer; color: white; background-position: -5px -228px; } .gform_wrapper .gform_footer input.button:hover { background-position: -5px -264px; color: white; } .gform_wrapper ul li.gfield.hidden { padding-bottom:0px; float:left; clear:none; width:1px; height:1px; overflow:hidden; } /* Content */ .content { width:579px; float:left; } .content .widget { float:left; width:230px; margin-right:30px; } .content .widget p { color:white; } /* Sidebars */ .sidebar { float: right;width:300px; } .sidebar .widget { float: right; width:270px; background-color:#FFF; padding:15px; margin-bottom:10px; clear:right; } .sidebar.primary .widget { padding-left: 0px; width: 290px; margin-bottom:0px; } /* margin-bottom:10px */ .sidebar.secondary .widget { padding-left: 15px; } .sidebar h2 { font-style:normal; } /* Powered by... */ a.poweredby.vodafone { display: block; text-indent: -9999px; width: 226px; height: 27px; background:url(images/vodafone_sprite.png) no-repeat 5px -471px; padding: 0 0 30px 5px; } a.poweredby.vodafone.zwart { background-position: -235px -471px; } /* "Oefenen voor auditie" en "Auditie doen" knoppen */ .sidebar .widget.oefenen-voor-auditie a.button, .sidebar .widget.auditie-doen a.button { width:235px; height:57px; font-size: 16px; font-weight: bold; line-height: 57px; text-transform: uppercase; } .sidebar .widget.oefenen-voor-auditie a.button { background-position: 0px 0px; color: white; } .sidebar .widget.oefenen-voor-auditie a.button:hover { background-position: 0px -57px; } .sidebar .widget.auditie-doen a.button { background-position: 0px -114px; color:red; } .sidebar .widget.auditie-doen a.button:hover { background-position: 0px -171px; } /* "Auditie op locatie" knop */ .sidebar .widget.tekstblok-met-knop a.button { width:168px; height:36x; font-size: 14px; line-height: 36px; color: white; background-position: -5px -228px; } .sidebar .widget.tekstblok-met-knop a.button:hover { background-position: -5px -264px; } .sidebar .widget.tekstblok-met-knop a.button.rood { background:url(images/rodeknop.png) 0 5px no-repeat; width:168px; height:36x; font-size: 14px; line-height: 36px; color: white; } .sidebar .widget.tekstblok-met-knop a.button.rood:hover { background:url(images/rodeknop.png) 0 5px no-repeat; width:168px; height:36x; font-size: 14px; line-height: 36px; color: white; } .sidebar .widget.tekstblok-met-knop h3 span { font-weight:bold; font-size:16px; padding-bottom:10px; } /* "Auditie op locatie" in primary sidebar knop */ .sidebar .widget.auditie-doen-op-locatie { background-color:red; } .sidebar .widget.auditie-doen-op-locatie a.button { margin-left:55px; width:130px; height:95px; padding-top:35px; background:url(images/button_normal.png) 0 0 no-repeat; text-transform: uppercase; color:red; font-weight:bold; font-size:16px; } .sidebar .widget.auditie-doen-op-locatie a.button:hover { background:url(images/button_mouseover.png) 0 0 no-repeat; } /* Widget: Ad-minister */ .sidebar .widget.administer_widget { background: none; padding: 0px; width: 300px; text-align:center; } /* Widget: Laatste nieuws */ .sidebar .widget.laatste-nieuws a.firstpost img { border: 1px solid white; } .sidebar .widget.laatste-nieuws a.firstpost:hover img { border: 1px solid #ff0000; } .sidebar .widget.laatste-nieuws a.firstpost span.date-title { display: block; font-weight: bold; padding: 10px 0; } .sidebar .widget.laatste-nieuws div.excerpt { padding-bottom: 10px; } .sidebar .widget.laatste-nieuws div.overig-nieuws a { float: left; display: block; width: 260px; font-weight: bold; color: #ff0000; padding: 5px; } .sidebar .widget.laatste-nieuws div.overig-nieuws a.alt { background:#F3F3F3; } .sidebar .widget.laatste-nieuws div.overig-nieuws a:hover { color: black; } .sidebar .widget.laatste-nieuws div.overig-nieuws a span.left { display: block; float: left; width: 35px; } .sidebar .widget.laatste-nieuws div.overig-nieuws a span.right { display: block; float: right; width: 225px; } .sidebar .widget.laatste-nieuws div.meer-nieuws { display: block; float: left; padding-top: 15px; } .sidebar .widget.laatste-nieuws div.meer-nieuws .next a { font-size: 12px; font-weight: bold; } /* Widget: Social Icons */ .sidebar .widget.social-icons a.volg, .sidebar .widget.social-icons a.deel { background: url(images/social_icons.jpg) no-repeat 0px 0px; display: block; clear: left; padding: 6px 0 0 30px; height: 18px; margin-bottom: 8px; font-weight: bold; } .sidebar .widget.social-icons a.volg.twitter, .sidebar .widget.social-icons a.deel.twitter { background-position: 0px -88px; } .sidebar .widget.social-icons a.deel.facebook { background-position: 0px -44px; } .sidebar .widget.social-icons span.spacer { display: block; height: 12px; } .sidebar .widget.social-icons .FBConnectButton_Simple .FBConnectButton_Text_Simple { margin:0 !important; padding-bottom:0 !important; } .sidebar .widget.social-icons .FBConnectButton_Simple, .sidebar .widget.social-icons .FBConnectButton_RTL_Simple { background-image: none !important; } .FBConnectButton_Simple, .FBConnectButton_RTL_Simple, .FBConnectButton_Text_Simple { text-decoration: none !important; } /* WP PageNavi plugin */ .wp-pagenavi { display: block; float: left; padding: 15px 0; width: 100%; text-align: center; background: #efefef; } .wp-pagenavi a, .wp-pagenavi a:hover, .wp-pagenavi .extend { font-size: 12px; border: none !important; } .wp-pagenavi span.current { font-size: 18px; font-weight: bold; color: black; border: none !important; } .movies { width:100%; overflow:auto; padding:10px 0px 15px 0px; background:url(images/content_sep.png) top left no-repeat; } .movies .movies_head { width:100%; clear:both; height:25px; padding:5px 0; overflow:hidden; } .movies .movies_head h2 { font-size:16px !important; float:left; text-transform:uppercase; height: 30px; } .movies .movies_head span.bekijk_alle { float:right; padding: 0 10px 0 10px; background: white; color:#FF0000; text-decoration:none; } .movies .movies_head span.bekijk_alle a { display: block; height: 25px; line-height: 25px; background: } .movies .movie_row { width: 100%; float: left; padding-bottom:10px; } .movies .movie_row a.movie { position: relative; width:176px; border:1px solid #CCCCCC; background-color:#FFF; margin:0px 9px 0px 0px; float:left; padding: 4px; text-decoration: none; color:#8F8F8F; cursor: pointer; } .mainWrapper .contentWrapper .content .movies .movie_row { } .mainWrapper .contentWrapper .content .movies .movie_row a.movie { height: 228px; } .movies .movie_row a.movie:hover { border: 1px solid #ff0000; } .movies .movie_row a.movie.last { margin-right: 0px; } .movies .movie_row a.movie span.image { display: block; width: 176px; height: 109px; text-align: center; position: relative; } .movies .movie_row a.movie span.image img { max-width: 176px; max-height: 109px; width: 176px; height: 109px; } .movies .movie_row a.movie span.image span.thumb { display: block; height: 109px; width: 176px; position: absolute; z-index: 1; top: 0px; left: 0px; background: url(images/thumbs.png) top left no-repeat; } *html .movies .movie_row a.movie span.image span.thumb { background-image: url(images/thumbs.gif); } .movies .movie_row a.movie span.image span.play { display: block; height: 109px; width: 176px; position: absolute; z-index: 2; top: 0px; left: 0px; background: url(images/play.png) top left no-repeat; } *html .movies .movie_row a.movie span.image span.play { background-image: url(images/play.gif); } .movies .movie_row a.movie:hover span.image span.play { background-position: -186px 0px; } .movies .movie_row a.movie span.image span.thumb.up { background-position: 0px 0px; } .movies .movie_row a.movie span.image span.thumb.down { background-position: -186px 0px; } .movies .movie_row a.movie span.image img { max-height: 109px; max-width: 176px; } .movies .movie_row a.movie span.title { padding: 0 3px; display: block; height: 50px; margin-bottom: 5px; overflow: hidden; } .movies .movie_row a.movie span.title h2 { color:#FF0000; font-style: normal; font-weight: normal; font-size: 16px; padding: 9px 0; } .movies .movie_row a.movie span.score { padding: 0 3px; float: left; width: 170px; } .movies .movie_row a.movie span.score span.score_text { display: block; clear: left; float: left; color: black; font-size: 11px; line-height: 14px; padding: 2px 0; } .movies .movie_row a.movie span.score span.score_number { display: block; clear: right; float: right; font-weight: bold; color: #ff0000; font-size: 14px; line-height: 14px; padding: 2px 0; } .movies .movie_row a.movie span.summary { position: absolute; bottom: 5px; left: 8px; display: block; color:#8F8F8F; } /* Delen Shortcode */ .delen { display: block; clear: left; float: left; width: 100%; } .delen .grey_box { float: left; background: #e5e5e5; height: 16px; padding: 7px 8px; margin-right: 10px; } .delen .grey_box a { font-size: 11px; color: black; display: inline-block; } .delen .grey_box a:hover { color: #ff0000; } .delen .grey_box img { vertical-align: middle; } .delen .grey_box span { font-size: 11px; } .delen .grey_box .deel_hyves_tip span, .delen .grey_box .deel_hyves_www span, .delen .grey_box .deel_hyves_gadget span { display: block; height: 16px; padding-left: 20px; background: url(images/hyves_icon_16x16.png) no-repeat top left; } .delen .delen_feedback { clear: left; float: left; border: 1px solid #e5e5e5; background: white; padding: 7px; margin: 10px 0; } .delen .delen_feedback.success { border: 1px solid green; } .delen .delen_feedback.fail { border: 1px solid red; } /* Colorbox */ #colorbox { position: absolute; z-index: 9999; } #colorbox #cboxClose { top: 0px !important; } #colorbox #cboxLoadedContent { margin-bottom: 0px !important; } #messagebox { padding: 10px; display: none; } #messagebox .www { background: #e5e5e5; padding: 10px 10px 0 10px; margin-bottom: 10px;} #messagebox .www .www_emotion { color: #333333; font-weight: bold; background: url(images/icons/world.png) no-repeat top left; padding-left: 25px; } #messagebox .www .www_where { color: #333333; padding-left: 25px; } #messagebox .nopadding { padding: 0px; } #footer { clear:both; width:100%; height:51px; background-color:#0D0D0D; } #footer #footer_in { width:930px; margin:0 auto; padding-top:12px; } #footer .thumb { float:left; margin-right:100px; background-repeat:no-repeat; background-image:url(images/thumbs_small.png); color:white; padding-left:33px; width:117px; height:31px; } *html #footer .thumb { background-image:url(images/thumbs_small.gif); } #footer .thumb.up { background-position:0 0; } #footer .thumb.down { background-position:-150px 0; } #footer ul { float:right; padding-top:8px; } #footer ul li { list-style:none; float:left; padding:0px 20px 0px 20px; border-right:1px solid white; } #footer ul li.last { border-right:0px; } #footer ul li a { text-decoration:none; color:white; }