html, body {padding:0; margin:0; width:100%; height:100%; font-family: 'Noto Sans', 'verdana', sans-serif; background: url("../images/takje10-2.png") 0px 0px no-repeat; background-size: 50% 30%, auto; background-position:right top; background-attachment:fixed;
 }
 
a {color:#000;}
a:hover {text-decoration:none;}
header .inner {max-width:1000px; padding:0 10px; margin:0 auto 20px auto; border-bottom:0px solid #888;}
header .inner .title {padding:0; margin:0; font:400 27px/50px 'Noto Sans', 'verdana', sans-serif; color:#496624;}
header .inner a {padding:0 30px 0 0; margin:0; font:400 17px/20px 'Noto Sans', 'verdana', sans-serif; color:#555; text-decoration:none;}
header .inner img {width:520px; padding-left:100px;}

article {max-width:1000px; padding:0px 0 0px 0; text-align:center; background:transparent; border-radius:10px; border:0px solid #aaa; margin:auto; vertical-align:middle;}

.textPanel {*display:inline;}
.textPanel {padding:20px; background:transparent; border-radius:5px; width:100%; height:100%;}

.textPanel img,
.textPanel {margin:auto; position:relative; top:0; left:0; bottom:0; right:0; border:0px solid #aaa; border-radius:20px;}
.textPanel img.index,
.textPanel {margin:auto; position:relative; top:0; left:0; bottom:0; right:0; border:0px solid #aaa; border-radius:50px; width:50%;}
.textPanel img.acu,
.textPanel {margin:auto; position:relative; top:0; left:0; bottom:0; right:0; border:0px solid #aaa; border-radius:50px; width:80%;}
.textPanel img.werk,
.textPanel {margin:auto; margin-top:60px; position:relative; top:0; left:0; bottom:0; right:0; border:0px solid #aaa; border-radius:50px; width:100%;}
.textPanel img.vergoeding,
.textPanel {margin:auto; margin-top:0px; position:relative; top:0; left:0; bottom:0; right:0; border:0px solid #aaa; border-radius:50px; width:70%;}
.textPanel img.beroeps1,
.textPanel {margin:auto; margin-top:20px; position:relative; top:0; left:0; bottom:0; right:0; border:0px solid #aaa; border-radius:0px; width:40%;}
.textPanel img.beroeps2,
.textPanel {margin:auto; margin-top:0px; position:relative; top:0; left:0; bottom:0; right:0; border:0px solid #aaa; border-radius:0px; width:30%;}

.textPanel {border-radius:10px; border:0px solid #aaa; margin:auto; width:400px; display:inline-block; margin:0 10px 10px 0; vertical-align:top;}
.textPanel p {padding:5px 0; margin:0; font:400 15px/20px 'Noto Sans', 'verdana', sans-serif; color:#666; text-align:left;}

h4 {padding:0 0 8px 0; margin:0; font:400 20px/25px 'Noto Sans', 'verdana', sans-serif; color:#496624; text-align:left;}
h5 {padding:5px 0 0px 0; margin:0; font:400 14px/25px 'Noto Sans', 'verdana', sans-serif; color:#496624; text-align:left; font-style:italic; font-weight:normal;}
h5.acu {padding:5px 0 0px 0; margin:0; font:400 16px/25px 'Noto Sans', 'verdana', sans-serif; color:#496624; text-align:left; font-style:italic; font-weight:normal;}

ul.lastpanel {position:relative; padding:5px 0; margin:0 0 0 50px; font:400 14px/20px 'Noto Sans', 'verdana', sans-serif; color:#666; list-style-type: square; text-align:left;}
li .lastpanel{font:400 14px/20px 'Noto Sans', 'verdana', sans-serif; color:#666; }


footer article {max-width:1000px; padding:1px; margin:0 auto 4px auto; text-align:left; border-top:1px solid #9cb71a; border-bottom:0px solid #9cb71a; border-radius:0px;}
footer article p {display:block; text-align:center; font:300 18px/25px 'Noto Sans', 'verdana', sans-serif; color:#496624; text-transform:uppercase;}
footer article p span {float:right;}
footer article p img.privacy {width:40px;}

 
.page {max-width:1020px; margin:0 auto; position:relative; z-index:100;}
.tabletmenu {position:absolute; left:-9999px; display:none; }
.nav {display:block; font-family:verdana, arial, sans-serif; position:relative; z-index:1000; background:transparent; border-top:0px solid #9cb71a; border-bottom:2px solid #9cb71a;}
.menuControl {display:none; }
.menu {margin:0 0 0 0px; padding:0 60px; list-style:none; text-align:left; }

.menu div {position:absolute; margin-left:120px; background:#496624; z-index:-1; width:90%; max-width:240px; padding:10px 0; border-radius:5px;}

.menu li.top-li {float:left; border-bottom:0px solid #9cb71a; padding: 0 10px ;}

.menu li.top-li a.top-a {display:block; float:left; margin-left:5px; text-align:center; line-height:40px; padding:0 5px; color:#496624; text-decoration:none; font-size:20px; white-space:nowrap; }
.menu li.top-li b {display:block; width:100%; height:40px; background:url(trans.gif); position:relative; z-index:100;
-webkit-transition:0.75s;
-o-transition:0.75s;
-moz-transition:0.75s;
transition:0.75s;
}
.menu li.top-li b {*display:none;}

.menu label {display:none;}

.clear {clear:both;}

.menu div dl {padding:10px 15px; margin:0; cursor:pointer; float:left; width:210px;}
.menu div dt {display:block; padding:4px; margin:0px; color:#fff; font-size:14px; line-height:20px; background:#3e5414; border-radius:3px;}

.menu div dl.dl5 {clear:left;}

.menu div dd {display:block; padding:0; margin:0;}
.menu div dd a {line-height:28px; color:#fff; background:#666; display:block; margin:2px 0; padding:0 5px; text-decoration:none; font-size:13px; white-space:nowrap; border-radius:3px;}
.menu div dd a:hover {text-decoration:underline; background:#aaa; color:#000;}

.menu li:hover > b {height:0;}
.menu li.top-li:hover > a {background:#9cb71a; color:#3e5414; border-radius:5px 5px 0 0; text-decoration:underline;}

.menu li div {left:-9999px; top:-3000px; display:none;}

.menu li:hover div {left:0; top:40px; display:block;}

@media only screen and (max-width : 899px) {
.menu div dl.dl5 {clear:none;}
.menu div dl.dl4,
.menu div dl.dl7 {clear:left;}
}

@media only screen and (max-width : 679px) {
.menu div dl.dl4 {clear:none;}
.menu div dl.dl7 {clear:none;}
.menu div dl.dl3 {clear:left;}
.menu div dl.dl5 {clear:left;}
.menu div dl.dl7 {clear:left;}
}


@media only screen and (max-width : 480px) {
html, body {width:100%; overflow-x:hidden;}
.page {display:block; width:100%; left:0;
-webkit-transition:0.5s;
-moz-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}
.menu li.top-li b {display:none;}
.menu li.top-li > label {display:block; width:100%; height:60px; margin-top:-60px; background: url(trans.gif); position:relative; z-index:100;
-webkit-transition:0.75s;
-o-transition:0.75s;
-moz-transition:0.75s;
transition:0.75s;
}

.menu li:hover > label {width:0;}

.nav {width:250px; margin:0; position:absolute; left:-250px; top:0; min-height:100%; background:#f8f8f8; box-shadow:inset -3px 0 5px rgba(0,0,0,0.4);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.menuControl {display:block; position:absolute; left:0; top:180px; width:50px; height:45px; border-radius:0 5px 5px 0;}
.menuControl label {display:block; height:15px; width:30px; border-top: 5px solid #666; border-bottom:5px solid #666; position:absolute; left:10px; top:10px; cursor:pointer;}
.menuControl label:after {display:block; content:""; width:30px; height:5px; background:#666; position:absolute; left:0; top:5px;}

.menu {width:240px;}
.menu li.top-li {float:none; width:220px; padding:0; min-height:60px;}
.menu li.top-li > a.top-a {float:none; color:#444; width:220px; font-size:25px; height:60px; line-height:60px; text-align:left; text-indent:10px;}
.menu li.has-sub > a.top-a {background: url(top-right.png) no-repeat 180px center;}

.menu li.top-li > a:hover,
.menu li.top-li:hover > a {color:#fff;}
.menu li.has-sub > a:hover,
.menu li.has-sub:hover > a {background: #111 url(top-down.png) no-repeat 180px center;}

.menu div {position:static; width:240px; display:block; margin-top:-20px; background:#000;}

.menu div dl {float:none; width:205px; padding:0 15px;}
.menu div dl dt {position:relative; text-indent:10px; font-size:16px; line-height:35px; margin:1px 0; background:#444 url(sub-right.png) no-repeat 165px center; color:#fc6;}

.menu div dl dt label {display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:100; background:url(trans.gif);
-webkit-transition:0.75s;
-o-transition:0.75s;
-moz-transition:0.75s;
transition:0.75s;
}

.menu div dl dd {height:0; overflow:hidden;}
.menu div dl dd a {font-size:14px; line-height:40px; text-indent:10px;}

.menu div dl dt:active,
.menu div dl dt:focus {background:#444 url(sub-down.png) no-repeat 165px center;}
.menu div dl dt:active + dd {height:auto;}
.menu div dl dt:focus + dd {height:auto; background:url(trans.gif);}
.menu div dl dd:hover {height:auto;}

}