/* @import url(reset.css); */
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,900,700);

/* iPads (portrait and landscape) ----------- */
/*
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    html {zoom:2.5;}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    html {zoom:2.5;}
}
@media only screen and (min-device-width:310px) and (max-device-width:330px) and (orientation:landscape) {
    html {zoom:1.4;}
}
*/
/* CSS DASAR */
body, html {
	margin: 0;
	padding: 0;
	height:100%;
	min-height:100%;
}
img {
    border:0;
}
a img {
	outline:none;
    border:0;
	text-decoration:none;
}
a {
	outline:none;
    border:0;
	text-decoration:none;
	color:#ffffff;
}
p{
	margin-bottom:15px;
}
.wrapper {
	width:100%;	
	margin:0;
	padding:0;
}
.body{
	padding-bottom: 50px;
	margin-top: -150px;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
.body2{
	padding-bottom: 250px;
	margin-top: -80px;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
.clear{ clear: both; }
.fleft{ float: left; }
.fright{ float: right; } 
.containerbottom {
	width:960px;
	margin:0 auto;
	position:relative;
}
/*HEADER*/
.container {
	position: relative;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	height: 110px;
	font-family: 'Roboto', bold;
	font-weight: 600;
	font-size:14px;
	color: #fff;	
}
.container2 {
	position: relative;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	bottom: 225px;
	height: 110px;
	font-family: 'Roboto', bold;
	font-weight: 600;
	font-size:14px;
	color: #fff; 
}
.container3 {
	position: relative;
	width: 960px;
	height: 420px;
	margin: 0;
	font-family: 'Roboto', bold;
	font-weight: 600;
	font-size:14px;
	color: #fff; 
	display: inline-block;
}
.container4 {
	position: relative;
	width: 940px;
	margin: 0 0 0 0px;
	height: 30px;
	font-family: 'Roboto', bold;
	font-weight: 600;
	font-size:14px;
	color: #fff;
}
.container5 {
	position: relative;
	width: 100%;
	margin: 755px 0 -20px 0px;
	left: 0%;
	float: left;
	height: 60px;
	font-family: 'Roboto', bold;
	font-weight: 600;
	font-size:14px;
	color: #fff; 
	display: inline-block;
	background: #363b40;
}
.container6 {
	position: relative;
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	height: 190px;
	font-family: 'Roboto', bold;
	font-weight: 600;
	font-size:14px;
	color: #fff; 
	padding: 0px;
	/*float: left;*/
	background:#ff6600;
	margin-bottom: 20px;
	border-radius: 5px;
}
.container7{
	position: relative;
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	height: 400px;
	font-family: 'Roboto', bold;
	font-weight: 600;
	font-size:14px;
	color: #fff; 
	padding: 0px;
	/*float: left;*/
	background:#2490E2;
}
.container9 {
	position: relative;
    width: 940px;
    margin: 0;
    height: 160px;
    font-family: 'Roboto', bold;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding: 30px;
    background: url('../images/bgaction.jpg') repeat-y;
}
.container9 img {
	height: 100%;
}
.container10 {
	position: relative;
	width: 940px;
	margin: 0 0 0 0px;
	height: 447px;
	font-family: 'Roboto', bold;
	font-weight: 600;
	font-size:14px;
	color: #fff;	
}
.gcontainer{
	min-height: 100%;
	position:relative;
}
.contactinfo {
	margin-left: 25px;	
	padding-top: 5px;
}
/*Footer Contact*/
.footer {
	position:absolute;
	width:100%;
	height:50px;
	background:#363b40;
	font-family: 'Roboto', bold;
	font-weight: 600;
	font-size:14px;
	color: #fff; 
	z-index: 12;
}
.footertext{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	z-index: 13;
	text-align: center;
}
.container> .klik {
	position: relative;
	float: right;
	right: 29%;
	top: 282%
}
.container> .kliktekst {
	position: relative;
	float: right;
	right: 45%;
	top: 280%;
	z-index: 2;
}
.container> .klik2 {
	position: relative;
	float: right;
	right: 43%;
	top: 282%
}
.container> .kliktekst2 {
	position: relative;
	float: right;
	right: 49%;
	top: 280%;
	z-index: 2;
}
.logotext {
	font-family: 'Roboto', bold;
	font-weight: 900;
	font-size:35px;
	position: absolute;
	z-index: 2;
	top: 90%;
	left: 24%;
}
.top-bar-wrapper {
	/*position: relative;
	width: 100%;
	
	background: url('../images/headerblue.png');
	background-position: center; 
	background-repeat: no-repeat;*/
	  background: url('../images/headerblue.png') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 450px;
}
@media only screen and (min-device-width:218px) and (max-device-width:1279px) and (orientation:portrait) {
.top-bar-wrapper {
	position: relative;
	width: 100%;
	background: url('../images/headerblue.png');
	background-position: center; 
	background-repeat: no-repeat; 
	  -webkit-background-size: none;
  -moz-background-size: none;
  -o-background-size: none;
  background-size: none;
}  
}
@media only screen and (min-device-width:218px) and (max-device-width:1279px) and (orientation:landscape) {
.top-bar-wrapper {
	position: relative;
	width: 100%;
	background: url('../images/headerblue.png');
	background-position: center; 
	background-repeat: no-repeat;  
	  -webkit-background-size: none;
  -moz-background-size: none;
  -o-background-size: none;
  background-size: none;
}
}    
.top-bar-wrapper > .top-bar {
	position: relative;
	width: 100%;
	height: 110px;
}
.url-wrapper {
	position: relative;
	max-width: 700px;
	min-width: 600px;
	height: 100px;
	left: 13.5%;
	bottom: 60%;
	background: #1268B3;
	opacity: 0.6;
}
.weblink{
	position: relative;
	font-family: 'Roboto', sans-serif;
	font-size:42px;
	font-weight:900;
	color:#fff;	
	text-align: center;
	text-transform:uppercase;
	z-index: 4;
	bottom: 135%;
}
.bt1 {
	font-family: 'Roboto', bold;
	font-weight: 600;
	font-size:14px;
	position: absolute;
	z-index: 7;
	margin-top: -65px;
	margin-left: 110px;
}
.bt2 {
	font-family: 'Roboto', bold;
	font-weight: 600;
	font-size:14px;
	position: absolute;
	z-index: 8;
	margin-top: -65px;
	margin-left: 430px;
}
.bt3{
	font-family: 'Roboto', bold;
	font-weight: 600;
	font-size:14px;
	position: absolute;
	z-index: 9;
	margin-top: -65px;
	margin-left: 750px;
}
/*gbr = cees isi= media*/
.container9 > .gbr {width:300px; margin:45px 0 0 135px;}
.container9 > .isi {width:240px; margin:45px 0 0 50px; }
.modcees {
	margin: 0 0 0 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: 'Roboto', bold;
	font-weight: 600;
	font-size:14px;
	color: #fff; 
	height:447px;
	width: 940px;
	position: relative;
	padding:0;
	background:url('../images/contentbackground2.png') no-repeat;
}
.modcees > .isi {
	position: relative;
	width: 470px;
	height: 447px;
	float: left
}
.modcees > .isi > h3 {
	font-family: 'Roboto', sans-serif;
	font-size:25px;
	font-weight:900;
	color:#fff;	
	padding-top: 10px;
	text-align:center;
	text-transform:uppercase;
}
.modcees> .isi > .text {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:400;
	color:#fff;
	text-transform:none;
	text-align:center;
	line-height:1.4em;
}
.infocees {
margin: 20px 0 0px 120px;
position: absolute; 
}
.webtexting{
	font-family: 'Roboto', bold;
	font-weight: 600;
	font-size:14px;
	position: absolute;
	z-index: 9;
	margin: 29px 0 0px 150px;
}
/*BLOCK*/
.c1{background:url('../images/contentbackground1.png') no-repeat; margin-left:0px;margin-right:10px}
.c2{background:url('../images/contentbackground1.png') no-repeat; margin-left:10px;margin-right:10px}
.c3{background:url('../images/contentbackground1.png') no-repeat; margin-left:10px;margin-right:0px}

.block1 {
	width:240px;
	height:390px;
	padding:30px;
	float: left;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:relative;
}
.buttonaanvraag1{
	margin: -80px 0 10px 40px;
	position: absolute;
}
.buttonaanvraag2{
	margin: -80px 0px 10px 360px;
	position:absolute;
}
.buttonaanvraag3{
	margin: -80px 0px 10px 680px;
	position:absolute;
}
.block1 > .icon{
	height: 65px;
	margin: 10px 1px 0px 88px;
	display: block;
}
.block1 > .image-rounded{	
	width: 100%;
	height: 120px;
	margin: -47px 80px 0 40px;
	display: block;
}
.block1 > .isi > h3 {
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	font-weight:900;
	color:#fff;	
	margin:10px 0px;
	text-align:center;
	text-transform:uppercase;
}
.block1 > .isi > .text {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:400;
	color:#fff;
	text-transform:none;
	text-align:center;
	line-height:1.4em;
}
/*CONTACT FORM*/
.contactform {
	position: relative;
}
.contact {
	width:780px;
	display: block;
	position: relative;	
	margin:0;
	padding:50px 80px;
	background:#2490E2;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.contact > .success {   
    width:728px;
    padding:30px 20px;
    margin:0 0 20px 0;
    border:6px solid #18CC57;
    color:#fff;
	background:url('../images/done.png') no-repeat bottom right;
    background-size:40px 40px;
	background-color: #57EB8B;
}
.contact > .error { 
    width:728px;
    padding:30px 20px;
    margin:0 0 20px 0;
    border:6px solid #e74c3c;
    color:#fff;
    background:url('../images/error.png') no-repeat bottom right;
    background-size:40px 40px;
	background-color: #F59FA3;
}
.contact > form > .field {    
    width:380px;
    margin:0 0 20px 0;	
	text-align:center;
}
.contact .field > .label {
	width:380px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:14px;
	font-weight:900;
	color:#3d4045;
	text-transform:uppercase;
	line-height:1.6em;
}
.contact .field > input.input {
    width:340px;  
	height:30px;	    
    padding: 5px 20px;
	border:none;
	background:#fff;
    font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:400;
	color:#363b3f;
	border:1px solid #1a7bb4;
}
.contact .field > textarea.input { 
    resize:none;
	width:740px;  
	height:170px;
    padding:10px 20px;
	border:none;
	background:#ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:400;
	color:#363b3f;
	border:1px solid #1a7bb4;
}
.contact .field > input.send {
    background:url('../images/verzenden.png') no-repeat;	
	border:none;
    cursor:pointer;	
	margin-left: -15px;
	width:220px;
	height:50px;
}
.placeslider {
	position: relative;
	margin: 0;
	float: left;
	height: 447px;
	width: 470px;
} 
/*-SLIDERS-*/

/* 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; }

/* Icon Fonts*/
/* Font-face Icons */
@font-face {
	font-family: 'flexslider-icon';
	src:url('fonts/flexslider-icon.eot');
	src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('fonts/flexslider-icon.woff') format('woff'),
		url('fonts/flexslider-icon.ttf') format('truetype'),
		url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* FlexSlider Necessary Styles*/
.flexslider {margin: 0px 0 0 0; padding: 0 0 0 0; position: relative;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%; display: block;}

/* 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-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme*/
.flexslider { max-height: 447px; max-width: 470px; margin: 0px 0 0px;) no-repeat; border: hide; position: relative; }
.flex-viewport { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 30px; visibility: hidden;}
.flexslider .slides { }
.carousel li { margin-right: 5px; visibility: hidden; }

/* Direction Nav */
.flex-direction-nav { visibility: hidden;}

/* Control Nav */
.flex-control-nav {; position: absolute; margin-top: -50px ; margin-bottom: 0px; margin-left: 211px; margin-right: 0px text-align: center;}
.flex-control-nav li {margin: 20px 6px 0 0; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.g-recaptcha {
	width: 300px;
	margin: 0 auto;
}