@charset "utf-8";
@import "reset.css";
@import "slicknav.css";
html {font-size: 62.5%;}
body { background-color: #c0c0c0; font-family: Verdana, Arial, sans-serif;font-size: 10px; font-size: 1rem; }
#wrapper {margin:20px auto;width:90%; border: 2px solid #FFCC00;position:relative;/*max-width:1008px; */}
#logo {background:#ffa500;padding:20px;}
#nav {margin:0 auto;}
#nav .menu {display:none;}
#content { background-color: #fff; padding: 20px;clear:both;}
.front #content {text-align:center;}

h1 {font-size: 16px; font-size: 1.6rem; font-weight: normal; color: #cc0000;margin-bottom:10px; }
/*h1 img {float:right;margin-left:20px;}*/
h2 {font-size: 14px; font-size: 1.4rem; color: #DAA520;margin-bottom:0px;margin-top:20px; }
p, li, label {font-size: 12px;font-size:1.2rem;}
p, label {margin-bottom:10px;}
a {color:#f00;}
a:hover {text-decoration:underline;}
#content p,#content li {line-height:1.5;}
#content ul {margin-left:15px;margin-bottom:20px;}
#content img {max-width:100%;height:auto;margin-bottom:10px;}
#content .fronttable img {margin-bottom:0}
#overzicht {margin:0 auto; border-spacing: 10px;border-collapse: separate;}
#overzicht td {text-align:center;}
#footer { background:#fff; padding:20px;clear:both; border-top: 2px solid #FFCC00; }
#footer table {width:100%}
table, tbody, tr, td, th {display:block;width:100%;}
.logo {text-align:right;}
blockquote {border:solid 2px #fc0;padding:20px;margin:30px;background:#fff;}
.rand {border-top:solid 1px #000;border-left:solid 1px #000;margin-bottom:20px;width:100%;}
.rand td {border-bottom:solid 1px #000;border-right:solid 1px #000;padding:10px;width:33.3%;}
.fronttable {margin:0 auto;margin-bottom:20px;}
.fronttable td {width:200px;text-align:center;vertical-align:middle;max-width:200px; margin:0 auto;margin-bottom:0px;}
.orange {background:orange;margin:10px;}
.geel {background:#ffcc00;margin:10px;}
.rood {background:#CC0000;margin:10px;}
.top td {padding:10px}
.bottom td {padding:10px}
select {width:200px;margin-bottom:10px;margin-right:10px;max-width:200px;}
.required {color:red;}
input[type=text], textarea {margin-bottom:10px; border:solid 1px #000;width:200px;padding-left:5px;}
textarea {height:100px;}

@media screen and (min-width: 767px) {
	#wrapper {max-with:960px;width:80%;margin-top:40px;background:#FFA500;}
	#nav {background:#FFA500;min-height:60px;}
	#nav .menu {display:block;margin-left:15px;padding-bottom:20px;}
	#nav .menu li {float:left;/*margin-top:5px;padding-bottom:5px;*/}
	#nav .menu li li {margin-top:1px;}
	#nav .slicknav_menu {display:none;}
	#nav .menu li a {display:inline-block;border-right:solid 1px #000;font-size: 14px;font-size:1.4rem;font-weight:bold;}
	#nav .menu li li a {border-right:none;}
	#nav .menu li.last a {border:none;}
	#nav .menu li a:hover {color:#f00;}

.menu,.menu *{margin:0;padding:0;list-style:none}
.menu{line-height:1}
.menu ul{position:absolute;top:-999em;width:10em;background:#fff;}
.menu ul li{width:100%}
.menu li:hover{visibility:inherit}
.menu li{float:left;position:relative}
.menu a{display:block;position:relative}
.menu li:hover ul,.menu li.sfHover ul{left:0;top:2.5em;z-index:99}
#nav .menu{list-style:none;margin:0;margin-left:10px;}

#nav .menu li a,nav .menu li .nolink{color:#1d3b6e;display:inline-block;padding:5px 10px;margin-top:3px}
#nav .menu a:hover,nav .nolink:hover,nav .menu a.active{color:#f00}
#nav .menu li li{background:#FFD400;border-bottom:solid 1px #fff;/*padding:5px*/}
#nav .menu li li:hover{background:#FFA500;}
#nav .menu li li.first{margin-top:5px}
#nav .menu li li.last a{border-right:none}
#nav .menu li li a{width:100%!important;color:#1d3b6d}
#nav .menu li li a:hover{background:none;border-radius:0;color:#f00}

#nav .menu li.last .nolink{margin-right:0}
table {display:table;width:auto;max-width:400px;}
#footer table, .rand  {max-width:100%;}
.fronttable {width:600px;margin:0 auto;max-width:600px;margin-bottom:20px;}
.top td {padding:0}
.bottom td {padding:0}

tr{display:table-row;width:auto}
td, th {display:table-cell;}
select {max-width:400px;}
}

@media screen and (min-width: 1400px) {
#content { padding-right: 30%;}
.front #content {padding-right:0;}
}