/* CSS Document */

html, body {
	height: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
}
div#wrapper {
	position: relative;
	top: 0px;
	left: 0px;
	right: 0px;
	background-color:#FFFFFF;
	width: 850px;
	height: 100%;
	text-align: left;
	margin: 0 auto;
}
div#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 70px;
	background-image: url(../img/logo/bg.jpg);
	text-align: left;
	float: left;
}
div#nav {
	position: absolute;
	top: 51px;
	left: 159px;
	width: 100%;
	height: auto;
	text-align: left;
	font: 12px bold  Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	z-index: 1;
}
div#nieuws {
	position: absolute;
	left: 0px;
	top: 80px;
	width: 195px;
	height: 295px;
	background: #0099FF;
	float: left;
	font: 14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-top: 5px;
	padding-left: 5px;
}

div#nieuws h1 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-left: 4px;
}
div#nieuws a:link, div#nieuws a:visited {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}
div#nieuws a:hover {
	font: 14px Arial, Helvetica, sans-serif;
	color: #FF9933;
}
div#nieuws2 img, div#nieuws3 img {
	border: none;
	padding: 0;
}
div#nieuws2 {
	position: absolute;
	left: 0px;
	top: 390px;
	width: 200px;
	height: 175px;
	background: #FF9933;
	float: left;
	font: 14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 0;
	overflow: hidden;
	margin: 0px;
}
div#nieuws2 h1 {
	font: 16px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-left: 4px;
}
div#nieuws3 {
	position: absolute;
	left: 0px;
	top: 575px;
	width: 200px;
	height: 175px;
	background: #FF6633;
	float: left;
	padding: 0;
	overflow: hidden;
}
div#nieuws3 p {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-left: 4px;
}
div#nieuws3 h1 {
	font: 16px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-left: 4px;
}
div#nieuws3 h2 {
	font: 24px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	letter-spacing: 4px;
}

div#content {
	position: absolute;
	top: 80px;
	right: 0px;
	width: 630px;
	background-color:#6699CC;
	padding-top: 5px;
	padding-left: 10px;
	z-index: 4;
}
div#content h1 {
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-left: 10px;
}
div#content h2 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-left: 10px;
}
div#content p {
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #000000;
	vertical-align: top;
	margin: 0px;
}
div#content a:link, div#content a:visited {
	color: #000000;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
div#content a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
div#content li a:link, div#content li a:visited {
	color: #000000;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
div#content li a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
div#foto {
	position: absolute;
	left: 500px;
	z-index: 8;
	bottom: 0px;
}
div#foto1 {
	position: absolute;
	left: 0px;
	z-index:5;
	bottom: 0px;
}
div#flash {
	background: #FFFFFF;
	height: 400px;
	width: 400px;
	position: absolute;
	top: 200px;
	right: 125px;
}
div#imggroep {
	position: absolute;
	left: 50px;
	top: 450px;
	z-index: 500;
}
div#imgschool {
	position: relative;
	left: -5px;
	height: 300px;
	width: 200px;
	top: -5px;
}
div#imgschool2 {
	position: relative;
	bottom: 0px;
	top: 23px;
}
div#contentkalender {
	position: absolute;
	top: 80px;
	right: 0px;
	width: 630px;
	background-color:#6699CC;
	padding-top: 5px;
	padding-left: 10px;
	z-index: 4;
}
div#contentkalender p {
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #000000;
	vertical-align: top;
	margin: 0px;
}
div#contentkalender a:link, div#contentkalender a:visited {
	color: #B8B800;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
div#contentkalender a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
div#contentkalender h1 {
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-left: 10px;
}
div#nieuwskalender {
	position: absolute;
	left: 0px;
	top: 575px;
	width: 200px;
	height: 175px;
	float: left;
}
div#auto {
	background: url(../img/kind/auto.gif) no-repeat;
	height: 199px;
	width: 300px;
	position: absolute;
	z-index: 200;
	top: 775px;
	left: 0px;
}
*html body div#auto {
	position: absolute;
	right: 20px;
	bottom: -50px;
	z-index: 200;
}
div#contentnws {
	position: absolute;
	top: 80px;
	right: 0px;
	width: 630px;
	height: 95em;
	padding-top: 5px;
	padding-left: 10px;
	background: #6699cc;
}
div#contentnws li {
	font: normal 14px/normal Arial, Helvetica, sans-serif;
	list-style: square outside;
	color: #333333;
}
div#contentnws a:link, div#contentnws a:visited {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}
div#contentnws a:hover {
	color: #FFFFFF;
}
div#intro {
	position: absolute;
	left: 0px;
	top: 80px;
	width: 200px;
	height: 290px;
	background: #0099FF;
	float: left;
	font: 14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-top: 0px;
	padding-left: 0px;
	text-align: center;
}

/* classes */
.actueel {
	font: normal 14px/normal Arial, Helvetica, sans-serif;
	color: #330099;
	padding-left: 5px;
}
.actueel a:link, .actueel a:visited {
	font: normal 14px/20px Arial, Helvetica, sans-serif;
	color: #330099;
	text-decoration: underline;
}
.actueel a:hover {
	color: #FFFFFF;
}
.flash {
	text-align: center;
}
.kalender {
	font: normal 16px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #0099FF;
	display: block;
	clear: both;
	padding-right: 20px;
	width: 590px;
	padding-left: 10px;
}
.kopje {
	font-weight: bold;
	color: #000000;
}
.bold {
	font-weight: bold;
	color: #FFFFFF;
}
.illustratie {
	vertical-align: text-top;
	float: left;
	margin-right: 5px;
}
.wit {
	font-weight: bold;
	color: #FFFFFF;
}
/* tags */
 h1 {
	font: 16px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
p {
	font: 14px Arial, Helvetica, sans-serif;
	color: #333333;
	padding-left: 10px;
	width: 90%;
}
img {
	border: none;
	padding-left: 5px;
}
li {
	font: normal 14px/normal Arial, Helvetica, sans-serif;
	list-style: square outside;
}
hr {
	text-align: center;
	width: 75%;
	border: 1px dotted #FFFFFF;
}

/* navigatie */
#navigation {
	background:transparent;
	margin:0 5em;
	height:3em;
	overflow: hidden;
/* */ }

#navigation ul {margin:0; padding:0; list-style-type:none; background:transparent;}
#navigation li {display:block; float:left; margin:0 1px;}
.snazzy {background:transparent;}
.snazzy span {text-align:center; color:#fff; margin:0; font-weight:normal; font-size: 12px; font: Arial, Helvetica, sans-serif;}

.b1, .b2, .b3, .b4 {display:block; font-size:01px;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }
.b1, .b2, .b3 {height:1px;}
.b2, .b3, .b4 {border-left:1px solid #fff; border-right:1px solid #fff;}
.b1 {margin:0 5px; background:#fff;}
.b2 {margin:0 3px; border-width:0 2px;}
.b3 {margin:0 2px;}
.b4 {height:2px; margin:0 1px;}
.boxcontent {display:block; border-left:1px solid #fff; border-right:1px solid #fff;}

a.menu, a.menu:visited {display:block; text-decoration:none; width:5.5em;}
a.menu:hover {background:transparent; cursor:pointer;}
a.menu:hover span {padding-top:10px; background:#FF9933;}
a:menu:hover b {background:#888;} 

.red {background:#c00;}
.orange {background:#f90;}
.yellow {background:#b8b800;}
.green {background:#090;}
.blue {background:#00c;}
.indigo {background:#309;}
.violet {background:#c6c;}
.grey {background:#888;}
.purple {background:#9900FF;}

a:hover b.red {background:#FF9933;}
a:hover b.orange {background:#FF9933;}
a:hover b.yellow {background:#FF9933;}
a:hover b.green {background:#FF9933;}
a:hover b.blue {background:#FF9933;}
a:hover b.indigo {background:#FF9933;}
a:hover b.violet {background:#FF9933;}
a:hover b.purple {background:#FF9933;}


.active {padding-top:10px; background:#888; cursor:default;}
/* einde navigatie */
div#topleft {
	position: absolute;
	left: 0px;
	top: 80px;
	width: 200px;
	height: 300px;
	background: #0099FF;
	float: left;
	font: 14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
div#topleft img {
	border: 0;
	padding: 0;
}
div#bottomright {
	position: absolute;
	z-index:5;
	bottom: 0px;
	right: 0px;
}
.fotoactueel {
	vertical-align: text-top;
	margin-right: 10px;
	float: left;
}
div#nieuwsblok {
	float: left;
	width: 95%;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 2px dotted #FFF;
	border-bottom: 2px dotted #FFF;
}
.centreren {
	text-align: center;
}