
<!--
/*
  -----------------------------
  GLOBAL
  -----------------------------
*/
* {
	margin: 0px;
	padding: 0px;
	z-index: 1;
	font-size: 1em;
  font-weight: bold;
  color: #000;
}
body { 
	font-family: Arial, sans-serif;
	font-size: 14px;
	overflow: hidden;
}
#background {
	position: fixed !important; 
	position: absolute; 
	bottom: 0px;
	height: 5.8em;
	z-index: 2;
}
#menu_bg {
	position: fixed !important; 
	position: absolute;
	left: 0px;
	top: 0px;
	height: 34.8em;
	width: 11.426em;
	background-color: #9bc6bc;
}
#menu {
	position: fixed !important; 
	position: absolute;
	left: 0.58em;
	width: 10.788em;
	top: 0.58em;  
	height: 25.52em;
	background-color: #9bc6bc;
	overflow-x: hidden;
	overflow-y: auto;
}
#menu ul {
	font-size: 0.85em;
}
#menu ul, #menu li, #menu a{
	
}
.text {
	position: fixed !important; 
	position: absolute;
	left: 13.34em;
	width: 43.5em;
	top: 0.58em;  
	height: 26.68em;
	overflow-x: hidden;
	overflow-y: auto;
}
p {
  position: relative;
}
a {
  position: relative;
  text-decoration: none;
}
ul {
	margin-left: 1.015em;
	list-style-type: disc;
	list-style-position: outside;
}
.nodisc {
	list-style-type: none;
}
td {
  vertical-align: top;
}
th {
  text-align: left;
}
.data td {
  vertical-align: bottom;
}
.medewerker_menu {
  position: fixed !important; 
  position: absolute;
  left: 38.86em;
  width: 11.6em;
  top: 0.58em;  
  background-color: #fff;
  border: 1px solid #000;
  z-index: 3;
}
.medewerker_msg_scala {
  position: fixed !important; 
  position: absolute;
  left: 1.74em;
  width: 11.6em;
  top: 23.2em;
  background-color: #fff;
  z-index: 3;
}
.medew_menu_switch { 
  position: fixed !important; 
  position: absolute;
  left: 34.8em;
  width: 11.6em;
  bottom: 2.32em;
  z-index: 3;
}
.datayear_viewing {
  position: fixed !important;
  position: absolute;
  left: 0em;
  top: 31.9em;
  z-index: 3;
}
/*
  -----------------------------
  FONTS
  -----------------------------
*/
.bold {
  font-weight: bold;
  font-size: 1.2em;
}
.normal_bold {
  font-weight: bold;
  font-size: 1em; 
}
.normal {
  font-weight: normal;
  font-size: 0.9em; 
}
.endpage {
  color: #2FC8C3;
}
.menu {
  color: #9bc6bc;
}
.black {
  color: #000; 
}
.orange {
  color: #555;
}
.small {
  font-size: 0.8em; 
}
.big {
  font-size: 1.3em; 
}
.verybig {
  font-size: 1.8em; 
}
.right {
  text-align: right;
}
.center {
  text-align: center;
}
.strikethrough {
	text-decoration: line-through;
}
.important {
	color: #f00;
}
/*
  -----------------------------
  PAGE-BACKGROUNDS
  -----------------------------
*/
.backgr_big {
  position: fixed !important; 
  position: absolute;
  left: 14.5em;
  top: 1.74em;
  z-index: 1;
}
.backgr_big_w {
  width: 34.8em;
}
.backgr_big_h {
  height: 26.1em;
}
.backgr_ph0 {
  position: fixed !important; 
  position: absolute;
  left: 26.1em;
  top: 4.64em;
  z-index: 1;
}
.backgr_ph0_w {
  width: 17.4em;
}
.backgr_ph0_h {
  height: 13.05em;
}
.backgr_ph1 {
  position: fixed !important; 
  position: absolute;
  left: 17.98em;
  top: 3.48em;
  z-index: 1;
}
.backgr_ph1_w {
  width: 7.54em;
}
.backgr_ph1_h {
  height: 5.655em;
}
.backgr_ph2 {
  position: fixed !important; 
  position: absolute;
  left: 44.66em;
  top: 4.06em;
  z-index: 1;
}
.backgr_ph2_w {
  width: 6.38em;
}
.backgr_ph2_h {
  height: 4.785em;
}
.backgr_ph3 {
  position: fixed !important; 
  position: absolute;
  left: 13.92em;
  top: 11.02em;
  z-index: 1;
}
.backgr_ph3_w {
  width: 6.96em;
}
.backgr_ph3_h {
  height: 5.22em;
}
.backgr_ph4 {
  position: fixed !important; 
  position: absolute;
  left: 19.14em;
  top: 15.66em;
  z-index: 1;
}
.backgr_ph4_w {
  width: 10.44em;
}
.backgr_ph4_h {
  height: 7.83em;
}
.backgr_ph5 {
  position: fixed !important; 
  position: absolute;
  left: 29em;
  top: 15.08em;
  z-index: 1;
}
.backgr_ph5_w {
  width: 9.86em;
}
.backgr_ph5_h {
  height: 7.395em;
}
.backgr_ph6 {
  position: fixed !important; 
  position: absolute;
  left: 42.92em;
  top: 13.92em;
  z-index: 1;
}
.backgr_ph6_w {
  width: 8.12em;
}
.backgr_ph6_h {
  height: 6.09em;
}
/*
  -----------------------------
  PAGES
  -----------------------------
*/
.img_left {
  float: left;
  margin: 0.145em 0.58em 0em 0em;
}
.img_right {
  float: right;
  margin: 0.145em 0em 0em 0.58em;
}
.img_height1 {
  height: 1.1em;
}
.img_height2 {
  height: 2.2em;
}
.img_height3 {
  height: 3.3em;
}
.img_height4 {
  height: 4.4em;
}
.img_height5 {
  height: 5.5em;
}
.img_height6 {
  height: 6.6em;
}
.img_height7 {
  height: 7.7em;
}
.img_height8 {
  height: 8.8em;
}
.img_height9 {
  height: 9.9em;
}
.img_height10 {
  height: 11em;
}
.img_height11 {
  height: 12.1em;
}
.img_height12 {
  height: 13.2em;
}
.img_height13 {
  height: 14.3em;
}
.img_height14 {
  height: 15.4em;
}
.img_height15 {
  height: 16.5em;
}
.img_height16 {
  height: 17.6em;
}
.img_height17 {
  height: 18.7em;
}
.img_height18 {
  height: 19.8em;
}
.img_height19 {
  height: 20.9em;
}
.img_height20 {
  height: 22em;
}
.img_height21 {
  height: 23.1em;
}
.img_height22 {
  height: 24.2em;
}
.img_height23 {
  height: 25.3em;
}
.img_height24 {
  height: 26.4em;
}
.img_height25 {
  height: 27.5em;
}
.img_height26 {
  height: 28.6em;
}
.img_height27 {
  height: 29.7em;
}
.img_height28 {
  height: 30.8em;
}
.img_height29 {
  height: 31.9em;
}
.img_height30 {
  height: 33em;
}
.img_height31 {
  height: 34.1em;
}
.img_height32 {
  height: 35.2em;
}
.img_height33 {
  height: 36.3em;
}
.img_height34 {
  height: 37.4em;
}
.img_height35 {
  height: 38.5em;
}
.img_height36 {
  height: 39.6em;
}
.img_height37 {
  height: 40.7em;
}
.img_height38 {
  height: 41.8em;
}
.img_height39 {
  height: 42.9em;
}
/*
  -----------------------------
  INDEX
  -----------------------------
*/
.fotoalbum_top_result {
	float: left;
	margin: 10px;
}

/*
  --------------------------
  NEWS
  --------------------------
*/
#news .title {
  position: fixed !important; 
  position: absolute;
  left: 14.5em;
  top: 0.348em;
}
#news .newslist {
  position: fixed !important; 
  position: absolute;
  left: 0.348em;
  top: 6.96em;
  width: 11.6em;
  height: 21.46em;
  overflow-x: hidden;
  overflow-y: auto;
}
#news .news_nieuws, #news .news_flyer {
  position: fixed !important;
  position: absolute;
  left: 14.5em;
  overflow-x: hidden;
  overflow-y: auto;
}
#news .news_flyer {
  top: 0em;
  width: 46.4em;
  height: 34.8em;
  overflow-x: hidden;
  overflow-y: hidden;
}
#news .news_flyer img {
  border: none;
}
#news .news_nieuws {
  top: 5.22em;
  width: 43.5em;
  height: 29em;
}
/*
  --------------------------
  FOTO
  --------------------------
*/
#foto .photoalbum table td {
  vertical-align: middle;
  text-align: center;
  width: 4.437em;
  height: 3.944em;
}
#foto .photos_top {
  position: fixed !important; 
  position: absolute;
  left: 19.14em;
  width: 23.171em;
  height: 4.1905em;
  top: 0.058em;
}
#foto .photos_top_left {
  position: fixed !important; 
  position: absolute;
  left: 13.63em;
  width: 4.6342em;
  height: 4.1905em;
  top: 0.058em;
}
#foto .photos_top_right {
  position: fixed !important; 
  position: absolute;
  left: 44.37em;
  width: 4.6342em;
  height: 4.1905em;
  top: 0.058em;
}
#foto .photos_top table td, #foto .photos_top_left table td, #foto .photos_top_right table td {
  vertical-align: bottom;
}
#foto .photos_top_right table td, #foto .photos_bottom_right table td {
  text-align: left;
}
#foto .photos_top_left table td, #foto .photos_bottom_left table td {
  text-align: right;
}
#foto .photos_bottom {
  position: fixed !important; 
  position: absolute;
  left: 19.14em;
  width: 23.171em;
  height: 4.1905em;
  top: 21.46em;
}
#foto .photos_bottom_left {
  position: fixed !important; 
  position: absolute;
  left: 13.63em;
  width: 4.6342em;
  height: 4.1905em;
  top: 21.46em;
}
#foto .photos_bottom_right {
  position: fixed !important; 
  position: absolute;
  left: 44.37em;
  width: 4.6342em;
  height: 4.1905em;
  top: 21.46em;
}
#foto .photos_bottom table td, #foto .photos_bottom_left table td, #foto .photos_bottom_right table td {
  vertical-align: top;
}
#foto .photos_left {
  position: fixed !important; 
  position: absolute;
  left: 13.63em;
  width: 4.6342em;
  height: 16.762em;
  top: 4.35em;
}
#foto .photos_left table td {
  text-align: right;
}
#foto .photos_right {
  position: fixed !important; 
  position: absolute;
  left: 44.37em;
  width: 4.6342em;
  height: 16.762em;
  top: 4.35em;
}
#foto .photos_right table td {
  text-align: left;
}
#foto .albums {
  position: fixed !important; 
  position: absolute;
  left: 0.348em;
  top: 13.34em;
  width: 11.6em;
  height: 9.28em;
  overflow-x: hidden;
  overflow-y: auto;
}
#foto .paginering {
  position: fixed !important; 
  position: absolute;
  left: 13.34em;
  width: 35.38em;
  top: 26.1em;
  z-index: 3;
}
#foto .medewerker_melding {
  position: fixed !important; 
  position: absolute;
  left: 19.72em;
  top: 4.64em;
  background-color: #FFF;
  z-index: 3;
}
#foto .copyright {
  position: fixed !important; 
  position: absolute;
  left: 19.72em;
  top: 19.94504em;
  width: 22.24416em;
}
#foto .picture {
  position: fixed !important; 
  position: absolute;
  left: 19.14em;
  top: 4.524em;
  width: 24.09784em;
  height: 14.2477em;
}
#foto .picture table td {
  vertical-align: middle;
  text-align: center;
  width: 24.051498em;
  height: 14.205795em;
}
#foto .loading {
  position: fixed !important; 
  position: absolute;
  left: 26.55472em;
  top: 11.6348em;
  width: 13.9026em;
  height: 8.381em;
}
#foto .height {
  height: 15.37em;
}
#foto .width {
  width: 21.17em;
}
#foto .thumb_height {
  height: 3.48em;
} 
#foto .thumb_width {
  width: 4.64em;
}
#foto .thumb_height, #foto .thumb_width {
  border: 1px #000 solid;
}
#foto .img_selected {
  border: 2px #FF0 solid;
}

/*
  --------------------------
  MAIL_ERROR, MAIL_DATA
  --------------------------
*/
#mail_error .navig, #mail_data .navig {
  position: fixed !important; 
  position: absolute;
  left: 1.45em;
  top: 5.22em;
}
#mail_error .title, #mail_data .title {
  position: fixed !important;
  position: absolute;
  left: 14.5em;
  top: 0.348em;
}
#mail_error .mail_errortext, #mail_data .mail_errortext {
  position: fixed !important; 
  position: absolute;
  left: 14.5em;
  top: 5.22em;
  width: 37.7em;
  height: 24.94em;
  overflow-x: hidden;
  overflow-y: auto;
}
/*
  --------------------------
  SEARCH
  --------------------------
*/
#search .title {
  position: fixed !important; 
  position: absolute;
  left: 14.5em;
  top: 0.348em;
}
#search .foto_result {
  float: left; 
  padding: 5px 10px;
}
#search .foto_result p {
  margin-bottom: 5px;
}
#search .foto_result img {
  height: 100px;
}
#search .text {
	top: 5.104em;  
}
/*
  --------------------------
  MEDEWERKER
  --------------------------
*/
#medewerker .navig {
  position: fixed !important; 
  position: absolute;
  left: 1.45em;
  top: 5.22em;
}
#medewerker .title {
  position: fixed !important; 
  position: absolute;
  left: 14.5em;
  top: 0.348em;
}
#medewerker .medew_menu {
  position: fixed !important; 
  position: absolute;
  left: 1.334em;
  top: 6.96em;
  width: 9.86em;
  height: 21.46em;
  overflow-x: hidden;
  overflow-y: auto;
}
#medewerker .medew_text {
  position: fixed !important; 
  position: absolute;
  left: 14.5em;
  top: 5.8em;
  width: 43.5em;
  height: 21.46em;
  overflow-x: hidden;
  overflow-y: auto;
}
/*
  --------------------------
  AGENDA
  --------------------------
*/
#agenda .title {
  position: fixed !important; 
  position: absolute;
  left: 13.34em;
  top: 0.348em;
}
#agenda .data {
  position: fixed !important; 
  position: absolute;
  left: 13.34em;
  top: 5.104em;
  width: 43.5em;
  height: 26.68em;
  overflow-x: hidden;
  overflow-y: auto;
}
#agenda .row1 {
  width: 9.86em;
}
#agenda .row2 {
  width: 17.4em;
}
#agenda .row3 {
  width: 5.8em;
  cursor: url(/themes/bredeschool-haulerwijk.nl/base/images/cursors/clock.cur), pointer; 
}
#agenda .row4 {
  width: 7.25em;
}
#agenda .rows table {
  table-layout: fixed;
}
#agenda .title td {
  color: #00BFAA;
}

#agenda .kleur1 {
  color: #E07312;
}
#agenda .kleur2 {
  color: #1291E0;
}
#agenda .kleur3 {
  color: #9CCE04;
}
#agenda .kleur4 {
  color: #1FB8B3;
}
#agenda .old {
  color: #BEB8B8;
}
/*
  --------------------------
  ENDPAGE
  --------------------------
*/
.nieuws {
  color: #000; 
}
.flyer {
  color: #000;
}
.std {
  color: #000;
}
.printer {
  color: #000;
}
.schuin {
  font-weight: normal; 
  font-style: italic;
}
.vet {
  font-weight: bold; 
}
.tekst {
  font-weight: normal; 
}
.extra-groot {
  font-size: 1.4em; 
}
.groot {
  font-size: 1.2em; 
}
.klein {
  font-size: 0.8em; 
}
.extra-klein {
  font-size: 0.6em; 
}
/*
  --------------------------
  PAGEGENERATOR
  --------------------------
*/
.text, .newstext {
  font: bold 0.9em Verdana, sans-serif;
  color: #000;
  padding: 0.58em;
  text-align: justify;
}
.text td, .newstext td {
  padding: 0em 0.58em 0em 0em;
}
.newstext img, .text img, .printer img {
  border: 1px solid #000;
}
-->