html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{background:#fff;font:14px/21px "HelveticaNeue", "Helvetica Neue",Helvetica,Arial,sans-serif;color:#444;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}h1,h2,h3,h4,h5,h6{color:#181818;font-family:"Georgia","Times New Roman",serif;font-weight:normal}h1 a, h2 a, h3 a, h4 a, h5 a, h6
a{font-weight:inherit}h1{font-size:46px;line-height:50px;margin-bottom:14px}h2{font-size:35px;line-height:40px;margin-bottom:10px}h3{font-size:28px;line-height:34px;margin-bottom:8px}h4{font-size:21px;line-height:30px;margin-bottom:4px}h5{font-size:17px;line-height:24px}h6{font-size:14px;line-height:21px}.subheader{color:#777}p{margin:0
0 20px 0}p
img{margin:0}p.lead{font-size:21px;line-height:27px;color:#777}em{font-style:italic}strong{font-weight:bold;color:#333}small{font-size:80%}blockquote, blockquote
p{font-size:17px;line-height:24px;color:#777;font-style:italic}blockquote{margin:0
0 20px;padding:9px
20px 0 19px;border-left:1px solid #ddd}blockquote
cite{display:block;font-size:12px;color:#555}blockquote cite:before{content:"\2014 \0020"}blockquote cite a, blockquote cite a:visited, blockquote cite a:visited{color:#555}hr{border:solid #ddd;border-width:1px 0 0;clear:both;margin:10px
0 30px;height:0}a,a:visited{color:#333;text-decoration:underline;outline:0}a:hover,a:focus{color:#000}p a, p a:visited{line-height:inherit}ul,ol{margin-bottom:20px}ul{list-style:none outside}ol{list-style:decimal}ol,ul.square,ul.circle,ul.disc{margin-left:30px}ul.square{list-style:square outside}ul.circle{list-style:circle outside}ul.disc{list-style:disc outside}ul ul, ul ol,
ol ol, ol
ul{margin:4px
0 5px 30px;font-size:90%}ul ul li, ul ol li,
ol ol li, ol ul
li{margin-bottom:6px}li{line-height:18px;margin-bottom:12px}ul.large
li{line-height:21px}li
p{line-height:21px}img.scale-with-grid{max-width:100%;height:auto}.button,button,input[type="submit"],input[type="reset"],input[type="button"]{background:#eee;background:#eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%);background:#eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2)));background:#eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);background:#eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);background:#eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);background:#eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);border:1px
solid #aaa;border-top:1px solid #ccc;border-left:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#444;display:inline-block;font-size:11px;font-weight:bold;text-decoration:none;text-shadow:0 1px rgba(255, 255, 255, .75);cursor:pointer;margin-bottom:20px;line-height:normal;padding:8px
10px;font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif}.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{color:#222;background:#ddd;background:#ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);background:#ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3)));background:#ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);background:#ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);background:#ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);background:#ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);border:1px
solid #888;border-top:1px solid #aaa;border-left:1px solid #aaa}.button:active,button:active,input[type="submit"]:active,input[type="reset"]:active,input[type="button"]:active{border:1px
solid #666;background:#ccc;background:#ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%);background:#ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4)));background:#ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%);background:#ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%);background:#ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%);background:#ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%)}.button.full-width,button.full-width,input[type="submit"].full-width,input[type="reset"].full-width,input[type="button"].full-width{width:100%;padding-left:0 !important;padding-right:0 !important;text-align:center}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}form{margin-bottom:20px}fieldset{margin-bottom:20px}input[type="text"],input[type="password"],input[type="email"],textarea,select{border:1px
solid #ccc;padding:6px
4px;outline:none;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font:13px "HelveticaNeue", "Helvetica Neue",Helvetica,Arial,sans-serif;color:#777;margin:0;width:210px;max-width:100%;display:block;margin-bottom:20px;background:#fff}select{padding:0}input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus{border:1px
solid #aaa;color:#444;-moz-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2)}textarea{min-height:60px}label,legend{display:block;font-weight:bold;font-size:13px}select{width:220px}input[type="checkbox"]{display:inline}label span,
legend
span{font-weight:normal;font-size:13px;color:#444}.remove-bottom{margin-bottom:0 !important}.half-bottom{margin-bottom:10px !important}.add-bottom{margin-bottom:20px !important}.container{position:relative;width:960px;margin:0
auto;padding:0}.container .column,
.container
.columns{float:left;display:inline;margin-left:10px;margin-right:10px}.row{margin-bottom:20px}.column.alpha,.columns.alpha{margin-left:0}.column.omega,.columns.omega{margin-right:0}.container .one.column,
.container
.one.columns{width:40px}.container
.two.columns{width:100px}.container
.three.columns{width:160px}.container
.four.columns{width:220px}.container
.five.columns{width:280px}.container
.six.columns{width:340px}.container
.seven.columns{width:400px}.container
.eight.columns{width:460px}.container
.nine.columns{width:520px}.container
.ten.columns{width:580px}.container
.eleven.columns{width:640px}.container
.twelve.columns{width:700px}.container
.thirteen.columns{width:760px}.container
.fourteen.columns{width:820px}.container
.fifteen.columns{width:880px}.container
.sixteen.columns{width:940px}.container .one-third.column{width:300px}.container .two-thirds.column{width:620px}.container .offset-by-one{padding-left:60px}.container .offset-by-two{padding-left:120px}.container .offset-by-three{padding-left:180px}.container .offset-by-four{padding-left:240px}.container .offset-by-five{padding-left:300px}.container .offset-by-six{padding-left:360px}.container .offset-by-seven{padding-left:420px}.container .offset-by-eight{padding-left:480px}.container .offset-by-nine{padding-left:540px}.container .offset-by-ten{padding-left:600px}.container .offset-by-eleven{padding-left:660px}.container .offset-by-twelve{padding-left:720px}.container .offset-by-thirteen{padding-left:780px}.container .offset-by-fourteen{padding-left:840px}.container .offset-by-fifteen{padding-left:900px}@media only screen and (min-width: 768px) and (max-width: 959px){.container{width:768px}.container .column,
.container
.columns{margin-left:10px;margin-right:10px}.column.alpha,.columns.alpha{margin-left:0;margin-right:10px}.column.omega,.columns.omega{margin-right:0;margin-left:10px}.alpha.omega{margin-left:0;margin-right:0}.container .one.column,
.container
.one.columns{width:28px}.container
.two.columns{width:76px}.container
.three.columns{width:124px}.container
.four.columns{width:172px}.container
.five.columns{width:220px}.container
.six.columns{width:268px}.container
.seven.columns{width:316px}.container
.eight.columns{width:364px}.container
.nine.columns{width:412px}.container
.ten.columns{width:460px}.container
.eleven.columns{width:508px}.container
.twelve.columns{width:556px}.container
.thirteen.columns{width:604px}.container
.fourteen.columns{width:652px}.container
.fifteen.columns{width:700px}.container
.sixteen.columns{width:748px}.container .one-third.column{width:236px}.container .two-thirds.column{width:492px}.container .offset-by-one{padding-left:48px}.container .offset-by-two{padding-left:96px}.container .offset-by-three{padding-left:144px}.container .offset-by-four{padding-left:192px}.container .offset-by-five{padding-left:240px}.container .offset-by-six{padding-left:288px}.container .offset-by-seven{padding-left:336px}.container .offset-by-eight{padding-left:384px}.container .offset-by-nine{padding-left:432px}.container .offset-by-ten{padding-left:480px}.container .offset-by-eleven{padding-left:528px}.container .offset-by-twelve{padding-left:576px}.container .offset-by-thirteen{padding-left:624px}.container .offset-by-fourteen{padding-left:672px}.container .offset-by-fifteen{padding-left:720px}}@media only screen and (max-width: 767px){.container{width:300px}.container .columns,
.container
.column{margin:0}.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .two-thirds.column{width:300px}.container .offset-by-one,
.container .offset-by-two,
.container .offset-by-three,
.container .offset-by-four,
.container .offset-by-five,
.container .offset-by-six,
.container .offset-by-seven,
.container .offset-by-eight,
.container .offset-by-nine,
.container .offset-by-ten,
.container .offset-by-eleven,
.container .offset-by-twelve,
.container .offset-by-thirteen,
.container .offset-by-fourteen,
.container .offset-by-fifteen{padding-left:0}}@media only screen and (min-width: 480px) and (max-width: 767px){.container{width:420px}.container .columns,
.container
.column{margin:0}.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .two-thirds.column{width:420px}}.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}.clearfix:before,.clearfix:after,.row:before,.row:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.row:after,.clearfix:after{clear:both}.row,.clearfix{zoom:1}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}body{color:#111;font:62.5%/1.7 'Pontano Sans', "HelveticaNeue", "Helvetica Neue",Helvetica,Arial,sans-serif}label,p,li{font-size:1.5em}h1,h2,h3,h4{color:#111;font-family:'Scada',"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif}h2{font-size:3em}article
ul{list-style:disc outside none;margin-left:20px}ul
li{line-height:1.7em}ul li
li{}.left{float:left}.right{float:right}header,article,footer{display:block;width:100%}section{display:block}.row{margin-bottom:0}.black{background-color:#000}.black ::selection{background-color:#fff;color:#000;text-shadow:none}.black ::-moz-selection{background-color:#fff;color:#000;text-shadow:none}.white ::selection{background-color:#000;color:#fff;text-shadow:1px 1px 1px #000 !important}.white ::-moz-selection{background-color:#000;color:#fff;text-shadow:1px 1px 1px #fff !important}.black,.white{min-height:465px !important;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out}.black>div>.row,.white>div>.row{padding:100px
0 50px}.black h1,
.black h2,
.black h3,
.black h4,
.black h5,
.black h6,
.black legend,
.black label,
.black p,
.black a,
.black
li{color:#fff;text-shadow:1px 1px 1px #000}.white h1,
.white h2,
.white h3,
.white h4,
.white h5,
.white h6,
.white legend,
.white label,
.white p,
.white a,
.white
li{text-shadow:1px 1px 1px #fff}.black label span,
.black legend
span{color:#ccc}.black b,
.black
strong{color:#fff}.button:visited,.button,button,input[type="submit"],input[type="reset"],input[type="button"]{background:#000;background-image:none;border:0
solid transparent !important;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#fff;display:inline-block;font-size:1.8em;font-weight:normal;text-decoration:none;text-shadow:none !important;cursor:pointer;margin-bottom:20px;line-height:normal;padding:12px
15px;font-family:'Pontano Sans',"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-transition:opacity 0.3s ease-out;-moz-transition:opacity 0.3s ease-out;-o-transition:opacity 0.3s ease-out;transition:opacity 0.3s ease-out}.button:visited:hover,.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{border:0
solid transparent;color:#ccc;opacity:0.7}.button:visited:active,.button:active,.button:focus,button:active,input[type="submit"]:active,input[type="reset"]:active,input[type="button"]:active{border:0
solid transparent;color:#fff}.button.active{background-color:#999;border:1px
solid #666;border-top:1px solid #555;border-left:1px solid #555}.black .button:visited,
.black .button,
.black button,
.black input[type="submit"],
.black input[type="reset"],
.black input[type="button"]{background-color:#fff;color:#000}.black .button:visited:hover,
.black .button:hover,
.black button:hover,
.black input[type="submit"]:hover,
.black input[type="reset"]:hover,
.black input[type="button"]:hover{background-color:#eee;color:#222}.black .button:visited:active,
.black .button:active,
.black .button:focus,
.black button:active,
.black input[type="submit"]:active,
.black input[type="reset"]:active,
.black input[type="button"]:active{background-color:#ccc}nav{text-align:right}nav>.button{background-image:url("/website/img/sprites.png") !important;display:block;font-size:1.8em;line-height:20px;margin-left:50px;width:175px}#intro nav>.button{display:inline-block;width:125px}nav
.button.down{background-position:-44px -189px}nav
.button.up{background-position:-44px -129px}.black nav
.button.down{background-position:-44px -69px}.black nav
.button.up{background-position:-44px -9px}header{background:url("/img/johankuper1.jpg") no-repeat scroll left bottom #fff}header
section{padding-top:100px}hgroup{text-align:right}hgroup
h1{font-size:4.5em;line-height:1.2em;margin-bottom:10px}hgroup
h2{color:#555;font-size:3em;line-height:1.2em}header
nav{display:inline-block;float:right;margin-top:35px}header
a.button{margin-left:10px}#over-johan{background:url("/img/johankuper2.jpg") no-repeat scroll right bottom #000}#ervaring{background:url("/img/johankuper3.jpg") no-repeat scroll right bottom #fff}#contact{background:url("/img/johankuper4.jpg") no-repeat scroll -250px bottom #000}#contact>.container{height:100%}#hcard-Johan-Kuper{margin-bottom:45px}#hcard-Johan-Kuper .photo,
#hcard-Johan-Kuper .country-name,
#hcard-Johan-Kuper .type,
#hcard-Johan-Kuper
.org{display:none}#contactform{}#contactform  input,
#contactform
textarea{font-size:1.4em;padding:10px
5px}#contactform  input[type=text],
#contactform  input[type=email],
#contactform
textarea{background:url("/img/bg_input.png") repeat scroll 0 0 #fff}#contactform  input[type=text],
#contactform  input[type=email]{width:250px}#contactform
textarea{width:90%;height:150px}#contactform  .invalid,
#contactform
.required{border-color:orange;border-width:3px}#contactform
button{margin-right:34%}footer>div{margin-bottom:25px !important;opacity:0.5;-webkit-transition:opacity 0.3s ease-out;-moz-transition:opacity 0.3s ease-out;-o-transition:opacity 0.3s ease-out;transition:opacity 0.3s ease-out}footer>div:hover{opacity:1}footer p,
footer
address{color:#ccc;font-size:1.4em}footer
a{color:#ccc}.succes,.errors{background-color:orange;cursor:pointer;font-size:1.9em;left:0;padding:10px
25px;position:fixed;top:0;width:100%;-webkit-transition:opacity 0.2s ease-out;-moz-transition:opacity 0.2s ease-out;-o-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out}.succes{background-color:green}.succes:hover,.errors:hover{opacity:0.5}.succes
h3{font-size:1.3em;margin-bottom:10px}.succes p,
.succes h3,
.errors p,
.errors
strong{color:#fff}.succes p,
.errors
p{font-size:1.1em;margin-bottom:0}#overlay{background:#000;height:100%;position:fixed;width:100%;display:block;top:0;left:0}#overlay
p{background:url("/img/loading.gif") no-repeat scroll 0 0 transparent;height:128px;left:50%;margin-left:-64px;margin-top:-64px;position:absolute;text-indent:-999em;top:50%;width:128px}.lt-ie9 #overlay,
.nojs
#overlay{display:none !important}@media only screen and (max-height: 900px){#intro{background-position:-50px -550px}#over-johan{background-position:right 150px}#ervaring{background-position:right 100px}#contact{background-position:-420px 100px}}@media only screen and (max-width: 1680px){#over-johan{background-position:340px top}}@media only screen and (max-width: 1440px){#intro{background-position:-50px -550px}#over-johan{background-position:right 150px}#ervaring{background-position:right 100px}#contact{background-position:-420px 100px}}@media only screen and (max-width: 1280px) and (min-height: 670px){#intro{background-position:-50px bottom}#over-johan{background-position:right 150px}#ervaring{background-position:right 100px}#contact{background-position:-420px 100px}}@media only screen and (max-width: 1280px) and (min-height: 700px){#ervaring{background-position:right bottom}}@media only screen and (max-width: 1280px) and (max-height: 700px){#intro{background-position:left -550px}#over-johan{background-position:right 150px}#ervaring{background-position:right 100px}.black>div>.row,.white>div>.row{padding-top:50px}}@media only screen and (max-width: 1152px){#ervaring{background-position:-50px 150px}#contact{background-position:-452px bottom}}@media only screen and (max-width: 1024px){#over-johan{background-position:right 150px}#ervaring{background-position:right 150px}#contact{background-position:-412px bottom}.black>div>.row,.white>div>.row{padding-top:50px}}@media only screen and (max-width: 1024px) and (max-height: 600px){#intro{background-position:-200px -400px}#over-johan{background-position:-30px 150px}#ervaring{background-position:right bottom}#contact{background-position:-412px top}}@media only screen and (max-width: 1024px) and (min-height: 600px){#intro{background-position:left bottom}#over-johan{background-position:50px bottom}#ervaring{background-position:right bottom}}@media only screen and (max-width: 800px) and (min-height: 1000px){#intro{background-position:left bottom}#over-johan{background-position:-250px bottom}#ervaring{background-position:-350px bottom}#contact{background-position:-412px top}}@media only screen and (max-width: 800px) and (min-height: 1200px){#intro{background-position:left bottom}#over-johan{background-position:-250px bottom}#ervaring{background-position:-350px bottom}#contact{background-position:-412px top}}@media only screen and (min-width: 768px) and (max-width: 1024px){#contact_form_wrapper{padding-left:200px;width:440px}}@media only screen and (max-width: 767px){hgroup{text-align:center}nav{margin-top:25px !important;text-align:center}nav>.button{background-image:none !important;display:inline-block;max-width:auto;margin-left:0;width:auto}nav>.button+.button{margin-left:15px}#intro{background-position:left bottom}#over-johan{background-position:right bottom}#ervaring{background-position:right bottom}#contact{background-position:-212px bottom}.white article h1,
.white article h2,
.white article h3,
.white article legend,
.white article label,
.white article p,
.white article
li{background-color:rgba(255,255,255,0.8);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding-left:4px;padding-right:4px}.black article h1,
.black article h2,
.black article h3,
.black article legend,
.black article label,
.black article p,
.black article
li{background-color:rgba(0,0,0,0.8);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding-left:4px;padding-right:4px}}@media only screen and (min-width: 480px) and (max-width: 767px){.black>div>.row,.white>div>.row{padding:50px
0 600px}}@media only screen and (max-width: 479px){body{font-size:54%}.left,.right{float:none}.black>div>.row,.white>div>.row{padding:50px
0 300px}#over-johan>div>.row{padding:50px
0 340px}}