html, body, form {width: 100%; height: 100%; padding: 0; margin: 0; font-family: Verdana, Tahoma, Arial;}
/*---------------------- layout voor de blokken op de beginpagina ----------------------*/
.divBlock {width: 150px; height: 150px; left: 50%; top: 50%; padding: 0; position: absolute; display: block;}
.divDefault {left: 50%; top: 50%; position: absolute; display: block;}
.linkBlock {display: block; position: relative; color: #fff; padding: 66px 0 66px 0; width: 150px; text-decoration: none; text-align: center;}
.imgNoBorder {border: 0;}
a { color: #ed1c24; }
a#linkAlgemeen {background-color: #ed1c24; background-image: url(../img/index/deschool.png); background-repeat: no-repeat; background-position: center 72px;}
a:hover#linkAlgemeen {background-color: #aecd01; background-image: url(../img/index/deschool.png);}
a#linkOnderwijs {background-color: #0066b3; background-image: url(../img/index/groep7en8.png); background-repeat: no-repeat; background-position: center 71px;}
a:hover#linkOnderwijs {background-color: #f6891f; background-image: url(../img/index/groep7en8.png);}
a#linkLeerlingen {background-color: #aecd01; background-image: url(../img/index/leerlingen.png); background-repeat: no-repeat; background-position: center 71px;}
a:hover#linkLeerlingen {background-color: #0066b3; background-image: url(../img/index/leerlingen.png);}
a#linkRooster {background-color: #91278f; background-image: url(../img/index/rooster.png); background-repeat: no-repeat; background-position: center 71px;}
a:hover#linkRooster {background-color: #ed1c24; background-image: url(../img/index/rooster.png);}
a#linkActueel {background-color: #f6891f; background-image: url(../img/index/actueel.png); background-repeat: no-repeat; background-position: center 71px;}
a:hover#linkActueel {background-color: #91278f; background-image: url(../img/index/actueel.png);}
a#linkNK {background-image: url(../img/NK.jpg); background-repeat: no-repeat; background-position: center;}
a:hover#linkNK {background-image: url(../img/NK_over.jpg);}
#hpcTop {width: 500px; height: 24px; background-image: url(../img/header.jpg); margin: -280px 0 0 -250px;}
#hpcLeft {width: 71px; height: 229px; background-image: url(../img/hpc.jpg); margin: -115px 0 0 -426px;}
#algemeen {margin: -225px 0 0 -300px;}
#img1 {margin: -225px 0 0 -150px; background-image: url(../img/top2.jpg);}
#onderwijs {margin: -225px 0 0 0; }
#textBlock {margin: -225px 0 0 150px; background-color: #ffd400;}
#img2 {margin: -75px 0 0 -300px; background-image: url(../img/middle1.jpg);}
#leerlingen {margin: -75px 0 0 -150px;}
#yellow {margin: -75px 0 0 0; background-color: #ffd400;}
#divNK {margin: -75px 0 0 150px; background-color: #ffd400;}
#whiteLogo {margin: 75px 0 0 300px; background-image: url(../img/middle4.jpg);}
#rooster {margin: 75px 0 0 -300px; }
#white {margin: 75px 0 0 -150px; background-color: #fff;}
#actueel {margin: 75px 0 0 0; }
#img3 {margin: 75px 0 0 150px; background-image: url(../img/bottom4.jpg); }
#scholenGroep {margin: 130px 0 0 300px; height: 60px; text-decoration: none; }
/*---------------------- layout voor de rest ----------------------*/
/*header image*/
.headerMainpage {width: 447px; height: 127px; left: 50%; margin: 25px 0 0 -376px; position: absolute; display: block; background-image: url(../img/header_mainpage.jpg);}
.mainMenu {width: 600px; height: 28px; padding: 5px 0 0 10px; left: 50%; margin: 160px 0 0 -307px; position: absolute; display: block; background-color: #8a8c8f; text-align: center;}
/*menu boven aan (mainMenu)*/
a.mainLink {display: block; width: 80px; float: left; height: 28px; text-decoration: none; background-repeat: no-repeat; background-position: center 0;}
a#mainMenu1 {background-image: url(../img/menuTop/1.jpg); margin: 0 10px 0 8px;}
a:hover#mainMenu1{background-image: url(../img/menuTop/1on.jpg);}
a#mainMenu2 {background-image: url(../img/menuTop/2.jpg); margin: 0 10px 0 17px;}
a:hover#mainMenu2{background-image: url(../img/menuTop/2on.jpg);}
a#mainMenu3 {background-image: url(../img/menuTop/3.jpg); margin: 0 10px 0 17px;}
a:hover#mainMenu3{background-image: url(../img/menuTop/3on.jpg);}
a#mainMenu4 {background-image: url(../img/menuTop/4.jpg); margin: 0 10px 0 11px;}
a:hover#mainMenu4{background-image: url(../img/menuTop/4on.jpg);}
a#mainMenu5 {background-image: url(../img/menuTop/5.jpg); margin: 0 8px 0 4px;}
a:hover#mainMenu5{background-image: url(../img/menuTop/5on.jpg);}
a#mainMenu6 {background-image: url(../img/menuTop/6.jpg); margin: 0 8px 0 4px;}
a:hover#mainMenu6{background-image: url(../img/menuTop/6on.jpg);}
/*-------------------------------------------------------------------------------------*/
/* Opmaak voor het IFrame in een link-pagina */
/*-------------------------------------------------------------------------------------*/
div#divFrameForExternalPage iframe { border: none; width: 610px; height: 560px; }
/*news Items rechts*/
.newsDiv {background-color: #e8e8e8; width: 140px; left: 50%; margin: 160px 0 0 319px; padding: 8px 10px 10px 10px; position: absolute; display: block;}
.newsItemDiv {margin: 0 0 15px 0; padding: 0;}
p.newsText {font-size: 10px; line-height: 16px; margin: 0; padding: 0; display: inline;}
h1.newsHead {color: #ed1c24; font-size: 14px; font-weight: bold; margin: 0 0 0 0; padding: 0; line-height: 18px;}
a.leesMeer {color: #ed1c24; text-decoration: none; font-size: 11px; display: block; margin-bottom: 1.5em;}
a:hover.leesMeer {text-decoration: underline;}
p.newsDate {font-size: 9px; color: #E87C81; margin: 0; padding: 0; display: block;}
/* nieuwsberichten in het nieuwsarchief */
div.newsArchive a { font-size: 12px; text-decoration: underline; line-height: 1em; }
div.newsArchive a:hover { text-decoration: none; }
/*submenu aan de linker kant Toplevel*/
.subMenuDiv {left: 50%; margin: 217px 0 0 -485px; position: absolute; display: block; padding: 0;}
.subMenuTable {margin: 0; padding: 0; font-size: 11px; cursor: pointer;}
.subMenuDiv .text { padding: 8px 0 0 0.5em; width: 154px; text-decoration: none; }
.subMenuDiv a { text-decoration: none; }
/*--------------------------------------------------------------------------*/
.sMTop1 {background-color: #0066b3; color: #fff; height: 30px; margin: 0; width: 177px; background-image: url(../img/white.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop1:hover {background-color: #0066b3; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowBlue.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop1Fo {background-color: #0066b3; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowBlue.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop1Fo:hover {background-color: #0066b3; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowBlue.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop1Ex {background-color: #0066b3; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowBlue.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop1Ex:hover {background-color: #0066b3; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowBlue.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop1Se {background-color: #0066b3; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowBlueSelected.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop1Se:hover {background-color: #0066b3; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowBlue.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop1NA {background-color: #0066b3; color: #fff; height: 30px; margin: 0; padding: 0; cursor: default;}
.sMTop1FoNA {background-color: #0066b3; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowBlue.jpg); background-repeat: no-repeat; background-position: right top; cursor: default;}
/*--------------------------------------------------------------------------*/
.sMTop2 {background-color: #ed1c24; color: #fff; height: 30px; margin: 0; width: 177px; background-image: url(../img/white.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop2:hover {background-color: #ed1c24; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowRed.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop2Fo {background-color: #ed1c24; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowRed.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop2Fo:hover {background-color: #ed1c24; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowRed.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop2Ex {background-color: #ed1c24; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowRed.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop2Ex:hover {background-color: #ed1c24; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowRed.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop2Se {background-color: #ed1c24; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowRedSelected.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop2Se:hover {background-color: #ed1c24; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowRed.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop2NA {background-color: #ed1c24; color: #fff; height: 30px; margin: 0; padding: 0; cursor: default;}
.sMTop2FoNA {background-color: #ed1c24; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowRed.jpg); background-repeat: no-repeat; background-position: right top; cursor: default;}
/*--------------------------------------------------------------------------*/
.sMTop3 {background-color: #aecd01; color: #fff; height: 30px; margin: 0; width: 177px; background-image: url(../img/white.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop3:hover {background-color: #aecd01; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowGreen.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop3Fo {background-color: #aecd01; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowGreen.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop3Fo:hover {background-color: #aecd01; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowGreen.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop3Ex {background-color: #aecd01; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowGreen.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop3Ex:hover {background-color: #aecd01; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowGreen.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop3Se {background-color: #aecd01; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowGreenSelected.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop3Se:hover {background-color: #aecd01; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowGreen.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop3NA {background-color: #aecd01; color: #fff; height: 30px; margin: 0; padding: 0; cursor: default;}
.sMTop3FoNA {background-color: #aecd01; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowGreen.jpg); background-repeat: no-repeat; background-position: right top; cursor: default;}
/*--------------------------------------------------------------------------*/
.sMTop4 {background-color: #92278f; color: #fff; height: 30px; margin: 0; width: 177px; background-image: url(../img/white.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop4:hover {background-color: #92278f; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowPurple.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop4Fo {background-color: #92278f; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowPurple.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop4Fo:hover {background-color: #92278f; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowPurple.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop4Ex {background-color: #92278f; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowPurple.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop4Ex:hover {background-color: #92278f; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowPurple.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop4Se {background-color: #92278f; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowPurpleSelected.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop4Se:hover {background-color: #92278f; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowPurple.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop4NA {background-color: #92278f; color: #fff; height: 30px; margin: 0; padding: 0; cursor: default;}
.sMTop4FoNA {background-color: #92278f; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowGreen.jpg); background-repeat: no-repeat; background-position: right top; cursor: default;}
/*--------------------------------------------------------------------------*/
.sMTop5 {background-color: #f6891f; color: #fff; height: 30px; margin: 0; width: 177px; background-image: url(../img/white.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop5:hover {background-color: #f6891f; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowOrange.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop5Fo {background-color: #f6891f; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowOrange.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop5Fo:hover {background-color: #f6891f; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowOrange.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop5Ex {background-color: #f6891f; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowOrange.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop5Ex:hover {background-color: #f6891f; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowOrange.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop5Se {background-color: #f6891f; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowOrangeSelected.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop5Se:hover {background-color: #f6891f; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowOrange.jpg); background-repeat: no-repeat; background-position: right top;}
.sMTop4NA {background-color: #f6891f; color: #fff; height: 30px; margin: 0; padding: 0; cursor: default;}
.sMTop4FoNA {background-color: #f6891f; color: #fff; height: 30px; margin: 0; padding: 0; background-image: url(../img/arrowOrange.jpg); background-repeat: no-repeat; background-position: right top; cursor: default;}
/*--------------------------------------------------------------------------*/
/*submenu aan de linker kant Sublevel*/
.sMSub1 {background-color: #0066b3; color: #fff; height: 30px; margin: 0; padding: 0; font-size: 11px; cursor: pointer; width: 177px;}
.sMSub1NA {background-color: #0066b3; color: #fff; height: 30px; margin: 0; padding: 0; font-size: 11px; cursor: pointer;}
.sMSub1Se {background-color: #b2d1e8; color: #fff; height: 30px; margin: 0; padding: 0; font-size: 11px; cursor: pointer;}
.sMSub1:hover {background-color: #b2d1e8; color: #000; height: 30px; margin: 0; padding: 0; font-size: 11px; cursor: pointer;}
.sMSub2 {background-color: #ed1c24; color: #fff; height: 30px; margin: 0; padding: 0; font-size: 11px; cursor: pointer; width: 177px;}
.sMSub2NA {background-color: #ed1c24; color: #fff; height: 30px; margin: 0; padding: 0; font-size: 11px; cursor: pointer;}
.sMSub2Se {background-color: #fababd; color: #fff; height: 30px; margin: 0; padding: 0; font-size: 11px; cursor: pointer;}
.sMSub2:hover {background-color: #fababd; color: #000; height: 30px; margin: 0; padding: 0; font-size: 11px; cursor: pointer;}
.sMSub3 {background-color: #aecd01; color: #fff; height: 30px; margin: 0; padding: 0; font-size: 11px; cursor: pointer; width: 177px;}
.sMSub3NA {background-color: #aecd01; color: #fff; height: 30px; margin: 0; padding: 0; font-size: 11px; cursor: pointer;}
.sMSub3Se {background-color: #e7f0b2; color: #fff; height: 30px; margin: 0; padding: 0; font-size: 11px; cursor: pointer;}
.sMSub3:hover {background-color: #e7f0b2; color: #000; height: 30px; margin: 0; padding: 0; font-size: 11px; cursor: pointer;}
.sMSub4 {background-color: #92278f; color: #fff; height: 30px; margin: 0; padding: 0; font-size: 11px; cursor: pointer; width: 177px;}
.sMSub4NA {background-color: #92278f; color: #fff; height: 30px; margin: 0; padding: 0; font-size: 11px; cursor: pointer;}
.sMSub4Se {background-color: #debedd; color: #fff; height: 30px; margin: 0; padding: 0; font-size: 11px; cursor: pointer;}
.sMSub4:hover {background-color: #debedd; color: #000; height: 30px; margin: 0; padding: 0; font-size: 11px; cursor: pointer;}
.sMSub5 {background-color: #f6891f; color: #fff; height: 30px; margin: 0; padding: 0; font-size: 11px; cursor: pointer; width: 177px;}
.sMSub5NA {background-color: #f6891f; color: #fff; height: 30px; margin: 0; padding: 0; font-size: 11px; cursor: pointer;}
.sMSub5Se {background-color: #fcdbbb; color: #fff; height: 30px; margin: 0; padding: 0; font-size: 11px; cursor: pointer;}
.sMSub5:hover {background-color: #fcdbbb; color: #000; height: 30px; margin: 0; padding: 0; font-size: 11px; cursor: pointer;}
/*zorgen dat de border verdwijnt tussen de hoofdItems van het submenu*/
div#Top1_RadMenu1_wrapper table {padding: 0; margin: 0; height: 26px;}
/*content van de website zelf*/
div#content {width: 600px; left: 50%; position: absolute; display: block; margin: 200px 0 0 -305px; padding: 0;}
div#content p {font-size: 11px; line-height: 24px; margin: 10px 0 0 0; padding: 0;}
div#content h1 {color: #666; font-weight: normal; font-size: 20px; margin: 17px 0 0 0; padding: 0; text-transform: uppercase; }
table#adres { margin-top: 1em; }
table#adres td { vertical-align: top; font-size: 12px;}
table#adres table { margin-right: 40px; }
/* opmaak voor de contact pagina */
div#contactForm h1 { color: #666; font-weight: normal; font-size: 20px; margin: 17px 0 0 0; padding: 0; text-transform: uppercase; }
div#contactForm th { width: 170px; vertical-align: top; font-size: 12px; text-align:left; font-weight: normal; }
div#contactForm td { padding: 0px; padding-bottom: 2px; }
div#contactForm .input { border: 1px solid #999; margin: 0px; width: 426px;}
div#contactForm .inputArea { border: 1px solid #999; margin: 0px; width: 426px; height: 100px;}
div#contactForm td.knop { padding-top: 1em; text-align: right; }
div#contactForm .inputButton { background-color: #999; color: #fff; border: 1px solid black; font-size: 12px; height: 20px; width: 90px; padding: 0; margin: 0;}
div#contactForm div.mededeling { margin: 0.9em 0px; color: #080; font-size: 12px; }
.spanBreed {width: 150px; display: block; float: left; font-size: 11px; height: 18px; margin: 8px 0 0 0;}
.spanUitlijn {width: 592px; text-align: right; display: block; margin-bottom: 5px; padding: 0;}
.input {border: 1px solid black; margin: 5px; width: 430px;}
.inputButton {background-color: #333; color: #fff; border: 1px solid black; font-size: 12px; height: 20px; width: 70px; padding: 0; margin: 0;}