html{overflow-y:scroll;background:url('lay/bodybg.png') repeat-y;}
body{margin:0;padding:0;height:;line-height:160%;
-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

body,textarea,input,td,select,option{font-family:'Open Sans', sans-serif;font-size:14px;color:#555;background-color:#f2f2f2;}

a img{border:0;}

a:link,a:visited,a:active{color:#fff;text-decoration:none;}
a:hover{text-decoration:underline;}

.clear{clear:both;}
.rounded{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
div.note{background:#fcc;padding:10px 0;text-align:center;margin:10px 0;}
span.date{font-style:italic;color:#888;}
.fill {height:1px;}
#rood {border: 1px solid #ff0000;}
.send {padding:10px;background-color:#74AF19;border:1px solid #090;test-align:center;margin-bottom:50px;}

h1,h2,h3,h4,h5,h6{color:#111;font-family:'Open Sans', sans-serif;font-weight:400;text-transform:uppercase;}
h1{font-size:32px;line-height:34px;color:#fff;}
h2{font-size:20px;line-height:28px;}
h3{font-size:22px;line-height:24px;}
h4{font-size:16px;line-height:21px;}
h5{font-size:16px;line-height:18px;}
h6{font-size:16px;line-height:16px;}

input,button,textarea{margin:3px 0;box-sizing:border-box;}
form{margin:0;padding:0;}
input{background:#fff;color:#555;border:1px solid #666;padding:6px 4px;}
input['radio'],input['checkbox']{border:0;background:none;}
textarea{background:#fff;color:#555;border:1px solid #666;resize:none;padding:4px;width:80%;}


label{display:block;margin-bottom:10px;}
span.req{color:#ed4914;}

hr{height:1px;border:0;background-color:#ccc;margin:15px 0;}

table tr td{vertical-align:top;}



/* Formulier */
#formulier{padding:0 10px 0 270px;}
form input {width:100%;}
form textarea {width:100%;}
button{width:100%;background:#361B4A;color:#fff;border:1px solid #27093F;padding:10px 20px;cursor:pointer;}
button:hover{background:#27093F;/*color:#361B4A;*/border:1px solid #666;}




/* Website */

#bodywrapper{max-width:1024px;margin:auto;background-color:#fff;}
#headerimg{width:100%;min-width:1078px;}
#contactinfo{position:absolute;top:0;right:50%;margin-right:-490px;background:#f8f1ed;padding:5px 10px;display:none;}

#head,#navigation{max-width:980px;margin:10px auto 0 auto;}

#outerhead{}
#head{padding:10px 0;position:relative;}


#toggle_mobile_menu{padding:20px;font-size:18px;text-transform:uppercase;cursor:pointer;color:#fff;background:url('lay/menu.png') right 20px center no-repeat;display:none;border-top:2px solid #fff;}

#toggle_mobile_menu:hover{background-color:#27093F;}



#logo{width:1024px;margin:auto;position:relative;z-index:99;-webkit-box-shadow: 5px -5px 4px 0px rgba(0,0,0,0.43);
-moz-box-shadow: 5px -5px 4px 0px rgba(0,0,0,0.43);
box-shadow: 5px -5px 3px 0px rgba(0,0,0,0.43);
transition:margin 0.3s ease-in-out;-moz-transition:margin 0.3s ease-in-out;-o-transition:margin 0.3s ease-in-out;-webkit-transition:margin 0.3s ease-in-out;}
#logo .wrapper {background-color:#361B4A;position:absolute;top:300px;z-index:1;}
#logo h1 {color:#fff;}

#logo a img {margin:50px 20px;width:220px;}
#logo a{color:#fff;text-align:center;}

#cta .logomob {display:none;}

#logo .wrapper ul li {text-align:right;}

/* Hoofdmenu */
.navigation{width:100%;box-sizing:border-box;}

.navigation{background-color:#361B4A;color:#fff;}
.navigation ul{margin:0;padding:0;list-style:none;font-size:15px;}
#logo .navigation ul li a{display:block;text-align:center;line-height:40px;}
#logo .navigation ul li a:first-child{border-top:2px solid #27093F;}
#logo .navigation ul li a:hover, #logo .navigation ul li a.sel{background-color:#fff;color:#27093F;text-decoration:none;}

#logo .navigation h1 {text-align:center;}
#mobilemenu {display:none;cursor:pointer;background-color:#361B4A;height:20px;}
#hulp{display:none;}


#cta{width:100%;padding-right:20%;box-sizing:border-box;text-align:right;position:fixed;top:0;left:0;color:#666;font-size:20px;background-color:rgba(255,255,255,0.5);}

#cta a {background-color:#361B4A;margin:10px 0 10px 20px;display:inline-block;text-align:center;text-decoration:none;padding:10px 30px;color:#fff;font-size:16px;}
#cta a:hover {background-color:#949494;}
#cta.logomob {display:none;}
a#directH {background-color:#74AF19;}


#main{box-sizing:border-box;background-color:#fff;min-height:550px;margin-left:260px;margin-right:20px;}


#rightcolumn{padding:20px;background:#fff;display:block;box-sizing:border-box;}
#rightcolumn a{color:#361B4A;}
#rightcolumn h1 {color:#361B4A;}

#titel {background:#361B4A;padding:5px 10px;}
div.mainimg {float:right;width:50%;margin:0 -20px 10px 10px;}
div.mainimg img {width:100%;height:auto;padding:0;}

.spamcolor{width: 22%!important;height:auto;overflow:hidden;box-sizing:border-box;float:left!important; padding: 0.4rem;}


#footimg img{width:40%;height:auto;overflow:hidden;box-sizing:border-box;float:right;}



#footform{display:block;width:100%;padding-right:20px;0px;padding-left:280px;box-sizing:border-box;}


#footwrap{background:#666;z-index:99;position:absolute;width:100%;}

#outerfoot{box-sizing:border-box;padding:5px 0px 5px 5px;color:#f2f2f2;width:100%;max-width:1024px;margin:auto;}

div.retowrap{position:absolute;width:100%;background-color:rgba(255,255,255,0.3);margin-top:95px; }
#foot{font-size:12px;padding:5px 0 5px 300px;color:#361B4A;width:100%;max-width:1024px;margin:auto;box-sizing:border-box;}


#foot a{color:#361B4A;}

#storing {width:190px;border:2px solid #ff0000;background-color:#ff0000;color:#fff;border-radius:5px;padding:10px;margin-bottom:0;display:none;text-decoration:none;}


a#logo24{top:100px;width:150px;}

#reto{width:250px;float:right;text-align:right;}
#reto a{color:#361B4A;}

