/* Globale settings */

body {
	background-color:#FFFFFF;
	background-image:none;
	font-family: Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif;
	padding:0;
	color:#000000;
	margin-left: auto;
	margin-right: auto;
	width: 984px;
}

.footer {
	font-size: 10px;
	font-style: italic;
	color: #000000;
	padding-top:40px;
	text-align:center;
}

a:link {
	color: #800080;
	background:none;
	font-family: Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif;
	text-decoration: none;
}

a:hover {
	font-family: Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif;
	background:none;
	text-decoration: underline;
	color: #FF0000;
}

a:visited {
	font-family: Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif;
	background:none;
	color: #800080;
	text-decoration: none;
}

.center {
text-align:center;
}

.italic {
font-style:italic;
}

.bold {
font-weight:bold;
}

div#container {
	margin-left:auto;
	margin-right:auto;
	width:900px;
	text-align:left;
}

h1 {
	font-size: medium;
	font-weight:bold;
	padding-top:35px;
}

h2 {
	font-size: medium;
	font-weight:bold;
	color:#EE2225;
	margin-top:50px;
	margin-bottom:50px;
	text-align:center;
}

h3 {
	font-size: 100%;
	font-weight:bold;
	padding-top:35px;
}

h4 {
	font-size: medium;
	color: #3333CC;
	text-align: center;
}

.style1 {
	font-family: Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #EE2225;
}

.style2 {
	font-family: Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: small;
	font-style: italic;
	color: #FF0000;
	text-align: center;
}

.style3 {
	font-family: Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #000000;
}

.style4 {
	font-family: Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #000000;
}

.style4b {
	font-family: Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #000000;
	font-weight:bold;
}

.style5 {
	font-family: Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #9900FF;
	font-size: 11px;
	font-weight: bold;
}

.writeby {
	font-size: small;
	font-style: italic;
}

table {
	text-align: justify;
}

td {
	font-family: Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif;
	text-align: justify;
}

th {
	font-family: Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif;
}

.table1 {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	width: 50%;
	text-align: center;
}
.quote {
	font-family: Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #000000;
	font-style: oblique;
}

.float_left {
float:left;
padding:10px;
}

.float_right {
float:right;
margin:10px;
}

.clearit {
clear: both;
height: 0;
line-height: 0;
font-size: 0px; /*for IE*/
}

IMG.displayedcenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

hr {
text-align:center;
margin-left:auto;
margin-right:auto;
margin-top:5px;
margin-bottom:5px;
width:700px;
}

.leerkracht {
	font-style: italic;
	text-align: right;
	color: #3333CC;
	font-weight: bold;
}

/* Gebruik maken van de return door whitespace in tekst*/
p#adres {
	white-space:pre;
}

/* Uitlijning tbv fakultatief pagina */
div#muziek {
	display: block;
	height: 421px;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

div#karate {
	display: block;
	height: 263px;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

div#tekenen {
	display: block;
	height: 252px;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

div#poppen {
	display: block;
	height: 252px;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

div#dansles {
	display: block;
	height: 252px;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

div#schaken {
	display: block;
	height: 340px;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

div#folklore {
	display: block;
	height: 270px;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

div#speelgroep {
	display: block;
	height: 252px;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

div#content {
	margin-bottom: 35px;
}

/* Opsomming op gramatika pagina */
div#gramatika {
	font-style: italic;
	line-height:1.5em;
}

/* Uitlijning tbv de schoolkrant */
.schoolkrant {
margin-left:auto;
margin-right:auto;
width:700px;
}

/* Tekst align met bovenkant plaatje op europa en links pagina. */
.vert-middle {
padding-top:10px;
}

/* Positie tekst op links en europa pagina */
.links1 {
	display: block;
	height: 154px;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

div#link2 {
	display: block;
	height: 51px;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

/* Positie plaatje op under construction pagina */
div#lookhere {
	display: block;
	height: 148px;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	text-align:center;
}

/* Begin tabel voor linguist */
table.linguisttabel {
	border-width: medium;
	border-style: double;
	border-color: black;
	border-collapse:separate;
	margin-left:auto;
	margin-right:auto;
	width: 400px;
	text-align:center;
	margin-top:30px;
	margin-bottom:30px;
}

table.linguisttabel th {
	border-width: 1px;
	padding: 2px;
	border-style: inset;
	border-color: black;
}

table.linguisttabel td {
	border-width: 1px;
	padding: 2px;
	border-style: inset;
	border-color: black;
}
/* Einde tabel voor linguist */

/* Begin kolom voor kinderlessen */

#kinderwrapper
	{
	width: 700px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:30px;
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	}
#kinderleft
	{
	float: left;
	width: 300px;
	}
#kindercenter
	{
	float: left;
	width: 100px;
	}
#kinderright
	{
	float: left;
	width: 300px;
	}

/* Einde kolom voor kinderlessen */

/* Begin tabel voor rooster */
div.roostertabel {
	border: 1px solid #000000;
	margin-left:auto;
	margin-right:auto;
	width: 760px;
	text-align:center;
	margin-top:70px;
	margin-bottom:50px;
}
div.roostertabel caption {
padding: .5em;
letter-spacing: .2em;
font-weight:bold;
border:double;
}
div.roostertabel table {
border: 1px solid #000000;
width: 760px;
}
div.roostertabel tbody td, tbody th {
padding: .5em;
text-align:center;
}
div.roostertabel td {
padding: 0 10px;
}
div.roostertabel tbody tr, tbody th {
background:#fff;
}
div.roostertabel tbody tr:hover {
background:#33FF00; color:#000000;
}
div.roostertabel thead th {
width:15%;
}
/* Einde tabel voor rooster */

/* Begin tabel voor aanmeldingen */
div.aanmeldingstabel {
	border: 1px solid #000000;
	margin-left:auto;
	margin-right:auto;
	width: 760px;
	text-align:left;
	margin-top:70px;
	margin-bottom:50px;
}
div.aanmeldingstabel caption {
padding: .5em;
letter-spacing: .2em;
font-weight:bold;
border:double;
}
div.aanmeldingstabel table {
border: 1px solid #000000;
width: 760px;
}
div.aanmeldingstabel tbody td, tbody th {
	padding: 0.5em;
	text-align:left;
}
div.aanmeldingstabel td {
padding: 0 10px;
}
div.aanmeldingstabel tbody tr, tbody th {
background:#fff;
}
div.aanmeldingstabel thead th {
width:15%;
}
/* Einde tabel voor aanmeldingen */

div#aanmeldingbedankt {
	display: block;
	height: 421px;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

div#wrapper {
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
	border:0;
	width: 900px;
}
	
div#leftside {
	float: left;
	width: 450px;
}

div#main img {
	padding-top:130px;
	padding-left:60px;
	float:none;
}

div#rightside { 
	margin: 0px;
	float: left;
	width: 450px;
	height: 1% /* Holly hack for Peekaboo Bug */
}

div#footer {
	clear: both;
	background: #FFFFFF;
	margin-top:25px;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color:#FFFFAA;
	padding: 5px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}

/* Opsomming met nummers voor regelement en logopedist */
div.regelement {
	text-align:left;
	margin-left: 60px;
	width: 800px;
	padding-top:25px;
}

div.regelement ul {
	list-style-type:decimal;
	list-style-position:outside;
}

div.regelement li {
margin-bottom:10px;
}

div.groepen ul {
	list-style-type:disc;
	list-style-position:outside;
}

div.groepen li {
margin-bottom:5px;
}

div.chronicle {
	text-align:left;
}

div.chronicle ul {
	list-style-type:decimal;
	list-style-position:outside;
}

div.chronicle li {
margin-bottom:10px;
}
div#psych {
	display: block;
	height: 228px;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}