html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0px; padding: 0px; }

body { font: 82%/140% "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; overflow: -moz-scrollbars-vertical; overflow-y: scroll; color: #222; z-index: -2; }

div.error,
div.succes { border: 1px dashed #aaa; padding: 20px; font-size: 16px; line-height: 32px; margin-bottom: 20px; }

div.error { background: #ffffd7; }
div.succes { background: #D1E3B7; }

.left { float: left; }
.right { float: right; }

.clear { clear: both; }
.clear_left { clear: left; }
.clear_right { clear: right; }

.success { margin-top: 30px; }

h1,
h2,
h3,
h4 { clear: both; -webkit-font-smoothing: antialiased; font-family: "Lato",sans-serif; }

ul { list-style: none; }

pre { font-family: 'Lucida Console'; font-size: 10pt; padding: 30px; }

a { text-decoration: none; transition: opacity 0.2s ease 0s; }
a.active { font-weight: 700; text-decoration: underline; } 

blockquote { background: #f9f9f9; border-left: 10px solid #1AB394; margin: 20px 0; padding: 30px; quotes: "\201C""\201D""\2018""\2019"; }
blockquote:before { color: #ccc; content: open-quote; font-size: 90px; line-height: 1px; margin-right: 10px; vertical-align: text-bottom; }
blockquote p { display: inline; }

.hide,
.hidden { display: none; }
.disabled { opacity: 0.2; }

.submit { font-family: "Lato",sans-serif; }

.placeholder { color: #aaa; }

#cookie { position: fixed; width: 100%; text-align: center; background: #23303A; bottom: 0; color: #fff; z-index: 3; }
#cookie p { padding: 20px; }
#cookie a { color: #fff; margin-left: 10px; font-weight: 700; text-decoration: underline; }

#scrolltop { display: none; position: fixed; bottom: 10px; left: 10px; z-index: 2; }
#scrolltop a { color: #fff; background: #23303a; padding: 10px; font-weight: bold; font-size: 13px; display: block; float: left; }
#scrolltop a:hover { text-decoration: underline; }
#scrolltop a:before { content: ""; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #23303a; position: absolute; width: 0; height: 0; margin-top: -17px; left: 50%; margin-left: -7px; }

div.wrapper { width: 960px; margin: 0 auto; padding: 0 40px; }

div#header { background: #2F4050; }

input.error,
textarea.error { border: 2px solid #f00 !important; }

.input,
.textarea { font: 14px "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; }

div#header div#logo a { float: left; margin: 12px 0; width: 120px; height: 42px; }
div#header div#logo a:hover { opacity: .7; }

div#menu ul { float: right; font-family: "Lato",sans-serif; }
div#menu li { float: left; }
div#menu li ul { display: none; }
div#menu li a { font-size: 11px; text-transform: uppercase; color: #fff; letter-spacing: .55px; line-height: 11px; padding: 30px 12px; display: block; }
div#menu li a:hover { opacity: .6; }

div#visual { background: #1AB394 url('/resources/img/overlay.png'); padding: 70px 0; text-align: center; }
div#visual h1 { font-weight: 500; letter-spacing: -0.02em; color: #fff; padding: 20px 0; font-size: 30px; line-height: 47px; }
div#visual h1 b { background: rgba(0,0,0,.15); padding: 5px 10px; }
div#visual a { display: inline-block; font-family: "Lato",sans-serif; border: 2px solid #fff; font-weight: 700; font-size: 16px; color: #fff; padding: 14px 20px; margin: 40px 10px 0 10px; }
div#visual a:hover { background: rgba(0,0,0,.2); text-decoration: underline; }
div#visual li { color: #fff; float: left; width: 185px; padding: 20px; height: 117px; background: rgba(0,0,0,.15);  margin: 30px 0 30px 20px; }
div#visual li b { display: block; margin-bottom: 10px; font-size: 16px; }
div#visual li:first-child { margin-left: 0; }

div#teaser { clear: both; color: #fff; background: url('/resources/img/header_two.jpg') left center; background-size: 2500px; }
div#teaser_overlay { padding: 75px 0; background: url('/resources/img/overlay.png') }
div#teaser div.left { text-align: center; text-shadow: rgba(0,0,0,1) 0 0 15px; }
div#teaser h2 { font-size: 44px; font-weight: 300; line-height: 54px; margin-bottom: 30px; }
div#teaser h3 { padding: 0 100px; font-weight: 400; margin-bottom: 20px; font-size: 16px; line-height: 30px; }
div#teaser h3 b { margin-right: 10px; }

div#teaser form {  border-radius: 5px; padding: 20px; clear: both; text-align: center; }
div#teaser form .input { font-size: 16px; padding: 10px; font-weight: 400; border: 2px solid #fff; width: 250px; margin-right: 20px; }
div#teaser form .submit { vertical-align: top; margin-bottom: 10px; background: #18A387; border: 2px solid #18A387; padding: 9px; width: 150px; cursor: pointer; color: #fff; font-size: 16px; font-weight: 700; }
div#teaser form .submit:hover { background: #18A387; text-decoration: underline; }
div#teaser form a { float: right; color: rgba(255,255,255,.7); text-decoration: underline; }
div#teaser form h3 { font-weight: 700; margin-bottom: 40px; }
div#teaser form .submit.loading { background: #16957c url('/resources/img/loading-demo.gif') no-repeat center center; }

div#certified { text-align: center; background: #eee; border-top: 1px solid #fff; border-bottom: 1px solid #ddd; }
div#certified h2 { font-size: 22px; font-weight: 500; padding: 40px 0 40px 0; display: inline-block; }
div#certified h2 a { color: #2B5F94;}
div#certified h2 a:hover { border-bottom: 1px solid #3378BE; color: #3378BE; }

div#certified span#iso { background: url('/resources/img/logo-iso.svg') no-repeat center left; background-size: 80px; height: 100px; vertical-align: bottom; width: 80px; display: inline-block; }
div#certified span#nen { background: url('/resources/img/dvgnl-nen-7510.png') no-repeat center left; background-size: 80px; height: 100px; vertical-align: bottom; width: 80px; display: inline-block; }

div#reference { padding: 80px 0; }
div#reference h2 { text-align: center; color: #adb3b9; font-weight: 300; font-size: 22px; letter-spacing: .77px; margin-bottom: 70px; }
div#reference li { float: left; text-align: center; margin-bottom: 20px; height: 150px; line-height: 150px; margin-right: 20px; width: 225px; background: rgba(0,0,0,.02); }
div#reference li:nth-child(4n+4) { margin-right: 0; }
div#reference li:hover { background-image: url('/resources/img/overlay.png') }
div#reference img { filter: none; opacity: 1; vertical-align: middle;  }
div#reference a.logo { padding: 20px; color: #999; line-height: 39px; font-weight: 700; font-size: 15px; }
div#reference a.logo:hover { color: #1AB394; }

div#reference p { text-align: center; }
div#reference a.button { display: inline-block; font-family: "Lato",sans-serif; border: 2px solid #18A387; font-weight: 700; font-size: 16px; color: #18A387; padding: 14px 20px; margin: 40px 10px 0 10px; }
div#reference a.button:hover { text-decoration: underline; }
  
/* Vervolgpagina */

div#breadcrumbs { text-transform: uppercase; font-size: 11px; width: 960px; color: rgba(0,0,0,.4); margin: 0 auto; text-align: right; border-bottom: 1px solid #ddd; padding: 20px 0; margin-top: -43px; line-height: 11px; margin-bottom: 30px; }
div#breadcrumbs a { color: rgba(0,0,0,.5); font-weight: 700; }
div#breadcrumbs a.active,
div#breadcrumbs a:hover { color: rgba(0,0,0,.7); }

div#breadcrumbs div.block { float: left; text-align: left; }
div#breadcrumbs ul { display: inline-block; margin-left: 5px; }
div#breadcrumbs ul li { margin-right: 10px; display: inline-block; }
div#breadcrumbs ul li a { border: 2px solid #18A387; padding: 7px; }
div#breadcrumbs ul li a.active,
div#breadcrumbs ul li a:hover { background: rgba(0,0,0,.1); }
div#breadcrumbs ul li a.active { background: #18A387; color: #fff; }
div#breadcrumbs ul li a.active:before { content: ""; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #18A387; position: absolute; width: 0; height: 0; margin-top: 20px; }

div#pagetitle { background: #1AB394 url('/resources/img/overlay.png'); padding: 20px 0; }
div#pagetitle h1 { font-weight: 700; letter-spacing: -0.02em; color: #fff; float: left; width: 400px; padding: 20px 0; font-size: 32px; line-height: 1.2em; }
div#pagetitle h3 { font-weight: 700; letter-spacing: -0.02em; color: #fff; font-size: 16px; margin-bottom: 8px; line-height: 1.2em; }

div#pagetitle form { float: right; }
div#pagetitle form .input { border: 2px solid #fff; padding: 9px; width: 120px; margin: 0 10px 0 0; font-size: 14px; }
div#pagetitle form .submit { vertical-align: top; margin-bottom: 10px; background: transparent; border: 2px solid #fff; padding: 8px; width: 138px; cursor: pointer; color: #fff; font-family: "Lato",sans-serif; font-weight: 700; font-size: 14px; }
div#pagetitle form .submit:hover { background: rgba(0,0,0,.1); text-decoration: underline; }
div#pagetitle form .submit.loading { background: #16957c url('/resources/img/loading-demo.gif') no-repeat center center; }

div#content { border-top: 1px solid #fff; background: linear-gradient(to bottom,#eee 0px,#fff 250px); padding: 40px 0; min-height: 400px; }
div#content p { text-align: justify;  }

div#content div.wrapper { display: table; }

div#sidebar { display: table-cell; width: 290px; padding: 0 60px 0 0; vertical-align: top; }
div#sidebar ul { width: 250px; z-index: 1; margin-top: 20px; }
div#sidebar ul li { margin-bottom: 20px; clear: both; }
div#sidebar ul li a { color: #666; font-size: 12px; }
div#sidebar ul li a b { color: #1C84C6; text-decoration: underline; font-size: 16px; margin-bottom: 5px; }
div#sidebar ul li a:hover b { color: #158E76; }
div#sidebar ul li a b { display: block; }

div#main_content { display: table-cell; vertical-align: top; }

div#main_content p { padding: 15px 0; font-size: 16px; line-height: 30px;}
div#main_content ul { margin: 0; font-size: 16px; line-height: 42px; list-style: none; }
div#main_content ul li { padding-left: 25px; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiMxNThlNzYiIGQ9Ik02LjQ0MSwxNy41NTRMNi40NDEsMTcuNTU0Yy0wLjQwOSwwLTAuODAzLTAuMTYzLTEuMDkzLTAuNDUzbC00Ljg5NS00Ljg5Ng0KCQljLTAuNjA0LTAuNjA0LTAuNjA0LTEuNTgyLDAtMi4xODZjMC42MDQtMC42MDQsMS41ODItMC42MDQsMi4xODYsMGwzLjgwMiwzLjgwM2wxMC45Mi0xMC45MjJjMC42MDQtMC42MDQsMS41ODItMC42MDQsMi4xODcsMA0KCQljMC42MDQsMC42MDQsMC42MDQsMS41ODIsMCwyLjE4Nkw3LjUzNCwxNy4xMDFDNy4yNDQsMTcuMzkxLDYuODUyLDE3LjU1NCw2LjQ0MSwxNy41NTR6Ii8+DQo8L2c+DQo8L3N2Zz4=') no-repeat 0px 12px; background-size: 17px; }
div#main_content ul li a { color: #158E76; font-weight: 400; font-family: 'Lato', sans-serif;  }
div#main_content ul li a:hover { color: #1AB394; }

div#main_content h1,
div#sidebar h1 { font-weight: 700; font-size: 32px; color: #1AB394; line-height: 38px; padding: 10px 0 }
div#main_content h2 { font-size: 24px; line-height: 34px; margin: 40px 0 20px 0; color: #2F4050; }
div#main_content h3 { font-size: 18px; line-height: 22px; margin: 30px 0 0 0; }
div#main_content h3 a { color: #1AB394; text-decoration: underline; }
div#main_content h3 a:hover { color: #158E76; }

div#main_content p a { color: #1AB394; text-decoration: underline; }
div#main_content p a:hover { color: #158E76; }
div#main_content h2.divider { margin-top: 120px; }
div#main_content h2.divider:before { content: ""; position: absolute; left: 0; width: 100%; height: 50px; background: linear-gradient(to bottom, #eee 0px, #fff 100%); margin-top: -60px; }
div#main_content h2 a { margin-top: -40px; position: absolute; }
div#main_content h2.divider a { margin-top: -60px; position: absolute; }

div#main_content ul.logos li { padding-left: 0; display: inline-block; text-align: center; width: 170px; height: 70px; line-height: 70px; margin: 0 20px 20px 0; padding: 20px; background: none; border: 2px solid #eee; }
div#main_content ul.logos li:hover img { opacity: .7; }
div#main_content ul.logos li img { vertical-align: middle; }
div#main_content ul.logos li a.logo { padding: 20px; color: #999; line-height: 39px; font-weight: 700; font-size: 15px; }
div#main_content ul.logos li a.logo:hover { color: #1AB394; }

div#news { padding: 50px 0; background: url('/resources/img/teaser@2x.jpg') right center; background-size: cover; }
div#news h3 { margin-bottom: 30px; font-size: 20px; color: #fff; text-shadow: 0px 0px 5px #000; }

div#news div.item { width: 620px; margin-bottom: 30px; }
div#news div.item a span.title { display: block; background: #1AB394; color: #fff; padding: 20px; font-size: 17px; font-weight: 700; font-family: 'Lato',sans-serif; }
div#news div.item a span.date { font-size: 14px; font-weight: 400; margin-right: 20px; }
div#news div.item a span.intro { display: block; padding: 20px; font-size: 15px; background: rgba(255,255,255,.6); color: #333; line-height: 26px; }

div#news div.item a:hover span.title { text-decoration: underline; background: #158E76; }
div#news div.item a:hover span.intro { background: rgba(255,255,255,.8); }

/* footer */

div#footer { background: #2F4050; color: rgba(255,255,255,.3); font-size: 11px; text-transform: uppercase; }

div#top_bar { background: #23303A; padding: 40px 0; color: rgba(255,255,255,.4); }
div#top_bar b { display: block; margin-bottom: 5px; }
div#top_bar b span.errorcode { color: #f00; }
div#top_bar .input { background: #2F4050; color: #fff; border: 0; margin: 0 10px 0 0; padding: 8px; width: 140px; }
div#top_bar input:focus { background: #394F62; }
div#top_bar input.submit { vertical-align: bottom; width: 100px; border: 2px solid #fff; background: transparent; font-family: "Lato",sans-serif; font-size: 14px; font-weight: 700; color: #fff; cursor: pointer; padding: 5px 8px; }
div#top_bar input.submit:hover { text-decoration: underline; background-color: rgba(255,255,255,.1); }
div#top_bar input.loading { background: transparent url('/resources/img/loading-newsletter.gif') no-repeat center center; }
div#top_bar input.loading:hover { background-color: transparent; }

div#address { width: 430px; margin-top: 15px; }
div#address address { float:right; display: inline; font-style: normal; }
div#address ul { float: right; }
div#address ul li { float: left; margin-right: 30px; }
div#address ul li a { color: #fff; font-weight: 700; }

div#sitemap { float: left; font-family: "Lato",sans-serif; }
div#sitemap ul { text-align: center; width: 960px; }
div#sitemap ul li { display: inline-block; }
div#sitemap ul ul { display: none; }
div#sitemap li a { font-size: 11px; text-transform: uppercase; color: #fff; letter-spacing: .55px; line-height: 11px; padding: 30px 0; margin: 0 8px; display: block; }
div#sitemap li a:hover { opacity: .6; }
div#sitemap ul li a.active { text-decoration: underline; }

div#footnote { clear: both; border-top: 1px solid rgba(255,255,255,.1); }
div#footnote div.left,
div#footnote div.right { padding: 30px 0; }
div#footnote li { display: inline-block; margin-left: 10px; }
div#footnote li a { color: rgba(255,255,255,.3); }
div#footnote li a:hover { color: rgba(255,255,255,.5); }
div#footnote a { color: rgba(255,255,255,.3); }
div#footnote a:visited { color: rgba(255,255,255,.3); }

/* vragen */

div.question:before { content: ""; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ddd; position: absolute; width: 0; height: 0; margin-top: -30px; }
div.question { display: none; border: 1px solid #ddd; background: #eee; padding: 20px 40px; margin: 10px 0 30px 0; }
div#main_content ul#questions li { background: none; padding-left: 0; }
div#main_content ul#questions li a { background: url('/resources/img/li-icon-plus.png') no-repeat 0px; padding-left: 28px; }
div#main_content ul#questions ul li {  padding-left: 25px; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiMxNThlNzYiIGQ9Ik02LjQ0MSwxNy41NTRMNi40NDEsMTcuNTU0Yy0wLjQwOSwwLTAuODAzLTAuMTYzLTEuMDkzLTAuNDUzbC00Ljg5NS00Ljg5Ng0KCQljLTAuNjA0LTAuNjA0LTAuNjA0LTEuNTgyLDAtMi4xODZjMC42MDQtMC42MDQsMS41ODItMC42MDQsMi4xODYsMGwzLjgwMiwzLjgwM2wxMC45Mi0xMC45MjJjMC42MDQtMC42MDQsMS41ODItMC42MDQsMi4xODcsMA0KCQljMC42MDQsMC42MDQsMC42MDQsMS41ODIsMCwyLjE4Nkw3LjUzNCwxNy4xMDFDNy4yNDQsMTcuMzkxLDYuODUyLDE3LjU1NCw2LjQ0MSwxNy41NTR6Ii8+DQo8L2c+DQo8L3N2Zz4=') no-repeat 0px 12px; background-size: 17px; }
div#main_content ul#questions div.question a { background: none; padding-left: 0; }

/* contact */

div#main_content div.block { width: 610px; }

div#recaptcha { float: right; }
div#recaptcha a { color: #18A387; text-decoration: underline; }

form#contact .input { padding: 10px; border: 1px solid #ccc; width: 273px; margin-bottom: 20px; }
form#contact .textarea { clear: both; width: 588px; padding: 10px; border: 1px solid #ccc; height: 200px; margin: 0 0 20px 0; }
form#contact .textarea:focus,
form#contact .input:focus { border: 1px solid #18A387; }
form#contact .submit { background: #18A387; border: 2px solid #18A387; padding: 9px; width: 150px; cursor: pointer; color: #fff; font-family: "Lato",sans-serif; font-size: 16px; font-weight: 700; }
form#contact .submit:hover { background: #158E76; text-decoration: underline; }

div#sidebar { font-size: 16px; }
div#sidebar p { margin: 20px 0; line-height: 24px; }
div#sidebar a { color: #18A387; text-decoration: underline; }
div#sidebar a:hover { color: #158E76; }

/* newsletter sidebar */

div#sidebar h2 { margin-top: 5px; }

div#sidebar div.block { margin-top: 40px; padding: 20px; background: #eee; }
div#sidebar div.block b { margin-bottom: 20px; display: block; font-family: 'Lato',sans-serif; color: #23303A; }
div#sidebar div.block p { margin-bottom: 20px; text-align: left; font-size: 15px; }
div#sidebar div.block .errorcode { color: #b00; margin-bottom: 20px; }
div#sidebar form .input { font-size: 16px; width: 226px; padding: 10px; font-weight: 400; border: 2px solid #ccc; margin-bottom: 15px; }
div#sidebar form .submit { vertical-align: top; background: #18A387; border: 2px solid #18A387; padding: 9px; width: 150px; cursor: pointer; color: #fff; font-size: 16px; font-weight: 700; }
div#sidebar form .submit:hover {  text-decoration: underline; }
div#sidebar form .submit.loading { background: #16957c url('/resources/img/loading-demo.gif') no-repeat center center; }

div#sidebar ul.headlines { width: 290px; }
div#sidebar ul.headlines li a { display: block; clear: both; vertical-align: top; display: inline-block; width: 235px; font-weight: 700;  }
div#sidebar ul.headlines li a i { vertical-align: top; font-style: normal; display: inline-block; width: 35px; margin-top: 1px; border-radius: 2px; text-align: center; background: #18A387; color: #fff; padding: 8px 5px; margin-right: 10px; }
div#sidebar ul.headlines li a:hover i { background: #158E76; }
div#sidebar ul.headlines li a:hover,
div#sidebar ul.headlines li a.active { text-decoration: underline; color: #158E76; }

div#main_content div.newsletter { padding: 20px; background: #eee; width: auto; margin-top: 20px; }
div#main_content div.newsletter p { text-align: left; font-size: 15px; }
div#main_content div.newsletter h2 { margin: 0; }
div#main_content div.newsletter .errorcode { color: #b00; margin-bottom: 20px; }
div#main_content form#newsletter_inline .input { font-size: 16px; width: 172px; padding: 10px; font-weight: 400; border: 2px solid #ccc; margin-right: 10px; margin-bottom: 10px; }
div#main_content form#newsletter_inline .submit { vertical-align: top; background: #18A387; border: 2px solid #18A387; padding: 9px; width: 150px; cursor: pointer; color: #fff; font-size: 16px; font-weight: 700; }
div#main_content form#newsletter_inline .submit:hover {  text-decoration: underline; }
div#main_content form#newsletter_inline .submit.loading { background: #16957c url('/resources/img/loading-demo.gif') no-repeat center center; }

/* demo inline */

div#main_content form.block { padding: 20px; background: #eee; width: auto; margin-top: 20px; }
div#main_content form.block h2 { margin: 0; }
div#main_content form.block .errorcode { color: #b00; margin-bottom: 20px; }
div#main_content form.block .input { font-size: 16px; width: 172px; padding: 10px; font-weight: 400; border: 2px solid #ccc; margin-right: 10px; margin-bottom: 10px; }
div#main_content form.block .submit { vertical-align: top; background: #18A387; border: 2px solid #18A387; padding: 9px; width: 150px; cursor: pointer; color: #fff; font-size: 16px; font-weight: 700; }
div#main_content form.block .submit:hover {  text-decoration: underline; }
div#main_content form.block .submit.loading { background: #16957c url('/resources/img/loading-demo.gif') no-repeat center center; }

/* nieuws */

div#main_content div.item { margin-bottom: 80px; }
div#main_content div.header img { width: 610px; }
div#main_content div.item h1 { font-size: 24px; line-height: 30px; }
div#main_content div.item h1 a { color: #18A387; }
div#main_content div.item h1 a:hover { color: #158E76; }
div#main_content div.item a.button { color: #18A387; margin-top: 10px; display: inline-block; border: 2px solid #18A387; padding: 8px 12px; font-size: 16px; font-weight: 700; font-family: "Lato", sans-serif; }
div#main_content div.item a.button:hover { text-decoration: underline; background: rgba(0,0,0,.1); }

div#content div#headlines ul { width: 290px; }
div#content div#headlines li a { display: block; clear: both; }
div#content div#headlines li a span.date { vertical-align: top; display: inline-block; width: 35px; margin-top: 1px; border-radius: 2px; text-align: center; background: #18A387; color: #fff; padding: 8px 5px; margin-right: 10px; }
div#content div#headlines li a span.title { vertical-align: top; display: inline-block; width: 235px; font-weight: 700; }
div#content div#headlines li a:hover span.date { background: #158E76; }
div#content div#headlines li a:hover span.title,
div#content div#headlines li a.active span.title { text-decoration: underline; color: #158E76; }

div#content div.news h1 { font-size: 24px; line-height: 30px; }
div#content div.news date { display: block; margin-top: 15px; color: #999; }
div#content div.news div.info { background: #eee; padding: 0 20px; }
div#content div.news div.info p { color: #888; font-size: 13px; }
div#content div.news span.tags { float: right; }

/* stickie */

.stick { position: fixed; top: 0; }

/* responsive */

#mobile_menu { display: none; }
#mob_menu { display: none; }

@media all and (max-width: 850px) {

	body { color: #666; }

	div.wrapper { width: auto; padding: 0 20px; min-width: 320px; }

	.translate_0 { display: block; }
	.translate_m250 { display: none !important; }
	
	#menu { display: none; }

	#mob_menu { display: block; margin-left: -20px; width: 250px; position: absolute; top: 66px; background: #2F4050; max-height: 100%; height: 100%; }
	#mob_menu a { color: #fff; font-size: 11px; text-transform: uppercase; font-family: 'Lato',sans-serif; display: block; padding: 15px 20px; }
	#mob_menu a:hover,
	#mob_menu a.active { background: rgba(0,0,0,.1); }
	#mob_menu a.active { font-weight: bold; border-right: 3px solid #18A68A; }
	#mob_menu ul ul a { padding: 7px 0 7px 45px; }
	#mob_menu ul ul a:before { content: "—"; font-size: 20px; line-height: 15px; position: absolute; margin-left: -25px; }
	#mob_menu ul ul { background:  rgba(255,255,255,.05); }
	#mob_menu li.active ul { display: block; }  

	#mobile_menu { display: block; float: right; }
	#mobile_menu a { padding: 10px; float: left; display: block; margin-top: 12px; width: 18px; height: 22px; }
	#mobile_menu a:hover { background: rgba(0,0,0,.1); }
	#mobile_menu #telephone_nr { width: auto; color: #fff; text-transform: uppercase; font-family: 'Lato', sans-serif; font-size: 11px; line-height: 21px; }
	#m_menu span.line { height: 2px; background: #fff; display: block; margin: 1px 0 3px 0; }
	#m_menu span.line:first-child { margin-top: 5px; }

	div#pagetitle h1 { width: auto; }

	div#teaser h3 { padding: 0; }
	div#teaser form .input { margin-right: 0; margin-bottom: 20px; }
	div#visual li { float: none; width: auto; margin: 0 0 20px 0; height: auto; }
	div#visual a { margin: 5px; }

	div#reference { text-align: center; }
	div#reference li { float: none; padding: 0 20px; display: inline-block; width: auto; margin: 5px; }
	div#reference li:nth-child(4n+4) { margin-right: 5px; }
	div#news { background: #f9f9f9; }
	div#news div.item { width: auto; }
	div#news div.item span.date { display: none; }

	div#top_bar .input,
	div#top_bar .submit { margin-bottom: 10px; }

	div#top_bar div.left { float: none; text-align: center; width: auto; }
	div#top_bar div.right { float: none; }
	div#top_bar div.right address { float: none; display: block; text-align: center; }
	div#top_bar div.right ul { float: none; display: inline-block; margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(0,0,0,.1); }
	div#top_bar div.right ul li { margin: 0 15px; }
	div#top_bar div#address { width: auto; text-align: center; }

	div#sitemap { float: none;  }
	div#sitemap ul { width: auto; padding: 10px 0; }
	div#sitemap ul li a { padding: 10px 0; }

	div#footnote div.left, div#footnote div.right { float: none; text-align: center; padding: 5px 0; }
	div#footnote { padding: 15px 0; }

	div#breadcrumbs { width: auto; padding: 20px; }
	div#breadcrumbs div.block { display: none; }

	div#sidebar { display: none; }

	div#content p { text-align: left;  }
	div#main_content ul li { background-position: 0 0; line-height: 140%; padding-bottom: 20px; }

/*
	div#pagetitle form .input { margin-bottom: 10px; }
	div#pagetitle form#demo { background: #1ab394 url("/resources/img/overlay.png") repeat scroll 0 0; padding: 10px 0; position: fixed; left: 0; z-index: 100; text-align: center; width: 100%; bottom: 0; }
	div#pagetitle form#demo h3 { display: none; }
	div#pagetitle form#demo .input,
	div#pagetitle form#demo .submit { margin: 5px; }
*/

	div#pagetitle form#demo { display: none; }

	div#main_content div.block { width: auto; }
	form#contact .input,
	form#contact .textarea,
	form#contact .submit { display: inline-block; width: 300px; margin: 0 0 10px 0; float: none !important; }
	form#contact .textarea { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; margin: 0 0 10px 0; max-width: 566px; }

	div#main_content img { width: 100%; max-width: 610px; height: auto; }
	div#main_content pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }

	@media all and (max-width: 450px) {
		div#top_bar .input, 
		div#top_bar .submit { display: block; margin: 10px auto }
	}
}

@media only all and (min-width: 2000px){
	div#teaser { background-size: 3500px; }
	div#teaser div.left { text-shadow: rgba(0,0,0,1) 1px 1px 1px; font-weight: 700 !important; }
}

.grecaptcha-badge {
    display: none;
}