﻿/* Start columns 
==============================*/
DIV#columns.home .mediablock{border-bottom:1px solid #fff;}
DIV#columns.home .mediacolumn{float:left;width:220px;min-height:30px;padding:10px;}
DIV#columns.home DIV.contentcolumns{background-color:#fff;padding:10px 10px 0 !important;}
DIV#columns.home DIV.contentcolumns TD.maincolumn{width:700px!important;}
DIV#columns.home TD.subright {padding-bottom:20px;}
DIV#columns.home DIV.videocolumns {margin-top:-37px;padding-top:0 !important;}
DIV.contentcolumns TD.mainleft{width:340px;padding-right:10px;vertical-align:top;}
DIV.contentcolumns TD.mainright{width:340px;vertical-align:top;padding:0 10px;}
DIV.contentcolumns TD.subright{width:220px;padding-left:10px;vertical-align:top;}
DIV.contentcolumns DIV.mediablockfiona{float:left;width:460px;}
DIV.contentcolumns DIV.favfiona{float:right;width:120px;}
DIV.contentcolumns DIV.contentfiona{clear:both;width:580px;padding-top:10px;}
DIV.contentcolumns TD.svh-wrapper{width:910px;padding:20px 20px 20px 30px;background: #797979 url(/sites/public/images/SvH/bgr_spiegel.jpg) no-repeat;vertical-align:top;}
DIV.contentcolumns TD.svh-left{width:400px;padding-top:10px;vertical-align:top;}
DIV.contentcolumns TD.svh-right{width:510px;vertical-align:top;}
DIV.contentcolumns TD.svh-right .freecontent {color:#fff;}
DIV.contentcolumns TD.svh-rightwhite{width:510px;padding-top:15px;background: url(/sites/public/images/SvH/content_bgr_top.png) no-repeat;vertical-align:top;}
DIV.contentcolumns TD.svh-rightwhite DIV.white_content {padding:0 10px 10px 10px;background-color:#fff;filter:alpha(opacity=85);opacity:.85;-moz-opacity:0.85;}

/* Container and general layout
==============================*/
DIV.titlebar SPAN{font-weight:700;color:#fff;font-size:12px;}

/* SPIEGEL VAN HOLLAND
==============================*/
DIV.white_wrapper {position:relative;width:510px;overflow:hidden;z-index:100;}
DIV.white_wrapper DIV.white_bgr {position:absolute;top:0;left:0;width:510px;height:5000px;background-color:#fff;filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;z-index:99;}
DIV.white_wrapper DIV.white_content {position:relative;width:510px;z-index:101;}
DIV.popup-bgr {position:absolute;top:0;left:0;width:100%;background-color:#000;filter:alpha(opacity=75);opacity:.75;-moz-opacity:0.75;z-index:999;}
A.svhbutton, A.svhbutton:link, A.svhbutton:visited, A.svhbutton:active, A.svhbutton:hover {position:relative;display:block;height:49px;line-height:49px;color:#fff !important;font-weight:bold;background:url(/sites/public/images/svh/knop_spiegel.png);}
A.svhbutton:hover {text-decoration:none !important;}

/* Content
==============================*/
#home .freecontent{font-size:11px;}
.paginatitel{font-weight:700;font-size:12px;line-height:18px;color:#CE2D27;}

/* FilmInfo / EventInfo
==============================*/
DIV.fionainfo{font-size:12px;line-height:18px;}
DIV.fionainfo DIV.infoblock{padding-top:10px;}
DIV.fionainfo .title {font-weight:bold;}

/* FilmCredits / EventCredits
==============================*/
DIV.fionacredits SPAN.title{font-size:12px;font-weight:700;line-height:21px;}
DIV.fionacredits TABLE TD{font-size:11px;line-height:21px; vertical-align: top;}
DIV.fionacredits TABLE TD.left{width:155px;padding:0 20px 0 5px;}
DIV.fionacredits TABLE TD.right{width:155px;padding-right:5px;}
DIV.fionacredits TABLE TD.alt{background-color:#D7E4F3;}
DIV.fionacredits DIV.cast{padding-left:5px;font-size:11px;line-height:18px;}

/* SLIDESHOW and MEDIAPLAYER
==========================*/
.fionaslidecontainer{margin: 0 !important;}
.home-slidecontainer{position:relative;width:958px;height:264px;border-left:1px solid #CE2D27;border-right:1px solid #CE2D27;background-color:#000;}

/* TwitterFeedHome
==============================*/
DIV.twitterfeedhome{position:absolute;width:199px;height:87px;margin-top:-24px;padding:58px 10px 5px 15px;background:url(/sites/public/images/bgr_twitterhome.png) top left;font-size:10px;line-height:13px;}
DIV.twitterfeedhome A.nfflink{display:block;position:absolute;width:107px;height:19px;top:38px;left:15px;}

/* Filmfavorites 
==============================*/
.ffav{position:relative;width:100%;height:260px;font-size:10px;line-height:12px; background: #999 url(/sites/shared/images/nff_filmarchief_logo.gif) no-repeat;}
.ffav_en {background: #999 url(/sites/shared/images/nff_filmarchief_logo_en.gif) no-repeat !important;}
.ffavcur{background: #CE2D27 url(/sites/shared/images/selectie_logo.png) no-repeat;}
.ffavcur_en {background: #CE2D27 url(/sites/shared/images/selectie_logo_en.png) no-repeat !important;}

.ffav .ffavhl,.ffav .ffavha,.ffav .ffavhf{color: #fff; display:block;position:absolute;bottom:10px;background: transparent url(/sites/public/images/favs.png) no-repeat;padding-top:20px;margin-left:15px;}
.ffav .ffavhl{background-position:0 -200px;}
.ffav .ffavha:hover{background-position:0 -100px;}
.ffav .ffavhf{background-position:0 -100px;color:#CE2D27;}
.ffav .ffavhl:hover,.ffav .ffavha{background-position:0 0;}

/* Eventfavorites 
==============================*/
.efav{position:relative;width:100%;height:260px;font-size:10px;line-height:12px;}
.efavcur{background: #CE2D27 url(/sites/shared/images/evenement_logo.png) no-repeat;}
.efavcur_en {background: #CE2D27 url(/sites/shared/images/evenement_logo_en.png) no-repeat !important;}

.efav .efavhl,.efav .efavha,.efav .efavhf{color: #fff; display:block;position:absolute;bottom:10px;background: transparent url(/sites/public/images/favs.png) no-repeat;padding-top:20px;margin-left:15px;}
.efav .efavhl{background-position:0 -200px;}
.efav .efavha:hover{background-position:0 -100px;}
.efav .efavhf{background-position:0 -100px;color:#CE2D27;}
.efav .efavhl:hover,.efav .efavha{background-position:0 0;}

/* FILMSONRSS
===============================================*/
.for-header { display: block; margin-top: 0px; margin-bottom: 0px;}
.for-top, .for-type-4 { display: block; width: 220px; height: 28px; background: #fff url(/sites/public/images/filmsop-sprite.gif) no-repeat; cursor: pointer;} /* add upc block */
.for-items {display: none; font-size: 11px; line-height: 12px; color: #808080; width: 220px;}
.for-item, .for-item SPAN {font-size: 11px;  line-height: 12px; color: #808080; width: 220px; margin: 5px 0px;}
.for-date {display: block; font-weight: bold;}
.for-source {margin: 5px 0px;}

/* filmtypes */
.for-type-0 {background-position: 0px -28px;} /* bios */
.for-type-2 {background-position: 0px -84px;} /* tv */
.for-type-1 {background-position: 0px -140px;} /* dvd */
.for-type-3 {background-position: 0px -196px;} /* film 1 */
.for-type-4 {background-position: 0px -252px;} /* upc */
.for-type-5 {background-position: 0px -308px;} /* ximon */
.for-type-0.for-active {background-position: 0px 0px;} /* bios */
.for-type-2.for-active {background-position: 0px -56px;} /* tv */
.for-type-1.for-active {background-position: 0px -112px;} /* dvd */
.for-type-3.for-active {background-position: 0px -168px;} /* film 1 */
.for-type-4.for-active {background-position: 0px -224px;} /* upc */
.for-type-5.for-active {background-position: 0px -280px;} /* ximon */

/* FILMMEMORIES
===============================================*/
DIV.filmmemories {min-height:300px;} /* with only one row of memories, left column was not high enough for memory_add button */
DIV.filmmemories DIV.memory_add {position:absolute;top:572px;left:196px;}
DIV.memory_add A.memorybutton {padding-left:25px;width:116px;}
DIV.memory_add A.memorybutton SPAN {position:absolute;display:block;top:17px;right:14px;width:8px;height:14px;background:url(/sites/public/images/SvH/pijlwitrechts.png);}
DIV.filmmemories DIV.postit {float:left;width:159px;height:163px;margin-right:16px;background:transparent url(/sites/public/images/SvH/bgr_postit.png) no-repeat 0 37px;}
DIV.filmmemories DIV.postit DIV.pin1 {background:url(/sites/public/images/SvH/speld_spiegel1.png) no-repeat 50px 0;}
DIV.filmmemories DIV.postit DIV.pin2 {background:url(/sites/public/images/SvH/speld_spiegel2.png) no-repeat 50px 0;}
DIV.filmmemories DIV.postit DIV.pin3 {background:url(/sites/public/images/SvH/speld_spiegel3.png) no-repeat 50px 0;}
DIV.filmmemories DIV.postit DIV.postit-text {padding:60px 10px 0;color:#3793d2;text-align:center;font-size:11px;font-style:italic;cursor:pointer;}
DIV.filmmemories DIV.postit DIV.postit-text SPAN {display:block;height:74px;font-size:18px;}
DIV.svh-popup {position:absolute;left:287px;width:345px;height:349px;padding:64px 20px 0;font-size:11px;background:transparent url(/sites/public/images/SvH/bgr_form_spiegel.png) no-repeat 0 29px;z-index:1000;}
DIV.svh-popup A.popup_close {position:absolute;display:block;top:39px;right:10px;width:20px;height:13px;background: url(/sites/public/images/SvH/sluit_spiegel.png);}
DIV.svh-popup DIV.pin {position:absolute;top:0;left:162px;width:60px;height:72px;}
DIV.svh-popup DIV.pin1 {background:url(/sites/public/images/SvH/speld_spiegel1.png);}
DIV.svh-popup DIV.pin2 {background:url(/sites/public/images/SvH/speld_spiegel2.png);}
DIV.svh-popup DIV.pin3 {background:url(/sites/public/images/SvH/speld_spiegel3.png);}
DIV.svh-popup TD.tbl-lab {width:345px;line-height:24px;vertical-align:top;}
DIV.svh-popup TD.tbl-ctrl {width:345px;vertical-align:top;}
DIV.svh-popup TD.tbl-ctrl INPUT {width:339px;height:14px;padding:2px;margin-bottom:2px;font-family:Verdana, Sans-Serif;font-size:11px !important;border:1px solid #969696;}
DIV.svh-popup TD.tbl-ctrl TEXTAREA {width:341px;height:150px;margin-bottom:2px;font-family:Verdana, Sans-Serif;font-size:11px !important;border:1px solid #969696;}
/* view */
DIV#memory_view SPAN.view_title {display:block;padding:7px 0 9px;font-size:18px;}
DIV#memory_view SPAN.view_text {line-height:18px;}

/* FILMTEST
===============================================*/
DIV.shquiz {width:510px;font-family:Verdana;font-size:12px;}
DIV.shquiz .quizheader DIV.hdr_corner {height:15px;background:transparent url(/sites/public/images/SvH/content_bgr_top_quiz.png) no-repeat;}
DIV.shquiz .quizheader DIV.hdr_text {padding:2px 20px 0 20px;height:52px;color:#fff;font-size:24px;font-weight:bold;background-color: #808080;} 
DIV.shquiz .headerspan {color:#fff;font-size:12px;font-weight:bold;}
DIV.shquiz .question {padding:17px 20px 0 20px;font-weight:bold;line-height:21px;}
DIV.shquiz .questionexplanation {padding-top:10px;font-weight:bold;line-height:21px;}
DIV.shquiz .explanation {display:block;padding:0 20px;padding-bottom:10px;line-height:21px;}
DIV.shquiz DIV.photocontainer {padding: 8px 20px 0 20px;}
DIV.shquiz IMG.photo {display:block;width:240px;height:160px;border:0;}
DIV.shquiz .answers {padding:12px 20px 0 20px;}
DIV.shquiz .answers .radio LABEL {width:420px;line-height:18px;padding-left:5px;}
DIV.shquiz .answers .radio LABEL, DIV.shquiz .answers .radio INPUT {display:block;float:left;}
DIV.shquiz SPAN.resultgood {font-weight:bold;font-size:14px;padding-top:20px;}
DIV.shquiz SPAN.resultwrong {font-weight:bold;font-size:14px;padding-top:20px;}

DIV.shquiz .average {}
DIV.shquiz .text {padding:20px 20px 0 20px;height:30px;}
DIV.shquiz .answers span.selected label {line-height:30px;color:Gray;}

DIV.shquiz .answerexplanation {padding:0 0 20px 0;line-height:21px;font-size:14px;}
DIV.shquiz .result {padding:20px 20px 0 20px;font-size:12px;}
DIV.shquiz .goodwrong {padding:12px 20px 0 20px;font-size:12px;}
DIV.shquiz SPAN.endresult {font-weight:bold;font-size:14px;padding-top:40px;}

DIV.shquiz DIV.btndiv {height:36px;margin-top:50px;padding-top:12px;border-top:1px solid #fff;}

