@charset "UTF-8";
@import "unoslider.css";
@import "smooth/theme.css";
@import "tabs.css";
@import "slimbox2.css";

/*reset*/
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, sub, sup, 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: 0; font-size: 100%; vertical-align: top; background: transparent }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
nav ul { list-style: none }
ul, ol { list-style-position: outside }
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; text-decoration: none ; -webkit-transition: all .2s ease-out!important; -moz-transition: all .2s ease-out!important; -o-transition: all .2s ease-out!important; -khtml-transition: all .3s ease-out!important;position: relative; }
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 dotted #ccc; margin: 1em 0; padding: 0 }
input, select { vertical-align: middle }
img { -ms-interpolation-mode: bicubic; image-rendering: -moz-crisp-edges; image-rendering: optimizeQuality }
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
:focus { -moz-outline-style: none!important; outline: 0 }
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border : 0px; }
input[type="search"] { -webkit-appearance: textfield; }
input[type="submit"] { -webkit-appearance:none; }
input[placeholder] {color:#ccc!important;}

.ie9 * {behavior:url(none)!important;}
.ie9 * {filter:none!important;}

.clearfix:before,.clearfix:after {content: " ";display: table;font-size: 0;height: 0;line-height: 0; visibility: hidden;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
.float-left{float: left;}
.float-right{float: right;}
.hide {display: none;}
.show {display: block;}
.disabled {pointer-events: none;opacity: 0.5;}
/*table tr:nth-child(even) {background: rgba(0,0,0,0.1);}*/
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} /*http://paulirish.com/2012/box-sizing-border-box-ftw/*/

@font-face {
    font-family: 'RokkittRegular';
    src: url('../fonts/Rokkitt-webfont.eot');
    src: url('../fonts/Rokkitt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Rokkitt-webfont.woff') format('woff'),
         url('../fonts/Rokkitt-webfont.ttf') format('truetype'),
         url('../fonts/Rokkitt-webfont.svg#RokkittRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
h1,h2,h3 {font-weight:normal;}
html, body {height:100%;}
.ie8 html, .ie8 body {height:auto;}

body { background: url(../images/bg.jpg) no-repeat center center fixed; font: 62.5% 'RokkittRegular',"Trebuchet MS", Arial, Helvetica, sans-serif;
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; 
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg.jpg', sizingMethod='scale')";  }

a {color:#f00;}

.video {position: relative;padding-bottom: 56.25%;height: 0;margin: 20px auto;width: 100%;background:transparent;/*display:none;*/}
.video iframe, video {background:transparent;position: absolute;top: 0;left: 0;width: 100% !important;height:100%;}

#wrapper {width:80%; max-width: 960px;/* height:100%;min-height:100%; */margin: 0 auto; background: url(../images/wrapper-bg.png) repeat-y; position: relative;
-webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;
 }

#bar {position:absolute;top:0;width:100%;height:50px;background:rgba(0,0,0,.5)}
.ie8 #bar {background:#666 url(../images/bar-bg.jpg);}
#side {float:left;width:32.7%;max-width:314px;font-size:2.4em;line-height:1.6em;}
.ie8 #side {min-height:1000px;}
#content {/*margin-left:314px;position:relative;*/width:67.3%;float:right;}
#content .inside { padding-top: 140px; padding-right: 40px; padding-left: 40px;}
.page #content .inside {padding-top:70px;}
#content a {color:#eee;}
#content a[name] {color:#000!important;}
#content a:hover { color: #FF0; }
#content h1 {font-size:3em;margin-bottom:20px;}
#content h2 {font-size:2.4em;margin-top:10px;}
#content h3 {font-size:2em;margin-top:20px;margin-bottom:10px;}
#content h4 {font-size:1.8em;margin-top:20px;margin-bottom:5px;}
#content p,#content li, #content dt, #content dd  {font-size:1.6em;margin-bottom:10px;margin-top:10px;}
#content label {font-size:1.6em;}
#content ul {margin-left:15px;}
#content #slider {margin-left:0px;margin-bottom:30px;margin-top:30px;
 -webkit-box-shadow: 0px 0px 20px 5px rgb(97, 97, 97); box-shadow: 0px 0px 20px 5px rgb(97, 97, 97);behavior:url(PIE.htc)}
#content #slider li {font-size:auto;margin-bottom:0px;margin-top:0px;}
.thumb {width:150px;height:100px;margin-right:5px;margin-bottom:5px;}
.thumb-large {width:200px;height:133px;margin-right:5px;margin-bottom:5px;}
.page #content img {-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);border:solid 1px #444;behavior:url(PIE.htc)}
#content table {width:100%;}
#content td, #content th {padding:5px; font-size:1.6em;}
#content th {font-weight:bold;text-align:left;background:#aaa;}


.zijbeelden {position:absolute; left:25px;top:450px;width:32.7%;}
.zijbeelden img {margin-bottom:10px;border:solid 1px #000;width:80%;height:auto;max-width:261px;}

#footer {height:30px;width:80%;/*margin-top:-30px;*/font-size:1.4em; color:#ccc;padding-left:20px;background:#666;padding-top:8px;max-width:960px;margin:0 auto;}
#side .inside { padding: 0px 20px 20px; }
.page #logo {position:absolute;top:10px;left:10px;z-index:101;}
.page #logo img {width:40%;height:auto;}
.front #logo img {width:100%; height:auto;} 

/*superfish menu*/
#nav {margin-top:70px;}
#nav a, .nolink {color:#fff;cursor:pointer}
span.nolink {display:inline-block!important}
#nav a.active {color:#f00;}
#nav a:hover, #nav .nolink:hover  {color: #f00; }
#nav ul { font-size: 1em;}
#nav .menu {list-style:none;} 
#nav .menu a,#nav .menu .nolink { margin-top: 10px; margin-right: 10px;padding-right:10px; }
#nav .menu li.last a {border-right:none;}
#nav .menu ul {background:#1f1205;border-radius:0;margin-top:0px;}
#nav .menu li li a {margin-top:0px;margin-left:10px;padding-bottom:10px;border-right:none;}
#nav .menu li li { /*text-align:left;*/ }
#nav .menu li li li {/*text-align:left;*/ }
.menu #empty{ display:none;}

#nav .menu li:hover, #menu .menu li.sfHover, #menu .menu a:focus, #menu .menu a:hover, #menu .menu a:active { color:#000; outline:0; }

/*tabs*/
.referenties .panel p {line-height:0.9em;}
.panel h3 {margin-top:0px;}
.referenties .panel {margin-top:170px!important;}
.overons .panel {margin-top:30px!important}
.referenties img {max-width:480px;}

/*accordions*/

#accordion, #accordion2 {width:100%;}
#accordion h4, #accordion2 h4  {background:#474747;padding-bottom:5px;padding-top:5px;margin-bottom:0px;margin-top:5px;color:#fff;font-size:1.4em;}




.ui-icon-triangle-1-s{background-position:0 0}
.ui-icon-triangle-1-e{background-position:0 0}
.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;list-style:none}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border-bottom:1px dotted #f00;font-weight:700;color:#eee}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{border-bottom:1px dotted #f00;font-weight:400;color:#fff}
.ui-state-active a{color:#465573}
.ui-icon{width:16px;height:16px;background:url('../images/east.png') no-repeat right 50%}
.ui-state-active .ui-icon{background:url('../images/down.png') no-repeat right 50%}
.ui-accordion .ui-accordion-header{cursor:pointer;position:relative;margin-top:1px;margin-bottom:1px;}

.ui-accordion .ui-accordion-li-fix{display:inline}
.ui-accordion .ui-accordion-header-active{border-bottom:0 !important}
.ui-accordion .ui-accordion-header a{display:block;padding:0.3em 0.5em 0.2em 0.7em;}
.ui-accordion-icons .ui-accordion-header a{padding-left:1.2em}
.ui-accordion .ui-accordion-header .ui-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}
.ui-accordion .ui-accordion-content{ padding: 1em 2em 0em 0em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none }
.ui-accordion .ui-accordion-content-active{display:block}

.ui-accordion .ui-accordion-header{background:#f00;}
.ui-accordion .ui-accordion-header a{color:#fff!important;}
.ui-accordion .ui-accordion-content{ padding: 1em 2em 1em 0em; }

.AccordionPanelTab{margin:0;padding:2px;cursor:pointer;padding-left:10px;}
.AccordionPanelContent{overflow:auto;margin:0;padding:0;font-size:0.8em!important;background:#eee!important}
.AccordionPanelContent a {color:#f00!important;}
.panelcontent {margin:20px;padding-top:10px;}






/*drupal stuff*/
.form-type-item, .username { display:none; }
.contextual-links { position:fixed;right:20px;top:20px;z-index:1000;padding:5px;border:dotted 1px #006;font-size:0.6em!important;width:100px;background:#999;display:none;}
.contextual-links li {list-style:none;}
#block-locale-language .contextual-links { float:right; }
#block-search-form .contextual-links-wrapper { float:left; }
#block-search-form .contextual-links-wrapper ul { margin:0; padding:0 }
#block-search-form .contextual-links-wrapper li { list-style: none; }
h2[property="dc:title"] { display:none; }
.field-name-field-tags, .comment_forbidden { display:none; }
.node-readmore { list-style: none; margin:0;margin-top:-10px; }
.element-invisible{ display:none !important }
#searchfield .contextual-links {display:none;}
.messages {position:absolute; background:#fff;padding:10px;border:solid 1px #f00;top:150px;width:80%;font-size:1.3em;left:0px;line-height:1.4em;-webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.25); -moz-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.25); box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.25);z-index:10000000;margin:0 10%;}

/*search form*/
#searchfield {width:210px;position:absolute;right:10px;padding-top:7px;z-index:100; }
#searchfield label { display:none!important; }
#searchfield * { zoom: 1; }
#searchfield.form-item { margin-bottom:0px; }
#searchfield{ height:33px; }
#searchfield #edit-search-block-form--2, 
#searchfield #edit-search-block-form--1 { width: 182px; height: 33px;color: #fff; float: left; font-size: 1.1em; background: url(../images/search_back.png) no-repeat left center; border: none;padding-left:13px;padding-bottom:3px; }
#searchfield #edit-submit, 
#searchfield #edit-submit--2, 
#searchfield #edit-submit--1, 
#searchfield #edit-submit--3 { float:right;}
.ie8 #searchfield #edit-search-block-form--2, 
.ie8 #searchfield #edit-search-block-form--1 {padding-top:10px;}
.ie9 #searchfield #edit-submit, 
.ie9 #searchfield #edit-submit--2, 
.ie9 #searchfield #edit-submit--1, 
.ie9 #searchfield #edit-submit--3  {margin-top:-33px;}

/*forms*/
.star, .warning{color:black;font-size:1.2em;}
.error{color:#593219;white-space:nowrap;font-size:0.8em;width:75%;}
input[type=submit] {width:80px;background:#444;color:#fff;padding-left:auto;height:30px;cursor:pointer;border-radius:10px;border:none;margin-right:-8px!important; }
.webform-client-form input {border:none;background:#fff;height:20px;border-radius:10px;width:50%;border:solid 1px #593219;color:#593219;padding-left:5px;margin-bottom:10px; }
.webform-client-form textarea {width:50%;margin-bottom:10px; }
.webform-client-form input[type=radio],  .webform-client-form input[type=checkbox] {width:auto;margin-bottom:0px;vertical-align:baseline;} 
.webform-client-form input[type=submit] {width:80px;background:#444;color:#fff;padding-left:auto;height:20px;cursor:pointer;border-radius:10px;border:none;margin-right:-8px!important;margin-top:10px; }
.webform-client-form label {width:150px;display:inline-block;margin-bottom:10px;}
.form-type-radio, .form-radios,.form-textarea-wrapper {display:inline;}
label.option {width:auto}
.form-checkboxes {margin-left:250px;margin-top:-30px;margin-bottom:20px;}
.form-type-checkbox{margin-bottom:-10px!important;}
.webform-component {border-bottom:solid 1px #ccc;padding-top:10px;}
.form-required {color:black;}
.file-icon {width:auto;height:auto;}
.captcha {margin-top:20px;}
.captcha, .captcha-admin-links {font-size:1.2rem;}
 

.tinynav { display: none }
@media screen and (max-width:800px) {
.tinynav { display: block;margin-top:20px;position:absolute;right:40px;}
.tinynav option {z-index:1000000;zoom:1}
.menu, .zijbeelden { display: none }
#content {width:100%;}
#side {width:0%;zoom:1}
#footer{height:40px}
#wrapper {background:#b2b2b2 url(none);background:rgba(97,97,97, 0.42) url(none);}
.ie8 #bar {background:#262626 url(none);}
.ie8 #wrapper  {background: url(../images/wrapper-bg.png) right top}
}
@media screen and (max-width:440px) {
#footer{height:60px}
body {background:#ebebeb url(none)}
}