/* ------------------------------------------------- */ /* Common rules /* ------------------------------------------------- */ body { font:75%/150% "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande"," Lucida Sans", Arial, sans-serif; color:#000; padding:0; margin:0; background:#FFF url(../img/bg.jpg) no-repeat top left; } h1 { font:3em/1.2em "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande"," Lucida Sans", Arial, sans-serif; text-transform:uppercase; } h1 span { font:0.65em/1.2em Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; text-transform:none; font-style:italic; } h2 { font-size:1.2em; text-transform:uppercase; } h3 { } h4 { font:1.3em/1em "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande"," Lucida Sans", Arial, sans-serif; text-transform:uppercase; } h4 span { font:0.8em/1em Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; text-transform:none; } h5 { } em { font-style: italic; } a { color: #000000; } a:hover { color: #333333 } img { } input { outline:none; } .accented { color:#ce4e41 !important; } .accented-bg { background-color:#ce4e41 !important; } h3.articles { background-position:0 -720px !important; } h3.video { background-position:0 -751px !important; } h3.photos { background-position:0 -782px !important; } h3.suggestions { background-position:0 -813px !important; } h3.news { background-position:0 -844px !important; } a.scrollable-nav { position:absolute; display:block; width:15px; height:30px; background:url(../img/sprites.gif) no-repeat; cursor:pointer; } a.scrollable-nav span { display:none; } a.next { background-position:-15px 0; } a.next:hover { background-position:-15px -30px; } a.next:active { background-position:-15px -60px; } a.prev { background-position:0 0; } a.prev:hover { background-position:0 -30px; } a.prev:active { background-position:0 -60px; } dl dt { float:left; width:70px; font:1em/2.3em Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; font-style:italic; overflow:hidden; } dl dd { float:left; width:250px; line-height:2.3em; font-weight:bold; overflow:hidden; } dl dd span.accented { font-size:1.3em; } /* ------------------------------------------------- */ /* Lay-out rules /* ------------------------------------------------- */ #wrapper { width:100%; } #content-wrapper { width:100%; } #content-wrapper #header { clear:both; width:960px; position:relative; margin:0 auto; height:255px; } #content-wrapper #content { clear:both; position:relative; width:960px; margin:0 auto; min-height:230px; } #footer { background:#FFF url(../img/sprites.gif) repeat-x 0px -294px; } /* ------------------------------------------------- */ /* Grid rules /* ------------------------------------------------- */ div.col { } div.span-2 { } div.span-3 { } /* ------------------------------------------------- */ /* Header/Menu styles /* ------------------------------------------------- */ #logo { float:left; display:block; width:101px; height:76px; background:url(../img/sprites.gif) no-repeat -107px 0px; } #logo span { display:none; } ul.menu { font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; color:#FFF; margin:0; padding:0; list-style:none; text-transform: lowercase; } ul.menu li { margin:0; padding:0; list-style:none; } ul.menu li a { text-decoration:none; color:#FFF; background:#000; } ul#sub-menu { position:absolute; top:95px; left:0; z-index:100; } ul#sub-menu li { float:left; position:relative; clear:both; display:block; margin:0 0 2px 0; } ul#sub-menu li a { float:left; clear:both; display:block; line-height:22px; height:22px; padding:0 10px; } ul#sub-menu li div.current { position:absolute; top:0; right:-7px; display:none; width:15px; height:13px; line-height:13px; background:url(../img/sprites.gif) no-repeat -985px -940px;} ul#sub-menu li.current a { background:#ce4e41; height:30px; line-height:30px; font-size:14px; } ul#sub-menu li.current div.current { display:block; } ul#sub-menu li.child a { background:#ce4e41 !important; } ul#sub-menu li.current-child div.current { display:block; background-position:-985px -940px; } ul#sub-menu li.current-child a { background:#ce4e41 !important; } ul#sub-menu li.search-btn { background:url(../img/sprites.gif) no-repeat right -96px; padding-right:22px; } #search-box { position:absolute; top:191px; left:0; z-index:1000; display:none; } #search-box form { float:left; padding:23px 20px; background:#000; overflow:hidden; } #search-box input { float:left; font:1.25em/2.1em Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; width:407px; height:32px; color:#818080; background:transparent url(../img/sprites.gif) no-repeat 0 -100px; border:none; padding:0 0 0 5px; } #search-box button { float:left; font:1.3em/2em "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande"," Lucida Sans", Arial, sans-serif; text-transform:uppercase; height:32px; color:#FFF; border:none; margin-left:20px; } #search-box a { float:left; display:block; margin-left:1px; width:25px; height:25px; background:url(../img/sprites.gif) no-repeat -40px 0; } #search-box a:hover { background-position:-40px -25px; } #search-box a:active { background-position:-40px -50px; } #search-box a span { display:none; } ul#menu { position:absolute; top:0; right:0; font-size:15px; line-height:35px; height:35px; z-index:101; } ul#menu li { float:left; display:block; position:relative; } ul#menu li a { float:left; margin:1px 0 0 1px; padding:0 6px; } ul#menu li.current a { background:#ce4e41; } ul#menu li div.current { position:absolute; bottom:-7px; right:0; display:none; width:13px; height:13px; line-height:13px; background:url(../img/sprites.gif) no-repeat 0 -900px; } ul#menu li.current div.current { display:block; } #idk-wrapper { float:right; margin:95px 0 0 0; position:relative; width:385px; height:160px; overflow:hidden; } #idk-wrapper div.idk { position:absolute; top:0; left:0; width:385px; height:160px; overflow:hidden; } #idk-wrapper div.idk div.idk-date { position:absolute; top:47px; left:0; width:43px; height:47px; padding:3px 5px; background:#000; font:2em/1em Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; color:#FFF; font-style:italic; } #idk-wrapper div.idk div.idk-date span { display:block; font:0.6em/1.2em Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; width:43px; color:#FFF; font-style:italic; text-align:right; } #idk-wrapper div.idk div.idk-content { position:absolute; top:47px; left:55px; width:164px; height:92px; padding:11px 40px 11px 11px; z-index:4; } #idk-wrapper div.idk div.idk-content h3 { font-size:1em; line-height:1.5em; text-transform:uppercase; } #idk-wrapper div.idk div.idk-content a { font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; font-weight:bold; font-style:italic; color:#000; text-decoration:none; } #idk-wrapper div.idk div.idk-content span.place { position:absolute; left:11px; bottom:11px; text-transform:uppercase; } #idk-wrapper div.idk img { position:absolute; top:0; right:0; border:4px solid #000; display:block; z-index:5; } #program-header { float:left; width:960px; position:relative; clear:both; } #program-header h1 { float:left; margin-right:25px; } #program-header a.month-nav { float:left; display:block; width:15px; height:30px; background:url(../img/sprites.gif) no-repeat; cursor:pointer; margin-top:12px; } #program-header a.month-nav span { display:none; } #program-header a.next { background-position:-15px 0; } #program-header a.next:hover { background-position:-15px -30px; } #program-header a.next:active { background-position:-15px -60px; } #program-header a.prev { background-position:0 0; } #program-header a.prev:hover { background-position:0 -30px; } #program-header a.prev:active { background-position:0 -60px; } /* --------------------------------------------------------- */ /* Homepage styles /* --------------------------------------------------------- */ body.homepage #content-wrapper #header { height:95px; } body.homepage #content-wrapper #home-title-wrapper { position:absolute; top:85px; left:90px; width:325px; height:70px; z-index:10; } body.homepage #content-wrapper #home-title-wrapper h1 { text-indent:0; margin-bottom:0; line-height:1.1em; } body.homepage #content-wrapper #home-title-wrapper h1 span { font-weight:bold; } body.homepage #content-wrapper #home-title-wrapper h2 { font-size:1.4em !important; } body.homepage #content-wrapper #home-title-wrapper div#msk { position:absolute; width:60px; height:70px; top:0; left:95px; background:url(../img/sprites.gif) no-repeat -860px 0; } body.homepage #content-wrapper #home-title-wrapper a.next { left:310px; top:10px; } body.homepage #content-wrapper #home-title-wrapper a.prev { left:300px; top:10px; } body.homepage #content-wrapper #scrollable { float:left; position:relative; width:960px; height:570px; overflow:hidden; margin-bottom:3.5em; } body.homepage #content-wrapper #scrollable #items { position:absolute; width:20000em; height:570px; } body.homepage #content-wrapper #scrollable #items div.home-item { float:left; position:relative; width:960px; height:570px; } div.home-item dl { float:right; width:320px; } div.home-item div.date { float:right; width:320px; } div.home-item div.date { position:absolute; top:125px; left:587px; width:43px; height:47px; padding:3px 5px; background:#000; font:2em/1em Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; color:#FFF; font-style:italic; } div.home-item div.date span { display:block; font:0.6em/1.2em Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; width:43px; color:#FFF; font-style:italic; text-align:right; } div.home-item div.picture { position:absolute; left:0; bottom:0; width:640px; height:390px; } div.home-item div.picture img { position:absolute; right:0; top:0; } div.home-item div.picture div.home-item-title { position:absolute; right:0; top:0; background-color:#000; z-index:10; padding:0 10px; font:1.6em/2em Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; color:#FFF; font-style:italic; } div.home-item div.text { position:absolute; left:642px; top:180px; width:248px; height:190px; padding:5px 10px 40px 60px; } div.home-item div.text div.body { width:248px; height:190px; overflow:hidden; font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; font-style:italic; } body.homepage #content-wrapper h3 { font:1.25em/2em Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; border-bottom:1px solid #000; height:30px; background:url(../img/sprites.gif) no-repeat 0 -720px; padding-left:31px; } body.homepage #content-wrapper h3 span { float:left; display:block; height:30px; line-height:2em; background:#000; color:#FFF; padding:0 8px; text-transform:lowercase; } a.more { position:absolute; top:4px; right:4px; color:#000; text-decoration:underline; font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; } body.homepage #home-calendar { float:left; position:relative; width:640px; } body.homepage #home-calendar table { width:640px; margin-top:5px; } body.homepage #home-news { float:left; position:relative; width:250px; padding:50px 0 0 70px; background:#FFF; margin-top:-197px; overflow:hidden; } body.homepage #home-news a.more { top:54px; } body.homepage #home-news div.news-item { padding:20px 0 10px 0; border-bottom:1px solid #000; } body.homepage #home-news div.news-item h4 { font:1.1em/1.2em Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; margin-bottom:0.5em; text-transform:none; font-weight:bold; font-style:italic; } body.homepage #home-news div.news-item p { font:1em/1.6em Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; font-style:italic; margin-bottom:0.8em; } body.homepage #home-news div.news-item a { text-transform:uppercase; color:#000; text-decoration:none; } .jScrollPaneContainer { position:relative; overflow:hidden; z-index:1; } .jScrollPaneTrack { position:absolute; cursor:pointer; right:0; top:0; height:100%; } .jScrollPaneDrag { position:absolute; background:#000; cursor:pointer; overflow:hidden; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; } .jScrollPaneDragTop { position:absolute; top:0; left:0; overflow:hidden; } .jScrollPaneDragBottom { position:absolute; bottom:0; left:0; overflow:hidden; } a.jScrollArrowUp { display:block; position:absolute; z-index:1; top:0; right:0; text-indent:-2000px; overflow:hidden; height:9px; } a.jScrollArrowDown { display:block; position:absolute; z-index:1; bottom:0; right:0; text-indent:-2000px; overflow:hidden; height:9px; } /* ------------------------------------------------- */ /* Content rules /* ------------------------------------------------- */ /* Content page rules */ body.content #content-wrapper #header { height:120px; } body.content div.left-column { float:left; width:540px !important; padding-left:100px; } body.content div.left-column h1 { text-indent:0 !important; } body.content div.left-column h2 { font:1.3em/1.2em Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; text-transform:none; font-style:italic; font-weight:bold; margin-top:1em; margin-bottom:0; } body.content div.left-column h3 { font:1.25em/2em Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; } body.content div.left-column p.introductie { padding:0 0 0 40px; font:1.25em/1.5em Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; font-style:italic; margin-bottom:2.5em; } body.content div.left-column ol, body.content div.left-column ul { margin-left:2em; margin-bottom:1em; } body.content div.left-column a { color:#000; } body.content div.left-column p { margin-bottom:.75em; } body.content div.left-column small { display:block; font-size:0.9em; line-height:1.5em; margin-top:2em; } body.content div.left-column div.column { width:249px !important; margin-right:20px; } body.content div.left-column #column-2 h2 { color:#ce4e41; margin-bottom:0.5em !important; } body.content div.left-column #column-2 h2:first-child { margin-top:0; } body.content div.left-column #column-2 h2+h3 { margin-bottom:0px; } body.content div.left-column #column-2 h3 { font-size:1.2em; margin:0 !important; padding:0 !important; border:none !important; background:none !important; } body.content div.left-column #column-2 h3:first-child { margin-top:0; } body.content div.left-column div.last { margin-right:0px; } body.content div.right-column { float:left; width:250px !important; padding-left:70px; padding-top:80px; } #content h1 { text-indent:90px; margin-bottom:1em; } #content h2 { margin-bottom:1.4em; } #content table { width:960px; text-transform:uppercase; border-collapse:collapse; padding:0; margin:0 0 150px 0; } #content table tr.hover { background:#efe13c; } #content table td.uitverkocht { background:url(../img/bg-uitverkocht.gif) no-repeat top left; } #content table td { vertical-align: top; padding: 5px 10px 5px 0; } #content table td.plaats { padding: 5px 3px 5px 0; } #content table td.dag { padding: 5px 10px 5px 3px; } #content table td.titel a { color:#000; text-decoration:none; } #content table td.titel span { font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; font-weight:bold; font-style:italic; text-transform:none; } #content table td.image { display:none; } #content div.left-column { float:left; width:640px; } #content div.right-column { float:left; width:320px; } /* Information styles */ #content #information { float:left; width:960px; } #content #information div.left-column img { float:left; display:block; margin-right:12px; } #content #information div.left-column h1 { font:1.5em/1em Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; line-height:1.4em; text-transform:none; font-weight:bold; font-style:italic; text-indent:0; margin-bottom:2.5em; } #content #information div.left-column h2 { font-size:1.2em; line-height:1.6em; margin-bottom:1.5em; margin-top:6.8em; } #content #information div.left-column h2 span { border-bottom:2px solid #8e8c8e; } #content #information div.left-column p { font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; margin-bottom:1em; color:#111; padding:0 75px 0 20px; } #content #information div.left-column p a { color:#000; text-decoration:underline; } #content #information div.left-column p.addendum { font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande"," Lucida Sans", Arial, sans-serif; font-size:0.8em; margin-top:4em; } #content #functional-menu { text-align:right; float:left; position:relative; width:320px; } #content #functional-menu a.back-btn { position:absolute; top:25px; left:50px; font:1.16em/1.2em Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; color:#000; text-decoration:none; } #content #functional-menu ul { float:right; clear:both; width:126px; list-style:none; margin:0; padding:0; } #content #functional-menu ul li { list-style:none; margin:0; padding:0; } #content #functional-menu ul li a { display:block; background:url(../img/sprites.gif) no-repeat; } #content #functional-menu ul li a span { display:none; } #content #functional-menu ul li.nav-btn a { float:left; height:54px; } #content #functional-menu ul li.left { float:left; width:62px; } #content #functional-menu ul li.right { float:left; width:64px; } #content #functional-menu ul li.left a { float:left; width:62px; height:54px; background-position:-500px 0; } #content #functional-menu ul li.right a { float:left; width:64px; height:54px; background-position:-562px 0; } #content #functional-menu ul li.left a:hover { background-position:-500px -54px; } #content #functional-menu ul li.right a:hover { background-position:-562px -54px; } #content #functional-menu ul li.left a:active { background-position:-500px -108px; } #content #functional-menu ul li.right a:active { background-position:-562px -108px; } #content #functional-menu ul li.order-tickets { float:left; width:126px; height:77px; margin-top:1px; } #content #functional-menu ul li.order-tickets a { width:126px; height:77px; background-position:-626px 0; } #content #functional-menu ul li.order-tickets a:hover { background-position:-626px -77px; } #content #functional-menu ul li.order-tickets a:active { background-position:-626px -154px; } #content #functional-menu ul li.media-btn { float:left; height:45px; } #content #functional-menu ul li.media-btn a { float:left; height:45px; } #content #functional-menu ul li.video { float:left; width:34px; } #content #functional-menu ul li.video a { width:34px; background-position:-500px -169px; } #content #functional-menu ul li.articles a { width:30px; background-position:-534px -169px; } #content #functional-menu ul li.photos a { width:34px; background-position:-564px -169px; } #content #functional-menu ul li.suggestions a { width:28px; background-position:-598px -169px; } #content #information div.right-column dl { float:left; margin-top:9em; } #content #information div.right-column p.francais { float:left; width:250px; font:0.9em/1.6em Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; font-style:italic; padding:0 0 0 70px; margin-top:2.8em; overflow:hidden; } /* Media styles */ #content #media { float:left; width:960px; margin-top:7em; } #content #media div.right-column { padding:0 0 0 70px; width:250px; } #content h3 { font:1.25em/2em Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; border-bottom:1px solid #000; height:30px; background:url(../img/sprites.gif) no-repeat 0 -720px; padding-left:31px; } #content h3 span { float:left; display:block; height:30px; line-height:2em; background:#000; color:#FFF; padding:0 8px; text-transform:lowercase; } #content #media div#video, #content #media div#suggestions { float:left; width:640px; margin-bottom:2em; } #content #media div#suggestions table { width:640px; margin-top:5px; } #content div#articles, #content div#photos { float:left; width:250px; margin-bottom:2em; } #content div#articles ul { list-style:none; margin:0; padding:0; } #content div#articles ul li { list-style:none; margin:0; padding:0; line-height:2.5em; border-bottom:1px solid #111; } #content div#articles ul li a { text-decoration:none; color:#000; padding:0 0 0 3px; display:block; } #content div#articles ul li a:hover { color:#CE4E41; } #content div#photos { position:relative; } #content div#photos a.next { left:110px; top:-2px; } #content div#photos a.prev { left:100px; top:-2px; } #content div#photos #scrollable { position:relative; width:250px; height:350px; overflow:hidden; } #content div#photos #scrollable #items { position:absolute; width:20000em; } #content div#photos #scrollable img.item { float:left; width:250px; display:block; } #uitverkocht { position:absolute; width:960px; height:26px; color:#FFF; line-height:26px; overflow:hidden; text-transform:uppercase; } #uitverkocht span { font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; font-weight:bold; font-style:italic; font-size:14px; text-transform:none; } #uitverkocht p { width:2000em; } img.over-img { position:absolute; } div.tooltip { background:url(../img/sprites.gif) no-repeat center -280px; overflow:hidden; padding-top:6px; display:none; } div.tooltip span { display:block; white-space:nowrap; background:#000; padding:6px 8px; font-size:1em; color:#FFF; } /* Project rules */ body.project { } body.project #header { height:165px !important; } body.project div.left-column h1 { margin-bottom:.5em !important; } body.project div.left-column div.date { float:right; width:43px; height:47px; padding:3px 5px; background:#000; font:2em/1em Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; color:#FFF; font-style:italic; } body.project div.left-column div.date span { display:block; font:0.6em/1.2em Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; width:43px; color:#FFF; font-style:italic; text-align:right; } body.project div.left-column div.picture { float:left; width:640px; height:390px; } body.project div.right-column div.text { float:left; width:248px; padding:5px 10px 40px 60px; } body.project div.right-column div.text p { margin-bottom:0.8em; } body.special #content-wrapper { padding-bottom:0; } body.special #information { min-height:515px !important; } body.special #information-txt { position:absolute; top:0; left:0; width:320px; height:515px; padding:20px 25px; background:#FFF; z-index:1000; } body.special #information-txt div.body { width:320px; height:515px; overflow:hidden; } body.special #information-txt h1 { font-size:2em; margin-bottom:.5em; margin-top:0; text-transform:none; font-weight:bold; font-style:italic; font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; } body.special #information-txt p { margin-bottom:10px; } body.special #information div.right-column { margin-left:640px; display:inline; } body.special #information div.right-column li.media-btn { background:#FFF; margin-top:1px !important; } body.special #information div.right-column #practical-info { float:left; background:#FFF; margin-top:60px; } body.special #suggestions table { background:#FFF; } body.special #articles ul { background:#FFF; } body.special #information div.right-column h1 { font:1.5em/1em Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; text-transform:none; font-weight:bold; font-style:italic; text-indent:0; margin-bottom:0; } body.special #information div.right-column h2 { font-size:1.2em; margin-bottom:1.5em; margin-top:0; } body.special #information div.right-column dl { margin-top:2em !important; } #project-calendar { float:left; position:relative; width:640px; margin-top:40px; } #project-calendar table { width:640px; margin-top:5px; } #project-calendar table td.no-wrap { white-space:nowrap; } #project-calendar table td.plaats { text-align:right; } #firstcoming-calendar { float:left; position:relative; width:640px; margin-top:40px; margin-left:-100px; } #firstcoming-calendar table { width:640px; margin-top:5px; } #firstcoming-calendar table td.no-wrap { white-space:nowrap; } #firstcoming-calendar table td.plaats { text-align:right; } /* Fotopage rules */ div.fotos p.introductie { padding:0 0 0 140px; font:1.25em/1.5em Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; font-style:italic; margin-bottom:2.5em; width:400px; } div.fotos ul { margin:0; padding:0; list-style:none; width:770px; } div.fotos ul li { margin:20px 0 0 0; padding:0; list-style:none; width:770px; height:98px; overflow:hidden; cursor:pointer; } div.fotos ul li div.pic-text { float:left; position:relative; width:660px; height:97px; border-bottom:1px dotted #000; } div.fotos ul li div.pic-text a.hide { display:none; } div.fotos ul li div.pic-text img { position:absolute; top:15px; left:0; } div.fotos ul li div.pic-text h2 { font:1.5em/1em Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; text-transform:none; font-weight:bold; font-style:italic; margin:0 0 0 120px !important; padding:0 !important; } div.fotos ul li div.pic-text p { padding:9px 0 9px 140px; } div.fotos ul li div.pic-number { float:right; text-align:right; padding:62px 0 0 0; width:110px; height:35px; border-bottom:1px solid #FFF; font:1.1em/1em Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; text-transform:none; font-style:italic; margin:0 !important; } div.fotos ul li div.pic-number span.accented { font-size:1.5em; font-weight:bold; } /* News rules */ div.nieuws p.introductie { padding:0 0 0 140px; font:1.25em/1.5em Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; font-style:italic; margin-bottom:2.5em; width:400px; } div.nieuws ul { margin:0; padding:0; list-style:none; width:770px; } div.nieuws ul li { margin:20px 0 0 0; padding:0; list-style:none; width:800px; overflow:hidden; } div.nieuws ul li div.pic-text { float:left; position:relative; width:660px; border-bottom:1px dotted #000; } div.nieuws ul li div.pic-text a.hide { display:none; } div.nieuws ul li div.pic-text img { position:absolute; top:15px; left:0; } div.nieuws ul li div.pic-text h2 { font:1.5em/1em Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; text-transform:none; font-weight:bold; font-style:italic; margin:0 0 0 120px !important; padding:0 !important; } div.nieuws ul li div.pic-text h2 a { text-decoration:none; } div.nieuws ul li div.pic-text h2 a:hover { color:#000; } div.nieuws ul li div.pic-text p { padding:9px 0 9px 140px; } a.back { font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; text-transform:none; font-weight:bold; font-style:italic; text-decoration:none; padding-left:40px; } a.back:hover { color:#000 !important; } div.nieuws ul li div.pic-number { float:right; text-align:right; padding:62px 0 0 0; width:140px; height:35px; border-bottom:1px solid #FFF; font:1.1em/1em Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; text-transform:none; font-style:italic; margin:0 !important; } div.nieuws ul li div.pic-number span.accented { font-size:1.2em; font-weight:bold; } /* ------------------------------------------------- */ /* Footer styles /* ------------------------------------------------- */ #footer-content { width:960px; position:relative; margin:0 auto; overflow:hidden; height:380px; } #footer-content #calendar-wrapper { float:left; position:relative; width:960px; padding-top:37px; overflow:hidden; } #footer-content #calendar-wrapper a.calendar-nav { position:absolute; top:82px; width:15px; height:30px; background:url(../img/sprites.gif) no-repeat; } #footer-content #calendar-wrapper a.calendar-nav span { display:none; } #footer-content #calendar-wrapper a.next { left:945px; background-position:-15px 0; z-index:15; } #footer-content #calendar-wrapper a.prev { left:0px; z-index:16; } #footer-content #calendar-wrapper a.next:hover { right:0px; background-position:-15px -30px; } #footer-content #calendar-wrapper a.prev:hover { left:0px; background-position:0px -30px; } #footer-content #calendar-wrapper a.next:active { right:0px; background-position:-15px -60px; } #footer-content #calendar-wrapper a.prev:active { left:0px; background-position:0px -60px; } #footer-content #calendar-wrapper #calendar-month-select { height:16px; overflow:hidden; } #footer-content #calendar-wrapper #calendar-month-select ul { margin-left:24px; float:left; list-style:none; } #footer-content #calendar-wrapper #calendar-month-select ul li { float:left; margin:0 6px 0 0; padding:0; } #footer-content #calendar-wrapper #calendar-month-select ul li a { display:block; font:1em/1em "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande"," Lucida Sans", Arial, sans-serif; text-transform:uppercase; color:#d2cbcb; text-decoration:none; } #footer-content #calendar-wrapper #calendar-month-select ul li a:hover { color:#000; } #footer-content #calendar-wrapper #calendar-month-select ul li a.selected { font-size:1.2em; color:#000; } #footer-content #calendar-wrapper #calendar-month-select span.accented { font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; font-weight:bold; } #footer-content #calendar-wrapper h4 { margin-left:24px; } #footer-content #calendar-wrapper ul#month-calendar { float:left; list-style:none; margin:0; padding:0 15px; width:930px; height:60px; } #footer-content #calendar-wrapper ul#month-calendar li { float:left; width:30px; height:60px; list-style:none; margin:0; padding:0; text-align:center; } #footer-content #calendar-wrapper ul#month-calendar li div { width:30px; height:30px; line-height:30px; color:#bfb7b7; } #footer-content #calendar-wrapper ul#month-calendar li div.today { color:#000; } #footer-content #calendar-wrapper ul#month-calendar li a, #footer-content #calendar-wrapper ul#month-calendar li span { display:block; width:30px; height:30px; line-height:30px; color:#bfb7b7; font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; font-weight:bold; font-style:italic; text-decoration:none; } #footer-content #calendar-wrapper ul#month-calendar li a:hover { background-color:#efe13c !important; color:#000 !important; } #footer-content #calendar-wrapper ul#month-calendar li a.active { color:#a0a0a0; } #footer-content #calendar-wrapper ul#month-calendar li.even a, #footer-content #calendar-wrapper ul#month-calendar li.even span { background:#e5e5e5; } #footer-content #calendar-wrapper ul#month-calendar li a.accented-bg, #footer-content #calendar-wrapper ul#month-calendar li span.accented-bg { color:#eb9289; } #footer-content #calendar-wrapper ul#month-calendar li a.active { color:#000 !important; } #footer-content #calendar-wrapper ul#month-calendar li.weekend a.active { color:#FFF !important; } #footer-content div.col { float:left; position:relative; width:240px; z-index:1; } #footer-content div.col h3 { font:1.1em/1em Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; color:#FFF; font-weight:bold; font-style:italic; margin:35px 0 17px 0; } #footer-content div.col ul { padding:0; margin:0; list-style:none; } #footer-content div.col ul li { padding:0; margin:0; list-style:none; font-size:.9em; text-transform:uppercase; line-height:20px; color:#FFF; } #footer-content div.col ul li a.mailto { color:#FFF; text-decoration:underline; } #footer-content div.col ul li a { text-decoration:none; color:#000; } #footer-content div.col ul li a:hover { color:#FFF; } #footer-content div.col ul li a span { color:#FFF; } #footer-content #sponsors { position:absolute; width:960px; height:75px; bottom:0; left:0; z-index:10; } #footer-content #sponsors ul { list-style:none; margin:0; padding:0; } #footer-content #sponsors ul li { float:left; display:block; height:75px; list-style:none; margin:0 10px 0 0; padding:0; } #footer-content #sponsors ul li a { display:block; } #footer-content #sponsors ul li a img { display:block; border:0; } #form-subscribe { margin-left:40px; overflow:hidden; } #form-subscribe ul { list-style:none; padding:0; margin:0; } #form-subscribe ul li { float:left; position:relative; width:500px; list-style:none; padding:0; margin:0; line-height:40px; } #form-subscribe ul li label { font:1.1em/40px Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; font-style:italic; } #form-subscribe ul li label.error { font:1em/12px Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; color:#ce4e41; margin-left:100px; } #form-subscribe ul li label.textfield { float:left; width:90px; font:1.1em/40px Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; font-style:italic; margin-right:10px; } #form-subscribe ul li input.textfield { float:left; width:384px; font:1.1em/1em Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; border:0; padding:0; margin:0; background:transparent; padding:12px 8px 13px 8px; border-bottom:1px dotted #A0A0A0; } #form-subscribe ul li input.textfield:focus { background:#FFF7F9; } #form-subscribe ul li.genres, #form-subscribe ul li.buttons { float:left; width:400px; list-style:none; margin:10px 0 0 100px; line-height:0px; } #form-subscribe ul li.buttons { margin-top:30px; } #form-subscribe ul li.genres p { padding:0; margin:0; height:30px; line-height:30px; } body#search-results-body #content { padding-left:100px; width:860px; } body#search-results-body #content p.introductie { padding:0 0 0 40px; font:1.25em/1.5em Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; font-style:italic; margin-bottom:2.5em; } body#search-results-body #content #search-results { padding:0 240px 120px 40px; } body#search-results-body #content #search-results div.result { margin:15px 0; } body#search-results-body #content #search-results h4 { font:1.25em/1em Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; font-style:italic; text-transform:none; margin-bottom:3px; } body#search-results-body #content #search-results h4 a { text-decoration:none; } body#search-results-body #content #search-results h4 a:hover { color:#000; } body#search-results-body #content #search-results p.extra-info { font-size:.9em; color:#a0a0a0; } body#search-results-body #content #search-results p.extra-info a { text-decoration:none; color:#a0a0a0; } /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:#000;} #colorbox{} #cboxContent{margin-top:20px;} #cboxLoadedContent{background:#fff; padding:5px;} #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;} #cboxCurrent{ display:none !important; position:absolute; top:-20px; right:0px; color:#ccc;} #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#000;} #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../img/colorbox/controls.gif) top left no-repeat; width:28px; height:65px; text-indent:-9999px;} #cboxPrevious.hover{background-position:bottom left;} #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../img/colorbox/controls.gif) top right no-repeat; width:28px; height:65px; text-indent:-9999px;} #cboxNext.hover{background-position:bottom right;} #cboxLoadingOverlay{background:#fff;} #cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) center center no-repeat;} #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../img/colorbox/controls.gif) top center no-repeat; width:38px; height:19px; text-indent:-9999px;} #cboxClose.hover{background-position:bottom center;} /* ------------------------------------------------- */ /* CLEAR FIX by Jeff Starr /* ------------------------------------------------- */ .clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } * html .clearfix { zoom:1; } /* IE6 */ *:first-child+html .clearfix { zoom:1; } /* IE7 */ /* ------------------------------------------------- */ /* Sticky footer solution /* ------------------------------------------------- */ html, body { height:100%; } #wrapper { min-height:100%; } #content-wrapper { overflow:auto; padding-bottom:380px; } #footer {position:relative; margin-top:-380px; height:380px; clear:both; } /*Opera Fix*/ /* thank you Erik J - negate effect of float*/ body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px; }