/**
* RESET // last updated 01.11.2011
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0px; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration:line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:5px 0; padding:0; }
input, select { vertical-align:middle; }
textarea:focus, input:focus, a:focus { outline:none; }
input[type='button'] { width:auto; overflow:visible; }
ul { list-style:dot; margin:0 0 0 20px; }
ol { list-style-type:decimal; margin:0 0 0 20px; }
.whitespace { margin:0 0 15px; }
.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }
/**
* STYLES AND GLOBAL SETTINGS
*/
html { height:100%; -ms-overflow-y:scroll; overflow:-moz-scrollbars-vertical; overflow-y:scroll; }
body { height:100%; font:normal 14px/22px Arial, sans-serif; color:#72797f; }
a { color:#72797f; }
#page { height:100%; position:relative; width:960px; margin:0 auto; }
#header { height:100px; padding:20px 0 0; background:url('../images/header_bg.gif') 245px 34px no-repeat; }
#logo { float:left; width:226px; height:86px; background:url('../images/logo.gif') 0 0 no-repeat; }
h1 { margin:0 0 15px; font-size:36px; line-height:30px; font-family:helvneue57; font-weight:normal; text-transform:uppercase; color:#868686; }
h2 { margin:0 0 5px; font-size:23px; font-family:helvneue57; font-weight:normal; text-transform:uppercase; color:#868686; }
h3 { font:bold 16px/22px Arial, sans-serif; color:#868686; }
a.title { text-decoration:none; }
#content { padding:0 0 30px; }
#main { float:left; width:600px; margin:0 30px 0 0; }
.dualcolumn-container { padding-top: 27px;}
/**
* SIDE
*/
#side { float:left; width:330px; padding:3px 0 0; }
#side .sidebarblock { position:relative; margin:0 0 15px 15px; }
#side .sidebartextblock { position:relative; margin:0 0 15px 15px; background: #F1F1F1; padding: 10px; }
#side h2 { margin:0 0 5px; font-size:18px; font-family:helvneue57; font-weight:normal; text-transform:uppercase; color:#868686; }
.topborder { padding:15px 0 0; border-top:1px solid #d7d7d7; }
/**
* NIEUWS
*/
.nieuwsregel { margin:0 0 0; }
.nieuwsartikel { margin:0 0 15px; padding:15px 0 0; }
#side .nieuwsartikel { margin:0 0 15px; padding:0; }
#side .sidebarnieuwsblock { margin:0 0 15px 15px; background:#f1f1f1; padding:10px 10px 1px 10px; }
#side .sidebarnieuwsblock h2.nieuwsheader {font-size:22px; margin-bottom: 13px;}
#side .topborder {border: 0px;}
#side .sidebarnieuwsblock a.title { text-decoration:none; font-weight:bold; }
.date { font-size:11px; color:#999; }
.enlarge-white { position:absolute; bottom:0; right:0; height:20px; width:20px; background:url('../images/enlarge.gif') 0 0 no-repeat; }
.enlarge-grey { position:absolute; bottom:0; right:0; height:20px; width:20px; background:url('../images/enlarge.gif') 0 -149px no-repeat; }
/**
* MENU
*/
ul#navbar_list { position:relative; float:left; margin:21px 0 0; }
ul#navbar_list li { float:left; margin:0 0 0 20px; }
ul#navbar_list li a { font-size:21px; font-family:helvneue77; font-weight:normal; text-transform:uppercase; color:#868686; text-decoration:none; }
ul#navbar_list li a.niv1active { color:#f26522; }
ul.niv2 { position:absolute; width:720px; left:0; top:23px; margin:0;}
ul.niv2 li { height:23px; padding:5px 10px 0 0; margin:0 0 0 10px; }
ul#navbar_list li ul.niv2 li a { font:normal 14px/18px Arial, sans-serif; color:#72797f; text-transform:none; }
ul#navbar_list li ul.niv2 li a.niv2active { color:#f26522; }
#menu-right { position:absolute; right:0; top:7px; margin:0; }
#menu-right a { text-decoration:none; }
#menu-right h2 { float:left; margin:0 0 0 15px; font-size:14px; font-family:helvneue77; font-weight:normal; text-transform:uppercase; color:#868686; }
/**
* PROJECT
*/
#slider { position:relative; width: 960px; height:350px; margin:0 0 0px; overflow:hidden; z-index:1; }
#project-container #slider { margin:0 0 30px; }
#slider .slide { position:absolute; top:0; left:0; }
#slider #pager { position:absolute; bottom:10px; right:8px; z-index:2; }
#slider #pager .pageritem { float:left; height:7px; width:10px; margin:0 3px 0 0; background:#eaeaea; cursor:pointer; }
#slider #pager .active,
#slider #pager .pageritem:hover { background:#f26522; }
#side .thumb { position:relative; float:left; height:150px; width:150px; margin:0 0 15px 15px; background:#f5f5f5; }
.sideslider { position:relative; height:210px; margin:0 0 15px 15px; overflow:hidden; }
.sideslider .sideslide { position:absolute; top:0; left:0; }
/**
* FOOTER
*/
#footer { padding:20px 0; border-top:1px solid #d7d7d7; }
/**
* ColorBox Core Style:
* The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:9999; }
#cboxOverlay { position:fixed; width:100%; height:100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear:left; }
#cboxContent { position:relative; }
#cboxLoadedContent { overflow:auto; }
#cboxTitle { margin:0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer; }
.cboxPhoto { float:left; margin:auto; border:0; display:block; }
.cboxIframe { width:100%; height:100%; display:block; border:0; }
/**
* User Style:
* Change the following styles to modify the appearance of ColorBox. They are
* ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay { background:#fff; }
#colorbox { }
#cboxError { padding:50px; border:1px solid #ccc; }
#cboxLoadedContent { }
#cboxContent {
box-shadow: 0 0 1px rgba(0, 0, 0, 0.25),
0 1px 3px 3px rgba(0, 0, 0, 0.25),
0 5px 4px -3px rgba(0, 0, 0, 0.06);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.25),
0 1px 3px 3px rgba(0, 0, 0, 0.25),
0 5px 4px -3px rgba(0, 0, 0, 0.06);
}
#cboxTitle { position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999; }
#cboxCurrent{ }
#cboxSlideshow { position:absolute; bottom:0px; right:42px; color:#444; }
#cboxPrevious { position:absolute; top:45%; left:-65px; height:0; padding:70px 25px 0; overflow:hidden; background:url('../images/colorbox_arrows.png') 25px 25px no-repeat; }
#cboxNext { position:absolute; top:45%; right:-65px; height:0; padding:70px 25px 0; overflow:hidden; background:url('../images/colorbox_arrows.png') -37px 25px no-repeat; }
/* #cboxLoadingOverlay { background:#fff url('../images/loading.gif') no-repeat 5px 5px; } */
#cboxClose { position:fixed; top:15px; right:15px; display:block; height:0; width:10px; padding:10px 0 0; overflow:hidden; background:url('../images/colorbox_close.png') 0 0 no-repeat; }