/* CSS Document */
body 
{
 margin: 0;
 padding: 0;/*overflow:hidden;*/

 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
}

body#home 
{
 background-image: url(http://www.klasse.be/sites/klasse/img/background_infi.jpg);
 background-repeat: repeat-x;
 position: relative;
}

body#pers, body#win, body.binnen 
{
 background-image: url(http://www.klasse.be/sites/klasse/img/binnenbg.jpg);
 background-repeat: repeat-x;
}

body#pers #pagecontent list 
{
 
}

#pagecontent p, #pagecontent li {
	line-height:1.5em;
}

a:link 
{
 color: #6699FF;
}

a:visited 
{
 color: #3E7E97;
}

a:hover 
{
 background-color: #FFFF33;
}

div#homepage 
{
 /*width:1420px;*/

 width: 100%;
 height: 618px;
 background-image: url(http://www.klasse.be/sites/klasse/img/background.jpg);
 background-repeat: no-repeat;
 position: absolute;
 left: 0px;
 top: 0px;
 z-index: 15;
}

h1 
{
 width: 359px;
 height: 61px;
 float: left;
 background-image: url(http://www.klasse.be/sites/klasse/img/toplogo.gif);
 background-repeat: no-repeat;
 padding: 0;
 margin: 0;
 margin-left: 10px;
 #margin-left: 5px;
}

div#homepage h2 
{
 color: #FFFFFF;
 font-weight: bold;
 font-size: 12px;
 margin-left: 5px;
 position: absolute;
 left: 340px;
 top: 10px;
 #top: 45px;
}

h1 strong 
{
 visibility: hidden;
}

h1 a:hover {
	background-color:transparent;
}

ul.minimenu 
{
 list-style: none;
 margin: 0;
 padding: 0;
 display: block;/*left:805px;*/

 float: right;/*position:absolute;*/

 position: relative;
 font-size: 11px;
 /*color: #FFFFFF;*/
 padding: 6px;
 /*background-color: #000000;*/
}

ul.minimenu li 
{
 list-style: none;
 display: inline;
 margin-right: 10px;
}

ul.minimenu a 
{
 color: #FFFFFF;
}

ul.minimenu a:hover 
{
 background-color: #FFFFFF;
 color: #000000;
}

a.bubblelink 
{
 text-decoration: none;
 overflow: hidden;
}

a.bubblelink:hover 
{
 background-color: transparent;
}

a strong 
{
 visibility: hidden;
 text-decoration: none;
}

.screenreader {
	height:0;
	left:-9000px;
	position:absolute;
	width:0;
}

a#link_kvl 
{
 width: 91px;
 height: 46px;
 background-image: url(http://www.klasse.be/sites/klasse/img/link_leraar.gif);
 background-position: 0px 0px;
 background-repeat: no-repeat;
 display: block;
 left: 54px;
 top: 146px;
 position: absolute;
}

a#link_kvo 
{
 width: 94px;
 height: 46px;
 background-image: url(http://www.klasse.be/sites/klasse/img/link_ouder.gif);
 background-position: 0px 0px;
 background-repeat: no-repeat;
 display: block;
 left: 275px;
 top: 146px;
 position: absolute;
}

a#link_mks 
{
 width: 140px;
 height: 46px;
 background-image: url(http://www.klasse.be/sites/klasse/img/link_sec.gif);
 background-position: 0px 0px;
 background-repeat: no-repeat;
 display: block;
 left: 186px;
 top: 346px;
 position: absolute;
}

a#link_yeti 
{
 width: 104px;
 height: 46px;
 background-image: url(http://www.klasse.be/sites/klasse/img/link_basis.gif);
 background-position: 0px 0px;
 background-repeat: no-repeat;
 display: block;
 left: 104px;
 top: 280px;
 position: absolute;
}

a#link_pers 
{
 width: 100px;
 height: 37px;
 background-image: url(http://www.klasse.be/sites/klasse/img/link_pers.gif);
 background-position: 0px 0px;
 background-repeat: no-repeat;
 display: block;
 left: 428px;
 top: 344px;
 position: absolute;
}

a#link_vacature 
{
 width: 119px;
 height: 37px;
 background-image: url(http://www.klasse.be/sites/klasse/img/link_vacature.gif);
 background-position: 0px 0px;
 background-repeat: no-repeat;
 display: block;
 left: 410px;
 top: 273px;
 position: absolute;
}

a#link_tvklasse
{
 width: 119px;
 height: 37px;
 background-image: url(http://www.klasse.be/sites/klasse/img/link_tvklasse.gif);
 background-position: 0px 0px;
 background-repeat: no-repeat;
 display: block;
 left: 410px;
 top: 273px;
 position: absolute;
}

div#bottomhead 
{
 background-image: url(http://www.klasse.be/sites/klasse/img/bottomhead.gif);
 width: 229px;
 height: 167px;
 position: absolute;
 top: 451px;
 left: 46px;
}

a#link_kvl:hover 
{
 background-position: 0px -46px;
}

a#link_kvo:hover 
{
 background-position: 0px -46px;
}

a#link_yeti:hover 
{
 background-position: 0px -46px;
}

a#link_mks:hover 
{
 background-position: 0px -46px;
}

a#link_pers:hover 
{
 background-position: 0px -37px;
}

a#link_vacature:hover 
{
 background-position: 0px -37px;
}

a#link_tvklasse:hover 
{
 background-position: 0px -37px;
}

div#linklist 
{
 float: right;
 width: 200px;
 font-size: 11px;
 margin-top: 100px;
 background-color: #FFFFFF;
 z-index: 20;
 position: relative;
 padding-left: 20px;
 padding-right: 20px;
 padding-bottom: 20px;
 padding-top: 10px;
}

div#linklist ul 
{
 list-style: none;
 margin: 0;
 padding: 0;
 display: block;
}

div#linklist h3 
{
 color: #666666;
 padding: 0;
 margin: 0;
 margin-top: 10px;
 font-size: 11px;
}

ul#bottomlogos 
{
 list-style: none;
 margin: 0;
 padding: 0;
 display: block;
 position: absolute;
 top: 542px;
 left: 320px;
}

ul#bottomlogos li 
{
 display: inline;
 overflow: hidden;
}

ul#bottomlogos a 
{
 text-decoration: none;
 overflow: hidden;
 margin-right: 20px;
}

ul#bottomlogos a:hover 
{
 background-position: 0px -51px;
}

a#bot_kvl 
{
 background-image: url(http://www.klasse.be/sites/klasse/img/botlogo_kvl.jpg);
 background-repeat: no-repeat;
 width: 91px;
 height: 51px;
 float: left;
}

a#bot_kvo 
{
 background-image: url(http://www.klasse.be/sites/klasse/img/botlogo_kvo.jpg);
 background-repeat: no-repeat;
 width: 91px;
 height: 51px;
 float: left;
}

a#bot_tvklasse 
{
 background-image: url(http://www.klasse.be/sites/klasse/img/botlogo_tvklasse.jpg);
 background-repeat: no-repeat;
 width: 120px;
 height: 51px;
 float: left;
}

a#bot_lkrt 
{
 background-image: url(http://www.klasse.be/sites/klasse/img/botlogo_lkrt.jpg);
 background-repeat: no-repeat;
 width: 60px;
 height: 51px;
 float: left;
}

a#bot_sdir 
{
 background-image: url(http://www.klasse.be/sites/klasse/img/botlogo_sdir.jpg);
 background-repeat: no-repeat;
 width: 60px;
 height: 51px;
 float: left;
}

a#bot_ldir 
{
 background-image: url(http://www.klasse.be/sites/klasse/img/botlogo_ldir.jpg);
 background-repeat: no-repeat;
 width: 60px;
 height: 51px;
 float: left;
}

a#bot_mks 
{
 background-image: url(http://www.klasse.be/sites/klasse/img/botlogo_mks.jpg);
 background-repeat: no-repeat;
 width: 66px;
 height: 51px;
 float: left;
}

a#bot_yeti 
{
 background-image: url(http://www.klasse.be/sites/klasse/img/botlogo_yeti.jpg);
 background-repeat: no-repeat;
 width: 72px;
 height: 51px;
 float: left;
}

div#footer 
{
 position: relative;
 height: 52px;
 float: left;
 clear: left;
 background-image: url(http://www.klasse.be/sites/klasse/img/leeuw.gif);
 background-repeat: no-repeat;
 padding-left: 70px;
 font-size: 11px;
 line-height: 15px;
 color: #A3A3A3;
 width: 605px;
}

body#home div#footer 
{
 position: absolute;
 top: 637px;
 left: 15px;
}

div.breadcrumb 
{
 background-image: url(http://www.klasse.be/sites/klasse/img/breadcrumbdot.gif);
 background-repeat: no-repeat;
 background-position: 0px 4px;
 padding-left: 12px;
 font-size: 11px;
 float: left;
 position: absolute;
 top: 100px;
 left: 15px;
}

div#pagecontent 
{
 position: absolute;
 top: 130px;
 left: 15px;
 width: 675px;
 float: left;
}

div#pagecontent div#footer 
{
 margin-top: 20px;
}

div.rightbox 
{
 width: 206px;
 float: left;
 border-color: #CCCCCC;
 border-width: 1px;
 border-style: solid;
 padding: 8px;
 left: 730px;
 position: absolute;
 top: 120px;
}

div.rightbox h2 
{
 padding: 0;
 margin: 0;
 font-size: 16px;
 font-weight: bold;
 font-family: Georgia, "Times New Roman", Times, serif;
 margin-bottom: 6px;
}

div#logodownload 
{
 position: absolute;
 top: 120px;
 left: 730px;
}

div.pagettl, div#pagecontent h1.pagettl 
{
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: bold;
 font-size: 30px;
 width: 100%;
 border-bottom-color: #CCCCCC;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 margin-bottom: 25px;
}

div#pagecontent h3 
{
 padding: 0;
 margin: 0;
 font-size: 14px;
 font-weight: bold;
}

div.date 
{
 margin-top: 3px;
 margin-bottom: 10px;
}

div#pagecontent span 
{
 display: block;
 margin-bottom: 30px;
}

div#pagecontent h3 span
{
 display: inline;
 margin-bottom: 0;
}

div#pagecontent h2 
{
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: bold;
 padding: 0;
 margin: 0;
 font-size: 25px;
}

div#pagecontent h1 
{
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: bold;
 padding: 0;
 margin: 0;
 font-size: 20px;
 background-image: none;
 width: 100%;
 border-bottom-color: #CCCCCC;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 height: auto;
 margin-top: 10px;
 margin-bottom: 20px;
 padding-bottom: 5px;
}

div.rightbox div.logobox 
{
 border-top-color: #CCCCCC;
 border-top-width: 1px;
 border-top-style: solid;
 width: 50%;
 float: left;
 background-repeat: no-repeat;
 padding-left: 50%;
 height: 50px;
 margin-top: 6px;
}

span.logolink 
{
 float: left;
 margin-top: 4px;
}

span.logolink strong 
{
 display: none;
}

div.rightbox div.logo_kvl 
{
 background-image: url(http://www.klasse.be/sites/klasse/img/minil_kvl.gif);
}

div.rightbox div.logo_tvklasse
{
 background-image: url(http://www.klasse.be/sites/klasse/img/minil_tvklasse.gif);
}

div.rightbox div.logo_klasse 
{
 background-image: url(http://www.klasse.be/sites/klasse/img/minil_klasse.gif);
}

div.rightbox div.logo_kvo 
{
 background-image: url(http://www.klasse.be/sites/klasse/img/minil_kvo.gif);
}

div.rightbox div.logo_lkrt 
{
 background-image: url(http://www.klasse.be/sites/klasse/img/minil_lkrt.gif);
}

div.rightbox div.logo_sdir 
{
 background-image: url(http://www.klasse.be/sites/klasse/img/minil_sdir.gif);
}

div.rightbox div.logo_ldir 
{
 background-image: url(http://www.klasse.be/sites/klasse/img/minil_ldir.gif);
}

div.rightbox div.logo_mks 
{
 background-image: url(http://www.klasse.be/sites/klasse/img/minil_mks.gif);
}

div.rightbox div.logo_yeti 
{
 background-image: url(http://www.klasse.be/sites/klasse/img/minil_yeti.gif);
}

div.rightbox div.logo_kleuter 
{
 background-image: url(http://www.klasse.be/sites/klasse/img/minil_kleuter.gif);
}

.keeptogether 
{
 float: left;
 width: 100%;
}

div.col2 
{
 float: left;
 width: 320px;
 margin-right: 10px;
 margin-bottom: 10px;
}

div.col2 h3 
{
 display: block;
 height: 46px;
 width: 215px;
 background-repeat: no-repeat;
}

div.col2 h3 strong 
{
 display: none;
}

div.col_kvl h3 
{
 background-image: url(http://www.klasse.be/sites/klasse/img/minil_kvl.gif);
}

div.col_kvo h3 
{
 background-image: url(http://www.klasse.be/sites/klasse/img/minil_kvo.gif);
}

div.col_lkrt h3 
{
 background-image: url(http://www.klasse.be/sites/klasse/img/minil_lkrt.gif);
}

div.col_sdir h3 
{
 background-image: url(http://www.klasse.be/sites/klasse/img/minil_sdir.gif);
}

div.col_ldir h3 
{
 background-image: url(http://www.klasse.be/sites/klasse/img/minil_ldir.gif);
}

div.col_mks h3 
{
 background-image: url(http://www.klasse.be/sites/klasse/img/minil_mks.gif);
}

div.col_yeti h3 
{
 background-image: url(http://www.klasse.be/sites/klasse/img/minil_yeti.gif);
}

#pagecontent ul 
{
 padding: 0;
 margin: 0;
 list-style: none;
 display: block;
}

#pagecontent ul.bulletlist 
{
 padding: 0;
 margin: 0;
 margin-left: 10px;
 padding-left: 10px;
 list-style: disc;
 display: block;
 margin-top: 1em;
 margin-bottom: 1em;
}

#pagecontent ul.bulletlist li 
{
 list-style: disc;
 padding: 0;
 margin: 0;
 padding-left: 5px;
 background-image: none;
}

#pagecontent ol 
{
 display: block;
}

div.col2 ul 
{
 margin-left: 5px;
}

#pagecontent ul li 
{
 list-style: none;
 padding: 0;
 margin: 0;
 padding-left: 6px;
 background-image: url(http://www.klasse.be/sites/klasse/img/minibullet.gif);
 background-repeat: no-repeat;
 background-position: 0px 6px;
 margin-bottom: 8px;
 line-height: 16px;
}

table 
{
 border-collapse: collapse;
 border-color: #CCCCCC;
 border-width: 1px;
 border-style: solid;
}

td 
{
 padding: 4px;
}

div.topbanner 
{
 margin-left: auto;
 margin-right: auto;
 padding-top: 8px;
 padding-bottom: 8px;
 width: 100%;
 background-color: #FFFFFF;
 text-align: center;
}

img.illustratie 
{
 border-color: #DDDDDD;
 border-width: 1px;
 border-style: solid;
}

/* begin win-pagina */
body#win h2 strong 
{
 display: none;
}

div.winbox 
{
 float: left;
 background-repeat: no-repeat;
 width: 335px;
 margin-bottom: 50px;
 margin-top: 30px;
}

div.winbox a.win_ouders 
{
 background-image: url(http://www.klasse.be/sites/klasse/img/winthumb_ouders.jpg);
 background-repeat: no-repeat;
 float: left;
 width: 181px;
 height: 135px;
 margin-right: 8px;
}

div.winbox a.win_leraren 
{
 background-image: url(http://www.klasse.be/sites/klasse/img/winthumb_leraren.jpg);
 background-repeat: no-repeat;
 float: left;
 width: 181px;
 height: 135px;
 margin-right: 8px;
}

div.winbox a 
{
 text-decoration: none;
}

div.winbox ul a 
{
 text-decoration: underline;
}

div.winbox h2 
{
 background-repeat: no-repeat;
 height: 25px;
 float: left;
 width: 114px;
}

body#win div.winbox ul 
{
 margin-top: 20px;
 margin-left: 10px;
}

h2.winttl_leraren 
{
 background-image: url(http://www.klasse.be/sites/klasse/img/winttl_leraren.gif);
}

h2.winttl_ouders 
{
 background-image: url(http://www.klasse.be/sites/klasse/img/winttl_ouders.gif);
}

/* end win-pagina */
/* begin archief */
div.searchresults div.resultfooter 
{
 margin-bottom: 15px;
 border-bottom-color: #DDDDDD;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 padding-bottom: 5px;
 margin-top: 5px;
}

div#pagecontent div.searchresults h3 
{
 margin-bottom: 5px;/*display:block;*/
}

.paging 
{
 float: left;
 margin-bottom: 20px;
 margin-top: 20px;
 text-align: center;
 width: 100%;
}

.pagenr 
{
 display: inline;
 margin-right: 20px;
}

.prevpage 
{
 display: inline;
 margin-right: 35px;
}

.nextpage 
{
 display: inline;
 margin-left: 15px;
}

div#pagecontent form.archiefzoek 
{
 clear: left;
 background-color: #F3F3F3;
 border-bottom-color: #DDDDDD;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 padding: 10px;
 display: block;
 margin-bottom: 25px;
 margin-top: 5px;
 overflow: hidden;
 padding-bottom: 8px;
}

div#pagecontent form h3 
{
 clear: left;
 margin-bottom: 15px;
 border-bottom-color: #DDDDDD;
 border-bottom-width: 1px;
 border-bottom-style: solid;
}

div#pagecontent label 
{
 float: left;
 width: 550px;
 margin-bottom: 15px;
}

div#pagecontent label.horcheck 
{
 float: left;
 margin-right: 10px;
 width: auto;
}

div#pagecontent label.horcheck input 
{
 vertical-align: top;
}

div#pagecontent form input.button 
{
 clear: left;
 float: left;
}

div#pagecontent form input.button 
{
 border-color: #555555;
 border-width: 2px;
 border-style: outset;
 padding: 5px;
}

div#pagecontent input.button 
{
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-weight: bold;
 margin-top: 8px;
}

/* end archief */
/* begin 404 */
div#pagecontent h3.closest-match {
    margin-top:25px;
}
div#pagecontent h3.other-things {
    margin-top:45px;margin-bottom:10px;
}
/* end 404 */
/* begin portretten */
.modalcontent {
	margin-bottom:2em;
	overflow:auto;
	zoom:1;
}
.modalcontent  p, .modalcontent  small{
	margin-bottom:0.5em;
	margin-top:0.5em;
}
.modalcontent small{
	display:block;
}
div#pagecontent .modalcontent h1 {
	margin-bottom:5px;
	display:block;
	float:none;
	border-bottom:none;
	padding:0;
}
div#pagecontent .modalcontent h2 {
	font-size:1.2em;
}
.modalcontent img.portretfoto {
	float:left;
	margin-right:10px;
}
/* end portretten */