@charset "UTF-8";
/* CSS Document */


*{margin:0; padding:0;}
html,body{height:100%; border: none; }
body{color:#606060; font:12px/14px Arial, sans-serif;}
.standaard{color:#606060; font:12px/14px Arial, sans-serif;}
.troef {font:normal 12px/21px "Lucida Sans", Arial, sans-serif; color:#404040; }


a:hover{text-decoration:none;}

/*h1{font:normal 32px/34px "Arial Narrow", Arial, sans-serif; color:#473F35; padding:10px 0 0 0}
h2{font:normal 19px/21px "Lucida Sans", Arial, sans-serif; color:#606060; padding:3px 0 7px 0}*/
h1{font:normal 32px/34px "Arial Narrow", Arial, sans-serif; color:#473F35; padding:0px 0 0px 0}
h2{font:normal 19px/21px "Lucida Sans", Arial, sans-serif; color:#606060; padding:10px 0 12px 0}
h3,h4,h5,h6{font-family:"Lucida Sans", Arial, sans-serif; color:#473F35; font-weight:normal;}
h3{font:normal 16px/21px "Lucida Sans", Arial, sans-serif; color:#606060; padding:3px 0 0 0}
h4{font:bold 14px/21px "Lucida Sans", Arial, sans-serif; color:#606060; padding:3px 0 5px 0}
h5{font:normal 13px/21px "Lucida Sans", Arial, sans-serif; color:#404040; padding:3px 0 0 0; letter-spacing:0.03em;}
h6{font:normal 11px/21px "Lucida Sans", Arial, sans-serif; color:#606060; padding:3px 0 0 0; text-transform:uppercase;}

.contactpersoon{font:normal 10px "Lucida Sans", Arial, sans-serif; color:#606060; padding:3px 0 0 0;}

#buttonLink{font:normal 18px "Lucida Sans", Arial, sans-serif; color:#FFFFFF; padding-left: 5px; padding-right: 5px; }
#buttonLink a{font:normal 18px "Lucida Sans", Arial, sans-serif; color:#FFFFFF; padding-left: 5px; padding-right: 5px; text-decoration:none }
#buttonLink a:hover{font:normal 18px "Lucida Sans", Arial, sans-serif; color:#CCCCCC; padding-left: 5px; padding-right: 5px; text-decoration:none }

em, i{font-family: "Arial Narrow", Arial, sans-serif; font-size:13px; color:#808080}

p{padding:3px 0 7px 0;}
hr{border:none; border-top:solid 1px #E3E3E3; margin:0 0 10px 0 }
br.clear{clear:both; height:0px; font-size:0px; line-height:0px;}
ul.noList, ul.noList li{list-style:none;}
ul.noList li a{text-decoration:none;}

.print{display:none;}
/*Structuur*/
#wrapper{width:966px; margin:auto}
#topPane{width:100%;height:130px;float:left;}

/*#topPane.lager{height:175px;}*/
/*#topPane.lager ul#metaNav{margin-top:140px;}*/
/*#middlePane{width:100%; float:left;}*/
#middlePane{width:100%; float:left; min-height:470px; _height:470px;}

#bottomPane{width:100%; height:30px; float:left;}

/*invulling topPane*/
img#logo{float:left;}
ul#metaNav{margin-top:95px; float:right;}
ul#metaNav li{display:block; float:left;}
ul#metaNav li a{display:block; width:94px; height:33px; float:left; background-image:url(../images/metNav.gif); background-repeat:no-repeat;}

ul#metaNav li a#btnKleuter{background-position:left top;}
ul#metaNav li a#btnLager{background-position:-95px top;}
ul#metaNav li a#btnSecundair{background-position:-189px top;}
ul#metaNav li a#btnInternaat{background-position:-283px top;width:95px;}

ul#metaNav li a#btnKleuter:hover{background-position:left bottom;}
ul#metaNav li a#btnLager:hover{background-position:-95px bottom;}
ul#metaNav li a#btnSecundair:hover{background-position:-189px bottom;}
ul#metaNav li a#btnInternaat:hover{background-position:-283px bottom;width:95px;}

/*invulling middlePane*/
#middlePaneSpacer{height:470px; width:0px;float:left; display:none;}/*voor IE6 ter vervanging van min-height*/

.quadSpread #rightPane{width:182px;display:block;}
.quadSpread #contentPane{width:527px;display:block;}

.halfSpread #rightPane{width:202px;display:block;}
.halfSpread #contentPane{width:507px;display:block;}


.fullSpread #rightPane{width:202px; display:none;}
.fullSpread #contentPane{width:750px; display:block;}

/*linkerpaneel*/
#leftPane{ width:181px;float:left; overflow:hidden; }
#leftPane h1,#leftPane h2,#leftPane h3,#leftPane h4,#leftPane h5,#leftPane h6,#leftPane p{padding:0 10px;}
#leftPane h2{margin:20px 0; color:white;}

#leftPane ul li ul li{background:none;}
#leftPane ul li a{color:white; font:14px/15px"Lucida Sans", Arial, sans-serif; display:block; padding:5px 10px 5px 15px;}
#leftPane ul li a:hover{color:#DFF6FF;}
#leftPane ul li ul{background:url(../images/niveau2.gif);}
#leftPane ul li ul li a{background:none; font-size:13px; padding-left:25px; color:#DFF6FF}
#leftPane ul li ul li a:hover{color:#B3DEEF;}
#leftPane ul li ul li.lockerNiveau2{background:url(../images/niveau2.gif) left bottom no-repeat; height:5px; font-size:0; line-height:0px;}
#leftPane ul li ul li ul li a{background:#3B749F url(../images/niveau3.png); padding-left:30px; font-size:12px; color:#A4DAEF}/*niveau 3*/
#leftPane ul li ul li ul li a:hover{color:#6FBFDF;}

#leftPane ul li a.active {background:url(../images/arrow-white.gif) 4px 9px no-repeat; font-weight:bold;}
#leftPane ul li ul li a.active{background:url(../images/arrow-white.gif) 14px 9px no-repeat; font-weight:bold; color:white;}
#leftPane ul li ul li ul li a.active{background:url(../images/niveau3.png); font-weight:bold; color:white;}






/*content*/
#contentPane{float:left; overflow:hidden; margin-left:15px; padding:10px;}
#contentPane ul{margin-left:14px;}
#contentPane ul li{padding:2px 0;}
ul#breadcrumb{font-size:10px; margin:0;}
ul#breadcrumb li{float:left; padding:0;}
ul#breadcrumb li a{display:block; padding-left:14px; background:url(../images/arrowGrey.gif) 4px 4px no-repeat;}
ul#breadcrumb li a:hover{text-decoration:underline;}
/*#contentPane img{width:484px; height:363px; padding:3px; background:white; border:solid 1px #F0F0F0}*/
.floatLeft{float:left; margin-right: 5px}
.floatRight{float:right; margin-left: 5px }
.floatCenter{margin-left: 5px }

#troef img{ padding:0; background:white; border:solid 1px #F0F0F0; }

#contentPane img{  padding:3px; background:white; border:solid 1px #F0F0F0}
.fullSpread #contentPane img{ margin-right:5px;}
.quadSpread #contentPane img{ border: none }

/*rechterpaneel*/
/*#rightPane{padding:20px; float:left; display:block; overflow:hidden;}*/
/*#rightPane img{width:202px; margin-bottom:4px; clear:both;}*/
.quadSpread #rightPane{padding:10px; float:left; display:block; overflow:hidden;}
.halfSpread #rightPane{padding:20px; float:left; display:block; overflow:hidden;}
.fullSpread #rightPane{padding:20px; float:left; display:block; overflow:hidden;}

/*footer*/
p.footer{text-align:center; color:#999; font:9px/11px Verdana, Arial, Helvetica, sans-serif }


/*BLAUW*/
.blue .quadSpread{background-image:url(../images/middlePaneFullSpread.jpg);}
.blue .halfSpread {background:url(../images/middlePane.jpg) left top no-repeat;}
.blue .fullSpread{background-image:url(../images/middlePaneFullSpread.jpg);}
.blue #bottomPane {background:url(../images/middlePane.jpg) left bottom no-repeat;}
.blue a, .blue h3{color:#4580A8;}
.blue #leftPane ul li{background:url(../images/blueLineLeft.gif) no-repeat;}
.blue ul#topMenu li a:hover{color:#606060; border-bottom:solid 3px #4580A8;}
.blue ul#topMenu li a.active, .blue ul#topMenu li a.active:hover{color:#000000;border-bottom:solid 3px #4580A8;}
.blue ul#topMenu{ left: 15px; top: 100px; }

/*GEEL*/
.yellow .quadSpread{background-image:url(../images/middlePaneFullSpreadYellow.jpg);}
.yellow .halfSpread {background:url(../images/middlePaneYellow.jpg) left top no-repeat;}
.yellow .fullSpread{background-image:url(../images/middlePaneFullSpreadYellow.jpg);}
.yellow #bottomPane {background:url(../images/middlePaneYellow.jpg) left bottom no-repeat;}
.yellow a, .yellow h3{color:#FF9900;}
.yellow #leftPane ul li{background:url(../images/yellowLineLeft.gif) no-repeat;}
.yellow #leftPane h2{color:#404040;}
.yellow #leftPane ul li a{color:#606060;}
.yellow #leftPane ul li a:hover{color:#FF6600;}
.yellow ul#topMenu li a:hover{color:#606060; border-bottom:solid 3px #FFE86C}
.yellow ul#topMenu li a.active,.yellow ul#topMenu li a.active:hover{color:#000000; border-bottom:solid 3px #FFE86C}
.yellow ul#topMenu{ left: 7px; top: 100px; }

/*GROEN*/
.green .quadSpread{background-image:url(../images/middlePaneFullSpreadGreen.jpg);}
.green .halfSpread {background:url(../images/middlePaneGreen.jpg) left top no-repeat;}
.green .fullSpread{background-image:url(../images/middlePaneFullSpreadGreen.jpg);}
.green #bottomPane {background:url(../images/middlePaneGreen.jpg) left bottom no-repeat;}
.green a, .green h3{color:#66CC00;}
.green #leftPane ul li{background:url(../images/greenLineLeft.gif) no-repeat;}
.green #leftPane h2{color:#fff;}
.green #leftPane ul li a{color:#fff}
.green #leftPane ul li a:hover{color:#404040;}
.green ul#topMenu li a:hover{color:#606060; border-bottom:solid 3px #66CC00}
.green ul#topMenu li a.active, .green ul#topMenu li a.active:hover{color:#000000; border-bottom:solid 3px #66CC00;}
.green ul#topMenu{ left: 15px; top: 100px; }

/*ORANJE*/
.orange .quadSpread{background-image:url(../images/middlePaneFullSpreadOrange.jpg);}
.orange .halfSpread {background:url(../images/middlePaneOrange.jpg) left top no-repeat;}
.orange .fullSpread{background-image:url(../images/middlePaneFullSpreadOrange.jpg);}
.orange #bottomPane {background:url(../images/middlePaneOrange.jpg) left bottom no-repeat;}
.orange a, .orange h3{color:#FF6600;}
.orange #leftPane ul li{background:url(../images/orangeLineLeft.gif) no-repeat;}
.orange #leftPane h2{color:#fff;}
.orange #leftPane ul li a{color:#fff}
.orange #leftPane ul li a:hover{color:#404040;}
.orange ul#topMenu li a:hover{color:#606060; border-bottom:solid 3px #FEAC00}
.orange ul#topMenu li a.active, .orange ul#topMenu li a.active:hover{color:#000000;  border-bottom:solid 3px #FEAC00}
.orange ul#topMenu{ left: 7px; top: 100px; }

/*Landing*/
#wrapperLanding{width:804px; margin:auto; }
#topPaneLanding{width:100%;height:130px;float:left; position:relative;}

.bannerLanding{width:804px; height:243px; float:left; }
.bannerLanding #slide1{background:url(../images/bannergeel.gif); height:243px;}
.bannerLanding #slide2{background:url(../images/bannerOranje.gif); height:243px;}
.bannerLanding #slide3{background:url(../images/bannerGroen.gif); height:243px;}
.bannerLanding #slide4{background:url(../images/bannerBlauw.gif); height:243px;}

.bannerLanding a img{border:0!important;}
.bannerLanding img{margin:6px 0 0 6px; width:793px; height:232px;}
#buttonsLanding{width:100%; height:51px; margin-top:4px; float:left;}
#buttonsLanding ul, #buttonsLanding ul li{list-style:none; margin:0; padding:0; display:block; float:left;}
#buttonsLanding a{display:block; float:left; margin-right:4px; _margin-right:2px; background:red; width:198px; height:51px;}
#buttonsLanding a.last{margin-right:0;}
#buttonsLanding a.active{background-position:left bottom!important;}
#buttonsLanding .btnGeel{background:url(../images/btnGeel.jpg);}
#buttonsLanding .btnGeel:hover{background:url(../images/btnGeel.jpg) left bottom;}
#buttonsLanding .btnOranje{background:url(../images/btnOranje.jpg);}
#buttonsLanding .btnOranje:hover{background:url(../images/btnOranje.jpg) left bottom;}
#buttonsLanding .btnGroen{background:url(../images/btnGroen.jpg);}
#buttonsLanding .btnGroen:hover{background:url(../images/btnGroen.jpg) left bottom;}
#buttonsLanding .btnBlauw{background:url(../images/btnBlauw.jpg);}
#buttonsLanding .btnBlauw:hover{background:url(../images/btnBlauw.jpg) left bottom;}

.infoblokLanding{width:198px; overflow:hidden; margin-right:3px; margin-top:15px; float:left;}
.infoblokLanding p{margin-right:1em;}
.infoblokLanding img{width:198px; margin-bottom:4px; clear:both;}
#adresLanding{ position:absolute; right:10px; bottom:5px;}
#adresLanding p{padding:0; margin:0; color:#999; color:#606060; font:14px/16px Arial, sans-serif;}


ul#topMenu{ position:relative; list-style:none; left: margin:45px 0 0 0; padding:0; float:left }
ul#topMenu li{display:block;float: left; margin:0; padding:0 }
ul#topMenu li a{text-decoration:none; font:13px/17px "Lucida Sans", Arial, sans-serif; color:#473F35; padding:10px 10px 0 10px; display:block; float:left;}




.column{width:25%; float:left; display:block; padding-bottom:15px; overflow:hidden; padding-top: 15px; }
.column p{margin:0; padding: 0; }

.oneCols #firstCol{width:100%}
.oneCols #secondCol{display:none}
.oneCols #thirdCol{display:none}
.oneCols #fourthCol{display:none}
.oneCols #fifthCol{display:none}
.oneCols #sixthCol{display:none}
.oneCols #seventhCol{display:none}

.twoCols #firstCol{width:50%}
.twoCols #secondCol{width:50%}
.twoCols #thirdCol{display:none}
.twoCols #fourthCol{display:none}
.twoCols #fifthCol{display:none}
.twoCols #sixthCol{display:none}
.twoCols #seventhCol{display:none}

.threeCols #firstCol{width:33.333%}
.threeCols #secondCol{width:33.333%}
.threeCols #thirdCol{width:32.333%}
.threeCols #fourthCol{display:none}
.threeCols #fifthCol{display:none}
.threeCols #sixthCol{display:none}
.threeCols #seventhCol{display:none}

.fourCols #firstCol{width:25%}
.fourCols #secondCol{width:25%}
.fourCols #thirdCol{width:25%}
.fourCols #fourthCol{width:24%}
.fourCols #fifthCol{display:none}
.fourCols #sixthCol{display:none}
.fourCols #seventhCol{display:none}

.fiveCols #firstCol{width:20%}
.fiveCols #secondCol{width:20%}
.fiveCols #thirdCol{width:20%}
.fiveCols #fourthCol{width:20%}
.fiveCols #fifthCol{width:20%}
.fiveCols #sixthCol{display:none}
.fiveCols #seventhCol{display:none}

.sixCols #firstCol{width:16.666666%}
.sixCols #secondCol{width:16.666666%}
.sixCols #thirdCol{width:16.666666%}
.sixCols #fourthCol{width:16.666666%}
.sixCols #fifthCol{width:16.666666%}
.sixCols #sixthCol{width:16.666666%}
.sixCols #seventhCol{display:none}

.sevenCols #firstCol{width:14.285714%}
.sevenCols #secondCol{width:14.285714%}
.sevenCols #thirdCol{width:14.285714%}
.sevenCols #fourthCol{width:14.285714%}
.sevenCols #fifthCol{width:14.285714%}
.sevenCols #sixthCol{width:14.285714%}
.sevenCols #seventhCol{width:14.285714%}







input.inputfield
{
	BACKGROUND-COLOR: #f9fcfd;
	BORDER: #473F35 1px solid;
	COLOR: #473F35;
	font-family: Verdana;
	font-size: 12px;
	padding-left: 1pt;
	padding-right: 3pt;
	height: 17px;
}

input[disabled].inputfield
{
	BACKGROUND-COLOR: #f9fcfd;
	BORDER: #473F35 1px solid;
	COLOR: #473F35;
	font-family: Verdana;
	font-size: 12px;
	padding-left: 1pt;
	padding-right: 3pt;
	height: 17px;
}

input.filefield
{
	BACKGROUND-COLOR: #f9fcfd;
	BORDER: #473F35 1px solid;
	COLOR: #473F35;
	font-family: Verdana;
	font-size: 12px;
	padding-left: 1pt;
	padding-right: 3pt;
	height: 18px;
}

textarea.inputfield
{
	BACKGROUND-COLOR: #f9fcfd;
	BORDER: #473F35 1px solid;
	COLOR: #473F35;
	font-family: Verdana;
	font-size: 12px;
	padding-left: 1pt;
	padding-right: 3pt;
	height: 60px;
}

select.inputfield
{
	BACKGROUND-COLOR: #f9fcfd;
	BORDER: #473F35 1px solid;
	COLOR: #473F35;
	font-family: Verdana;
	font-size: 12px;
	height: 18px;
}


.button{
    BORDER-RIGHT: #473F35 1px solid;
    BORDER-TOP: #473F35 1px solid;
    BORDER-LEFT: #473F35 1px solid;
    BORDER-BOTTOM: #473F35 1px solid;
    COLOR: #FFFFFF;
	font:12px/14px Arial, sans-serif;
    BACKGROUND-COLOR: #473F35;
	height: 20px;
	text-transform:capitalize
}



ul.paging{ float:right; list-style:none; margin:0; padding:0; }
ul.paging li{display:block; float:left; margin:0; padding-bottom:5px;}
ul.paging li a {padding:3px 7px; color:#666666; font-family: Verdana; font-size: 8pt; text-decoration:none }
ul.paging li a.active{background:#ECECEC; color:#000000; font-family: Verdana; font-size: 8pt; text-decoration:none }