/* ---------- KLEUREN -------------
GROEN 1:	#96CF47	
GROEN 2:  #59C714
BLAUW:	#00B1E4
ORANJE: #EC5923
AQUA: 	#2EAFBB
------------------------------------ */	
.wrapper {
    background: none repeat scroll 0 0 #fff;
    border-top: 4px solid #2EAFBB;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2);
    margin: 0 auto;
    padding: 0;
	width:100%;}

.top{ background: none repeat scroll 0 0 #2EAFBB;
    color: #222;
    font-size: 12px;
    height: 42px;
    line-height: 41px;
    overflow: hidden;
	border-bottom:1px dashed #efefef;}
	


/* ----------------- Talen ------------------ */	
ul.lang {
    float: right;
    list-style: none outside none;
    margin: -2px 0 0;
    padding: 0;}
	
	
ul.lang li{	
	background: none repeat scroll 0 0 #313B45;
    border-radius: 50% 50% 50% 50%;
    display: inline-block;
    margin-bottom: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;}
	
	
ul.lang li:hover {
    background: none repeat scroll 0 0 #2EAFBB;
}
ul.lang li a {
    color: #fff;
    display: block;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px;
    text-decoration: none;
    width: 20px;
}
ul.lang li a:hover {color: #242A31;}		
/* --------------- Header ------------------ */
	
header.main { margin: 0;padding: 0; background-color:#fff;}

header h1.logo { float: left;
    margin:15px 0 0 0;
    padding-bottom: 1px;}
	
header h1.logo a {
    background: url("../images/logo7.png") no-repeat scroll 0 0 transparent;
    color: transparent;
    display: block;
    height: 70px;
    text-shadow: none;
    width: 220px;}

/* ------------ Motto en action unit --------------- */	
.action-unit {
    border-bottom: 1px dotted #efefef;
    border-top: 1px dotted #efefef;
    margin: 10px 0;
    padding: 6px 0;
    text-align: center;}
	
.action-unit h2 {
    color: #222;
    font-size:22px;
    font-weight: normal;
    letter-spacing: 0.5px;
    margin-top: 10px;
}
/* ------------ Toptitle --------------- */	
.toptitle {
    border-top: 1px dotted #EFEFEF;
    color: #1B7BAF;
    font: 24px/48px "Ubuntu","helvetica","Arial",sans-serif normal;
    margin: 0;
    padding: 5px 10px;
}

/* ------------ Navigation --------------- */
nav select {display: none; cursor: pointer; width: 100%; padding: 8px; height: 37px; float: left; font-size: 14px;}
	
.js .selectnav {
    display: block;
}
.selectnav {
    cursor: pointer;
    float: left;
    font-size: 14px;
    height: 37px;
    padding: 8px;
    width: 100%;
}	
	
nav {float: right;}
nav ul, nav li {
    display: inline;
    list-style: none outside none;
    margin: 0;
    padding: 20px 0 0 0;
}
nav ul li { float: left; position: relative;}
nav ul li a, nav ul li a:visited {
    color: #555;
    display: inline-block;
    font-family: Open Sans, Arial,sans-serif;
    font-size: 14px;
	font-weight:bold;
	text-transform: uppercase;
    margin: 0 8px;
    padding: 14px 10px;
    text-decoration: none;
}

nav ul > li.current > a, nav ul > li > a:hover {
	background: #2EAFBB; 
	border-radius: 4px;
    color: #fff ;
	font-weight: bold 
	}

.current {
	background: #2EAFBB !important; 
	border-radius: 4px;
    color: #fff !important;
    font-weight: bold !important;
	}
	
.ie-dropdown-fix {  position: relative; z-index: 5;}


/* --------------- promo tekst naast slider -------------------- */
.promo-title  { color:#2EAFBB; 
			font-weight: 600;}


/* ------------- beschikbaarheid vlak ------------- */
.beschikbaar {
	padding:20px 0;
	margin-bottom: 20px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;}

/* ------------------- footer -------------------- */
#footer {
    color: #444;
    padding: 35px 0 50px;
	background: none repeat scroll 0 0 #F9F9F9;
	border-top: 2px solid #ddd;}
		
#footer  h4, h5 {
    color: #178E9D;
	font-weight:600;
    margin-bottom: 18px;}
	
#footer  a{ color: #2EAFBB;}
#footer  a:hover {   color: #222;}

.sub-footer { background: none repeat scroll 0 0 #27292C;
			padding: 10px 20px 0;}
			
/* --------------- icons in footer ---------------*/
.icon-address {
    background: url("../images/icon-home.png") no-repeat scroll left 1px transparent;
    margin-bottom: 6px;
    padding: 0 0 0 40px;
}
.icon-tel {
    background: url("../images/icon-tel.png") no-repeat scroll left 1px transparent;
    margin-bottom: 6px;
    padding: 15px 0 0 40px;
}
.icon-clock {
    background: url("../images/icon-clock.png") no-repeat scroll left 1px transparent;
    margin-bottom: 6px;
    padding: 2px 0 0 40px;}
	
.icon-email {
    background: url("../images/icon-mail.png") no-repeat scroll left 1px transparent;
    margin-bottom: 6px;
    padding: 5px 0 0 40px;
}
.icon-email a:hover {
    text-decoration: none;
    transition: all 0.3s linear 0s;
}
.tweetfeed li {
    background: url("../images/icon-twitter-blue.png") no-repeat scroll left 5% transparent;
    margin: 0 0 22px;
    padding: 0 0 0 26px;}	
	
			
/* ------------ social links in sub-footer  --------------- */

.social-links {
    float: right;
    margin: 0;
}
.social-links li:first-child {
    margin-left: 0;
}
.social-links li {
    display: inline;
    float: left;
    list-style: none outside none;
    margin-left: 10px;
    opacity: 0.3;
    text-indent: -9999px;
    transition: all 0.2s ease-in-out 0s;
}
.social-links a {
    background-position: 0;
    background-repeat: no-repeat;
    display: block;
    height: 25px;
    width: 25px;
}
.social-links li:hover { opacity: 1;}

.twitter { background: url("../images/social-twitter20.png") no-repeat scroll 0 0 transparent;}
.facebook { background: url("../images/social-facebook20.png") no-repeat scroll 0 0 transparent;}
.skype {background: url("../images/social-skype20.png") no-repeat scroll 0 0 transparent;}			


/* ------------ back to top  --------------- */
#backtotop {
    bottom: 20px;
    margin: 0 20px 0 0;
    position: fixed;
    right: 0;}
	
#backtotop a {
    background: url("../images/back-top.png") no-repeat scroll 50% 50% #2EAFBB;
    border: 0 none;
    border-radius: 5px 5px 5px 5px;
    display: block;
    height: 45px;
    text-decoration: none;
    width: 45px;}
	
#backtotop a:hover { background-color: #474747;}


/* ------------ Breadcrumb --------------- */
.breadcrumb {
    border-bottom: 1px dotted #EFEFEF;
    border-top: 1px dotted #EFEFEF;
    color: #464646;
    font-size: 10px;
    margin: 5px 0 20px;
    padding: 5px 10px;}
	
.breadcrumb a { color: #222;}
.breadcrumb a:hover { color: #444; text-decoration: underline;}


/* -------------- list items ---------------- */

.square-list li { background: url("../images/icon-square.png") no-repeat scroll 0 50% transparent;}
.check-list li {  background: url("../images/icon-checked.png") no-repeat scroll 0 50% transparent;}
.star-list li { background: url("../images/icon-star.png") no-repeat scroll 0 50% transparent;}
.arrow-list li { background: url("../images/icon-arrow1.png") no-repeat scroll 0 50% transparent;}
.circle-list li { background: url("../images/icon-circle.png") no-repeat scroll 0 50% transparent;}

.square-list li, .check-list li, .star-list li, .arrow-list li, .circle-list li {
    line-height: 12px;
    padding: 5px 5px 5px 24px;}
	
	

/* ------------ Images --------------- */
.img-left {
    border: 1px solid #EFEFEF;
    float: left;
    margin: 5px 0 10px 0;
    padding: 5px;
	clear:all;
}

.img-none {
    border: 1px solid #EFEFEF;
    float: none;
    margin: 5px 0 10px 0;
    padding: 8px;
	background: none repeat scroll 0 0 #fff;	 
}
.img-foot {
    border: 1px solid #EFEFEF;
    float: left;
    margin: 0 10px 0 0;
    padding: 3px;
	clear:all;
}

/* ------------- buttons ------------------- */
.myButton, a.mybutton {
        background-color:#474747;
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        border:1px solid #2EAFBB;
        display:inline-block;
        color:#ffffff;
        font-family:arial;
        font-size:15px;
        font-weight:bold;
        padding:6px 24px;
        text-decoration:none;
		    transition: all 0.2s ease-in-out 0s;    
    }
.myButton:hover { background-color:#2EAFBB; color:#fff;}

.myButton:active { position:relative; top:1px;  }
	
	
.btn.colored {
    background: none repeat-x scroll center top #2EAFBB;
    border: 1px solid #26A4B1;
    color: #fff;
}
.btn.small {
    font-size: 12px;
    line-height: 22px;
    padding: 1px 14px;}
	
.btn.medium {
		font-size:14px;
        font-weight:bold;
        padding:6px 24px;
			-moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
}
.btn, a.btn {
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    display: inline-block;
    margin: 0 7px 10px 0;
    text-decoration: none;
    transition: all 0.2s ease-in-out 0s;
}
.btn.colored:hover {
    background: none repeat-x scroll center top #178E9D;
    border: 1px solid #178E9D;
    box-shadow: 0 1px 3px #D5EFF1;
    color: #fff;}

/* ------------ Overig --------------- */

.flex-caption { display: none;}

.adres{color:#fff; font-size:10px;}
.adres a {color:#efefef;}
.adres a:hover { color: #178E9D;}


/*  ========================== Media Queries  ===================
		=========================================================   */

/* ------------ All Mobile Sizes (devices and browser) --------------------- */
@media only screen and (max-width: 767px) {
.slider_description {display: none;}

 nav  ul { display: none; }
  nav select { display: block; margin-top:10px;}
  
    .js #nav { display: none; }
  .js .selectnav { display: block; margin-top:10px; }


#backtotop a {display: none;}
.social-links {margin: 15px 0 20px 0; float: left;}
}