@import url("style.css");

/* Positie top rollover */
#topleft {
	position: relative;
	top: 10px;
	left: 95px;
	width: 120px;
	height: 40px;
	z-index: 1;
}

/* Positie menu */
#menu {
	position: relative; 
	left: 95px;
	top: 47px;
	_top: 19px;
	width: 110px;
	height: 212px;
	padding: 5px;
	overflow:auto;
	z-index: 2;
}
#menu ul{
  list-style:none;
  margin: 0px;
  padding:0px;  
}
#menu li{
  float: left;
  margin: 2px 1px 1px 4px;
}
.menuItem {
  float: left;
  margin-left: 3px;
  display: inline; /* oplossing double margin IE*/
}
/* Positie Home button */
#homebutton {
	position: relative;
	top: -466px;
	_top: -498px;
	left: 197px;
	z-index: 5;
	height: 15px;
	width: 15px;
	z-index: 5;
}

/* Positie info layer */
#info {
	position: relative; 
	left: 225px;
	top: -485px; 
	_top: -520px; 
	height: 367px;
	width: 376px; 
	z-index: auto; 
	overflow:auto;
	padding:5px;
	z-index: 4;
}

/* Positie logo */
#logo {
	left: 11px;
	position: relative;
	top: 58px;
	_top: 30px;
	z-index: 3;
}

.onderwijsmenu {
	background-color: #D9EFB8;
}
.aanmeldenmenu {
	background-color: #FF746C;
	padding: 3px;
}
.kalendermenu {
	background-color: #EB94CA;
}
.kinderpaginamenu {
	background-color: #D3EFE2;
}
.oudersmenu {
	background-color: #DCF36D;
}
.regelsmenu {
	background-color: #FFB877;
}
.nieuwsbriefmenu {
	background-color: #EAF6BE;
}
.overblijvenmenu {
	background-color: #89D7ED;
}
.schoolgidsmenu {
	background-color: #D7DCEC;
}
.deschoolmenu {
	background-color: #DDF2F7;
}

.onderwijs {
	background-color:#C9E89C;
	scrollbar-face-color: #addc6c; 
	scrollbar-highlight-color: #c9e89c;
	scrollbar-3dlight-color: #c9e89c;
	scrollbar-darkshadow-color:#c9e89c;
	scrollbar-shadow-color:#c9e89c;
	scrollbar-arrow-color: #c9e89c;
	scrollbar-track-color:#c9e89c;
}

.aanmelden {
	background:#FF574F;
	scrollbar-face-color: #ff1300;
	scrollbar-highlight-color: #ff443b;
	scrollbar-3dlight-color: #ff443b;
	scrollbar-darkshadow-color:#ff443b;
	scrollbar-shadow-color:#ff443b;
	scrollbar-arrow-color: #ff443b;
	scrollbar-track-color:#ff443b;
	padding: 3px;
}
.deschool {
	background:#C7EAF1;
	scrollbar-face-color: #97d4e5; 
	scrollbar-highlight-color: #c7eaf1;
	scrollbar-3dlight-color: #c7eaf1;
	scrollbar-darkshadow-color:#c7eaf1;
	scrollbar-shadow-color:#c7eaf1;
	scrollbar-arrow-color: #c7eaf1;
	scrollbar-track-color:#c7eaf1;
}
.kalender {
	background:#e369b4;
	scrollbar-face-color: #da3799 
	scrollbar-highlight-color: #e369b4;
	scrollbar-3dlight-color: #e369b4;
	scrollbar-darkshadow-color:#e369b4;
	scrollbar-shadow-color:#e369b4;
	scrollbar-arrow-color: #e369b4;
	scrollbar-track-color:#e369b4;
}
.ouders {
	background:#D1F038;
	scrollbar-face-color: #b5dc10; 
	scrollbar-highlight-color: #d1f038;
	scrollbar-3dlight-color: #d1f038;
	scrollbar-darkshadow-color:#d1f038;
	scrollbar-shadow-color:#d1f038;
	scrollbar-arrow-color: #d1f038;
	scrollbar-track-color:#d1f038;
}
.regels {
	background:#FF9E49;
	scrollbar-face-color: #ff850d;
	scrollbar-highlight-color: #ff9e49;
	scrollbar-3dlight-color: #ff9e49;
	scrollbar-darkshadow-color:#ff9e49;
	scrollbar-shadow-color:#ff9e49;
	scrollbar-arrow-color: #ff9e49;
	scrollbar-track-color:#ff9e49;
}
.nieuwsbrief {
	background:#E2F3AF;
	scrollbar-face-color: #d6ee89; 
	scrollbar-highlight-color: #EAF6BE;
	scrollbar-3dlight-color: #EAF6BE; 
	scrollbar-darkshadow-color: #EAF6BE;
	scrollbar-shadow-color: #EAF6BE;
	scrollbar-arrow-color: #EAF6BE;
	scrollbar-track-color: #EAF6BE;
}
.overblijven {
	background:#3FBBE1;
	scrollbar-face-color: #1f9bc5; 
	scrollbar-highlight-color:#3fbbe1;
	scrollbar-3dlight-color:#3fbbe1;
	scrollbar-darkshadow-color:#3fbbe1;
	scrollbar-shadow-color:#3fbbe1;
	scrollbar-arrow-color: #3fbbe1;
	scrollbar-track-color:#3fbbe1;
}
.schoolgids {
	background:#C1C8E1;
	scrollbar-face-color: #1f9bc5; 
	scrollbar-highlight-color:#C1C8E1;
	scrollbar-3dlight-color:#C1C8E1;
	scrollbar-darkshadow-color:#C1C8E1;
	scrollbar-shadow-color:#C1C8E1;
	scrollbar-arrow-color:#C1C8E1;
	scrollbar-track-color:#C1C8E1;
}
.kinderpagina {
	background:#BEE7D5;
	scrollbar-face-color: #1f9bc5; 
	scrollbar-highlight-color:#CFEDDF;
	scrollbar-3dlight-color:#CFEDDF;
	scrollbar-darkshadow-color:#CFEDDF;
	scrollbar-shadow-color:#CFEDDF;
	scrollbar-arrow-color:#CFEDDF;
	scrollbar-track-color:#CFEDDF;
}
.logo {
	background-image: url(../images/onderkant.gif);
	background-repeat: no-repeat;
}
#centerDiv {
	margin-left:auto;
	margin-right:auto;
	width: 650px;
	height: 300px;
	background: #FFCC00;
}
#master_container {
	margin-left:auto;
	margin-right:auto;
	height: 348px;
	width: 620px;
	vertical-align: middle;
	margin-top: 32px;
}
#image_groot {
	height: 460px;
	width: 650px;
	text-align: center;
	font-size:10pt;
	font-weight: bold;
}
.fotolist {
	height: 25px;
	text-align: center;
	font-size: 14px;
	margin-left: 3px;
}
#master_container_overzicht {
	background:#C7EAF1;
	margin-left:auto;
	margin-right:auto;
	height: 600px;
	width: 1000px;
	margin-top: 3%;
}
.logo_overzicht {
	background-image: url(/../images/onderkant.gif);
	background-repeat: no-repeat;
}
#overzicht {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}
#overzicht2 {
	margin-left: auto;
	margin-right: auto;
	width: 700px;
}
.foto {
	text-align: center;
	background:#AFE5F0;
	padding: 3px;
	border: 1px solid #75C1D0;
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	width: 130px;
	height: 150px;
}
.foto2 {
	text-align: center;
	padding: 3px;
	/* border: 1px solid #0475FF; */
	margin-top: 5px;
	margin-right: 10px;
}
.txtfoto {
	background:#C7EAF1;
	text-align: center;
	width: 95%;
	padding: 2px;
	border: 1px solid #75C1D0;
	margin-top: 2px;
}
.fotogr {
	text-align: center;
	background:#AFE5F0;
	padding: 7px;
	border: 1px solid #75C1D0;
	margin-top: 5px;
	margin-right: 10px;
	margin-top: -450px;
	width: 250px;
}
.txtinfo {
	background:#AFE5F0;
	padding: 5px;
	border: 3px double #0E79D1;
	margin-top: 60px;
	margin-left: 150px;
	height: 400px;
	width: 550px
}
#txtterug {
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	margin-right: 50px;
	margin-top: 50px;
	margin-left: 0px;
}
.txtfotogr {
	background:#C7EAF1;
	text-align: center;
	width: 246px;
	padding: 2px;
	border: 1px solid #75C1D0;
	margin-top: 5px;
}