/*
Theme Name: Klasse home
Theme URI: http://www.klasse.be/
Description: Custom built Klasse thema.
Version: 0.1
Author: Toon Van de Putte
Author URI: http://www.klasse.be/
*/

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

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

body#home 
{
 background-image: url(images/background_infi.jpg);
 background-repeat: repeat-x;
 position: relative;
}

body#pers, body#win, body.binnen 
{
 background-image: url(images/binnenbg.jpg);
 background-repeat: repeat-x;
}

body#pers #pagecontent list 
{
 
}

a:link 
{
 color: #6699FF;
}

a:visited 
{
 color: #3E7E97;
}

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

a.download {
    background-repeat:no-repeat;
    display:block;
    padding-left:50px;
    min-height:55px;
    font-size:16px;
}
a.download-pdf {
    background-image:url(images/icon_pdf.png);
}

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

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

h1 
{
 /*width: 359px;*/
 width:auto;
 /*float: left;*/
}
.sitettl {
 float:left;
 width:300px;
 height: 61px;
 background-image: url(images/toplogo.gif);
 background-repeat: no-repeat;
 padding: 0;
 margin: 0;
 margin-left: 10px;
}

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

.sitettl strong
{
 visibility: hidden;
}

.sitettl 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(images/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(images/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(images/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(images/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(images/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(images/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(images/link_tvklasse.gif);
 background-position: 0px 0px;
 background-repeat: no-repeat;
 display: block;
 left: 410px;
 top: 273px;
 position: absolute;
}

a#link_directeur
{
 width: 119px;
 height: 37px;
 background-image: url(images/link_directeur.gif);
 background-position: 0px 0px;
 background-repeat: no-repeat;
 display: block;
 left: 410px;
 top: 273px;
 position: absolute;
}

div#bottomhead 
{
 background-image: url(images/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;
}

a#link_directeur: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(images/botlogo_kvl.jpg);
 background-repeat: no-repeat;
 width: 91px;
 height: 51px;
 float: left;
}

a#bot_kvo 
{
 background-image: url(images/botlogo_kvo.jpg);
 background-repeat: no-repeat;
 width: 91px;
 height: 51px;
 float: left;
}

a#bot_tvklasse 
{
 background-image: url(images/botlogo_tvklasse.jpg);
 background-repeat: no-repeat;
 width: 120px;
 height: 51px;
 float: left;
}

a#bot_lkrt 
{
 background-image: url(images/botlogo_lkrt.jpg);
 background-repeat: no-repeat;
 width: 60px;
 height: 51px;
 float: left;
}

a#bot_sdir 
{
 background-image: url(images/botlogo_sdir.jpg);
 background-repeat: no-repeat;
 width: 60px;
 height: 51px;
 float: left;
}

a#bot_ldir 
{
 background-image: url(images/botlogo_ldir.jpg);
 background-repeat: no-repeat;
 width: 60px;
 height: 51px;
 float: left;
}

a#bot_mks 
{
 background-image: url(images/botlogo_mks.jpg);
 background-repeat: no-repeat;
 width: 66px;
 height: 51px;
 float: left;
}

a#bot_yeti 
{
 background-image: url(images/botlogo_yeti.jpg);
 background-repeat: no-repeat;
 width: 72px;
 height: 51px;
 float: left;
}

div#footer 
{
 position: relative;
 height: 52px;
 top:130px;
 float: left;
 clear: left;
 background-image: url(images/leeuw.gif);
 background-repeat: no-repeat;
 padding-left: 70px;
 font-size: 11px;
 line-height: 15px;
 color: #A3A3A3;
 width: 90%;
}

div#footer p {
	margin-top:0;
	margin-bottom:0.5em;
}

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

div.breadcrumb 
{
 background-image: url(images/breadcrumbdot.gif);
 background-repeat: no-repeat;
 background-position: 0px 4px;
 padding-left: 12px;
 font-size: 11px;
 float: left;
 position: absolute;
 top: 100px;
 left: 15px;
}
body#home div#pagecontent {
 position: absolute;
}
div#pagecontent 
{
	position:relative;
	top: 69px;
	left: 15px;
	width: 675px;
	float: left;
	clear:left;
	line-height:1.5em;
}

body.binnen div#footer 
{
 margin-top: 20px;
 margin-left:15px;
 width:90%;
}

div.post-persbericht span p {
	display:inline;
}
div.post-persbericht span {
	display:block;
}

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;
  line-height: 1.2em;
}
.single-klasse-archief div#pagecontent h1.pagettl {
    margin-bottom:0;
}
div#pagecontent h3 
{
    font-family: "Trebuchet MS", Trebuchet, sans-serif;
    font-weight: bold;
    padding: 0;
    margin: 0;
    font-size: 20px;
    margin-top: 1em;
    margin-bottom: 1em;
}

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: "Trebuchet MS", Trebuchet, sans-serif;
 font-weight: bold;
 padding: 0;
 margin: 0;
 font-size: 25px;
 margin-top:1.5em;
 margin-bottom:1em;
    line-height: 100%;
}

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(images/minil_kvl.gif);
}

div.rightbox div.logo_tvklasse
{
 background-image: url(images/minil_tvklasse.gif);
}

div.rightbox div.logo_klasse 
{
 background-image: url(images/minil_klasse.gif);
}

div.rightbox div.logo_kvo 
{
 background-image: url(images/minil_kvo.gif);
}

div.rightbox div.logo_lkrt 
{
 background-image: url(images/minil_lkrt.gif);
}

div.rightbox div.logo_sdir 
{
 background-image: url(images/minil_sdir.gif);
}

div.rightbox div.logo_ldir 
{
 background-image: url(images/minil_ldir.gif);
}

div.rightbox div.logo_mks 
{
 background-image: url(images/minil_mks.gif);
}

div.rightbox div.logo_yeti 
{
 background-image: url(images/minil_yeti.gif);
}

div.rightbox div.logo_kleuter 
{
 background-image: url(images/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(images/minil_kvl.gif);
}

div.col_kvo h3 
{
 background-image: url(images/minil_kvo.gif);
}

div.col_lkrt h3 
{
 background-image: url(images/minil_lkrt.gif);
}

div.col_sdir h3 
{
 background-image: url(images/minil_sdir.gif);
}

div.col_ldir h3 
{
 background-image: url(images/minil_ldir.gif);
}

div.col_mks h3 
{
 background-image: url(images/minil_mks.gif);
}

div.col_yeti h3 
{
 background-image: url(images/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(images/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(images/winthumb_ouders.jpg);
 background-repeat: no-repeat;
 float: left;
 width: 181px;
 height: 135px;
 margin-right: 8px;
}

div.winbox a.win_leraren 
{
 background-image: url(images/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(images/winttl_leraren.gif);
}

h2.winttl_ouders 
{
 background-image: url(images/winttl_ouders.gif);
}

/* end win-pagina */
/* begin archief */
div.pagination {
    padding:10px;
    border-bottom: solid 1px #CCC;
    border-top: solid 1px #CCC;
    text-align:center;
}
.pagination-top {
    margin-top:20px;
    margin-bottom:20px;
}
.pagination-bottom {
    margin-top:20px;
}
div#pagecontent div.pagination .current, div#pagecontent div.pagination .dots {
    display:inline;
    margin-bottom:none;
    font-weight: bold;
}
.pagination .page-numbers {
    padding-left:10px;
    padding-right:10px;
}
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;
}

.tbl-magazine {
    border-spacing:0;
    border:none;
}
.tbl-magazine td {
    vertical-align: top;
}
.tbl-7col td {
    width:95px;
}
.tbl-magazine .magcover {
    display:block;
    text-decoration:none;
}
.tbl-magazine .magcover h3 {
    margin-bottom:5px;
}
.tbl-magazine .magcover p {
    margin:0;
}
.tbl-magazine .coverimg {
    -moz-box-shadow: 0px 2px 7px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 2px 7px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 7px rgba(0,0,0,0.3);
    margin-bottom:10px;
}


/* 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 */

/* begin insets */
.inset {
       margin-top:0;
       margin-bottom:20px;
       margin-left:20px;
       background-color:#F3F3F3;
       border-bottom: 1px solid #BBBBBB;
       border-top: 1px solid #BBBBBB;
       padding:10px;
}
.inset-medium {
       width:260px;
}
.inset .meta {
       position:inherit;
}
.inset-wide {
       width:440px;
       margin-left:0;
}
.inset-fullwidth {
       width:auto;
        padding-left:40px;
        padding-right:40px;
        margin-right:0;
        float:none;
        margin-left:0;
}
.inset-right {
       float:right;
       margin-left:20px;
       margin-right:0;
       clear:right;
}
.inset-left {
       float:left;
       margin-right:20px;
       margin-left:0;
       clear:left;
}
.inset-narrow {
       width:140px;
}
.inset p {
       margin-bottom:10px;
}
div#pagecontent .insetttl {
       /*color:#FFFFFF;*/
       /*font-family:'Interstate',Calibri, "Trebuchet MS", Trebuchet, Verdana, sans-serif;*/
       /*font-family:'DIN Next W01 Regular', Verdana, sans-serif;
       font-size:20px;*/
       font-weight:bold;
       background-repeat:repeat-x;
       /*background-color:#48808c;*/
       margin-bottom:10px;
        margin-top:0.5em;
}
blockquote {
       padding-top:10px;
       margin-bottom:10px;
       margin-left:20px;
       margin-top:0;
    margin-right: 0;
       margin-bottom: 0;
       font-size:20px;
       font-style:italic;
       float:right;
       width:300px;
       font-family:Georgia, serif;
       color:#000000;
       line-height:1.5em;
       border-top:1px solid #333333;
}
blockquote p {
       margin-bottom:10px;
       width:auto;
       margin-top:10px;
       margin-bottom: 10px;
}
blockquote .author {
       background-image:none;
       padding-left:0;
       margin-right:0;
       font-family:'Interstate',Calibri, "Trebuchet MS", Trebuchet, Verdana, sans-serif;
       /*font-family:'DIN Next W01 Regular', Calibri, "Trebuchet MS", Trebuchet, Verdana, sans-serif;*/
       font-size:12px;
       color:#666666;
       padding:0;
       margin-bottom:0;
       line-height:150%;
}
/* end insets */
.article .postlink {
    color:#000000;
    text-decoration:none;
    display:block;
}
.article h2 a {
    color:#000000;
    text-decoration:none;
}
.postlink p {
    display:inline;
}
.alignleft {
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}
p.meta {
    color:#333333;
    font-style: italic;
    clear:left;
}
.meta-postdate {
    border-bottom:1px solid #CCCCCC;
    padding-bottom:10px;
}
/* begin form */
p.fieldset {
    clear:left;
}
div#pagecontent .searchform label {
    width:auto;
    float:none;
}
/* end form */

/* begin colofon */

.colofonbadge {
    display: block;
    background-repeat: no-repeat;
    padding-left: 50px;
    text-decoration: none;
    color: black;
    min-height: 70px;
    margin-right: 10px;
    margin-bottom: 20px;
    cursor: pointer;
}
.colofonbadge p {
    margin-bottom: 0px;
    font-size: 12px;
    margin-top:0;
}
p.myname {
    font-weight: bold;
}
.colofonbadge p.meta {
    margin-bottom: 10px;
    color: #8C8C8C;
    margin-right: 20px;
    float:none;
}
.portretpop {
    height: 200px;
    width: 200px;
    padding-left: 150px;
    background-repeat: no-repeat;
}
.portretpop p {
    margin: 0;
    margin-bottom:10px;
}
.colofontable {
    width:720px;
    border-spacing:0;
    border:0;
}
.colofontable td {
    width:50%;
    border-spacing:0;
    border:0;
    padding:0;
}
/* end colofon */