html {
    position: relative;
    width: 100%;
    height: 100%;
}

body {
    background:#fff;
    float:left;
    font-family: 'Ubuntu', sans-serif;
    font-weight:300;
}

#wrapper{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;     
}
#pageContainer {
    position: relative;
    padding: 0;
    min-height: 100%;
    margin-top:-220px;
    padding-top:220px;      
}

@font-face {font-family: FrutigerLTStd-Light; src: url(../fonts/FrutigerLTStd-Light.otf);}

/********************************/
/**************Divs**************/
/********************************/
header{
    float:left;
    width:100%;
    padding-top:15px;
}

.clear{
    clear: both;
}
.container{
    max-width:960px;
    width:100%;        
}

#hoofdContainer{   
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    padding-bottom:25px;
    box-sizing: border-box;
}

#hero{
    float:left;
    width:100%;
    padding-bottom:10px;
}

#content{    
    float:left;
    width:100%;
}

.contentLeft{
    padding-bottom:25px;
}

.heroImage{
    padding-right:100px;
    float:left;
    width:100%;
}

#sidebar{
    float:right;
}

.threeColumns{
    float:left;
    width:100%;
    margin-top:45px;
}

a.showSearch{
    position: relative;
}

.searchBlock{
    position: absolute;
    background:#c1bfbf;
    width:100%;
    padding:5px;
    left:-10px;
    top:30px;
    visibility: hidden;
    z-index:100;
}
.searchBlock:before{
    content:'';
    position: absolute;
    width:10px;
    height:10px;
    top:-10px;
    left:25px;
    background:url('../images/searchBefore.png');
    background-size:100%;
}

.searchBlock button{
    color:#c1bfbf;
}

.readmoretext{
    display: none;
}

.divider{
    float:left;
    width:100%;
    height:1px;
    background:#c1bfbf;
    margin:40px 0;
}

#submenu{
    float:right;
    margin-top:15px;
    width:55%;
}

.solution .imageLeft,
.solution .solutionRight{
    float:left;
}

.solution .imageLeft{
    width:30%;
}

.solution .solutionRight{
    width:70%;
    padding-left:25px;
    box-sizing: border-box;
}

#faq-answers > div {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.contactForm{
    position: relative;
    clear: both;
    padding-top:35px;
    width: 100%;
}

footer {
    position: relative;
    float:left;
    width: 100%;
    height: 220px;
    width:100%;
    z-index:0;
}

#footerInner{
    float:left;
    width:100%;
    padding-top:25px;
    background:#13235b;    
    height: 220px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}

.footerBottom{
    float:left;
    width:100%;
    margin-top:10px;
    padding-bottom: 20px;
}

/********************************/
/**************Menu**************/
/********************************/
button.navbar-toggle{
    background:#13235b;
    margin:0 0 0 15px;
    float:left;
}

span.icon-bar{
    background:#fff;
}

#menu{
    float:left;
}

#menu nav ul{
    float:right;
    padding:0;
    margin:0;
    list-style:none;
}

#menu nav ul li{
    float:left;
    margin-left:20px;
}

#menu nav ul li a{
    float:left;
    color:#13235b;
    font-size:16px;
    font-family:verdana;
    text-decoration: none;
    -webkit-transition:0.5s;
    transition: 0.5s;
}

#menu nav ul li a:hover,
#menu nav ul li a.active,
#submenu ul li a:hover,
#submenu ul li a.active{
    color:#00b5ec!important;
}

#language ul{
    float:right;
    margin:0;
    padding:0;
    list-style: none;
    font-weight:300;
}

#language ul li{
    display: inline;
}

#language ul li a{
    color:#b2b2b2;
    border:1px solid transparent;
    text-decoration: none;
    padding:1px 2px;
    font-size:12px;
    -webkit-transition:0.5s;
    transition: 0.5s;
}

#language ul li a.selected,
#language ul li a:hover{
    border-color:#b2b2b2;
}

footer ul{
    list-style:none;
    padding:0;
    margin:0;
}

footer ul li{
    display:inline;
}

footer ul li a{
    color:#00b5ec!important;
    line-height:18px;
    font-size:12px;
}

#submenu ul{
    list-style:none;
    padding:0;
}

#submenu ul li{
    width:100%;
    float:left;
}

#submenu ul li a{
    float:left;
    margin-bottom: 5px;
    color:#13235b!important;
    font-family: verdana;
    font-size:14px;
    line-height:18px;
    text-decoration: none;
    -webkit-transition:0.5s;
    transition: 0.5s;
}

/********************************/
/**************Heads*************/
/********************************/
h1,h2,h3,h3,h5,h6{
    color:#13235b;
    font-family:FrutigerLTStd-Light;
}

h1{
    font-size:40px;
    margin-bottom:22px;
}

h2{
    font-size:27px;
    margin-bottom:20px;
}

#submenu h2{
    margin-bottom:10px;
}

.solution .solutionRight h2{
    margin-top:0;
}

.contactForm h2{
    margin-top:0;
}

footer h3{
    color:#fff;
    font-size:27px;
    font-family: 'Ubuntu', sans-serif;
    font-weight:300;
}

/********************************/
/**************Images************/
/********************************/
a.logo{
    margin-top:-30px;
    float:right;
    width:100%;
}

a.logo img{
    width:80%;
}

.heroImage img{
    max-width: 100%;
}

.solution .imageLeft img{
    width:100%;
}

/********************************/
/************Paragraphs**********/
/********************************/
p{
    font-family: verdana;
    font-size:16px;
    line-height:26px;
    color:#646363;
}

#faq-questions,
#faq-answers p{
    font-family: verdana;
    font-size:14px;
    line-height:18px!important;
}

.threeColumns p{
    font-family: verdana;
    font-size:14px;
    line-height:20px;
}

footer p{
    color:#fff;
    line-height:18px;
}

.footerBottom p{
    color:#00b5ec;
    font-size:12px;
}

strong{
    font-weight: 500;
}

#faq-answers strong{
    color:#13235b;
    width:100%;
    float:left;
}

p + a{
    margin-top:-10px;
    float:left;
}

.application p + a{
    margin-top:0;
}

.contentLeft p + ul{
    margin-top:-10px;
}

.contentLeft ul{
    padding:0;
    list-style-position: outside;
    margin-left:15px;
}

.contentLeft ul li{
    color: #646363;
    line-height:27px;
}

.solution p,
.solution ul li,
.application p,
.application a,
.contactInformation p{
    font-size:14px;
    line-height:18px;
}

.solution .solutionRight > a{
    margin-top:10px;
}
/********************************/
/**************Links*************/
/********************************/
a{
    color:#009ee0;
}

#content a,
footer a{    
    color:#00b5ec!important;
}

a.socialIcon{
    float:left;
    margin-right:10px;
    -webkit-transition:0.5s;
    transition: 0.5s;
}

a.socialIcon:hover img{
    opacity:0.5;
}

/********************************/
/********Mobiel portret**********/
/********************************/
@media only screen and (max-width: 479px) {
    img.html_background { display: none; }
}


/********************************/
/******Mobiel landscape + portret*********/
/********************************/
@media only screen and (max-width : 767px) {
    img.html_background { display: none; }
    body{padding:0;}
    footer{position: relative; float:left; width:100%; height:auto;}
    #footerInner{height:auto;}
    
    #hero{padding:10px 0;}
    .heroImage{padding-right:35px;}
    .threeColumns{margin-top:30px;}
    a.logo{margin:0; width:50%;}
    
    h1{margin-bottom:15px;}
    h2{margin-bottom:10px;}
    
    #menu nav{padding:0;}
    #menu nav ul{float:left; width:100%; margin-top:15px; padding:0;}
    #menu nav ul li{float:left; width:100%; margin:0;}
    #menu nav ul li a{float:left; width:100%; text-align: center;}
    
    #submenu{ margin-top:20px; width:100%;}
    
    .solution .imageLeft{ width:100%; margin-bottom:5px;}
    .solution .solutionRight{ width:100%; padding-left:0;}
    
    .divider{margin:20px 0;}
}


/********************************/
/************Tablet**************/
/********************************/
@media only screen and (min-width : 768px) and (max-width : 991px) {
}


/********************************/
/********Tablet Landscape********/
/********************************/
@media only screen and (min-width : 1024px) and (max-width : 1050px) {  
}


@media only screen and (min-width : 992px) and (max-width : 1199px) {
}

@media only screen and (min-width : 992px){
}

form#contact input, form#contact textarea {
    margin: 0 0 10px 10px;
    padding: 3px;
    width: 100%;
    border: 0;
    background: #ececec;
}

form#contact textarea {
    height: 100px;
}

input.cfield {
    display: none;
}

img.html_background {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

form#contact input[type="submit"] {
    color: #ffffff;
    background: #00b5ec;
}

.footerNews {
    padding-left: 30px;    
}

.footerBottom {
    padding-left: 12px;
}

.footerNews p, .footerContact p {
    font-family: verdana;
    font-size:14px;
}

.contentLeft ul {
    font-family: verdana;
    font-size:16px;
    line-height:26px;
    color:#646363;
}

#content a {
    font-family: verdana;
    font-size: 14px !important;
}
    
#content .introtext a, .contentLeft a {
    font-family: verdana !important;
    font-size: 16px !important;   
}

/*
#faq-questions a {
    color: #13235b !important;
}
*/

.g-recaptcha {
    margin-left: 10px;
}