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, font, img, ins, kbd, q, s, samp, small, strike, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}
html, body{width:100%;height:100%;font-family:Verdana, Geneva, sans-serif; color: #000; }
.fltleft{float:left;}
.fltright{float:right;}
.clear{clear:both;}
.red{color:#f00;}
body{font-family:Verdana, Geneva, sans-serif;font-size:12px;}
.lopendetekst{line-height:20px;}
h1{font-size:24px;font-weight:bold;line-height:32px;}
h2{font-size:14px;font-weight:bold;line-height:28px;}
h3{font-size:12px;font-weight:bold;line-height:28px;}
a{color:#000;text-decoration:underline;}
.container{width:920px;margin:0 auto;}
.header{height:90px;padding:5px 0px;}
.banner{ width:140px; float:left; }
.banner.home{ width:200px; float:left; }
.content{padding:10px 20px 30px 20px;float:left;border-left:2px solid #ccc;width:700px;}
 .content.home {width:640px;}
.menu{height:30px;z-index:90; position:relative;}
.breadcrumb{margin-left: 200px; padding:20px 20px 0px 20px; color:#808080;}
.breadcrumb a{text-decoration:none; color:#404040;}
.breadcrumb a:hover{text-decoration:underline;}
ul.topnav{list-style:none;padding:0 20px;margin:0;float:left;width:880px;background:#222;font-size:14px;background:url(../images/topnav_bg.gif) repeat-x;}
ul.topnav li{float:left;margin:0;padding:0 15px 0 0;position:relative;}
ul.topnav li a{padding:10px 5px;color:#fff;display:block;text-decoration:none;float:left;}
ul.topnav li a:hover{background:url(../images/topnav_hover.gif) no-repeat center top;}
ul.topnav li span{width:17px;height:30px;float:left;background:url(../images/subnav_btn.png) no-repeat center top;}
ul.topnav li span.subhover{background-position:center bottom;cursor:pointer;}
ul.topnav li ul.subnav{list-style:none;position:absolute;left:0;top:35px;background:#333;margin:0;padding:0;display:none;float:left;width:190px;border:1px solid #111;}
ul.topnav li ul.subnav li{margin:0;padding:0;border-top:1px solid #252525;border-bottom:1px solid #444;clear:both;width:190px;}
html ul.topnav li ul.subnav li a{float:left;width:150px;background:#333 url(../images/dropdown_linkbg.gif) no-repeat 10px center;padding:7px 20px 7px;}
html ul.topnav li ul.subnav li a:hover{background:#222 url(../images/dropdown_linkbg.gif) no-repeat 10px center;}
.generatorholder{text-align:center;}
.jeplankje{padding:10px 0px 0px 0px;}
input.plankje{background-repeat:no-repeat;border:0px;background-image: url(../images/sprite.png);background-position:-73px 4px;width:37px;height:39px; padding:0px 0px 0px 0px;margin:0px;vertical-align:top; text-align:center;font-size:28px;font-weight:bold;line-height:28px;}
.hetbord{padding-top:25px;padding-bottom:10px;}
.results{text-align:center;line-height:24px;font-size:15px;text-align:left;}
input.verzenden{cursor:pointer;border:0px;width:138px;height:37px;background-image:url(../images/sprite.png);background-position:140px 0px;}
.title{text-transform:uppercase;font-family:Georgia, "Times New Roman", Times, serif;font-size:28px;line-height:44px;font-weight:bold;}
.lopendetekst{line-height:22px;}
select.woordenmeteen{width:150px;}
select.woordenmeteen_tot{width:150px;}
.bord{width:100%;}
.bord .options{margin:15px 10px 0px 280px;}
.bord .options div{cursor:pointer;}
.options .delborditem{float:left;width:37px;height:36px;background-image:url(../images/sprite.png);background-position:0px 0px;}
.options .addborditem{float:left;width:37px;height:36px;background-image:url(../images/sprite.png);background-position:-37px 0px;}
.bord .borditems{display:inline;}
.paddingtop{margin-top:20px;}
select.paddingtop{margin-top:10px;}
.padding10{padding:20px;} 
.footer{margin-top:50px;height:20px;padding:5px 0px 0px 10px;font-size:11px;background-color:#808080;color:#fff;}
.footer a{color:#fff;text-decoration:none;}
.tekstvak{border:1px solid #000;width:300px;height:24px;}
.tekstselect{border:1px solid #000;width:300px;height:24px;}
.tekstarea{border:1px solid #000;width:300px;height:80px;}
.button2{padding:2px 10px;}
ul.submenu{border-bottom:1px solid #ccc;height:25px;border-top:1px solid #ccc; }
ul.submenu li{display:inline;padding:0px 4px;}
ul.submenu li a{text-decoration:none;padding-top:5px;font-size:14px;}
ul.submenu li a.selected{font-weight:bold;font-size:18px;}
.letters{font-family:Courier,monospace, "Lucida Console";font-size:16px;}
.socialhome{margin:15px 0 0 180px;}
.ipadalert{color:red;font-weight:bold;}
input.ipadhulp{height:25px;text-align:center;width:250px;border:1px solid black;font-size:22px;font-weight:bold;letter-spacing:15px;text-transform:lowercase;}
.nieuws .datum{font-size:11px;line-height:18px;}
.nieuws .item {border-bottom:1px solid #ccc;padding-bottom:10px;margin-bottom:15px; }
.nieuws a.atitle{text-decoration: none!important;}
.nieuws .item .fltleft{width:400px;}
.nieuws .item .fltright{width:300px;text-align:center;}
.topbanner{padding-top:15px; position:relative; margin:0 auto; width: 730px; z-index:1}





@media only screen and (min-width:641px){
 .header { height:100px;width:100%; }
 .woordenmeteen-top-responsive { width: 100%; height: 100px; }
}
@media only screen and (max-width:640px){
 .header { width: 630px;  height: 100px; }
 .woordenmeteen-top-responsive { width: 630px; height: 100px; }
}
@media only screen and (max-width:320px){
 .header { width: 310px; height: 60px; }
 .woordenmeteen-top-responsive { width: 310px; height: 60px; }
}
@media only screen and (max-width:240px){
 .header { width: 230px; height: 50px; }
 .woordenmeteen-top-responsive { width: 230px; height: 50px; }
}



@media only screen and (max-width:768px){
 .container {width:738px; margin:0; }
 .content {width:550px;}
 .content.home {width:520px;}

 .menu {width:100%;}
 .content{border:0;padding: 10px 0 30px 0;}

}

@media only screen and (max-width:640px){
 .banner {display:none;}
 .container {width:100%; margin:0; }
 .content {width:100%;}
 .content.home {width:100%;}
  ul.topnav li {padding:0 5px;}
 .content{border:0;padding: 10px 0 30px 0;}
 .header .fltright {display:none;}
}

@media only screen and (max-width:320px){
 .banner {display:none;}
 .container {width:100%; margin:0;}
 .content {width:100%;}
 .content.home {width:100%;}
  ul.topnav li {display:block; clear:both;padding:0;}
 .content{border:0px;padding: 10px 0 30px 0;}
 .generatorholder{padding-left:10px;}
}





 /*
 XDEBUG
 */
.xdebug-error td, .xdebug-error th { border-collapse: collapse; border: 1px solid black; padding: 1px; }
pre > pre.xdebug-var-dump { font-family: monospace; border: 1px dashed black; background-color: #dfdfdf; }
