/*Algemene opmaak---------------------------------------------------------------*/
BODY, HTML {
   margin: 0;
   padding: 0px;
   height:100%;
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size : 12px;
   text-align:center;
   background-color:#FFFFFF;
   background-image:url(../images/template/top.gif);
   background-repeat:repeat-x;
   }

TD, P {
   margin: 0px;
   padding: 0px;
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size : 12px;
   }

A {
    font-weight: bold;
    text-decoration: none;
    color:#3366CC;
	}

A:Hover {
	color:#336699;
	text-decoration: underline;
	}
   
HR {
    color: #00BDE1;
    height: 1px;
    border-top:1px #00BDE1 solid;
    border-bottom:0px;
    border-left:0px;
    border-right:0px;
    }

h1 {
	font-size: 16px;
	margin-bottom: 0px;
	font-weight: bold;
	letter-spacing: 0px;
    }

h2 {
	font-size: 16px;
	margin-bottom: 0px;
	font-weight: bold;
	letter-spacing: 0px;
    }

h3 {
	font-size: 16px;
	margin-bottom: 0px;
	font-weight: bold;
	letter-spacing: 0px;
    }
	
h4 {
	font-size: 16px;
	margin-bottom: 0px;
	font-weight: bold;
	letter-spacing: 0px;
    }


/* Containers Voorpagina-------------------------------------------------------*/
#container-main-fp {
	position:relative;
	width:970px;
	overflow:hidden;
	text-align:left;
	height:700px;
	margin: 0 auto;
	z-index:2;
    }
	
#titel-top-fp {
    position:absolute;
	left:420px;
	top:20px;
	width:530px;
	height:65px;
	background-image:url(../images/template/paletvanleiden.gif);
	background-repeat:no-repeat;
	z-index:7;
    }
	
#palet-kwast-fp {
    position:absolute;
	left:230px;
	top:4px;
	height:317px;
	width:343px;
	overflow:hidden;
	background-image:url(../images/template/kwast.gif);
	background-repeat:no-repeat;
	z-index:4;
    }

#introductie-rood-container-fp {
    position:absolute;
	left:0px;
	top:20px;
	width:220px;
	z-index:3;
    } 
	
#introductie-rood-boven-fp {
    position:relative;
	width:220px;
	height:16px;
	background-image:url(../images/template/verf/rood_boven.gif);
	background-repeat:no-repeat;
    }
	
#introductie-rood-midden-fp {
    position:relative;
	width:220px;
	min-height:275px;
	background-image:url(../images/template/verf/rood_midden.gif);
	background-repeat:repeat-y;
    }

#intrductie-rood-midden-tekst-fp {
    padding:15px;
	color:#990000;
    }

#introductie-rood-onder-fp {
    position:relative;
	width:220px;
	height:34px;
	background-image:url(../images/template/verf/rood_onder.gif);
	background-repeat:repeat-y;
    }
	
#palet-container-fp {
    position:absolute;
	left:207px;
	top:100px;
	z-index:2;
    }
	
#google-map-fp {
    position:absolute; 
	left:0px; 
	top:0px; 
	z-index:1;
	}
	
#palet-01 {
    position:absolute;
	left:0px;
	top:0px;
	height:620px;
	width:70px;
	overflow:hidden;
	background-image:url(../images/template/palet/01.gif);
	background-repeat:no-repeat;
	z-index:2;
    }
	
#palet-02 {
    position:absolute;
	left:70px;
	top:0px;
	height:300px;
	width:120px;
	overflow:hidden;
	background-image:url(../images/template/palet/02.gif);
	background-repeat:no-repeat;
	z-index:2;
    }
	
#palet-03 {
    position:absolute;
	left:190px;
	top:0px;
	height:80px;
	width:580px;
	overflow:hidden;
	background-image:url(../images/template/palet/03.gif);
	background-repeat:no-repeat;
	z-index:2;
    }
	
#palet-04 {
    position:absolute;
	left:535px;
	top:80px;
	height:60px;
	width:110px;
	overflow:hidden;
	background-image:url(../images/template/palet/04.gif);
	background-repeat:no-repeat;
	z-index:2;
    }

#palet-05 {
    position:absolute;
	left:645px;
	top:80px;
	height:120px;
	width:125px;
	overflow:hidden;
	background-image:url(../images/template/palet/05.gif);
	background-repeat:no-repeat;
	z-index:2;
    }

#palet-06 {
    position:absolute;
	left:705px;
	top:200px;
	height:420px;
	width:65px;
	overflow:hidden;
	background-image:url(../images/template/palet/06.gif);
	background-repeat:no-repeat;
	z-index:2;
    }
	
#palet-07 {
    position:absolute;
	left:645px;
	top:440px;
	height:180px;
	width:60px;
	overflow:hidden;
	background-image:url(../images/template/palet/07.gif);
	background-repeat:no-repeat;
	z-index:2;
    }
	
#palet-08 {
    position:absolute;
	left:595px;
	top:500px;
	height:120px;
	width:50px;
	overflow:hidden;
	background-image:url(../images/template/palet/08.gif);
	background-repeat:no-repeat;
	z-index:2;
    }
	
#palet-09 {
    position:absolute;
	left:535px;
	top:520px;
	height:100px;
	width:60px;
	overflow:hidden;
	background-image:url(../images/template/palet/09.gif);
	background-repeat:no-repeat;
	z-index:2;
    }
	
#palet-10 {
    position:absolute;
	left:190px;
	top:545px;
	height:75px;
	width:345px;
	overflow:hidden;
	background-image:url(../images/template/palet/10.gif);
	background-repeat:no-repeat;
	z-index:2;
    }
	
#palet-11 {
    position:absolute;
	left:130px;
	top:520px;
	height:100px;
	width:60px;
	overflow:hidden;
	background-image:url(../images/template/palet/11.gif);
	background-repeat:no-repeat;
	z-index:2;
    }

#palet-12 {
    position:absolute;
	left:70px;
	top:480px;
	height:140px;
	width:60px;
	overflow:hidden;
	background-image:url(../images/template/palet/12.gif);
	background-repeat:no-repeat;
	z-index:2;
    }
	
#palet-13 {
    position:absolute;
	left:220px;
	top:120px;
	height:105px;
	width:140px;
	overflow:hidden;
	background-image:url(../images/template/palet/13.gif);
	background-repeat:no-repeat;
	z-index:2;
    }

#kleur-groen {
    position:absolute;
	left:40px;
	top:350px;
	height:76px;
	width:98px;
	overflow:hidden;
	background-image:url(../images/template/paint/groen.png);
	background-repeat:no-repeat;
	z-index:3;
    }
	
#kleur-oranje {
    position:absolute;
	left:180px;
	top:460px;
	height:84px;
	width:131px;
	overflow:hidden;
	background-image:url(../images/template/paint/oranje.png);
	background-repeat:no-repeat;
	z-index:3;
    }

#kleur-blauw {
    position:absolute;
	left:400px;
	top:470px;
	height:99px;
	width:111px;
	overflow:hidden;
	background-image:url(../images/template/paint/blauw.png);
	background-repeat:no-repeat;
	z-index:3;
    }
	
#kleur-rood {
    position:absolute;
	left:560px;
	top:360px;
	height:102px;
	width:132px;
	overflow:hidden;
	background-image:url(../images/template/paint/rood.png);
	background-repeat:no-repeat;
	z-index:3;
    }
	
#kleur-paars {
    position:absolute;
	left:580px;
	top:200px;
	height:84px;
	width:107px;
	overflow:hidden;
	background-image:url(../images/template/paint/paars.png);
	background-repeat:no-repeat;
	z-index:3;
    }
	
#kleur-donkergroen {
    position:absolute;
	left:400px;
	top:90px;
	height:89px;
	width:116px;
	overflow:hidden;
	background-image:url(../images/template/paint/donkergroen.png);
	background-repeat:no-repeat;
	z-index:3;
    }
   
#systemicons-fp {
   position:absolute;
   left:15px;
   top:0px;
   z-index:7;
   }

#aanmelden-fp {
    margin-top: 20px;
	}


/* Overige pagina's -----------------------------------------------------------------------*/
#container-main {
    position:relative;
	margin:0 auto; 
	width:965px; 
	overflow:hidden; 
	text-align:left;
	}
	
#systemicons {
    position:absolute; 
	left:5px;
	top:107px; 
	z-index:7;
	}
	
#kwast-kolommen {
    position:absolute; 
	left:90px; 
	top:8px; 
	z-index:6;
	}
	
#header {
    position:relative; 
	height:95px; 
	width:960px; 
	overflow:hidden;
	}
	
#header-palet-titel {
    position:absolute; 
	left:420px; 
	top:0px; 
	width:530px; 
	height:65px;
	background-image:url(../images/template/paletvanleiden.gif); 
	background-repeat:no-repeat; 
	z-index:7;
	}
	
#header-naam-school {
    position:absolute; 
	left:7px; 
	top:63px; 
	height:30px; 
	width:940px; 
	overflow:hidden; 
	text-align:right; 
	font-size:22px; 
	color:#FF3366;
	}
	
#header-spacer-top {
    position:relative; 
	height:25px; 
	width:960px; 
	overflow:hidden;
	}

#navigatie-terug {
  position:absolute; 
  left:15px; 
  top:60px; 
  z-index:10;
  color:#003366;
  }
  
#navigatie-terug A {
  color:#ffffff;
  }
  
  	
#kolom-links {
    position:relative; 
	float:left;
	width:280px;
	overflow:hidden;
	}
	
#lrood-midden {
    width:280px;  
	overflow:hidden; 
	background-image:url(../images/template/kolommen/lrood_midden.jpg); 
	background-repeat:repeat-y; 
	margin-top:0px;
	}
	
#lrood-midden-tekst {
	margin-left:20px; 
	padding-bottom:30px;
	width:225px; 
	overflow:hidden;
	}

#lrood-midden-tekst A {
    font-weight: bold;
    text-decoration: none;
    color:#ff1442;
    }

#lrood-midden-tekst A:Hover {
    font-weight: bold;
    text-decoration: underline;
    color:#0066CC;
    }
	
#lgroen-midden {
    float:none;
	width:280px;  
	overflow:hidden; 
	background-image:url(../images/template/kolommen/lgroen_midden.jpg); 
	background-repeat:repeat-y;
	}
	
#lgroen-midden-tekst {
    margin-left:20px;
	padding-bottom:30px; 
	width:225px; 
	overflow:hidden;
	}

#lgroen-midden-tekst A {
    font-weight: bold;
    text-decoration: none;
    color:#006600;
    }

#lgroen-midden-tekst A:Hover {
    font-weight: bold;
    text-decoration: underline;
    color:#0066CC;
    }	
		
#kolom-midden {
    position:relative; 
	float:left;
	width:400px;
	overflow:hidden;
	margin-bottom:20px;
	}
	
#google-kaart-school {
    position:absolute; 
	left:8px; 
	top:18px;
	}

#kolom-midden-tekst {
    width:370; 
	overflow:hidden; 
	margin-left:15px;
	}
	
#kolom-rechts {
    position:relative; 
	float:left;
	width:280px; 
	margin-bottom:20px;
	}

#blauw-midden {
	width:280px; 
	background-image:url(../images/template/kolommen/blauw_midden.jpg); 
	background-repeat:repeat-y; 
	margin-top:0px;
	}
	
#blauw-midden-tekst {
	margin-left:40px; 
	padding-bottom:50px;
	width:220px; 
	overflow:hidden;
	}

/*--Vervolg pagina--*/
	
#kwast-kolommen-vervolg {
    position:absolute; 
	left:90px; 
	top:4px; 
	z-index:6;
	}
	
#titel-blauwe-balk {
    position:absolute; 
	top:17px; 
	left:20px; 
	width:630px; 
	height:40px; 
	color:#FFFFFF; 
	font-size:28px; 
	z-index:7;
	}

#grote-kolom-rechts {
    position:relative; 
	float:left;
	width:680px;
	overflow:hidden;
	margin-bottom:20px;
    }

#kolom-midden-tekst-vervolg {
    width:660px; 
	overflow:hidden; 
	margin-left:15px;
	}
	
#kolom-midden-tekst-kolom-links {
    width:325px;
	overflow:hidden;
	}
	
#kolom-midden-tekst-kolom-spacer {
    width:25px;
	overflow:hidden;
	}
	
#kolom-midden-tekst-kolom-rechts {
    width:325px;
	overflow:hidden;
	}

/* CMS opmaak -----------------------------------------------------------------------------*/

#paginalijst-lang-tabel {
	margin-top: 5px;
	margin-left: 0px;
	}

#paginalijst-lang-titel {
	letter-spacing: 0px;
	margin-bottom: 3px;
	font-weight: bold;
	height: 14px;
	overflow : hidden;
	}

#paginalijst-lang-beschrijving {
	margin-top: 0px;
	overflow : hidden;
	}

#paginalijst-lang-meer {
	margin-top: 3px;
	margin-bottom: 20px;
	}

.paginalijst-lang-meer-link {
	padding-bottom: 5px;
	margin-left: 0px;
	}
	
#paginalijst-kort-regel {
    margin-bottom: 5px;
    }

#cmsplaatje-blok {
	margin-top: 0px;
	}
	
#cmsplaatje2 {
	margin-top: -30px;
	}

#cmsplaatje-bijschrift {
	size: 10px;
	text-align: left;
	}

#paginalijst-lang-image-blok {
    margin-top: 18px;
	width: 163px;
	overflow: hidden;
    margin-left: 0px;
    }

#geen-plaatje {
    width:0px;
    overflow: hidden;
    }


/*  CMS tekst opmaak ------------------------------------------------*/
#titel {
    font-size: 20px; 
	font-weight: bold;
	letter-spacing: 0px;
	padding-bottom:20px;
	}
	
#memo1 {
    line-height: 16px;
	}
	
#nieuws-titel {
	font-size: 16px;
	color: #000000;
	margin-bottom: 15px;
	font-weight: bold;
	letter-spacing: 0px;
	}
	
#nieuws-inleiding {
	font-size: 12px;
	margin-top: 0px;
	line-height: 14px;
	letter-spacing:2px;
	}
	
#nieuws-tekst {
	margin-top: 15px;
	}

#item-links {
	margin-top: 15px;
	margin-bottom: 50px;
	width : 150px;
	overflow : hidden;
	}
	
#kolommen-links {
    margin-right:20px;
	width: 270px;
	overflow: hidden;
    }
	
#kolommen-rechts {
    width: 270px;
	overflow: hidden;
    }

/* Zoeken -------------------------------------------------------------------*/
#zoekresultaten-resultaat-blok {
   	width : 500px;
	overflow : hidden;
   }

#zoekresultaten-resultaat-categorie {
   display: none;
   }

#zoekresultaten-resultaat-beschrijving {
   margin-bottom:15px;
   }	

/* Overig ----------------------------------------------------------------*/
#agenda-maand {
   font-weight: bold;
   text-decoration: none;
   color: #f68427;
   }

#uitloggen {
	vertical-align: bottom;
	margin-bottom: 20px;
    }