html, body {
	border: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
	font-size: 77%; /* initially set to percentage so that ems work without producing miniscule text in IE */ 
}

body {
	background: #bbceef none; /* #D3E1ED */
	color: #00443E;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: justify;
}

#kop {
	background: #374694; /* #94B6D2 */
	display: block;
	height: 90px;
}

table.top {
	border: 0px;
	width: 100%;
	font-size: 11px;
	border-spacing: 0px;
	text-align: left;
	vertical-align: center;
	color: #FFFFFF;
}	

table.top TD {
	border-width: 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
	font-size: 35px;
}

/* top1 on page Gedans!!*/
table.top1 {
	border: 1px;
	width: 100%;
	font-size: 11px;
	border-spacing: 0px;
	text-align: left;
	vertical-align: center;
}	

table.top1 TD {
	border-width: 0px;
	padding: 10px 0px 0px 30px;
	vertical-align: right;
	font-family: mistral;
	font-size: 35px;
}

#menu {
	display: block;
	position: relative;
	width: 100%;
	height: 2em;
	background: #374694; /* #775F55 */
	color: #ffffff;
	padding: 0 0 0 0;
	font-size: 10pt; 
	z-index: 999;
	text-align: center;
}

#menu ul {
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
	float: right;
	min-width: 100%; /* Opera */
}

#menu li {
	display: inline-block;
	position: relative;
}

#menu li a.menu1 {
	display: block;
	position: relative;
	height: 1.7em;
	_width: 5px; /* Otherwise IE takes a 100% width for each li and this is rendered as min-width */
	padding: 0 17px 0 17px;
	border-left: 1px solid #FFFFFF; /* #775F55 */
	border-right: 1px solid #FFFFFF; /* #775F55 */
	color: #FFFFFF; /* #E3ECEB */
	font-weight: bold;
	text-decoration: none;
	line-height: 1.7em;
}

#menu li a.menu1:hover {
	color: #BDCDDD; /* #BDCDDD */
	border-left: 1px solid #BDCDDD; /* #BDCDDD */
	border-right: 1px solid #BDCDDD; /* #BDCDDD */
}

#menu ul.menu2 {
	display: none;
	left: 0;
	top: 1.7em;
	position: absolute;
}

#menu ul.menu2 li {
	float: none;
}

#menu li:hover ul.menu2, #menu li.over ul.menu2 {
	display: block;
}

#menu ul.menu2 a {
	display: block;
	width: 14em;
	text-decoration: none;
	color: #FFFFFF; /* #606F7E */
	border: 1px solid #374694; /* #BDCDDD */
	background: #374694 none; /* #BDCDDD */
	height: auto;
	text-align: center;
	padding: 3px 0 3px 0;
}

#menu ul.menu2 a:hover {
	border: 1px solid #606F7E;
}


.message, .message2, .message3, #snelmenu2 {
	display: block;
	margin: 7px 0px 17px 0px;
	border: 2px dotted #374694; /* #BDCDDD */
	padding: 2px 2px 2px 2px;
}

.message2 {
	margin: 7px 15px 7px 15px;
}

.message3 {
	background: #FFFFFF;
}

.message .title, .message2 .title, .message3 .title {
	background: #BDCDDD none;
	text-align: center;
	font-size: 1.0em;
	font-weight: bold;
	padding: 2px 2px 2px 2px;
}

.message .title2, .message3 .title2 {
	background: #BDCDDD none;
	text-align: left;
	font-size: 1.1em;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
}

.message .content, .message2 .content, .message3 .content, #snelmenu2 .content {
	padding: 3px 0 3px 0;
}

.message .content2, .message2 .content2 {
	padding: 3px 0 3px 0;
	text-align: center;
}

.message2 .content_artikel {
	background: #FFFFFF;
	padding: 20px 3px 3px 3px;
}

.note, .message .note, .message2 .note {
	text-align: center;
	border-top: 2px dotted #BDCDDD;
	font-size: 0.8em;
}

#submenu {
	float: left;
	width: 12em;
	z-index: 0;
	margin: 10px 4px 4px 4px;
}

#submenu ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 5px 5px 5px 5px;
}

#snelmenu2 ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 5px 5px 15px 5px;
}


#home_inhoud {
	float: left;
	width: 500px;
	margin: 0;
	padding: 1em;
}

#home_berichten {
	clear: both;
	margin-left: 550px;
}

#submenu #takken li {
	display: block;
}

#submenu #takken li a {
	display: block;
	height: 80px;
	width: 65px;
	background-position: left top;
	background-repeat: no-repeat;
}

#submenu #takken li a:hover {
	background-position: right top;
}



.content ul li {
	list-style-type: square;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-style: normal;
}




#inhoud {
	float: none;
	border-left: dotted 2px #606F7D;
	margin: 0px 0px 0px 12.8em;
	padding: 5px 8px 5px 8px;
	min-height: 400px;
	_height: 400px;
}

#inhoud2 {
	z-index: 0;
	margin: 0px 16em 0px 0px;
	padding: 0px 0px 0px 0px;
}

#platte_opsomming {
	margin: 0 0 0 0;	
}

.platte_opsomming {
	margin: 0 0 0 0;	
}

#platte_opsomming ul, .platte_opsomming {
	list-style: none;
	margin: 0 0 0 0;
	padding: 5px 5px 5px 5px;
}

#toolbar {
	float: right;
	width: 15em;
	z-index: 0;
	margin: 0px 0px 0px 0px; 
	padding: 0px 3px 0px 3px;
}

a , a:link, a:visited, a:active {
	color: #374694; /* #9C182C */
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #00443E;
	text-decoration: underline;
}

a img {
	border: 0;
}

.locatie {
	color: #606F7D;
	font-size: 8pt;	
	border-bottom: solid 1px #BDCDDD;
	padding: 0px 0px 3px 0px;
	margin: 10px 0px 5px 0px;
}

a:link.locatie, a:active.locatie, a:visited.locatie {
	text-decoration: none;
	color: #9C182C;
}

a:hover.locatie {
	text-decoration: underline;
	color: #606F7D;
}

h1 {
	padding: 7px 5px 15px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 16pt;
	text-align: left;
	font-weight: bold;
	color: #374694; /* #006666 */
	background: url(titel.gif) no-repeat;
	height: 15px;
}

h2 {
	font-size: 10pt;
	font-weight: bold;
	color: white;
	background: #374694 url("pijltjes.gif") no-repeat left bottom;
	padding: 2px;
	margin-top: 10px;
	margin-bottom: 5px;
}

h3 {
	font-size: 1.3em;
	font-weight: lighter;
	text-align: center;
	margin: 8px 0px 0px 0px;
}

acronym {
	border-bottom: dotted 1px #606F7D;
	cursor: help;
}

.titel2, .afd_dis {
	color: white;
	font-weight: bold;
	background: #374694 url("pijltje.gif") no-repeat left top;
	padding: 2px;
	text-align: center;
}

.titel3 {
	color: #white;
	font-weight: bold;
	background: #374694 url("pijltje.gif") no-repeat left top;
	padding: 2px 2px 2px 14px;
}

.pijltje {
	background: transparent url("pijltje2.gif") no-repeat left top;
	padding: 2px 2px 2px 14px;
}

.midden {
	text-align: center;
}

.rechts {
	text-align: right;
}

.input, .inputvast, .inputdisabled, .inputdisabled2, .inputdisabledvast, .inputklein, .inputvast2, .inputdisabledvast2 {
	color: #606F7D;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	border: 1px solid #606F7D;
	background-color: white;
	padding: 0px 0px 0px 2px;
	overflow: auto;
}

.inputdisabled2 {
	overflow: visible;
	text-align: right;
}

.inputvast, .inputdisabledvast, .inputbox {
	width: 420px;
}

.inputvast2, .inputdisabledvast2 {
	width: 620px;
}

.inputdisabled {
	background: #E3ECEB;
}

.inputklein {
	font-size: 0.8em;
}

.button, .buttonklein {
	color: #E3ECEB;
	border: 1px solid #BDCDDD;
	background: #606F7D;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
}

.buttonklein {
	font-size: 0.8em;
}

.inputbox {
	color: #606F7D;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	border: 1px solid #606F7D;
	background-color: white;
	padding: 0px 0px 0px 2px;
	overflow: auto;
	height: 6em;
}

.onder_inputbox {
	padding: 5px 0px 0px 0px;
}

#trekdoor {
	clear: both;
	width: 0px;
	height: 0px;
	overflow: hidden;
}

#voet {
	clear: both;
	background: #606F7D;
	color: #E3ECEB;
	padding: 3px 3px 3px 3px;
	text-align: center;
	display: block;
	font-size: 0.8em;
}

#voet a{
	color: #E3ECEB;	
}

.inhoud_tabel {
	border: #BDCDDD solid 1px;
}


th {
	background: #374694; /* #BDCDDD */
	color: white;
	font-size: 1.0em;
	font-weight: bold;
	padding: 2px 2px 2px 2px;
	height: 20px;
}

.tabel, .tabel3 {
	text-align: center;
	background-color: #E3ECEB;
	border: 2px dotted #BDCDDD;
	padding: 2px 2px 2px 2px;
	margin: 2px auto 2px auto;
}


.tabel2 {
	border: #00443E solid 1px;
}

.tabel3 {
	text-align: left;
}

.tabel3 th {
	text-align: center;
	vertical-align: top;
	background: #BDCDDD;
	font-weight: bold;
	white-space: nowrap;
	padding: 2px 4px 2px 4px;
}

.tabel3 td {
	vertical-align: top;
	border: 1px dotted #BDCDDD;
	white-space: nowrap;
	padding: 1px 3px 1px 3px;
}

.tabel4 {
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
}

.tabel4 tr td {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.td1 {
	background: #BDCDDD;
	font-size: 1.0em;
	font-weight: bold;
	padding: 2px 2px 2px 2px;
}

.td2 {
	border: 1px dotted #BDCDDD;
}


.rijkop, .rijkopvast, .rijkoplager {
	background: #BDCDDD;
	font-size: 1.0em;
	font-weight: bold;
	padding: 2px 2px 2px 2px;
	text-align: right;
	vertical-align: top;
}

.rijkopvast {
	width: 140px;
}

.rijtekst, .rijtekstvast {
	text-align: left;
}

.rijtekstvast {
	width: 449px;
}

.rijkoplager {
	padding: 4px 2px 2px 2px;
}

.tabeltitel_links {
	width: 8em;
	text-align: left;
}

.tabeltitel_rechts {
	width: 8em;
	text-align: right;
}

.in {
	padding: 0px 0px 0px 20px;
}

.lijn {
	border-bottom: solid 1px #606F7D;
	margin: 10px 0px 10px 0px;
}

.lijntje {
	border-bottom: dotted 2px #BDCDDD;
}

.voetnoot {
	border-top: dotted 2px #606F7D;
	color: #606F7D;
	margin: 30px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
}

.loginstatus {
	color: #606F7D;
}

.fotokader {
	background-color: #E3ECEB;
	border: 1px solid #BDCDDD;
	width: 104px;
	height: 104px;
}

.foto1 {
	background-color: #E3ECEB;
	border: 1px solid #C0C0C0;
}

.foto {
	border: 0px solid;
	padding: 0px 0px 0px 10px;
}

.map {
	text-align: center;
	background-color: #E3ECEB;
	border: 2px dotted #BDCDDD;
	padding: 2px 2px 2px 2px;
	display: none;
	margin-top: 2px;
	position: relative;
	width: 100%;
}

#belangrijk, .belangrijk {
	color: #9C182C;
	font-weight: bold;
}

.message3 .pijltje {
	background: #FFFFFF url("pijltje2.gif") no-repeat left top;
	padding: 0px 0px 0px 14px;
}

.jws05 {
	font-size: 0.8em;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}

.jws05 ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.jws05 ul li {
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.kalenderdag {
	background-color: #A51D03;
	border-top: 1px solid #C7ADB0;
	border-bottom: 1px solid #C7ADB0;
	border-left: 1px solid #C7ADB0;
	border-right: 1px solid #C7ADB0;
	color: #D8A83A;
	font-size: 0.8em;
	font-family: verdana, arial;
	text-align: center;
	padding: 3px 3px;
	width: 80px;
}

.kalenderdagweekend, .kalenderdaggewoon, .vandaag  {
	font-size: 0.8em;
	border: 1px solid #BDCDDD;
	padding: 3px;
	text-align: left;
	width: 80px;
	height: 50px;
	vertical-align: top;
}

.kalenderdagweekend {
	background-color: #BDCDDD;
}

.kalenderdaggewoon {
	background-color: #FFFFFF;
}

.vandaag {
	background-color: #606F7D;
	color: #E3ECEB;
}

.kalenderdagweekend a, .kalenderdaggewoon a, .kalenderdagweekend a:link, .kalenderdaggewoon a:link, .kalenderdagweekend a:visited, .kalenderdaggewoon a:visited, .kalenderdagweekend a:hover, .kalenderdaggewoon a:hover, .kalenderdagweekend a:active, .kalenderdaggewoon a:active {
	color: #9C182C;
}

.vandaag a, .vandaag a:link, .vandaag a:visited, .vandaag a:hover, .vandaag a:active {
	color: #E3ECEB;
}

.tooltip {
	position: relative;
}

.tooltip a .extra_info {
	display: none;
}

.tooltip a:hover {
	font-size: 99%;
}

.tooltip a:hover .extra_info {
	display: block;
	position: absolute;
	margin-top: 1.6em;
	margin-left: 0em;
	left: -18em;
	top: 0px;
	padding: 1px;
	z-index: 10;
	background: #BDCDDD;
	color: #00443E;
	text-decoration: none;
	border: solid 1px #606F7D;
	width: 20em;
	float: none;
}

.tooltip a:hover .extra_info span {
	background: #E3ECEB;
	display: block;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	background: #E3ECEB url("pijltje2.gif") no-repeat left top;
	padding: 0px 0px 0px 14px;
}

.bevestigingscode {
	border: 1px solid #606F7D;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	vertical-align: top;
}

th.tabelvoet {
	text-align: right;
}

td.tabelmidden {
	text-align: center;
	vertical-align: middle;
	margin: 30px 3px 3px 3px;
}

.foto_links {
	float: none;
}

img.foto_links {
	float: left;
	padding: 0px 4px 4px 0px;
}

.tabelhover2 {
	background: #D0D0D0;
}

.tabelhover3 {
	background: #F0F0F0;
	color: #A0A0A0;
}

.tabelhover:hover, .tabelhover2:hover, .tabelhover3:hover {
	background: #606F7D;
	color: #E3ECEB;
}

.tabelhover:hover a, .tabelhover2:hover a, .tabelhover3:hover a   {
	color: #E3ECEB;
}

.fotokader_rechts {
	background-color: #FFFFFF;
	border: 1px solid #BDCDDD;
	padding: 6px 6px 6px 6px;
	margin: 0px 0px 2px 5px;
	float: right;
}

.fotokader_links {
	background-color: #FFFFFF;
	border: 1px solid #BDCDDD;
	padding: 6px 6px 6px 6px;
	margin: 0px 5px 2px 0px;
	float: left;
}

.onderstrepen {
	text-decoration: underline;
}


.namen_groepen {
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
	color: #006666;
	margin: 0px 0px 0px 0px;
}

#nuttige_adressen h5 {
	margin: 15px 15px 5px 0px;
}

.afd_cat {
	font-style: normal;
	font-weight: bold;
	color: #006666;
	margin: 4px 0px 0px 0px;
}

.leiding_cat {
	font-style: normal;
	font-size: 10pt;
	font-weight: bold;
	color: #006666;
	margin: 0px 0px 0px 0px;
	position: right;	
}

.leiding_namen {
	background: none;
	text-align: center;
	font-size: 10pt;
	font-weight: normal;
	color: #006666;
	padding: 1px 1px 1px 1px;
}

.leiding_foto {
	margin: 7px 15px 0px 15px;
	text-align: Center;
	height: 80px !important;
	max-height: 80px !important;
}

.leiding_foto2 {
	margin: 5px 1px 1px 1px;
	text-align: Center;
}

.leiding_foto_groot {
	margin: 0px 10px 25px 0px;
}

.functies_namen {
	background: none;
	text-align: center;
	font-size: 8pt;
	font-weight: normal;
	font-style: italic;
	color: #006666;
	padding: 1px 1px 1px 1px;
}

.titel4 {
	background: none;
	text-align: left;
	font-size: 12pt;
	font-weight: bold;
	color: #006666;
	padding: 25px 1px 0px 1px;
}

.titel5 {
	color: white; /*#606F7D*/
	font-weight: bold;
	font-size: 16pt;
	background: #374694;
	padding: 0px 0px 0px 14px;
	text-align: center;
}

.uur_data {
	margin: 0px 15px 0px 0px;
}


.tabel1 {
	border: 1px;
	border-style: none;
	border-color: #006666;
}

.tabel1 td {
	border: 1px solid;
	padding: 10px 3px;
}

.tabel1 th {
	border: 1px solid;
	padding: 10px 3px;
}


.tabel_organ_av {
	border: 3px dashed;
	padding: 10px 3px;
	border-color: black;
	vertical-align: top;
	text-align: center;
}

.tabel_organ_header {
	border: 3px solid;
	padding: 10px 3px;
	border-color: black;
	vertical-align: top;
	text-align: center;
	background-color: #374694; /* lightgrey */
}

.tabel_organ_content {
	border: 3px solid;
	padding: 10px 3px;
	border-color: black;
	vertical-align: top;
	text-align: left;
}

.tabel_organ {
	border: 1px solid;
	padding: 10px 3px;
	border-color: black;
	vertical-align: top;
	text-align: left;
}

.tabel_organ TD {
	border: 0px solid;
	padding: 0px 0px;
	vertical-align: top;
	text-align: left;
}

.tabel_organ_rechts {
	border-right: 3px solid;
	border-left: 0px solid;
	border-top: 0px solid;
	border-bottom: 0px solid;
	border-color: black;
	padding: 0px 0px;
}

.tabel_organ_links {
	border-right: 0px solid;
	border-left: 3px solid;
	border-top: 0px solid;
	border-bottom: 0px solid;
	border-color: black;
	padding: 0px 0px;
}

.tabel_organ_boven {
	border-right: 0px solid;
	border-left: 0px solid;
	border-top: 3px solid;
	border-bottom: 0px solid;
	border-color: black;
	padding: 0px 0px;
}

table TD {
	border: 0px solid;
	padding: 1px 3px;
	border-color: black;
	vertical-align: top;
	text-align: left;
}

table.boekskes {
	border: 0px solid;
	padding: 10px 10px;
	border-color: black;
	vertical-align: left;
	text-align: center;
}	

table.boekskes TD {
	border: 0px solid;
	padding: 10px 10px;
	border-color: black;
	vertical-align: left;
	text-align: center;
}

table.fotos {
	width: 700px;
	border-width: 0px;
	border-style: dashed;
	border-spacing: 5px;
	border-color: black;
	background-color: #BDCDDD;
	text-align: center;
	vertical-align: center;	
}	

table.fotos TD {
	border-width: 1px;
	border-style: solid;
	padding: 5px 5px;
	border-color: black;
	text-align: center;
	vertical-align: center;
}

table.fotos_nav {
	width: 700px;
	border-width: 0px;
	border-style: dashed;
	border-spacing: 5px;
	border-color: black;
	text-align: center;
	vertical-align: center;	
}
table.fotos_nav TD {
	width: 200px;
	border-width: 0px;
	border-style: solid;
	border-spacing: 5px;
	padding: 5px 5px;
	text-align: center;
	vertical-align: center;
}

.foto {
	margin: 0px 3px 3px 3px;
}

table.main {
	width: 100%;
	font-size: 11px;
	/*border-width: 3px;
	border-style: none;
	border-spacing: 5px;
	border-color: #374694;*/
	background-color: #bbceef; /* #BDCDDD */
	/*color: #FFFFFF;*/
	text-align: left;
	vertical-align: center;	
}	

table.main TD {
	border-width: 3px;
	border-style: solid;
	border-radius: 6px;
	padding: 5px 5px;
	border-color: #374694;
	text-align: left;
	vertical-align: center;
}

/* Make titles on home page no lesson/extra lesson boxes slightly larger */
table.main TD B {
	font-size: 1.3em;
	color: #374694;
}

.alignleft {
	text-align: left;
}


.alignright {
	text-align: right;
}


.aligncenter {
	text-align: center;
}

.welcome {
	font-family: mistral;
	font-size: 40px;
	margin: 0px;
	padding: 5px;
}

.welcome-text {
	text-align: center;
	font-size: 20pt;
	font-weight: bold;
	color: white;
	background: #374694;
	padding: 2px;
	margin: 0 auto;
}

table.geen_les {
	border-width: 0px;
	border-color: black;
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align: center;
}

table.geen_les TD {
	border-width: 0px;
	border-color: black;
	padding: 0px 40px 0px 0px;
	text-align: left;
	vertical-align: center;
}

table.formulier {
	border-width: 1px;
	border-spacing: 2px;
	border-style: outset;
	border-color: black;
	padding: 5px 5px 5px 5px;
	text-align: left;
	vertical-align: center;
}

table.formulier TD {
	border-width: 0px;
	border-color: black;
	padding: 4px 0px 4px 0px;
	text-align: left;
	vertical-align: center;
}

table.formulier TH {
	border-width: 0px;
	border-color: black;
	padding: 4px 0px 4px 0px;
	text-align: left;
	vertical-align: center;
	background-color: #374694; /* #94B6D2 */
}

.no-margin {
	margin: 0;
}

.inline-image {
	display: inline-block;
}