@font-face{font-family:ProximaNova;src:url('../fonts/ProximaNova-Regular.otf');}
@font-face{font-family:Roboto;src:url('../fonts/Roboto-Regular.ttf');}
@font-face{font-family:RobotoItalic;src:url('../fonts/Roboto-Italic.ttf');}
@font-face{font-family:RobotoBold;src:url('../fonts/Roboto-Bold.ttf');}
@font-face{font-family:ProximaNovaBold;src:url('../fonts/mark_simonson_-_proxima_nova_alt_bold-webfont.ttf');}

html,body{width:100%;height:100%;margin:0;padding:0;}
body{font-family:Roboto;background-color:#eff8fa;font-size:16px;color:#262626;}
a:link{color:#1c98ba;text-decoration:none;}
a:hover{text-decoration:underline;}
button{padding:12px 20px;background-color:#1c98ba;border:none;border-radius:3px;color:#FFF;font-family:RobotoBold;font-size:16px;}
button:hover{cursor:pointer;background-color:#1a83a0;}
h1{font-family:ProximaNovaBold;font-size:36px;margin:0;padding:0;color:#1c98ba;margin-bottom:30px;}
h2{font-family:ProximaNova;font-weight:normal;font-size:24px;margin:0;padding:0;color:#1c98ba;margin-bottom:30px;}

#content{margin-top:236px;z-index:2;}

#main{margin-bottom:30px;width:868px;background-color:#FFF;min-height:200px;float:left;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
#main div.inner-region{padding:30px;}
#main p{line-height:162.5%;}
#main span.subtitle{font-family:'RobotoBold';font-size:16px;line-height:206.25%;color:#262626;display:block;margin-top:10px;}
#main div.separator{background-color:#d7ecf1;height:110px;position:relative;left:0;right:0;}

#aside{width:268px;float:right;}
#aside div.aside-block{padding:20px;background-color:white;min-height:200px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-bottom:30px;}
#aside div.aside-block.hulp{background-color:#105782;color:#FFF;}
#aside div.aside-block.hulp h2{color:#FFF;font-family:ProximaNova;font-size:24px;}

ul.sli{list-style:none;padding-left:0;}
ul.sli li{line-height:162.5%;}
ul.sli.square li:before{font-family:'FontAwesome';content:'\f0c8';margin:0 15px 0 0;color:#1c98ba;font-size:11px;position:relative;top:-2px;}


#rightcontainer{height:36px;float:right;width:515px;position:relative;top:19.5px;}
div.search{height:36px;width:346px;float:left;}
div.search input.searchinput{box-shadow:inset 2px 2px 1px 1px rgba(104,196,223,0.3);height:36px;border:none;padding:0;width:310px;text-indent:10px;border-bottom-left-radius:5px;border-top-left-radius:5px;color:#262626;font-family:Roboto;font-size:16px;}
div.search button.searchbutton{height:36px;width:36px;padding:0;border-bottom-left-radius:0;border-top-left-radius:0;border-bottom-right-radius:5px;border-top-right-radius:5px;}
input.searchinput::-webkit-input-placeholder{color:#a9a9a9;}
input.searchinput::-moz-placeholder {color:#a9a9a9;opacity:1;}
input.searchinput:-ms-input-placeholder{color:#a9a9a9;}


#headercontainer{z-index:-1000;width:100%;position:absolute;left:0;top:0;height:466px;background:url(../images/header.jpg) no-repeat top center;-webkit-background-size: 100% 489px;-moz-background-size: 100% 489px;-o-background-size: 100% 489px;background-size: 100% 489px;}
#header-top-container{background-color:#eff8fa;width:100%;height:75px;}
#header-top{width:100%;max-width:1168px;margin:0 auto;height:75px;}
#header-bottom-container{background-color:#fff;width:100%px;height:56px;}
#header-bottom{width:100%;max-width:1168px;margin:0 auto;height:56px;line-height:56px;}
#logo{position:relative;top:15.5px;}
#menu{margin:0;list-style:none;padding:0;text-align:right;}
#menu li{float:left;margin-right:32px;font-family:ProximaNovaBold;font-weight:bold;font-size:16px;letter-spacing: 0.05em;text-transform:uppercase;}
#menu li a:link{height:100%;display:block;;color:#105782;}
#menu li a.active, #menu li a:hover{color:#1c98ba;text-decoration:none;}
#buttoncontainer{float:right;}
#registerbutton{height:36px;padding:0 20px;}
#loginbutton{margin-left:10px;height:36px;padding:0 20px;}
#calltocontainer{float:right;}
#callto{font-size:18px;font-family:RobotoBold;line-height:38px;color:#4e4e4e;}


#footer{width:100%;background-color:#4e4e4e;color:#FFF;line-height:171.43%;height:480px;overflow-y:hidden;}
#footer a:link, #footer a:visited{color:#FFF;}
#footer-top{width:100%;max-width:1168px;margin:0 auto;text-align:center;height:85px;padding-top:60px;}
#footer-top h3{margin-left:45px;font-size:22px;font-weight: normal;display:inline-block;}
#footer-top button{font-size:18px;display:inline-block;padding:15px 30px;}
#footer-content{max-width:1168px;margin:0 auto 60px auto;height:200px;}
#footer-content ul{list-style:none;padding:0;line-height:200%;}
#footer-content div.c{height:200px;}
#footer-content div.c span{display:block;}
#footer-content span.t{font-family:ProximaNovaBold;font-size:16px;font-weight:bold;text-transform:uppercase;}
#footer-bottom{text-align:center;height:75px;line-height:75px;border-top:1px solid #838383;}
#social-icons a{border-radius:50%;width:25px;height:25px;background-color:#FFF;text-align:center;display:inline-block;margin-right:10px;}
#social-icons i.fa{color:#4e4e4e;font-size:16px;font-weight:bold;position:relative;top:-2px;}

div.r4, div.r3, div.r2, div.r1, div.r3-1, div.r1-1{width:100%;margin-bottom:20px;}
.c{float:left;}
div.r4 > .c{width:22%;margin:0 2% 0 2%;}
div.r4 > .c:first-child{margin-left:0;}
div.r4 > .c:last-child{margin-right:0;}
div.r3 > .c{width:33%;}
div.r2 > .c{width:50%;}
div.r1 > .c{width:100%;}
div.r3-1 > .c:first-child{width:75%;}
div.r3-1 > .c{width:25%;}
div.r65-35 > .c:first-child{width:65%;}
div.r65-35 > .c{width:35%;}
div.r7-3 > .c:first-child{width:70%;}
div.r7-3 > .c{width:30%;}

ul{list-style:none;}
div.region{width:100%;margin:0 auto;max-width:1168px;}
div.region.full{max-width:100%;}
div.region.full > div.region-inner{width:100%;max-width:1168px;margin:0 auto;}
div.region.blue{background-color:#eff8fa;}
div.region.white{background-color:#fff;}