/* Fonts */


/* Defaults */
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {}
body {overflow-y: scroll !important;background-color: #eee;}
body > div.main {background-image:url(/template/img/bg.jpg);background-size:cover;}   
body > div.main > div.wrapper2  > div.wrapper3 {background: -moz-linear-gradient(top,  rgba(255,255,255,0.3) 0%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(top,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,1) 100%);background: linear-gradient(to bottom,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#ffffff',GradientType=0 );}
body > div.main > div.wrapper2{background-image: url(/template/img/pattern_gray.png);background-size: 15px;}

/* Template */
/* Top */
body > div.top {background-color: #424242;height:51px;}

body > div.top nav.navbar{background-color:transparent;min-height:46px;height:46px;display:inline-block;margin:0;border:0px;position:relative;z-index:2000;text-align:left!important;}
body > div.top nav.navbar ul.dropdown-menu{z-index:2000;}
body > div.top nav.navbar div.collapse{padding:0;border:0;}
body > div.top nav.navbar ul.nav{margin:0;border-bottom:0px solid #000;}
body > div.top nav.navbar ul.nav a{color:#fff;text-transform:uppercase;background-color:transparent;line-height: 25px}
body > div.top nav.navbar ul.nav li a,
body > div.top nav.navbar ul.nav li.active a {color:#fff;text-transform:uppercase;background-color:transparent;}



	body > div.top .navbar-nav .open .dropdown-menu {
	    background-color:#000;
	    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	    box-shadow: 0 6px 12px rgba(0,0,0,.175);
	    border-radius:0;
	}
		
	body > div.top .navbar-default .navbar-nav .open .dropdown-menu>li>a {color:#FFF;}
	body > div.top .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
	body > div.top .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{text-decoration:underline;}
	body > div.top .navbar-default .navbar-nav a {padding:0;margin: 13px 15px 5px}
	body > div.top .navbar-default .navbar-nav a:focus,
	body > div.top .navbar-default .navbar-nav a:hover{
		text-decoration:underline;
	}
	
	body > div.top nav.navbar a{padding-top:13px;padding-bottom:13px;}
	body > div.top .navbar-default .navbar-nav>.active>a,
	body > div.top .navbar-default .navbar-nav>.active>a:focus,
	body > div.top .navbar-default .navbar-nav>.active>a:hover{
		background:transparent;
	}
	
	body > div.top .navbar-default .navbar-nav .open .dropdown-menu>.active>a, 
	body > div.top .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, 
	body > div.top .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{
		background-color:transparent;
	}


body > div.top > div > div > div > div > a {color:white;line-height: 51px;}

/* Menu */
body > div.menu {background-color: #FFF;height: 51px; margin-bottom: 0;}
body > div.menu .logo {position:absolute;top:-51px;padding:0 45px 0 0; z-index: 1001/*Grr bootstrap*/;}
body > div.menu nav#nav {margin-right:0;margin-bottom: 0;border:0;background-color: #FFF;}
body > div.menu nav#nav ul.nav > li > a,
body > div.menu nav#nav ul.nav > li.open > a {color: #424242; background-color:#FFF;text-transform: uppercase;font-weight: 500}
body > div.menu nav#nav ul.nav > li.active > a,
body > div.menu nav#nav ul.nav > li:hover > a {color: #FFF; background-color:#59AD31; height:51px;}
body > div.menu nav#nav ul.dropdown-menu > li > a {color: #424242; background-color:#FFF;text-transform: uppercase;font-weight: 500}
body > div.menu nav#nav ul.dropdown-menu > li.active > a,
body > div.menu nav#nav ul.dropdown-menu > li:hover > a {color: #FFF; background-color:#59AD31;}
body > div.menu nav#nav ul.dropdown-menu > li.dropdown-submenu:hover > a:after,
body > div.menu nav.navbar-right ul.dropdown-menu > li.dropdown-submenu.active > a:after {border-left-color: #fff;}

@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
        border-bottom:4px solid #59AD31;
    }
    .collapsing {
        overflow: hidden!important;
    }
}

@media(max-width: 991px){
	body > div.top nav.navbar .navbar-collapse.collapse {
	    display:inline-block!important;
	}
}


/* Media */
body > div.main div.socialmedia {margin-bottom: 14px;margin-top: 14px;}
body > div.main div.socialmedia a {margin-left: 15px;}
body > div.main div.socialmedia a img {background-color: #FFF;border-radius: 100%;}

/* Header */
body > div.main div.header {margin-bottom: 30px;}

/* Main */


/* Sponsor */


/* Footer */
body > div.footer1 {background-color: #424242; color:white;text-align: center;padding: 20px;}
body > div.footer2 {background-color: #333;color:white;text-align: center;padding: 25px 20px 20px 20px;}
body > div.footer2 a{color:white;text-decoration: underline;}












.panel,
.panel-heading {border-radius: 0;border:0; font-family: 'Open Sans', sans-serif;}
.panel {margin-bottom: 30px}
.panel-heading {text-transform: uppercase; font-weight: bold}
.panel-noitems {padding: 15px}
.panel-body {padding:30px;}

.panel .item > .date,
.panel .item > .body{border-bottom: 1px solid #aaa;height: 90px;overflow:hidden;float:left;}
.panel .item > .date {width: 20%;padding: 15px; background-color:#59AD31;color:#FFF;text-align: center;font-size: 150%;text-transform:uppercase;}
.panel .item > .body {width: 80%;padding:5px;}
.panel .item > .body > .h4 {width: 80%;float:left;padding:5px;height: 90px;overflow:hidden;}

.panel-green {border-color: #59AD31;}
.panel-green > .panel-heading {color: #FFF;background-color: #59AD31;border-color: #59AD31;padding:20px;}
.panel-green > .panel-heading + .panel-collapse > .panel-body {border-top-color: #59AD31;}
.panel-green > .panel-heading .badge {color: #59AD31;background-color: #3c763d;}
.panel-green > .panel-footer + .panel-collapse > .panel-body {border-bottom-color: #59AD31;}

.panel-black {border-color: #424242;}
.panel-black > .panel-heading {color: #FFF;background-color: #424242;border-color: #424242; padding:20px;}
.panel-black > .panel-heading + .panel-collapse > .panel-body {border-top-color: #424242;}
.panel-black > .panel-heading .badge {color: #424242;background-color: #FFF;}
.panel-black > .panel-footer + .panel-collapse > .panel-body {border-bottom-color: #424242;}

.panel-white {border-color: #fff;}
.panel-white > .panel-body {background-color: #efefef;padding:0;}
.panel-white > .panel-heading {color: #424242;background-color: #fff;border-color: #fff;padding:20px;}
.panel-white > .panel-heading + .panel-collapse > .panel-body {border-top-color: #fff;}
.panel-white > .panel-heading .badge {color: #fff;background-color: #424242;}
.panel-white > .panel-footer + .panel-collapse > .panel-body {border-bottom-color: #fff;}

.thumbnail img {width: 100%;}a.pull-left.thumbnail {max-width: 180px;}

.pagination>li>a, .pagination>li>span {color:#59AD31;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background-color:#59AD31;border-color:#59AD31;}

/* Random */
.img-responsive {display: inline-block;}

/* CSS Code voor Header teksten **********************************************/
#slideshow > li > div.grid,
#slideshow > li > div.grid h2,
#slideshow > li > div.grid a { color:#fff; }
#slideshow > li > div.grid { position:absolute;top:0;right:0;bottom:0;left:0;z-index:99; }
#slideshow > li > div.grid > div.row { display:table;margin:0;width:100%; }
#slideshow > li > div.grid.baseLayer > div.row { height:37.333333%; }
#slideshow > li > div.grid.baseLayer > div.row > div[class*='col-'] { float:none;display:table-cell;height:100%;padding:0; }
#slideshow > li > div.grid.baseLayer > div.row > div[class*='col-'].pos8 { vertical-align:bottom;text-align:center;background-color: #FFF;padding-right: 30px;}
#slideshow > li > div.grid.baseLayer > div.row > div[class*='col-'].pos9{ text-align:center;background-color: #424242;font-size:150%;border-radius: 0 0 0 0}
#slideshow > li > div.grid.baseLayer > div.row > div[class*='col-'].pos10 { vertical-align:bottom;text-align:center;background-color: #FFF;padding-right: 30px;padding-top:0px}
#slideshow > li > div.grid.baseLayer > div.row > div[class*='col-'].pos9::before {position: absolute;z-index:300;background:#424242;content:" ";width: 94px;height: 100%;top:0;left:-53px;-moz-transform: skewX(-39deg);-webkit-transform: skewX(-39deg);-o-transform: skewX(-39deg);-ms-transform: skewX(-39deg);transform: skewX(-39deg);}
#slideshow > li > div.grid.baseLayer > div.row > div[class*='col-'] strong{text-transform: uppercase}

#slideshow > li > div.grid.middleLayer > div.row { height:33.3333334%; }
#slideshow > li > div.grid.middleLayer > div.row > div[class*='col-'] { vertical-align:middle;text-align:center;float:none;display:table-cell;height:100%;padding:15px; }

#slideshow > li > div.grid.topLayer > div.row { height:100%; }
#slideshow > li > div.grid.topLayer > div.row > div[class*='col-'] { vertical-align:middle;text-align:center;float:none;display:table-cell;height:100%;padding:15px; }

#slideshow > li > div.grid.centerLayer > div.row { height:100%; }
#slideshow > li > div.grid.centerLayer > div.row > div[class*='col-'] { vertical-align:middle;text-align:center;float:none;display:table-cell;height:100%;padding:15px; }

#slideshow > li > div.grid > div.row > div[class*='col-'] > a:last-child { display:inline-block;margin-top:20px;border:1px solid #fff;background-color:rgba(255,255,255,.2);padding:10px 15px;text-transform:uppercase;color:#fff;-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out; }
#slideshow > li > div.grid > div.row > div[class*='col-'] > a:last-child:hover { background-color:#fff;color:#0099cc; }

/* CSS Code voor mini contact ************************************************/
.contact-clean {margin: 0;}.contact-captcha_sum {width: 81px;}.contact-captcha_sum .siimage {background-position: center center;display:block;}.contact-give {margin-bottom: 15px;}.contact-refresh_button {cursor: pointer;}.contact-refresh_button:hover, .contact-refresh_button:focus, .contact-refresh_button:active {border-color: #adadad;}

/* CSS Code voor cookiebalk **************************************************/
div.cookie_bar {width: 100%;position: fixed;bottom: 0px;padding: 5px;background-image: url('../img/cms/bg_cookiebar.png');color: #FFFFFF;text-align: center;z-index: 999;}
div.cookie_bar a {color: #FFFFFF;}
div.cookie_bar a.close_btn {background-color: #FF7800;padding: 3px 5px;text-decoration: none;text-transform: uppercase;font-weight: bold;}

/* CSS Code voor ColorBox *******************************************/
/*
    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; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    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:url(../img/colorbox/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(../img/colorbox/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../img/colorbox/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../img/colorbox/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../img/colorbox/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../img/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../img/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../img/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../img/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(../img/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../img/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../img/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}