/*general classes*/ a {transition:color 0.3s ease-in-out;} a:hover {text-decoration:none;} h1,h2,h3,h4,h5,h6 {margin:10px 0; font-family:Verdana, Arial, Helvetica;} body,html {font-family:Verdana, Arial, Helvetica;} .logo {margin:0 auto;} .logo-bg {height:100%; width:100%;} /*Supersized initialization*/ #supersized-loader {position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/slider-icons/loading.gif) no-repeat center center;} #supersized {display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; list-style:none; margin:0; padding:0;} #supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; } #supersized.speed img {-ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; } /*Speed*/ #supersized.quality img {-ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; } /*Quality*/ #supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; } #supersized a { width:100%; height:100%; display:block; } #supersized li.prevslide { z-index:-20; } #supersized li.activeslide { z-index:-10; } #supersized li.image-loading { background:#111 url(../img/slider-icons/loading.gif) no-repeat center center; width:100%; height:100%; } #supersized li.image-loading img { visibility:hidden; } #supersized li.prevslide img, #supersized li.activeslide img { display:inline;} #header { background-color:#B0EAFF; } /*contactform*/ .contactform label {display:block;} .contactform input, .contactform textarea {width:60%; padding:10px 8px;} /*Slider*/ #slider {height:250px; margin-bottom:0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .slider-wrapper {padding-left:0;} .logo-wrapper {padding-right:0;} /*Navigation*/ #navigation {margin-bottom:30px;} #navigation ul {width:100%; list-style:none; margin:0; padding:0;} #navigation ul li {float:left; display:inline-block;} #navigation ul li a {transition:all 0.3s ease-in-out; color: #fff; padding: 10px 15px; display: block; font-size: 1.2em;} #navigation ul li a:hover {background-color:transparent;} #navigation ul li ul {-webkit-box-shadow: none; box-shadow: none; background-color:#ed1c24; border: 1px solid #292763; border-radius:0; width:auto;} #navigation ul li ul li {} #navigation ul li ul li a {font-size:1.2em;} .navbar-toggle {background-color:#ed1c24;} .navbar-toggle .icon-bar {background:#fff;} #navigation .social-media {float:right;} #navigation .social-media a {margin-top:5px; margin-right:5px; width:29px; height:29px; display:inline-block; float:left; padding:0;} #navigation .social-media a:hover {opacity:1; transition:none;} #navigation .social-media a:last-child {margin-right:0;} #navigation .social-media a.twitter {background:url('/img/icons/social-media.png') no-repeat -29px top;} #navigation .social-media a.twitter:hover {background-position:-29px -29px;} #navigation .social-media a.facebook {background:url('/img/icons/social-media.png') no-repeat 0px top;} #navigation .social-media a.facebook:hover {background-position:0px -29px;} #navigation .social-media a.linkedin {background:url('/img/icons/social-media.png') no-repeat -58px top;} #navigation .social-media a.linkedin:hover {background-position:-58px -29px;} #navigation .social-media a.googleplus {background:url('/img/icons/social-media.png') no-repeat -116px top;} #navigation .social-media a.googleplus:hover {background-position:-116px -29px;} #navigation .social-media a.mail {background:url('/img/icons/social-media.png') no-repeat -87px top;} #navigation .social-media a.mail:hover {background-position:-87px -29px;} #navigation .social-media a.youtube {background:url('/img/icons/social-media.png') no-repeat -145px top;} #navigation .social-media a.youtube:hover {background-position:-145px -29px;} /*content*/ #content .content, #content .sidebar {padding:15px 20px; background:#fff;} #content .content img {max-height:350px; margin-bottom:25px; margin-top:25px;} #content .news-item {overflow:hidden; border-bottom:1px solid #ccc; padding-bottom:25px; margin-bottom:25px;} #content .content .row:last-child .news-item {border-bottom:0; margin-bottom:0; padding-bottom:0;} #content .news-item img {margin-top:0; margin-bottom:0;} #content .news-item .title {color:#333; font-family:Rockwell; font-size:1.6em;} /*Gallery*/ #content .gallery {width:100%;} #content .gallery img {margin-bottom:20px; margin-top:0;} /*Footer*/ #footer {padding-top:20px; padding-bottom:10px; margin-top:40px; color:white;} #footer .wrapper {display:block; overflow:hidden;} /*Media Queries*/ @media (max-width: 767px) { #navigation {margin-bottom:30px;} #navigation ul {width:100%; list-style:none; background-color:#ed1c24; margin:0; padding:0; padding-bottom:5px;} #navigation ul li {float:left; display:block; width:100%;} #navigation ul li a {color: #fff; padding: 10px 15px; display: block;} .navbar-collapse.in {overflow:initial;} .navbar-collapse {max-height:none;} #navigation ul li ul {position:relative; border:none;} #navigation ul li ul li a {padding-left:25px;} #navigation ul li.social-media {float:left; margin-left:15px;} .logo {margin-bottom:50px;} .logo-wrapper {padding-right:15px;} .logo-bg {height:250px;} .slider-wrapper {display:none;} .contactform input, .contactform textarea {width:100%; padding:10px 8px;} #footer .col-md-4 {margin-bottom:30px;} } @media (min-width: 768px) and (max-width: 992px) { #navigation ul li a {color: #fff; padding: 10px 15px; display: block; font-size: 1.0em;} .logo {margin-bottom:58px;} .contactform input, .contactform textarea {width:100%; padding:10px 8px;} } @media (min-width: 992px) and (max-width: 1200px) { #navigation ul li a {color: #fff; padding: 10px 15px; display: block; font-size: 1.2em;} .contactform label {display:block;} .contactform input, .contactform textarea {width:100%; padding:10px 8px;} } @media (min-width: 1200px) { } /*Fancybox*/ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {padding: 0;margin: 0;border: 0;outline: none;vertical-align: top;} .fancybox-wrap {position: absolute;top: 0;left: 0;z-index: 8020;} .fancybox-skin {position: relative;background: #f9f9f9;color: #444;text-shadow: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} .fancybox-opened {z-index: 8030;} .fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);} .fancybox-outer, .fancybox-inner {position: relative;} .fancybox-inner {overflow: hidden;} .fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;} .fancybox-error {color: #444;font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin: 0;padding: 15px;white-space: nowrap;} .fancybox-image, .fancybox-iframe {display: block;width: 100%;height: 100%;} .fancybox-image {max-width: 100%;max-height: 100%;} #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('../img/fancybox/fancybox_sprite.png');} #fancybox-loading {position: fixed;top: 50%;left: 50%;margin-top: -22px;margin-left: -22px;background-position: 0 -108px;opacity: 0.8;cursor: pointer;z-index: 8060;} #fancybox-loading div {width: 44px;height: 44px;background: url('/img/fancybox/fancybox_loading.gif') center center no-repeat;} .fancybox-close {position: absolute;top: -18px;right: -18px;width: 36px;height: 36px;cursor: pointer;z-index: 8040;} .fancybox-nav {position: absolute;top: 0;width: 40%;height: 100%;cursor: pointer;text-decoration: none;background: transparent url('../img/fancybox/blank.gif'); /* helps IE */-webkit-tap-highlight-color: rgba(0,0,0,0);z-index: 8040;} .fancybox-prev {left: 0;} .fancybox-next {right: 0;} .fancybox-nav span {position: absolute;top: 50%;width: 36px;height: 34px;margin-top: -18px;cursor: pointer;z-index: 8040;visibility: hidden;} .fancybox-prev span {left: 10px;background-position: 0 -36px;} .fancybox-next span {right: 10px;background-position: 0 -72px;} .fancybox-nav:hover span {visibility: visible;} .fancybox-tmp {position: absolute;top: -99999px;left: -99999px;visibility: hidden;max-width: 99999px;max-height: 99999px;overflow: visible !important;} /* Overlay helper */ .fancybox-lock {overflow: hidden !important;width: auto;} .fancybox-lock body {overflow: hidden !important;} .fancybox-lock-test {overflow-y: hidden !important;} .fancybox-overlay {position: absolute;top: 0;left: 0;overflow: hidden;display: none;z-index: 8010;background: url('../img/fancybox/fancybox_overlay.png');} .fancybox-overlay-fixed {position: fixed;bottom: 0;right: 0;} .fancybox-lock .fancybox-overlay {z-index:99999; overflow: auto;overflow-y: scroll;} /* Title helper */ .fancybox-title {visibility: hidden;font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position: relative;text-shadow: none;z-index: 8050;} .fancybox-opened .fancybox-title {visibility: visible;} .fancybox-title-float-wrap {position: absolute;bottom: 0;right: 50%;margin-bottom: -35px;z-index: 8050;text-align: center;} .fancybox-title-float-wrap .child {display: inline-block;margin-right: -100%;padding: 2px 20px;background: transparent; /* Fallback for web browsers that doesn't support RGBa */background: rgba(0, 0, 0, 0.8);-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;text-shadow: 0 1px 2px #222;color: #FFF;font-weight: bold;line-height: 24px;white-space: nowrap;} .fancybox-title-outside-wrap {position: relative;margin-top: 10px;color: #fff;} .fancybox-title-inside-wrap {padding-top: 10px;} .fancybox-title-over-wrap {position: absolute;bottom: 0;left: 0;color: #fff;padding: 10px;background: #000;background: rgba(0, 0, 0, .8);} /* ========================================================================== Dynamic CSS ========================================================================== */ body {background-color:#CFE2FF;} a {color:#E6BFB8;} /*Spreekt voor zich*/ a:hover {color:#D3AFA8;} /*Spreekt voor zich*/ #navigation {background-image:; background-repeat:; background-position:; height:; background-color:#FFF0F4; } /*Alleen kleur geven mits de menubalk moet doorlopen*/ #navigation .navbar-nav {background-image:; background-repeat:; background-position:; height:; background-color:#C41E1E; } /*Menu balk*/ #navigation ul li a {color:#0F0203;} /*Menu item tekst kleur*/ #navigation ul li a:hover {background-color:transparent; opacity:0.6;} /*Menu item hovering kun je eventueel zo laten staan*/ #navigation .navbar-header {background-color:#8CFF9C;} /*Mobiele versie*/ #navigation .navbar-toggle { } /*Mobiele versie expand knop kleuren*/ #navigation .navbar-toggle .icon-bar {} /*Mobiele versie expand knop streep kleuren*/ #content .content {color:#750D0D;background-color: rgba(254,250,255,0.61); border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; } /*Content blok (linker kolom) Kleuren en opacity*/ #content .content a {color:#571C11;} #content .content h1 { font-size: 1.7em; } #content .sidebar h2, #content .content h2 { font-size: 1.5em; } #content .content h1 ,#content .content h2 ,#content .content h3 ,#content .content h4 ,#content .content h5 ,#content .content h6 {color:#D6F4FF;} #content .sidebar {color:#0A0205;background-color: rgba(255,250,250,0.88); border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; } /*Content blok (linker kolom) Kleuren en opacity*/ #content .sidebar a {color:#0D4515;} #content .sidebar h1 ,#content .sidebar h2 ,#content .sidebar h3 ,#content .sidebar h4 ,#content .sidebar h5 ,#content .sidebar h6 {color:#221575;} input[type="submit"] {width:60%; border:1px solid #777; background-color:#ccc; color:#000; font-weight:bold;} input[type="submit"] {border:1px solid #cccccc; background-color:#CCFFD3; color:#ffffff;} /*Contact formulier submit button kleuren*/ #footer {background-color:#E6BFB8;} /*Kleur voor als de footer helemaal doorloopt 100%*/ #footer .wrapper {background-color:;} /*Kleur voor de footer als de footer binnen zijn container valt*/ /* ========================================================================== NIVO SLIDER ========================================================================== */ .theme-default .nivoSlider { position:relative; background:#fff url(/img/slider-icons/loading.gif) no-repeat 50% 50%; margin-bottom:10px; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a; } .theme-default .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .theme-default .nivoSlider a { border:0; display:block; } .theme-default .nivo-controlNav { text-align: center; padding: 20px 0; } .theme-default .nivo-controlNav a { display:inline-block; width:22px; height:22px; background:url(/img/slider-icons/bullets.png) no-repeat; text-indent:-9999px; border:0; margin: 0 2px;} .theme-default .nivo-controlNav a.active { background-position:0 -22px;} .theme-default .nivo-directionNav a { display:block; width:30px; height:30px; background:url(/img/slider-icons/arrows.png) no-repeat; text-indent:-9999px; border:0; opacity: 0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;} .theme-default:hover .nivo-directionNav a { opacity: 1; } .theme-default a.nivo-nextNav { background-position:-30px 0; right:15px; } .theme-default a.nivo-prevNav { left:15px; } .theme-default .nivo-caption { font-family: Helvetica, Arial, sans-serif;} .theme-default .nivo-caption a { color:#fff; border-bottom:1px dotted #fff;} .theme-default .nivo-caption a:hover { color:#fff;} .theme-default .nivo-controlNav.nivo-thumbs-enabled { width: 100%;} .theme-default .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px;} .theme-default .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto;} .nivoSlider { position:relative; width:100%; height:auto; overflow: hidden;} .nivoSlider img { position:absolute; top:0px; left:0px; max-width: none;} .nivo-main-image { display: block !important; position: relative !important; width: 100% !important;} .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; background:white; filter:alpha(opacity=0); opacity:0;} .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0;} .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden;} .nivo-box img { display:block; } .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter:alpha(opacity=8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */} .nivo-caption p { padding:5px; margin:0;} .nivo-caption a { display:inline !important;} .nivo-html-caption { display:none;} .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer;} .nivo-prevNav { left:0px;} .nivo-nextNav { right:0px;} .nivo-controlNav { text-align:center; padding: 15px 0;} .nivo-controlNav a { cursor:pointer;} .nivo-controlNav a.active { font-weight:bold;}