body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	color: #000000;
}

/* Vaste onderdelen */

.balkrechts {
	background-image: url(../images/shade_br.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	width: 13px;
}

#headerfoto {
	height: 222px;
	width: 405px;
	padding-top: 10px;
	text-align: right;
	vertical-align: top;
}
#balklinks {
	background-color: #737393;
	width: 140px;
	background-image: url(../images/shade_bl.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	vertical-align: top;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 15px;
	padding-top: 25px;
}

#balklinkstop {
	background-color: #737393;
	width: 140px;
	background-image: url(../images/logo1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	vertical-align: top;
	
}

#balklinkstop a {
	width: 140px;
	height: 200px;
	display: block;
}

#balklinksbot {
	background-color: #737393;
	background-image: url(../images/shade_bl.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	vertical-align: bottom;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 10px;
	color: #A8A8D6;
	font-weight: bold;
	padding-left: 15px;
	padding-bottom: 10px;
}
#balklinksbot a {
	color: #A8A8D6;
	text-decoration: none;
}

#actueelbalk {
	background-color: #961D6B;
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #6D144F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding-left: 15px;
	line-height: 1.4em;
	vertical-align: top;
	padding-top: 25px;
	background-image: url(../images/algactueel.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#actueelbalk a,
#actueelbalk a:link,
#actueelbalk a:visited,
#actueelbalk a:active,
#actueelbalk a:hover {
	color: #FFFFFF;
}
#actueelbalk h1,
#actueelbalk h2 {
	color: #FFFFFF;
}

#balklinks .input {
	border: 1px solid #303868;
	font-size: 10px;
	margin-top: 3px;
}
#balklinks .kop, #actueelbalk .kop {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 17px;
	font-weight: bold;
}

#balklinks .kop {
	font-size: 14px;
	background-image: url(../images/zoekkop.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 22px;
	padding-right: 5px;
}

#actueelbalk .kop a,
#actueelbalk .kop a:link,
#actueelbalk .kop a:visited,
#actueelbalk .kop a:active,
#actueelbalk .kop a:hover {
	text-decoration: none;
}

#actueelbalk .kop a:hover {
	text-decoration: underline;
}

#balklinks .inputlist {
	border: 1px solid #303868;
	font-size: 10px;
	margin-top: 3px;
	width: 125px;
}
#adresbalk {
	background-color: #961D6B;
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #6D144F;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 10px;
	color: #F59AC9;
	font-weight: bold;
	padding-bottom: 10px;
	padding-left: 15px;
}

#adresbalk a {
	color:#F59AC9;
	text-decoration: none;
}

#navigatiebot {
	background-color: #303868;
	background-image: url(../images/shade_nav.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	vertical-align: bottom;
	padding-bottom: 10px;
	text-align: center;
}




/* Content */

#content {
	background-color: #FFFFFF;
	background-image: url(../images/shade_content.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	font-size: 11px;
	line-height: 1.4em;
	text-align: left;
	vertical-align: top;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 20px;
	width: 385px;
	padding-bottom: 20px;
}

#content a {
	color: #000000;
	text-decoration: underline;

}

h1,
.kophome {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 22px;
	font-weight: bold;
	color: #961D6B;
	padding-right: 10px;
	line-height: 1em;
	}

h2,
.kop2 {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 13px;
	font-weight: bold;
	color: #961D6B;
	}
	
h2 {
	margin-bottom: -9px;
	padding-bottom: 0px;
}
	
	#content li {
	list-style-type: disc;
}

#content ol li {
	list-style-type: decimal;
}

h3 {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	margin-bottom: -9px;
	padding-bottom: 0px;
}

h3.datum {
	font-size: 11px;
	clear:both;}


/* Servicenavigaite */

#servicebalk {
	background-color: #961D6B;
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #6D144F;
	text-align: left;
	vertical-align: top;
	padding-top: 10px;
	background-image: url(../images/algactueel2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#servicebalk hr {
	filter: Alpha(Opacity=40);
		opacity: 0.4;
		height: 1px;
}
 #headerfoto hr {
	filter: Alpha(Opacity=40);
	opacity: 0.4;
	height: 1px;
	width: 75px;
	text-align: right;
	position: relative;
	left: 170px;
	* left: 10px;
}
 

#servicebalk a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #F59AC9;
	background-image: url(../images/service.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	width: 100px;
	text-decoration: none;
	padding-left: 10px;
}

#servicebalk a.feed {
	background-image: none;
	position: relative;
	top: 0;
	left: 0;
}

#servicebalk a.feed img.feed {
	border: none;
	position: relative;
	top: -72px;
	left: 100px;
}

#headerfoto a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #961D6B;
	background-image: url(../images/service_l.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	width: 100px;
	text-decoration: none;
	padding-right: 10px;
	left: 305px;
	position: relative;
	* left: 10px;
}



/* Hoofdnavigatie */

#navigatie {
	background-color: #303868;
	background-image: url(../images/shade_nav.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	vertical-align: top;
	position: relative;
	list-style: none;
	margin: 0px;
	padding: 0px;
	left: 0px;
	width: 180;
  * right: 0px;
	text-align: right;
}

#navigatietop {
	background-color: #303868;
	background-image: url(../images/logo2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	left: 0px;
  * right: 0px;

}

#navigatietop a {
	width: 140px;
	height: 200px;
	display: block;
}

#menu {
	position: relative;
	list-style: none;
	margin: 0px;
	padding: 0px;
	left: 0px;
  * right: 0px;
}

#menu li {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 1.5em;
	list-style-image: none;
	list-style-type: none;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-weight: bold;
	text-align: right;
}  

#menu li a {
	text-decoration: none;
	display: block;
	color: #FFFFFF;
	padding-right: 25px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 0px;
	margin-top: 1px;
}

/* Hoofdnavigatie kleuren */
ul#menu li a {
	height: 25px;
	background-repeat: no-repeat;
	background-position: right center;
}

ul#menu li a:hover {
	filter: Alpha(opacity=70);
	opacity: 0.7;
}

ul#menu li.donkerblauw a {
	background-color: #0D174F;
	background-image: url(../images/nav_org.gif);
}

ul#menu li.groen a {
	background-color: #66CC33;
	background-image: url(../images/nav_werk.gif);
}

ul#menu li.lichtblauw a {
	background-color: #0093D1;
	background-image: url(../images/nav_ouders.gif);
}

ul#menu li.oranje a {
	background-color: #FF6633;
	background-image: url(../images/nav_bedrijven.gif);
}

ul#menu li.magenta a {
	background-color: #BB0062;
	background-image: url(../images/nav_kinderen.gif);
}

ul#menu li ul {
	margin: 0;
	padding: 0;
}

ul#menu li ul li {
	font-weight: normal;
}

ul#menu li ul li a {
	font-size: 11px;
	padding-top: 1px;
	margin-top: 1px;
}

ul#menu li.donkerblauw ul li a,
ul#menu li.groen ul li a,
ul#menu li.lichtblauw ul li a,
ul#menu li.oranje ul li a,
ul#menu li.magenta ul li a {
	background-image: none;
	height: auto;
}

ul#menu li.donkerblauw ul li a.subsub,
ul#menu li.groen ul li a.subsub,
ul#menu li.lichtblauw ul li a.subsub,
ul#menu li.oranje ul li a.subsub,
ul#menu li.magenta ul li a.subsub {
	background-image: url(../images/subsuborg.gif);
	font-weight: bold;
}

ul#menu li.donkerblauw ul li a.subsubact,
ul#menu li.groen ul li a.subsubact,
ul#menu li.lichtblauw ul li a.subsubact,
ul#menu li.oranje ul li a.subsubact,
ul#menu li.magenta ul li a.subsubact {
	background-image: url(../images/subsuborgact.gif);
	font-weight: bold;
}

ul#menu li ul li ul li a {
	font-weight: normal;
}

/*
ul#menu li.donkerblauw a {
	background-color: #0D174F;
	background-image: url(../images/nav_org.gif);
}

ul#menu li.groen a {
	background-color: #66CC33;
	background-image: url(../images/nav_werk.gif);
}

ul#menu li.lichtblauw a {
	background-color: #0093D1;
	background-image: url(../images/nav_ouders.gif);
}

ul#menu li.oranje a {
	background-color: #FF6633;
	background-image: url(../images/nav_bedrijven.gif);
}

ul#menu li.magenta a {
	background-color: #BB0062;
	background-image: url(../images/nav_kinderen.gif);
}
*/

ul#menu li.donkerblauw ul li a.subsubact,
ul#menu li.donkerblauw ul li ul li a {
	background-color: #1F2861;
}

ul#menu li.groen ul li a.subsubact,
ul#menu li.groen ul li ul li a {
	background-color: #58A641;
}

ul#menu li.lichtblauw ul li a.subsubact,
ul#menu li.lichtblauw ul li ul li a {
	background-color: #49B0EB;
}

ul#menu li.oranje ul li a.subsubact,
ul#menu li.oranje ul li ul li a {
	background-color: #FF6633;
}

ul#menu li.magenta ul li a.subsubact,
ul#menu li.magenta ul li ul li a {
	background-color: #BB0062;
}

tr.normal
{
	background-color: #FFFFFF;
}
tr.over
{
	background-color: #EFEFEF;
		
}

.input {
	background-image: url(../images/inputbg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #CCCCCC;
	padding: 3px;
	font-size: 11px;
}

.input2 {
	background-image: url(../images/inputbg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #CCCCCC;
	padding: 2px;
	width: 100px;
	font-size: 11px;
}

.button {
	background-color: #F7F7F7;
	border: 1px solid #CCCCCC;
	color: #666666;
	margin: 0px;
	padding: 2px;
	font-weight: bold;
	font-size: 11px;
}
input:hover.button{color:#fff;background-color:#303868}

#content table
{
font-size: 11px;
line-height: 1.4em;
}
#cmsmenu {
	color: #FFFFFF;
	padding-right: 12px;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 12px;
}
#cmsmenu a {
	color: #FFFFFF;
	}

.ondertitel {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 15px;
	font-weight: bold;
	color: #0093D1;
	font-style: italic;
}
.imgkdv {
	border: 1px solid #BB0062;
}
.imgbso {
	border: 1px solid #66CC33;
}

.imggoo {
	border: 1px solid #FF6633;
}

#randlocatiekdv img{
	border: 1px solid #BB0062;
}

#randlocatiebso img{
border: 1px solid #66CC33;
}

#randlocatiegoo img{
border: 1px solid #FF6633;
}

#map * {
	width: auto;
}

#map img {
	margin-right: 10px;
	border: none;
}

#map h2 {
	font-size: 16px;
}

#map h2 a {
	text-decoration: none;
}

div.waarschuwing {
	margin-top: 10px;
	margin-right: 5px;
	background-color: #FFCC00;
	border: 1px solid #FF9900;
	padding: 5px;
}

#kruimelspoor {
	color: #AAA;
}

#kruimelspoor h4 {
	display: none;
}

#kruimelspoor a,
#kruimelspoor a:link,
#kruimelspoor a:visited,
#kruimelspoor a:active,
#kruimelspoor a:hover {
	color: #AAA;
	text-decoration: none;
}

#kruimelspoor a:hover {
	text-decoration: underline;
}

/* AANMELDFORMULIER */
#actueelbalk div.formulier {
	margin-left: -15px;
}

#actueelbalk div.formulier div {
	margin-left: 15px;
}

#actueelbalk div.formulier a,
#actueelbalk div.formulier a:link,
#actueelbalk div.formulier a:visited,
#actueelbalk div.formulier a:active,
#actueelbalk div.formulier a:hover {
	text-decoration: none;
	color: #FFF;
}

#actueelbalk div.formulier a:hover {
	text-decoration: underline;
}

#actueelbalk div.formulier ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-top: 10px;
}

#actueelbalk div.formulier ul li {
	font-size: 14px;
	font-weight: bold;
	padding-left: 15px;
	line-height: 20px;
	vertical-align: middle;
}

#actueelbalk div.formulier ul li.uit {
	color: #CFCFCF;
}

#actueelbalk div.formulier ul li.actief {
	color: #005b82;
	background: #FFF;
}

#actueelbalk div.formulier ul li a,
#actueelbalk div.formulier ul li a:link,
#actueelbalk div.formulier ul li a:visited,
#actueelbalk div.formulier ul li a:active,
#actueelbalk div.formulier ul li a:hover {
	text-decoration: none;
	color: #FFF;
}

#actueelbalk div.formulier ul li a:hover {
	text-decoration: underline;
}

#actueelbalk div.formulier ul li ul {
	list-style-type: disc;
	margin: 5px 0 0 25px;
	padding: 0;
}

#actueelbalk div.formulier ul li ul li {
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 5px;
	padding: 0;
}

.error {
	font-weight: bold;
	color: #303868;
}

form.aanmelden {
}

form.aanmelden label {
	float: left;
	width: 150px;
}

form.aanmelden label.noFloat {
	float: none;
	width: auto;
}

form.aanmelden input {
	width: 200px;
	margin-bottom: 5px;
}

form.aanmelden input.radio,
form.aanmelden input.checkbox {
	width: auto;
}

form.aanmelden select {
	margin-bottom: 5px;
}

form.aanmelden h3 {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #0093d1;
	margin-bottom: 5px;
	padding-bottom: 0px;
	padding-top: 5px;
}

form.aanmelden textarea {
	background-image: url(../images/inputbg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #CCCCCC;
	padding: 2px;
	width: 300px;
	font-size: 11px;
	font-family: "Arial";
}

div.terug,
div.verder {
	display: block;
	width: 30%;
	float: left;
	clear: right;
	margin-top: 20px;
}

div.verder {
	text-align: right;
	width: 70%;
}

div.terug input,
div.verder input,
form.aanmelden input.button {
	width: auto;
}

form.aanmelden input.wijzigen {
	margin-top: 5px;
}

form.aanmelden input.small {
	width: 125px;
}

form.aanmelden table.dagenoverzicht {
	width: 100%;
	border-collapse: none;
	border-spacing: 0;
	margin-bottom: 8px;
}

form.aanmelden div.hr {
	border-top: 1px solid #DDD;
}

form.aanmelden div.hr hr {
	display: none;
}

form.aanmelden img {
	border: none;
	vertical-align: text-bottom;
}

form.aanmelden h4 {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #000;
}

form.aanmelden div.toelichting {
	margin: 4px 20px;
	padding: 5px;
	display: none;
	background-color: #FFCC00;
	border: 1px solid #FF9900;
}

form.aanmelden div.toelichting.open {
	display: block;
}

span.cirkel {
	font-weight: bold;
	font-size: 13px;
	letter-spacing: 1px;
}

span.cirkel img {
	vertical-align: text-bottom;
	margin-right: 5px;
}
