@charset "utf-8";

body {
	background: black;
	font-size: 15px;
	color: yellow;
}

a {
	color: cyan;
}

img { -ms-interpolation-mode: bicubic; }

a:hover {
	color: cyan;
}

h1.titel {
	background: yellow;
	color: black;
}

h1, h2, h3, h4, h5, h6 {
	color: white;
}

h2 a, h3 a, h4 a, h5 a, h6 a {
	color: cyan;
}

h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: cyan;
}

div#rightPane ul li.active {
	color: white;
}

div#rightPane ul li.active a {
	color: white;
	border-bottom: dotted 1px white;
}

/* SDK */
div#rightPane ul li a.active {
	color: white;
	border-bottom: dotted 1px white;
}

span.blue {
	color: white;
}

span.red, strong.orange {
	color: #F0C;
}

strong.orange {
	font-size: 1.4em;
	line-height: 1em;
}

div#mainMenu a {
	padding-top: 6px;
}

* div#mainMenu a {
	padding-top: 3px;
}

div#wrapper {
	background: black;
}

div#topPane {
	background: black;
}

div#contentWrapper {
	background: black;
}

div#contentWrapper_sub {
	background: black;
}

div#leftPane {
	background: black;
}

div#rightPane {
	background: black;
}

div#bottomPane {
	background: black;
}

#topBanner {
	display: none;
}

div.leftCol {
	background: none;
}

#breadcrumb {
	color: white;
}

div#logo img {
	display: none;
}

div#logo {
	/*background: url(../img/opmaak/LOGO_VLOD_ZONDERDEUR.png);
	width: 236px;
	height: 82px;*/
	float: left;
        margin-top: 10px;
}

div#mainMenu {
	background: cyan;
}

div#mainMenu li {
	float: left;
}

div#mainMenu a {
	color: black;
}

div#mainMenu a.active:hover, div#mainMenu a.active {
	background: purple;
}

div#mainMenu a#home.active:hover, div#mainMenu a#home.active {
	background: purple;
}

div#mainMenu a:hover {
	background: yellow;
	color: black;
}

div#mainMenu a#home:hover {
	background: yellow;
	color: black;
}

div#metaMenu ul#meta {
	float: left;
	padding: 0;
}

div#metaMenu ul#langswitch {
	margin-left: 3px;
	float: left;
	padding: 0;
}

div#metaMenu li {
	float: left;
}

div#metaMenu a {
	background: cyan;
	color: black;
}

div#metaMenu a:hover {
	background: yellow;
}

div#metaMenu a.active, div#metaMenu a.active:hover {
	background: purple;
	color: white;
}

a.styleNormal {
	background-image: url(../img/opmaak/bgstylenormal_2.gif);
}

a.styleNormal:hover {
	background-image: url(../img/opmaak/bgstylenormal_2.gif);
}

a.fontNormal {
	background-image: url(../img/opmaak/bgstylefont01_2.gif);
}

a.fontNormal:hover {
	background-image: url(../img/opmaak/bgstylefont01_2.gif);
}

a.fontLarge {
	background-image: url(../img/opmaak/bgstylefont02_2.gif);
}

a.fontLarge:hover {
	background-image: url(../img/opmaak/bgstylefont02_2.gif);
}

a.styleContrast {
	background-image: url(../img/opmaak/bgstylecontrast_2.gif);
}

a.styleContrast:hover {
	background-image: url(../img/opmaak/bgstylecontrast_2.gif);
}

div#leftPane h1 a, div#leftPane h1 a:hover, div#rightPane h1 a, div#rightPane h1 a:hover {
	background: purple;
	color: white;
}
div#rightPane h3 a{font-size:0.9em;line-height:1.1em;}
div.leftCol h1 a, div.rightCol h1 a {
	background: purple;
	color: white;
}

div.leftCol h1 a:hover, div.rightCol h1 a:hover {
	background: purple;
	color: white;
}

div.rightCol h1 a {
	background: purple;
	color: white;
}

#letterBlokken  li {
	background-color: cyan;
}

#letterBlokken li a {
	color: black;
}

#letterBlokken li a.active {
	color: #000;
	background-color: #fff;
	text-decoration: none;
}

#letterBlokken li a:hover {
	background-color: yellow;
}

#lijstResults {
	margin-left: 8px;
}

.lijstResultRow {
	display: block;
	width: 230px;
	float: left;
	margin-left: 10px;
	margin-bottom: 5px;
}

.lijstResultRow a {
	color: cyan;
	text-decoration: underline;
	border: 0;
}

.lijstResultRow a:hover {
	color: cyan;
}

a.klachtIsAnderFormulier {
	color: cyan;
	padding-left: 13px;
	background-image: url(../img/opmaak/imgexterneklacht_2.gif);
	background-repeat: no-repeat;
}

.klachtIsIntern {
	font-weight: bold;
}

input, textarea {
	font: 1em/1.1em Arial, Helvetica, sans-serif;
	color: black;
}

input.textfield, textarea {
	border: solid 1px white;
}

input.required {
	background: #F0C;
}

a.btnBlueForm, a.btnBlueForm span.close {
	background: purple;
	color: white;
}

a.btnBlueForm:hover {
	background: purple;
	color: white;
}

a.btnBlueForm:hover span.close {
	background: purple;
}

a.btnBlueForm span {
	float: left;
	padding-top: 4px;
}

a.btnGreyForm {
	background: yellow;
	color: black;
	display: none;
}

a.btnGreyForm:hover {
	background: yellow;
	color: black;
}

/* Popup screen - added 20090708 */

body#popup {
	background-color: #000;
	background-image: none;
}

body#popup #header {
	display: none;
}

body#popup #wrapper {
	background-image: none;
	width: auto;
}

body#popup div#wrapper div#contentWrapper {
	background-image: none;
	background-color: #000;
	width: auto;
	padding: 10px 20px;
}

body#popup div#wrapper div#contentWrapper p{
	padding-left: 0;
	padding-right: 0;
}
/* Second level in right hand navigation - added 20090708 */

#rightPane ul ul{
	list-style-image: url(../img/opmaak/bullet_arrow_contrast.gif);
	margin: 4px 0 4px 12px;
	padding: 0;
}

#rightPane ul ul li a{
	color: cyan;
}

#rightPane ul ul li a:hover{
	color: cyan;
}
