@media (min-device-width:768px) {
body{font-family:verdana;font-size:12px;}
ul{padding:0;list-style:none;line-height:18.5px;}
input{display:block;}
p{margin:0;line-height:18.5px;}
h1{margin:0;color:#fff;font-weight:700;font-size:12px;}
h2{margin:0;font-weight:700;font-size:12.2px;padding:3px 0 2px 0;}
h3, h4{margin:0;font-weight:700;font-size:12px;padding:3px 0 2px 0;}
hr{background:#b8d5e8;border:0;height:4px;}
img{border:0;max-width:100%;max-height:100%;}
div#container{margin:0 auto; width:100%;max-width:975px;min-width:768px;}
div.mbo{display:block;width:33.082%;height:20px;background:#b8d5e8;margin-top:1px;float:left;text-align:center;font-size:12px;padding-top:3px;margin-right:0.25%;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
div.sectoren{display:block;width:24.75%;height:32px;background:#1273B3;float:left;font-size:12px;text-align:center;padding-top:15px;margin-top:4px;margin-right:0.25%;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.mbo a, .sectoren a, .footer a, .footerlinks a{color:#fff;font-weight:700;} 
div#content-zoek{width:33.75%;height:100%;max-height:90px;float:left;}
div#content-logo{width:37%;height:100%;max-height:90px;float:left;}
div.content-pict{width:9.5%;height:100%;max-height:90px;margin-left:0.25%;float:left;}
div#navi-rechts{width:99%;height:18px;background:#1273B3;float:left;padding:0.3% 0 0 0.9%;}
div.content-vlak-links2{float:left;padding-top:0.4%;width:69%;}
div.content-vlak-rechts2{float:left;padding-top:0.4%;width:30%;padding-left:1%;}
div#content-links-school{float:left;padding:0.4% 0.4% 0 0;width:69%;}
div#content-links-artikel{width:49.75%;float:left;padding-top:0.4%;background-repeat:no-repeat;}
div#content-rechts-home2{width:49.75%;float:left;padding-top:0.4%;margin-left:0.5%;}
div.google{width:100%;max-width:728px;max-height:90px;margin-top:3%;display:block;clear:both;}
div.blauw{border:4px solid;border-color:#b8d5e8;float:left;margin-bottom:1.5%;padding:10px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
div.blauw p,div.blauw h4{margin-left:170px;}
div.menubalk {width:670px;margin-bottom:6px;}
.menubalk a {content:" ";}
#hoofdmenu > li {font-weight:700;width:670px;border:2px solid white;margin-bottom:2%;float:left;}
#hoofdmenu > li > a {color:#fff;background:url(navigatie2.svg) center top no-repeat;font-size:12px;width:670px;height:45px;display:block;text-align:center;line-height:3.5em;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
#hoofdmenu > li > a:hover {background-color:#b8d5e8;}
.submenu > ul {width:670px; display:none;}
#hoofdmenu > li:hover ul {display: block;z-index: 2;}
.submenu > ul > li > a {background-color:#fff;border:2px solid white;color:#1273B3; display: block;padding:2% 0 2% 3%;box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);}
.submenu > ul > li > a:hover {background-color:#b8d5e8;color:#fff;}

div.menubalk2 {width:100%;margin-bottom:6px;}
.menubalk2 a {content:" ";}
#hoofdmenu2 > li {font-weight:700;width:100%;border:2px solid white;margin-bottom:2%;float:left;}
#hoofdmenu2 > li > a {color:#fff;background:url(navigatie2.svg) no-repeat;border:2px; display: block;min-height:34px;padding:2% 2% 2% 22%;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
#hoofdmenu2 > li > a:hover {background-color:#b8d5e8;}
.submenu2 > ul {width:100%; display:none;}
#hoofdmenu2 > li:hover ul {display: block;z-index: 2;}
.submenu2 > ul > li > a {background-color:#fff;border:2px solid white;color:#1273B3; display: block;padding:2% 0 2% 3%;box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);}
.submenu2 > ul > li > a:hover {background-color:#b8d5e8;color:#fff;}

div.blauw0{background:#1273B3;color:#fff;float:left;margin-bottom:3%;padding:10px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.blauw0 a{color:#fff;}
div.responsive{}
div.oranje{border:4px solid;float:right;border-color:#b8d5e8;margin-bottom:3%;padding:10px;;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
div.oranje2{border:4px solid;float:right;border-color:#bf9000;margin-bottom:3%;padding:10px;;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
div.wit{margin-top:1.5%;}
div.wit p, div.wit2 p{line-height:2em;}
.wit a{color:#1273B3;font-weight:700;}
div.wit2{margin-top:2.5%;}
.wit2 a{color:#1273B3;}
div.grijs2, div.grijs3{border:4px solid;float:left;border-color:#1273B3;margin-bottom:3%;padding:10px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.grijs2 img, .grijs3 img, .blauw img, .blauwsub img, .blauw0 img{float:left;padding:10px;}
div#content-midden-school{float:left;width:30%;}
div.leeg{display:block;height:1px;clear:both;}
div.leeg2{display:block;height:3px;clear:both;}
div.footer{width:19.75%;height:32px;background:#1273B3;float:left;font-size:12px;text-align:center;padding-top:15px;margin-top:4px;margin-right:0.25%;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
div.footerlinks{width:19.75%;height:20px;background:#b8d5e8;float:left;text-align:center;font-size:12px;margin-top:4px;padding-top:3px;margin-right:0.25%;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.frm_row, .frm_row_half{display:block;}
.frm_row_half{float:left;width:48%;margin-right:2%;}
.frm_row label{display:block;width:100%;}
.frm_row input, .frm_row_half input{padding:2px;width:97%;}
input.error, select.error{border:1px solid red;background:#eee;}
label.error{display:none;}}
@media (min-device-width:320px) and (max-device-width:768px) {
body{font-family:verdana;font-size:1em;}
ul{padding:0;list-style:none;}
input{display:block;}
p{margin:0;line-height:1.5em;}
h1{margin:0;color:#fff;font-weight:700;font-size:1em;}
h2{margin:0;font-weight:700;font-size:1.25em;padding:3px 0px 2px 0;}
h3, h4{margin:0;font-weight:700;font-size:1.2em;padding:3px 0 2px 0;}
img{border:0;max-width:100%;max-height:100%;}
div#container{margin:0 auto; width:100%;max-width:975px;}
div.responsive, div.mbo, div#content-zoek, div.content-pict, div.grijs3, .grijs3 img, .grijs2 img, .blauw img, .blauw0 img{display:none;}
div.sectoren{display:block;width:99.75%;height:1.6em;background:#1273B3;float:left;font-size:1.0em;text-align:center;padding-top:7px;margin-top:2px;margin-right:0.25%;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.sectoren a, .footerlinks a, .footer a{color:#fff;font-weight:700;}
div#content-logo{width:99%;height:100%;text-align:center;max-height:9em;float:left;margin-top:3px;}
div#navi-rechts{width:99%;min-height:1.4em;background:#1273B3;float:left;padding:0.3% 0 0 0.9%;}
div.content-vlak-links2, div#content-links-school, div.content-vlak-rechts2, div#content-rechts-home2, div#content-links-artikel, div#content-midden-school{width:99%;padding:0.4% 0.4% 0 0;float:left;background-repeat:no-repeat;}
div.google{width:100%;max-width:728px;display:block;clear:both;}
div.blauw0{background:#1273B3;color:#fff;float:left;margin-bottom:3%;padding:2%;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.blauw0 a{color:#fff;}
div.blauw{border:4px solid;border-color:#b8d5e8;float:left;margin-bottom:1.5%;padding:2%;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
div.oranje{border:4px solid;float:right;border-color:#b8d5e8;margin-bottom:3%;padding:2.5%;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
div.oranje2{border:4px solid;float:right;border-color:#bf9000;margin-bottom:3%;padding:2.5%;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
div.grijs2{border:4px solid;float:right;border-color:#1273B3;margin-bottom:3%;padding:2.5%;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
div.wit{margin-top:1.5%;}
div.wit p, div.wit2 p{line-height:2em;}
.wit a{color:#1273B3;font-weight:700;}
div.wit2{margin-top:2.5%;}
.wit2 a{color:#1273B3;}

div#menubalk, div#menubalk2 {width:99.75%; margin-bottom:3%;}
#menubalk a, #menubalk2 a {content:" ";}
#hoofdmenu > li, #hoofdmenu2 > li {font-weight:700;width:99.75%;border:2px solid white;margin-bottom:2%;float:left;}
#hoofdmenu > li > a, #hoofdmenu2 > li > a {color:#fff;background:url(navigatie2.svg) no-repeat;font-size:1em;min-height:30px;font-weight:700;padding:2% 2% 2% 16%;display:block;}
#hoofdmenu > li > a:hover, #hoofdmenu2 > li > a:hover {background-color:#b8d5e8;}
.submenu > ul, .submenu2 > ul {width:99.75%; display:none;}
#hoofdmenu > li:hover ul, #hoofdmenu2 > li:hover ul {display: block;z-index: 2;}
.submenu > ul > li > a, .submenu2 > ul > li > a {background-color:#fff;border-top:2px solid white;color:#1273B3; display: block;padding:2% 0 2% 3%;box-shadow: 0 2%x 4% 0 rgba(0,0,0,0.2);}
.submenu > ul > li > a:hover, .submenu2 > ul > li > a:hover {background-color:#b8d5e8;color:#fff;}

div.leeg{display:block;height:1px;clear:both;}
div.leeg2{display:block;height:3px;clear:both;}
div.footer{width:99.75%;height:1.6em;background:#1273B3;float:left;font-size:1em;text-align:center;padding-top:7px;margin-top:2px;margin-right:0.25%;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
div.footerlinks{width:99.75%;height:1.6em;background:#b8d5e8;float:left;font-size:1em;text-align:center;padding-top:7px;margin-top:2px;margin-right:0.25%;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.frm_row, .frm_row_half{display:block;}
.frm_row_half{float:left;width:48%;margin-right:2%;}
.frm_row label{display:block;width:100%;}
.frm_row input, .frm_row_half input{padding:2px;width:97%;}
input.error, select.error{border:1px solid red;background:#eee;}
label.error{display:none;}}