/*
 * jQuery FlexSlider v1.8
 *
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus  {outline: none;}
.slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {width:971px;height:500px;margin:0;padding:0;}
.flexslider .slides > li {display:none;-webkit-backface-visibility:hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width:970px;height:500px;display:block; }
.flex-pauseplay span {text-transform:capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: ".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
html[xmlns] .slides {display:block;}
* html .slides {height:1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display:block;}

/* FlexSlider Default Theme
*********************************/
.flexslider, .tentoonslider {margin-bottom:20px; position:relative;}
.col-top-5 {background: url(../images/graphics/border-top-slider.gif); width:970px; height:20px;}

.flexslider .slides {zoom:1;}
.flexslider .slides > li {position:relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom:1;position:relative; }

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);zoom:1;}

.flex-blauw-donkerblauw, .flex-blauw-groen, .flex-geel-groen, .flex-geel-oranje, .flex-groen-geel, .flex-oranje-rood, .flex-paars-donkerblauw, .flex-roze-paars, .flex-roze-rood {width:320px;height:320px;position:absolute;right:1px;top:0;display:block;} 

p.special_content1 {color:#fff;font-size:18px;line-height:18px;}
/* Direction Nav */
.flex-direction-nav { height:0;}
.flex-direction-nav li a {width:58px;height:79px;margin:-13px 0 0; display:block;background: url(../images/graphics/bg_direction_nav2.png) no-repeat;position:absolute;top:50%;cursor:pointer; text-indent: -999em;}
.flex-direction-nav li .next {background-position:-45px 0;right:5px;}
.flex-direction-nav li .prev {left:5px;}
.flex-direction-nav li .disabled {opacity: .3;filter:alpha(opacity=30);cursor:default;}

/* Control Nav */
.flex-control-nav {display:none;}

/* carsponsor Necessary Styles
*********************************/
.carsponsor {width:100%;margin:0;padding:0;position:relative;}
.carsponsor .slides > li {display:none;-webkit-backface-visibility:hidden;} 
.carsponsor .slides img {max-width:100%;display:block;}
.carsponsor .prev, .carsponsor .next {display: none;}

/* carsponsor Default Theme
*********************************/
.carsponsor .slides {zoom: 1;}
.carsponsor .slides > li {position: relative;}

/* Overzicht Slider Default
*********************************/
.tentoonslider .flex-direction-nav li .next {background-position:-45px 0;right:315px;}
.tentoonslider {height:100%;width:970px;margin-bottom:-30px;position:relative;}
.tentoonslider .slides > li {display:none;-webkit-backface-visibility:hidden;} 
.tentoonslider .flex-direction-nav li a {width:58px;height:79px;margin:-13px 0 0;display:block;background:url(../images/graphics/bg_direction_nav2.png)no-repeat;position:absolute;top:45%;cursor: pointer;text-indent:-999em;}
.tentoonslider .flex-caption {width:320px;height:320px;position:absolute;right:1px;top:20px;background:url(../images/graphics/blok-slider/blauw-donkerblauw.gif);}
.tentoonslider .slides img {height:320px;width:650px;;display:block;}

/* Detail Slider Default
*********************************/
.detslider .flex-direction-nav li .next {background-position:-45px 0;right:5px;}
.detslider { position:relative;margin:0 0 -5px 10px;width:630px;height:380px;}
.detslider .slides > li {display:none;-webkit-backface-visibility:hidden;} 
.detslider .flex-direction-nav li a {width:58px;height:79px;margin:-13px 0 0;display:block;background:url(../images/graphics/bg_direction_nav2.png)no-repeat;position:absolute;top:45%;cursor:pointer; text-indent:-999em;}
.detslider .slides img {width:630px;height:380px;display:block;}