@font-face {
    font-family: 'BebasNeue';
    src: url('/fonts/BebasNeue.eot');
    src: url('/fonts/BebasNeue.eot?#iefix') format('embedded-opentype'),
        url('/fonts/BebasNeue.woff') format('woff'),
        url('/fonts/BebasNeue.ttf') format('truetype'),
        url('/fonts/BebasNeue.svg#bradhitc-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MuseoSlab';
    src: url('/fonts/MuseoSlab-500.eot');
    src: url('/fonts/MuseoSlab-500.eot?#iefix') format('embedded-opentype'),
        url('/fonts/MuseoSlab-500.woff') format('woff'),
        url('/fonts/MuseoSlab-500.ttf') format('truetype'),
        url('/fonts/MuseoSlab-500.svg#bradhitc-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*==== DEFAULT STYLES ====*/
html, 
body {
    height: 100%;
}

html {
    background: #fff;
}

body {
    height: 100%;
    color: #000;
    font-family: 'Roboto Slab';
    line-height: 1.6;
    font-size: 15px;
}

a {
    color: #207ed5;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

ol,
ul {
    margin-left: 30px;
}

hr {
    border-bottom: 1px solid #96bd0d;
}

h1 {
    font-family: 'BebasNeue', sans-serif;
    font-size: 34px;
    color: #207ed5;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 40px;
    margin: 12px 0 9px;
}

h2 {
    font-family: 'BebasNeue', sans-serif;
    font-size: 25px;
    color: #333333;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1.1px;
}

h3 {
    font-family: 'BebasNeue', sans-serif;
    font-size: 20px;
    color: #333333;
    font-weight: normal;
    letter-spacing: 1.1px;
}

table.withForm tr td{
    padding-bottom: 5px;
    vertical-align: top;
}

table.withForm tr td.withLabel{
    padding-top: 6px;
    padding-right: 10px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input[type="button"]{
    padding: 5px 10px;
    border: 1px solid #CCC;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    font-family: 'Roboto Slab';
    line-height: 1.6;
    font-size: 13px;
}

select{
    padding: 2px 4px;
}

select.error,
textarea.error,
input[type="text"].error,
input[type="password"].error,
input[type="datetime"].error,
input[type="datetime-local"].error,
input[type="date"].error,
input[type="month"].error,
input[type="time"].error,
input[type="week"].error,
input[type="number"].error,
input[type="email"].error,
input[type="url"].error,
input[type="search"].error,
input[type="tel"].error,
input[type="color"].error{
    background-color: #e8e8e8;
}

/* Container width required for responsive */

.default-container-width {
    
    width: 1000px;
    margin: 0 auto;
    padding: 0 25px
}

/* General positioning */

#main-container {
    min-height: 100%;
    margin: 0 auto;
    position: relative;
}

/* Column seperator required for responsive*/
.column-width {
    width: 2.413793103448276%;
}

/* Responsive columns required for responsive*/
.column-20{
    width: 17.58621%;
}

.column-25 {
    width: 23.18965517241379%;
}

.column-33{
    width: 31.715564889498845%;
}

.column-50 {
    width: 48.79310344827586%;
}

.column-60{
    width: 60%;
}
.column-2{
    width: 0.5%;
}

.column-38{
    width: 39.5%;
}

.column-66{
    width: 65.82123549895548%;
}

.column-75 {
    width: 74.39655172413792%;
}

.column-100{
    width: 100%;
}

/* Useful classes*/
.float-left{
    float: left;
}

.float-right{
    float: right;
}

/* Required classes for responsive */
.hide-on-desktop {
    display: none;
    height: 0;
}

.show-on-tablet {
    display: none;
    height: 0;
}

.show-on-mobile{
    display: none;
    height: 0;
}

/* Project styles */

/* Header */
header{
    height: 85px;
}

header a {
    color: #333333;
}

.meta-item {
    text-align:right;
    
}

.logo{
    margin-top: 10px;
    height: 63px;
    width: 351px;
    display: block;
    text-align: center;
    color: #fff;
}

/* Main navigation*/
#menuContainer {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #207ed5;
    float:left;
    margin:0 0 25px;
    position: relative;
}

#menuContainer.sticky {
    border-bottom: 2px solid #fff;;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 99999999999;
}

.fixed-fix {
    display: none;
    height: 57px;
}

#main-nav ul {
    width:100%;
}

#main-nav ul li {
    float:left;
    width:auto;
}
#main-nav ul li a {
    float: left;
    margin-right: 20px;
    display: block;
    padding: 0 20px 0 21px !important;
    color: #fff;
    height: 40px;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Roboto Slab';
    position: relative;
}

#main-nav ul li:first-child a {
    padding:0 22px;
}   

#main-nav ul li:last-child a {
    padding:0 22px 0 15px;

}   
    
#main-nav ul li a:hover,#main-nav ul li:hover > a  {
    background: #c7dff5;
    transition: all 0.3s ease-in-out 0s;
    text-decoration: none;
    color: #000;
}

#main-nav ul li a.active {
    background: #c7dff5;
    position: relative;
    color:#333;
}

#main-nav ul li a.active span{
    position:relative;
}
#main-nav ul li:first-child a.active:after,#main-nav ul li:last-child a.active:after {
    display:none;
}


#main-nav li.occasions:hover .submenu, #main-nav li.occasions .submenu.hover  {
    max-height: 700px;
    display:block;
    overflow:visible;
}
#main-nav li .submenu {
    overflow:hidden;
    height:0px;
    border:0px;    
}


#main-nav.nav-opened li .submenu, #main-nav.nav-opened li .submenu.enkelsubmenu{
    display:none !important;
}

#main-nav li.occasions .submenu {
    display:none;
}

#main-nav li.auto-aanpassingen:hover .submenu {
    max-height: 700px;
}

#main-nav li.enkelsubmenu:hover .submenu {
    max-height: 700px;
}
#main-nav li:hover .submenu, .float_height_submenu .submenu, #main-nav li.occasions .submenu.hover{
    padding:15px 0 10px 0;    
    box-shadow:0px 4px 5px 0px rgba(50, 50, 50, 0.75);
    border-top:6px solid #fff;
    border-bottom:6px solid #fff;
     z-index: 1000010;
     height:auto;
     
}

#main-nav li:hover .submenu.enkelsubmenu {    
    border-top:6px solid #fff;
    border-bottom:6px solid #fff;      
    padding:15px 0 10px 0;
}
    
#menuContainer.sticky #main-nav ul li a.active:after{
    display:none;
} 

.mobile-menu-icon {
    background: url("/images/layout/menu-icon.png") no-repeat scroll 5px center #333;
    color: #fff;
    cursor: pointer;
    font-family: "BebasNeue";
    font-size: 18px;
    height: 30px !important;
    line-height: 29px;
    padding: 0 0 0 32px;
    position: absolute;
    right: 2%;
    text-transform: uppercase;
    top: 20px;
    width: 39px;
}

.mobile-menu-icon:hover{
   background-color:#555; 
}
.brandboxText {
    position:relative;
    background: url("/images/layout/slider_textbg.jpg") no-repeat scroll 0 0 / 100% 100% transparent;    
    color: #fff;    
    box-sizing: border-box; 
    
}
.brandboxText img {
     position:absolute;
    top:0px;
    left:0px;
}    
.brandboxTextinner {
    vertical-align: middle;
    display: block;
    position:absolute;    
    left:0px;
    top:50px;
    width:90%;
    padding: 0 5%;
    z-index:30;
}
.brandboxTitle {
    font-size: 45px;
    font-family: 'BebasNeue';
    color:#8fbeea;
    line-height:45px;
    display: inline-block;
    height:45px;
}

.brandboxTitleText {
    font-size: 42px;
    font-family: 'Roboto Slab';
    line-height:55px;
    display: inline-block;
    height:100px;
}

/* Content */
.block{
    padding: 10px;
    background: #ccc;
    height: 200px;
}

/* Footer */
.footer-container{
    width: 100%;
    background-color: #e0e0e0;
    position: absolute; 
    bottom: 0;
    height: auto;
    min-height: 450px;
}

.footer-container span {
    display: block;
    color: #207ed5;
    font-size: 34px;
    margin: 20px 0 5px 0;
    font-family: 'BebasNeue';
}

.footer-container a {
    color: #333333;
}

/*==== BRANDBOX ====*/

    
    
#brandboxContainer {
    position: relative;
    width: 100%;
    height: auto;
   
}
#brandboxContainer .bx-wrapper {
    margin: 0 auto 35px !important;
}

#brandboxContainer .bx-wrapper .bx-pager.bx-default-pager a {
    width:16px;
    height:16px;
    border-radius:500px;
    background:#E2E2E2;
}

#brandboxContainer .bx-wrapper .bx-pager.bx-default-pager a:hover, #brandboxContainer .bx-wrapper .bx-pager.bx-default-pager a.active {
    background:#217CD9;    
}

a.aanpassen_block {
   background:#E0E0E0;
   height: 0;
   padding-bottom: 33%;
   display:block;
   width:33%;
   margin:0 0.3% 0.3% 0;
   text-decoration:none;
   position:relative;
   cursor:pointer;
   float:left;
   background-size: 65% auto !important;   
}

.aanpassingen .button{
    position: absolute;
    bottom:0px;
}

.button {
    background: #333333;
    width:90%;
    height:35px;
    color:#fff;
    position:relative;    
    display:block;
    font-size: 16px;
    font-family: 'Roboto Slab';
    padding:0 0 0 10%;
    line-height:35px;  
    z-index:2;
    border:0px;
    
}
.button.small {
    width: auto;
    padding: 0px 20px;
    display: block;
    text-align: center;
}
.button.small:after {
       display:none;
}
.button.big {
    line-height:50px; 
    height:50px;
    width:100%;
    font-size: 22px;
}

.button.big:after {
    width:50px;
    height:50px;
    background-size: 50px 50px !important;
}
button.button {
    text-align:left;
}
.button.print {
    float:right;
    width:auto;   
    text-align: center;
    width: 90px;
    margin: 12px 1px 0 0;
    padding-left:0px;
}
.button.print:after {
    display:none;   
}
.button:after {
    
    height:35px;
    width:35px;
    position: absolute;
    font-size:24px;
    right:0px;
    display:block;
    z-index:4;
    content:"";
    background: url("/images/layout/arrow-small.png") no-repeat scroll 0 0 #177ECD;
    background-size: 35px 35px !important; 
    text-align: center;
    top:0px;
    font-weight:bold;     
}

.button:hover, a.button:hover{
    text-decoration:none !important;
    transition: background 0.3s ease-in-out 0s;
    background:#207ED5;
}

.aanpassen_block.rolstoelauto {
    
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 80% auto;
    background-color: #E0E0E0;
    background-image: url("/images/layout/rolstoelauto.png") !important;
    background-image: 
    linear-gradient(transparent, transparent),
    url("/images/layout/rolstoel-auto.svg") !important;    
}   
.aanpassen_block.draaistoel {    
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 80% auto;
    background-color: #E0E0E0;
    background-image: url("/images/layout/draaistoel.png") !important;
    background-image: 
    linear-gradient(transparent, transparent),
    url("/images/layout/draaistoel.svg") !important;    
} 
.aanpassen_block.rolstoelbusje {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 90% auto;
    background-color: #E0E0E0;
    background-image: url("/images/layout/rolstoelbusje.png") !important;
    background-image: 
    linear-gradient(transparent, transparent),
    url("/images/layout/rolstoelbus.svg") !important;    
} 
.aanpassen_block.groepsvervoer {    
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 90% auto;
    background-color: #E0E0E0;
    background-image: url("/images/layout/groepsvervoer.png") !important;
    background-image: 
    linear-gradient(transparent, transparent),
    url("/images/layout/groeps-vervoer.svg") !important;    
} 
.aanpassen_block.scootmobielauto {
     
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 90% auto;
    background-color: #E0E0E0;
    background-image: url("/images/layout/scootmobielauto.png") !important;
    background-image: 
    linear-gradient(transparent, transparent),
    url("/images/layout/scoot-mobiel.svg") !important;    
} 
.aanpassen_block.zelfrijden {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 80% auto;
    background-color: #E0E0E0;
    background-image: url("/images/layout/zelfrijden.png") !important;
    background-image: 
    linear-gradient(transparent, transparent),
    url("/images/layout/zelf-rijden.svg") !important;  
    
} 
.aanpassen_block.personenauto{
     background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 80% auto;
    background-color: #E0E0E0;
    background-image: url("/images/layout/personenauto.png") !important;    
    background-image: 
    linear-gradient(transparent, transparent),
    url("/images/layout/personenauto.svg") !important;
} 


.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.embed-container.home {
    margin:17px 0 0 0;
}
.maand_auto, .maand_auto:hover {
    text-decoration:none;
    cursor:pointer;
    margin:0 0 25px;
}
.maand_auto .title {
    background:#177ECD;
    width:94%;
    display:block;
    color:#fff;
    height:50px;
    padding:0px 3% 0;
}

.maand_auto .specs{
    padding:4px 3% 0;
    width:94%;
    display:block;
    height:102px;
    color:#000;
    line-height: 25px;
}

.maand_auto .specs.home{
    height: 126px;
}

.maand_auto .button {
    height:45px;
    line-height:45px;
}
.maand_auto .button:after {
    height:45px;
    width:45px;
    background: url("/images/layout/arrow.png") no-repeat scroll 0 0 #177ECD;
    background-size: 45px 45px !important; 
}    
.maand_auto .specs .label, .occasion_detail .specs .label{
    font-weight:bold;
    width:48%;
    margin:0 3px 0 0 ;
    display:inline-block; 
}

.maand_auto .img {
    display:block;
    position:relative;
}

.maand_auto .img .label{
    position:absolute;
    left:0px;
    top:0px;
    z-index:30;
}  
.maand_auto .img .label-rolstoel{
    position:absolute;
    left:0px;
    bottom:0px;
    z-index:31;
}   
.height_submenu {
    background:#fff;
    border-top:6px solid #fff;    
    position:relative;    
    z-index:776;
    padding:15px 0 10px 0;
    display:none;
   
}
.submenu {
    background:#E0E0E0;    
    position:absolute;
    top:40px;
    z-index:99991;
    border-top:6px solid #fff;
    left:0px;
    width:100%;
}

.float_height_submenu .submenu.occasions.short .aanpassen_block {
    
    text-align:center;
    
    background-position: center 24% !important;
    background-size: 60% auto !important;
    padding-bottom: 76%;
    position: relative;
}

.submenu.enkelsubmenu {
    background:#E0E0E0;    
    position:absolute;
    left:auto;
    z-index:777;
    width:230px;       
    border-top:6px solid #fff;   
}
#main-nav .submenu.enkelsubmenu ul{
    list-style: none;   
    margin-left: 0px;
}
#main-nav .submenu.enkelsubmenu ul li{
    width:100%;  
    float:left;
    position: relative;
    padding:0 0 0 0;
}
#main-nav .submenu.enkelsubmenu ul li a:before{
    content:"•";
    position:absolute;
    left:8px;
    top:0px;
}
#main-nav .submenu.enkelsubmenu ul li:hover a:before ,#main-nav .submenu.enkelsubmenu ul li a.active:before{
    color:#207ED5;    
}
#main-nav .submenu.enkelsubmenu ul li a{
    color:#333;
    padding:0 0 0 20px !important;
    font-size: 13px;
    margin:0px;
    width:210px;
}
#main-nav .submenu.enkelsubmenu ul li a:hover:after, #main-nav .submenu.enkelsubmenu ul li a.active:after {
    display:none;
}  
#main-nav .submenu.enkelsubmenu ul li a:hover,#main-nav .submenu.enkelsubmenu ul li a.active{
    background:#fff;
}


#main-nav .submenu.enkelsubmenu ul li:hover {
    background:#fff;
    background-position: 0 -24px;
}  

#main-nav .submenu .aanpassen_block {
    padding-bottom:40%;
    background-size: 38% auto !important;
    position:relative;
    background-color:transparent !important;
    display:block;
    background-position: center 18% !important; 
    margin:0px;
}  
#main-nav .submenu .aanpassen_block.big {
    background-size: 64% auto !important;
}
#main-nav .submenu.occasions .aanpassen_block {
    background-position: center 24% !important;
    background-size: 60% auto !important;
    padding-bottom: 76%;
    position: relative;
    
}
#main-nav .submenu.auto-aanpassingen .aanpassen_block {
    height:92px !important;
    padding-left:0px !important;
    padding-right:0px !important;
    width: 100%;
}

#main-nav .submenu .aanpassen_block .center-title{
    
    color:#333;
    bottom:0px;
    z-index:99995;
    width:100%;   
    background:transparent !important;
    text-transform: lowercase;
    font-size: 15px;
    text-align: center;
} 
#menuContainer .submenu .aanpassen_block .select{
    position:absolute;
    color:#333;
    bottom:0px;
    z-index:99995;
    width:100%;
    text-align:center; 
    left:0px;
}
#menuContainer .submenu .aanpassen_block .select span{
    display:block;
    width:100%;
}

#main-nav .submenu .aanpassen_block a:hover{
    text-decoration:none;
}
#main-nav .submenu .aanpassen_block:after {
    display:none !important;
}

.submenu .aanpassen_block:hover .center-title span{
    background:#fff;
    padding:5px 5px;
}

.submenu {
    max-height: 0;   
    -webkit-transition: max-height 0.8s;
    -moz-transition: max-height 0.8s;
    transition: max-height 0.8s;
}


.checkbox {
    display: none;
}

/* */

.checkbox + span {
    background-color: #fff;
    border: 2px solid #333;    
    display: inline-block !important;
    padding: 0px;
    position: relative;
    height:15px;
    width:15px !important;
}
.checkbox + span:active, .regular-checkbox:checked + span:active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.1) inset;
}
.checkbox:checked + span {
 
    color: #207ED5;
}
.checkbox:checked + span:after {
    color: #207ed5;
    content: "✔";
    font-size: 17px;
    font-weight: bold;
    left: 0px;
    position: absolute;
    top: -11px;
}



.select-style {
    border: 1px solid #fff;
    float:left;
    margin: 0 20px 0 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
    position:relative;
    background:#fff;
    z-index:99999;
}

.select-style.border {
    border: 1px solid #ccc;
}    

.select-style:after {
    content:"▼";
    color:#fff;
    position:absolute;
    top:0px;
    right:0px;
    background:#333;
    width:27px;
    height:27px;
    display:block;
    text-align:center;
    line-height:28px;
    z-index:9998;
}

.select-style select {
    -moz-appearance: none;
    background-color: transparent;
    background-image: none;
    border: medium none;
    box-shadow: none;
    color: #000;
    font-weight: bold;
    font-size:12px;
    padding: 3px 8px;
    float:left;
    width: 130%;
    position:relative;   
    z-index:99998;
   
}
.select-style select:focus {
    outline: medium none;
}

.select-style select option{
    z-index:99998;
    position:relative;  
    font-size:13px;
}

.submenu-left {
    margin:18px 0 0 0;
}

.submenu-left ul li{
    margin:0px;
    
}
.submenu-left ul li a {
    background:#207ED5;
    color:#fff;
    width:94%;
    height:45px;
    line-height:45px;
    display:block;
    padding:0 3% 0;
    margin:0px 0px 1px;
    font-size:16px;
    position:relative;
    
}

.submenu-left ul li a:after {
    position: absolute;
    right:0px;
    content:"";
    color:#fff;
    top:3px;
    display:block;
    width:30px;
    height:45px;
    background: url("/images/layout/submenu.png") no-repeat scroll 0 0 transparent !important;
}    

.submenu-left ul li a:hover {
    background:#C7DFF5;
    color:#207ED5;
    text-decoration:none;
    transition: all 0.3s ease-in-out 0s;
}  

.submenu-left ul li.active a {
    background:#C7DFF5;
    color:#207ED5;
    text-decoration:none;
}
.submenu-left ul li.active.withSubPages a {
    background:#207ED5;
    color:#fff;
    text-decoration:none;
}
.submenu-left ul li.active.withSubPages ul li a{
    background: #E1E1E1 !important;
    color:#207ED5;
}

.submenu-left ul li.active.withSubPages ul li a:hover, .submenu-left ul li.withSubPages ul li.active a{
    color:#333;
}    
    
.submenu-left ul li.withSubPages ul li a:after{
    display:none;
}    
.submenu-left ul li.active.withSubPages a:after {
    background: url("/images/layout/submenu.png") no-repeat scroll 0 top #207ED5 !important; 
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    right:10px;
    top:7px;
}

.submenu-left ul li a:hover:after {
    background: url("/images/layout/submenu.png") no-repeat scroll 0 bottom transparent !important; 
    
}

.submenu.occasions .button.search{
    border:0px;
    height:23px;
    line-height:46px;
    height:50px;
    font-size:23px;
    text-align:left;
    width:100%;
}

#menuContainer .submenu.occasions .button.wissen{
    background:#999;
    text-align:center;
    padding:0px !important;
    width:100%;
    border:1px solid #666;
    box-sizing: border-box;
    text-transform: none;
}
#menuContainer  .submenu.occasions .button.wissen:after{
    display:none;
}
.submenu.occasions .button.search:after{
    height:50px;
    width:50px;
    line-height:46px;
    font-size:34px; 
    background-size:50px 50px !important;
}

.form-element {
    height:75px;
    
}
.submenu .form-element label{
    line-height:27px;
}

.line {
    margin:0 0 25px 0;
}

.occasions_overzicht .maand_auto .specs {
    height:auto;
    padding-bottom:10px;
}

h1.h1_detail {
    width:40%;
    float:left;
}

.fb-like {
    height:30px;
    margin: 12px 6px 0 0;
    padding:5px 0 0 0 ;
}

.back.button {
    float:right;
    width:212px;
    text-align:left;
    padding-left:12px;
    margin:12px 0 0 0;
}
.back.button:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.details_auto {
    background:#E0E0E0;
    height:307px;
    padding-top:20px;
    width:98%;
    padding-left:2%;
    padding-right:0%;
}

.occasion_detail  .occasion_price{
    font-size:34px;
    color:#207ED5;
    font-weight:bold;
    position:relative;
}
.occasion_detail  .occasion_price .zekerheden{
    float: right;
    margin: -10px 0 0;
    position: absolute;
    top: -3px;
    right:0;
}
.occasion_detail  .occasion_price span{
    color:#000;
    font-size:13px;
    font-weight:normal;
}

.occasion_detail.grey{
   background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 51%, #e0e0e0 49%, #e0e0e0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(51%,#ffffff), color-stop(49%,#e0e0e0), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 51%,#e0e0e0 49%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #ffffff 0%,#ffffff 51%,#e0e0e0 49%,#e0e0e0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #ffffff 0%,#ffffff 51%,#e0e0e0 49%,#e0e0e0 100%); /* IE10+ */
background: linear-gradient(to right, #ffffff 0%,#ffffff 51%,#e0e0e0 49%,#e0e0e0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=1 ); /* IE6-9 */
   float:left;
}
.occasion_detail.grey .white{
   background:t;   
   padding: 0 2.41379% 0 0;   
}

.occasion_detail.grey .bx-wrapper:last-child { 
    margin:0px !important;
}


.occasion_detail{
    font-size:14px;
    
}

.occasion_detail .spec-row{
    height:30px;
    overflow:hidden;
}

.occasion_detail  .details_auto .specs{
    line-height:27px;
}    

.occasion_detail h3 {
    background:#207ED5;
    color:#fff;
    font-size:26px;
    text-transform: uppercase;
    padding:0px 0 0 2%;
    width:98%;
    font-weight:normal;
    font-family: "BebasNeue";
    margin:0 0 10px;
    letter-spacing: 1.0px;
    line-height:50px;
    height:45px;
} 
.occasion_detail h3.button{
    cursor:pointer;      
}
.occasion_detail h3.button:hover, .occasion_detail .out h3.button{
    background:#333;
    transition: all 0.3s ease-in-out 0s;
}
.occasion_detail h3.button:after {
    background-size: 45px 45px !important;
    height:45px;
    cursor:pointer;    
    width:45px;
    background-color:transparent;
    transition: all 0.3s ease-in-out 0s;
}
.occasion_detail .out h3.button:after {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    
    
}    
.details_contact.in {
    height:45px;
    overflow:hidden;
}


.details_contact form{
    width:96%;
    padding:0 2%;
}
.details_contact form table{
    width:100%;
}    
.details_contact textarea{
    width:92%;
    float:left;    
    font-family: "MuseoSlab";
    color:#444;
    height:90px;
    margin: 0 0 7px ;
}
.details_contact input, .details_contact select {
    margin: 0 0 6px ;
}

.details_block {
    width:96%;
    padding:0 2%;
}

.occasion_detail ul {
    list-style:none;
    margin:0px;
}

.details_contact button{
    float:left;
    width:200px;
}
ul.double {    
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;    
}
.float_height_submenu {
    display: block;
    float: left;
    height: 400px;
    width: 100%;
    z-index:1000000;
}

.float_height_submenu .occasions {
    display:block !important;
    border-top:0px;
    margin:0px 0 0 0;
    top:0px;
    max-height:850px;
}


#menuContainer.float-menu {
    float:left;
    height:auto;
}
.openingstijden {
    position:relative;
    min-height:357px;
}
.openingstijden .disclaimer{
    position:absolute;
    bottom:0px;
    right:0px;
    font-size:10px;
    color:#444;
    text-decoration: underline;
}
.openingstijden .aside{
    position:absolute;
    bottom:0px;
    left:0px;
    font-size:10px;
    color:#444;
    text-decoration: none;
}
.openingstijden .aside a{
    text-decoration: underline;
}

.openingstijden .column-66{
    text-align:right;
}

#partners.partners-container {
    height:60px;
    width:100%;
    display:block;
    float:left;
    overflow:hidden;
    background:#fff;
    margin:20px 0 0 0;
}

.social {
    width:40px;
    height:40px;
    display:block;
    float:left;
    margin: 0 10px 0 0;
}

.social.facebook {
    background: url("/images/layout/contact-facebook.jpg") no-repeat scroll top  center transparent !important;
} 

.social.facebook:hover {
    background: url("/images/layout/contact-facebook.jpg") no-repeat scroll bottom  center transparent !important;
}

.social.twitter {
    background: url("/images/layout/contact-twitter.jpg") no-repeat scroll top  center transparent !important;
} 

.social.twitter:hover {
    background: url("/images/layout/contact-twitter.jpg") no-repeat scroll bottom  center transparent !important;
}

.social.youtube {
    background: url("/images/layout/contact-youtube.jpg") no-repeat scroll top  center transparent !important;
} 
.social.youtube:hover {
    background: url("/images/layout/contact-youtube.jpg") no-repeat scroll bottom  center transparent !important;
}

nobr {
    white-space: nowrap;
    float:left;
    width:100%;
}
#continuSlider1 a, #continuSlider2 a , #continuSlider2 span, #continuSlider1 span {
    display: inline-block;
    height: 60px;
    margin: 0 0px;
    width: 116px;
}

/* datepicker */

#ui-datepicker-div {
    color: #333333;
    font-family: "MuseoSlab";
    font-size: 15px;
    padding:0px;
    border-radius:0px;
    width: 18em;
    z-index:99999999 !important;
    }
#ui-datepicker-div .ui-widget-header { 
    background:#fff !important;
    border:0px !important;
    font-size: 18px;
    color:#207ED5;
    line-height:20px;
}
#ui-datepicker-div .ui-datepicker-calendar {
    background:#333;
}
#ui-datepicker-div .ui-datepicker-calendar th{
    background:#207ED5;
    color:#fff;
}
#ui-datepicker-div .ui-state-default, .ui-widget-content .ui-state-default,#ui-datepicker-div .ui-widget-header .ui-state-default {
    background: transparent;
    border: 0px;
    color: #fff;
    font-weight: normal;
    text-align: center;
    height:30px;
    width:30px;
    display:block;
    line-height:30px;
}
#ui-datepicker-div .ui-state-highlight, #ui-datepicker-div .ui-widget-content .ui-state-highlight, #ui-datepicker-div .ui-widget-header .ui-state-highlight,#ui-datepicker-div .ui-state-default:hover {
    background: #207ED5;
    border-radius: 500px;
    border:0px;
    text-align: center;
    color: #fff;
}

.left-form {
    margin:20px 0 0 0;
    background: #E1E1E1;
    padding:0 0 20px;
   
}
.left-form h2{
    background: #333;
    color:#fff;
    text-align: center;
    font-size:26px;
}    
.left-form form {
    padding:20px 7%;
    width:86%;
}
.left-form p{
    color:#666;   
    font-size: 13px;
}
.left-form input  {
    width:90%;
    padding:5px 5%;    
}
.left-form table.withForm tr td {
    padding-bottom: 15px;
    vertical-align: top;
}
.bx-wrapper {
    margin: 0 auto 20px !important;
}
h2.big.grey{
    background: #333;
    color:#fff;
    text-align: center;
    font-size:37px;
    margin:20px 0 0 0;
} 
h2.big.blue {
    color: #207ed5;
    font-family: "BebasNeue";
    font-size: 40px;
    font-weight: normal;
    text-transform: uppercase;
}
.content table {    
    max-width:100%;
}
.content table td{
   max-width:100%; 
}
.content table td img{   
    max-width:100%; 
}

.pagination {
    float: right;
    margin: 10px 0;
}
.pagination span, .pagination a {
    background: none repeat scroll 0 0 #ccc;
    color: #fff;
    display: inline-block;
    margin-right: 5px;
    padding: 2px 5px;
    text-decoration: none;
}
.pagination .currPage {
    background: none repeat scroll 0 0 #207ED5;
}
.perPage {
    float: left;
}
.action-block {
    position:fixed;
    top:40%;
    right:-197px;
    width:247px;
    height:200px;
    background-color: #fff;
    background-image: url("/images/layout/arrow.png");
    background-repeat: no-repeat;
    background-position: 12px 180px;
    background-size: 20% auto;
    padding:0 0px 0px 0;
    z-index:9999999999;
}
.action-block a span:hover {
    background-color: #333333;
}
.action-block a.transform  {
    color:#fff;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    display:block;
    width:50px;
    height:50px;
    text-decoration:none;
    
}
.action-block a span{
    display:block;
    width:200px;
    height:50px;
    line-height:50px;
    text-align:center;
    background-color: #207ED5;
}
.action-block img {
    margin: -20px 0 0 60px;
    width:75%;
    height:auto;
    position: relative;
}
button.print.small{    
    margin:17px 0 0 0;
}

/*==== VALIDATE ERRORS ====*/
.errorBox {
    display: none;
    margin-bottom: 20px;
    padding: 5px 10px;
    background: #FEF0DF;
    border: 1px solid #FFDDB7;
    color: #4E4E4E;
}

.errorBox .title{
    color: #f93a3a;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 1.2em;
}
.errorBox label {
    float: none;
    width: 100%;
    height: auto;
}
.errorBox ul {
    margin-left: 15px;
}
.errorBox ul li {
    background: none !important;
    list-style: disc;
    padding: 0;
}
.statusUpdate{
    background: #FEF0DF;
    border: 1px solid #FFDDB7;
    color: #4E4E4E;
    padding: 5px;
    margin: 5px 0;
    display: none;
}
#map_canvas {
    width: 90%;
    height: 295px;
}
.withForm td input[type="text"] {
    width:90%;
    padding:5px 5%;    
}
.withForm td textarea {
    width:90%;
    padding:5px 5%;    
}
.exBtw {
    font-size:12px;
    font-weight: normal;
}
.space {
    margin:20px 0 0 0;
}
#send_to_friend {
    width:60%;
    max-width:600px;
    z-index:99999999;
    background:#fff;   
}
.fancybox-inner #send_to_friend {
    width:100%;
}
#send_to_friend label{
    margin:0 10px 0 0;
}
#send_to_friend input, #send_to_friend select {
    margin: 0 0 6px;
}
#send_to_friend textarea {
    color: #444;
    float: left;
    font-family: "MuseoSlab";
    height: 90px;
    margin: 0 0 7px;
    width: 92%;
}
.fancybox-opened {
    z-index:11180450 !important;   
}
.fancybox-overlay {
    z-index: 1118043 !important;
}
.youtube a{
    color:#333;
    text-decoration:none;
    text-align:center;    
}
.youtube .youtube-video{
    position:relative;
}
.youtube .youtube-play {
    width:30%;
    position: absolute;
    top:25%;
    left:40%;
}

.images-thumbs .button {
    height:50px;
    line-height:25px;    
}
.images-thumbs .button:after {
    height:50px;
    background-position: 0 center;   
}

#selectie-wissen-desktop{
    display:block
}
#selectie-wissen-mobile{
    display:none;
}


.sbHolder{
	background-color: #fff;
	border: solid 1px #fff;	
	font-size: 12px !important;
	font-weight: normal !important;
	height: 27px;
	position: relative;
	width: 100% !important;
        float:left;
        text-transform:none !important;
}
.sbHolder:focus .sbSelector{
	z-index:99999999999999999999999;
}
.sbSelector{
	display: block;
	height: 27px;
	left: 0;
	line-height: 27px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	top: 0;
	width: 100%;
        font-weight:bold;
        text-transform:none !important;
}
#menuContainer .sbSelector:link, .sbSelector:visited, .sbSelector:hover{
	color: #000 !important;
	outline: none;
	text-decoration: none;
        font-size: 12px !important;
        padding:0px !important;
        height:27px;
        text-transform:none !important;
}

.sbToggle {
    float: none !important; 
    margin:0 !important;
        padding:0 !important;
        height:auto !important;
        
}
.sbToggle:after{
	background:#333;
	display: block;
	height: 27px;
	outline: none;
	position: absolute;
        content: "▼";
	right: 0;
	top: 0;
	width: 27px;
        color: #fff;
        line-height:28px;
        text-align:center;
        font-size:15px;
}
.sbToggle:hover{
	background: url(select-icons.png) 0 -167px no-repeat;
}
.sbToggleOpen{
	background: url(select-icons.png) 0 -16px no-repeat;
}
.sbToggleOpen:hover{
	background: url(select-icons.png) 0 -66px no-repeat;
}
.sbHolderDisabled{
	background-color: #3C3C3C;
	border: solid 1px #515151;
}
.sbHolderDisabled .sbHolder{
	
}
.sbHolderDisabled .sbToggle{
	
}
.sbOptions{
	background-color: #fff;
	border: solid 1px #333;
        border-top: solid 1px #fff;
	list-style: none;
	left: -1px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 27px;
	width: 100%;
	z-index: 2147483647;	
        max-height: 900px !important;
        height:auto !important;
}
.sbOptions li{
	padding: 0 0px;
        width:100% !important;
}
#menuContainer .sbOptions li a{
	width:98% !important;
	display: block;
	outline: none;
	padding: 0px 0 0px 2% !important;
        line-height:24px  !important;
        font-size: 12px !important;
        height:24px;
        text-transform:none !important;
}
.sbOptions a:link, .sbOptions a:visited{
	color: #000  !important;
	text-decoration: none;
        text-transform:none !important;        
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{
	background:#207ED5;
        color:#fff !important;
}
.sbOptions li.last a{
	border-bottom: none;
}
.sbOptions .sbDisabled{
	border-bottom: dotted 1px #515151;
	color: #999;
	display: block;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbGroup{
	border-bottom: dotted 1px #515151;
	color: #EBB52D;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbSub{
	padding-left: 17px;
}

header .language {
        height:30px;
        text-align:right;
}

header .language a {
        display:inline;
        margin:0 0 0 0.5;
        width:19.2%;
}

header .language a img {
        
        max-width:29px;
        opacity:1;
}

header .language a.active img, header .language a:hover img {
        
}
.login {
    text-align:right;
}
.inlog-button {
    display: block;
    cursor: pointer;
    color: #000;
    text-align: left;
    white-space: nowrap;
    float: right;
    padding:0px;
}

.inlog-button-content{
    float: left; 
    padding-left: 0px;
    padding-top: 2px;
}

.inlog-button {
    color: #000;
}

.login-column{
    background:#fff;
    border: 1px solid #ccc;
    color: #000;
}
.login-column-head{
    background:#ccc;
    color: #fff;
}

.login-column-content{
    color: #000;
}

.login-column-content a{
    color: #96bd0c;
}

.login-column-head a{
    color: #fff;
}

.login-column{
    background:#fff;
    border: 1px solid #333;
    display:none;
    position: absolute;
    right: 0px;
    top: 30px;
    z-index :999;
    min-width: 150px;
    line-height: 30px;
}

.login-column table tr td{
    padding:5px 0 0 0;
    
}
.login-column-head{
    background: #f00;
    display: block;
    padding: 5px;
    color: #fff;
}

.login-column-content{
    padding:10px;
    color: #000;
    font-size: 12px;
    overflow: hidden;
    width:282px;
}

.login-column-content a{
    color: #207ED5;
    font-size: 12px;
}

.login-column-head a{
    color: #fff;
}

.statusUpdate{
    display: none;
}
.dealer-login-documents {
    margin:0 0 20px 0;
}
.dealer-login-documents .aside-block h2 {
    font-size:18px;
}
#map_canvas img {
    max-width: none;
}