html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

* {font-family:'Alegreya Sans';margin:0;padding:0;outline:none;}
h1 {font-family:'Signika Negative';font-weight:700;font-size:23px;text-transform:uppercase}
p {margin-bottom:23px;font-size:17.5px;line-height:23px;font-weight:500;text-align:justify}
a {color:black}
td a {color:white;text-decoration:none}
td a:hover {text-decoration:underline}

strong {font-weight:800}
div, form {box-sizing:border-box}
ul#menu {position:absolute;left:50%;width:200px;top:120px;margin-left:-485px;list-style:none;background:url('images/mdw.png') top right no-repeat;padding-right:12px;}
ul#menu li {display:block;text-align:right;padding:0;margin:0}
ul#menu li:last-child {margin-top:45px}
ul#menu li:last-child a {border:1px solid black;padding:5px 11px;margin-right:-11px}
ul#menu li a {text-decoration:none;color:black;text-transform:uppercase;font-family:'Alegreya Sans';font-weight:300;font-size:18px}
ul#menu li.on a {color:white;font-weight:900;padding-right:18px;background:url('images/maw.png') center right no-repeat ;display:block}
ul#menu.red {background-image:url('images/mdr.png')}
ul#menu.red li.on a {color:#b74438;background-image:url('images/mar.png')}

body {background:#b74438}
body > div > div {position:relative;width:700px;padding-right:40px;left:50%;margin-left:-240px;}

div#home {padding-top:114px;height:700px;}
div#home div {background:url('images/k2.png') no-repeat 330px 105px;width:700px;height:470px}
div#home h1 {margin-bottom:20px}
div#home ul {list-style:none;margin-top:50px;width:650px}
div#home ul li {font-size:34px;font-weight:100;float:left;}
div#home ul li::after {content:"|";font-size:25px;font-weight:500;vertical-align:middle;margin-left:8px;margin-right:8px}
div#home ul li:last-child::after {content:none}

div#over {background:#a3c1da url('images/bs.png') repeat-x top;}
div#over > div {background:url('images/rab.png') no-repeat 600px 0px;padding-top:100px;padding-bottom:75px;}
div#over > div p.em {font-style:italic;font-weight:500;padding-top:23px}
div#over > div p.em span {display:block;float:left;height:50px;padding-right:2px}
div#over > div > div:first-child {width:465px;float:left;margin-right:20px}
div#over > div > div#ikben p {font-size:16px;font-weight:500;text-align:left}

div.quote {height:222px;background:url('images/quote.png') center no-repeat #a2c0da;text-align:center;}
div.quote p {color:white;font-size:38px;text-transform:uppercase;display:block;width:900px;line-height:48px;margin:auto;font-family:'Signika Negative';font-weight:700;padding-top:30px;text-align:center}
div.quote.sl p {line-height:150px;padding-top:0}

hr.clr {border:0;height:0;clear:both;float:none}

div#content {background:#a3c1da/* url('images/bs.png') repeat-x top;*/}
div#content > div {/*background:url('images/bab.png') no-repeat 600px 0px;*/padding-top:28px;padding-bottom:175px;}

div#ervaring {background:#a3c1da/* url('images/bs.png') repeat-x top;*/}
div#ervaring > div:first-child {/*background:url('images/bab.png') no-repeat 600px 0px;*/padding-top:28px;}
div#ervaring > div:last-child {width:862px;height:1607px;margin:auto;padding-left:15px;margin-top:-45px;position:static;}
div#ervaring > div:last-child img {display:block;height:1470px;}

div#contact {background:#b74438 url('images/rs.png') repeat-x top;}
div#contact > div {background:url('images/bar.png') no-repeat 600px 0px;padding-top:100px;padding-bottom:175px;}
div#contact h1 img {width:215px}
div#contact p, div#contact td {color:white;vertical-align:top;font-size:18px;font-weight:500}
div#contact p.payoff {width:300px;font-size:21px;font-family:'Signika Negative';text-align:left}

div#contact p:last-child {color:black;font-size:13px;display:block;background:url('images/hrd.png') repeat-x top left;padding-top:8px;margin-top:20px;line-height:18px}
div#contact p:last-child em {font-size:13px}
div#contact p:last-child span {font-family:'Signika Negative';text-transform:uppercase}

div#contact table {margin-bottom:20px}

div#contact #react {float:left;width:125px;text-transform:uppercase;color:white;font-weight:500;font-size:18px}
div#contact form {background:white;width:525px;float:left;padding:10px 10px 18px 10px;text-transform:uppercase;font-size:13px;position:relative;font-weight:500}
div#contact form textarea {display:block;border:0;width:100%;height:80px;resize:none;font-size:15px}
div#contact form input[type="text"] {border:0;border-bottom:1px dotted black;height:13px;line-height:13px;width:360px}
div#contact form input[type="image"] {position:absolute;right:12px;bottom:12px}

#links {float:right}
#links a {margin-left:15px}