/* CSS Document */
*, li, ul, span { padding:0px; margin:0px; }
html, body {font-family: 'Open Sans', sans-serif; font-size:14px; line-height:18px;padding:0px; margin:0px; color:#333333; overflow-x:hidden;}
a { font-size:14px; color:#333333; text-decoration: none;}
h1 { font-size:22px; color:#333333; line-height:24px; padding:0px 0 20px 0; margin-top:10px; font-weight: 300;}
h2 { font-size: 20px; font-weight: 300; padding: 10px 0 10px 0; }
.p10 { padding:10px;}
.p20 { padding:20px;}
.container {max-width:1000px; margin:0 auto;}
header {width:100%; text-align:center; background-image:url(/img/faketekstbg.jpg); background-repeat:repeat; background-position:top center; display:table; border: 5px solid #f4f4f4;}
header a.input { width:80%; display:block; height:50px; padding:0px; line-height:50px; background-color:#94be99; color:#000000; border:1px solid #999999; margin:0 auto;}
header a.hover { background-color:#fff;}
header .textarea { width:80%; height:130px; background-color:#FFFFFF; border:1px solid #999999; margin:3pxl; padding:7px;}

.center { padding:10px; text-align:center;}
.tekst { padding:20px; background-color:#fff; text-align:left; font-size:12px; line-height:18px;}
.adsense { width: 100%; max-height: 200px; padding: 0; margin: 0; text-align:center; margin: 0 auto; display:block;}
.adsense div { margin: 0 auto; }

.linktabel { width: 100%; }
.linktabel td { padding: 4px; font-size: 13px; }
/* cookies */
.cookies { width:100%; display:block; height:40px; line-height:40px; background-color:#fff; border-bottom:1px solid #ccc; text-align:center; font-size:12px; box-shadow:0px 0px 4px #333333;}
.cookies a { font-size:12px;}
.cookies button { width:150px; margin:0 15px 0 15px; border-radius:4px; border:1px solid #389453; background-color:#82CC91; font-size:14px; padding:5px;}

/* menu */
.menu {width:100%; background-color:#536c70; display:table;}
.menu a {line-height:50px; padding:0 12px 0 12px;font-size:16px; color:#FFFFFF;text-decoration:none; display:inline-block;}
.menu a:hover, a.huidig {color:#000000; background-color:#e5e5e5;}
.adsense { width:100%; padding-top:10px; border-top:0px solid #c7e1e5; text-align:center;}
/* contact */
.contact {padding:10px;}
.contactform { display:table; }
.contactform input {font-size:14px; padding:5px;background-color:#FFFFFF; border:1px solid #999999; margin:1px;float:left;}
.contactform textarea {width:90%; height:150px; font-size:12px; padding:5px;background-color:#FFFFFF; border:1px solid #999999; margin:1px;float:left; overflow:hidden;}
/* Genereren */
.genererenform { width:100%; display: table;}
.genererenform input {padding:5px; font-size:13px;margin:2px;border:1px solid #999999;}
.genererenform select { padding:5px; font-size:13px;margin:2px;border:1px solid #999999;width:150px; }
.genererenform textarea {width:90%; min-width: 500px; height:200px;padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:13px;margin:2px;border:1px solid #999999;}
.links a {text-decoration:none; font-size:12px;}
.links a:hover {text-decoration:underline;}
/* responsive */
@media handheld, screen and (max-width: 600px) {
.menu a { width:100%; display:block; border-bottom:1px solid #fff; line-height:40px;}
}
/* @simplegrid */
*, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body {margin:0px;}
[class*='col-'] {float:left;padding-right:5px; /* column-space */}
.grid {width:100%;max-width:1000px;margin:0 auto;overflow:hidden; clear:both;}
.grid:after {content: "";display: table;clear: both;}
.grid-pad {padding-top:0px;padding-left: 20px; /* grid-space to left */padding-right: 0px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */}
/* Content Columns */
.col-1-1 {width: 100%;}
.col-2-3, .col-8-12 {width: 66.66%;}
.col-1-2, .col-6-12 {width: 50%;}
.col-1-3, .col-4-12 {width: 33.33%;}
.col-1-4, .col-3-12 {width: 25%;}
.col-1-5 {width: 20%;}
.col-1-6, .col-2-12 {width: 16.667%;}
.col-1-7 {width: 14.28%;}
.col-1-8 {width: 12.5%;}
.col-1-9 {width: 11.1%;}
.col-1-10 {width: 10%;}
.col-1-11 {width: 9.09%;}
.col-1-12 {width: 8.33%}
/* Layout Columns */
.col-11-12 {width: 91.66%}
.col-10-12 {width: 83.333%;}
.col-9-12 {width: 75%;}
.col-5-12 {width: 41.66%;}
.col-7-12 {width: 58.33%}
@media handheld, only screen and (max-width: 550px) {
.grid {width:100%; min-width:0; border-bottom-right-radius:0px;}
[class*='col-'] {width:auto; float:none;}
}

/* toolmenu */
.toolmenu{background-image:url(../img/toolmenubg.png); background-repeat:repeat;display:none;width:100%; display:none;}
.toolmenu ul{font-family:Arial, sans-serif; list-style:none;margin:0;padding:0;text-align:center;}
.toolmenu ul li{color:#fff;font-size:14px;padding:15px 0; letter-spacing:1px;}
.toolmenu ul li:hover{background:#58aec4;}
.toolmenu a{text-decoration:none;color:#fff; cursor:pointer;}
.toolmenu-toggle{color:#333;width:100%;text-align:center;padding:10px 0;font-size:14px}
.toolmenu-toggle a{text-decoration:none;color:#333; cursor:pointer; font-family:arial;}
.toolmenu-toggle a:hover { color:#58aec4;}
/* bread */
.breadcrumb{width:99%;padding:.5%;height:40px;line-height:40px;color:#000; display: block; border-top: 3px dotted #ccc}
.breadcrumb li{float:left;padding:0 5px;font-size:16px;display:block}
.breadcrumb a{font-size:16px;color:#333; text-decoration: none;}
.breadcrumb a:hover{text-decoration:underline}
.breadcrumb ol li{float:left}
.breadcrumb .arrow{font-weight:700;font-size:15px; color:#ccc}