/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html {width:100%; min-height:100%; #height:100%; background:#FFFFFF url(../gfx/firefox-back.gif) center top repeat-y;}
body {width:100%; min-height:100%; #overflow:hidden; _overflow:inherit; margin:0 0 0 0; text-align:center; background:#FFFFFF url(../gfx/footer-groen.gif) center bottom no-repeat;}

img, div{ behavior: url(css/iepngfix.htc);}

img {border:0px solid #000000;}
* {color:#85A1AE; font-family:Arial, Verdana, Helvetica, Sans-serif;}

body, table, th, td, p, input, textarea, select {font-size:11px; line-height:18px;}

h1, h2, h3, h4, h5, h6 {margin:0 0 10px 0;}

a:focus {outline:none;}

h1 {font-size:22px; font-weight:normal; padding:0 0 16px;}

p {display:block; margin:0 0 0 0; padding:0 0 18px 0;}

.dot {font-weight:bold; color:#DA780E;}

/* ============================================================	*/
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/

#container {background:transparent url(../gfx/back-groen.jpg) -137px 0px no-repeat; position:relative; margin:0 auto 0 auto; width:900px; min-height:100%; overflow:hidden; #overflow:inherit; _height:100%; text-align:left;}
.background {background:#FFFFFF url(../gfx/back-groen.jpg) center top no-repeat; position:absolute; top:0px; left:0px; min-width:900px; height:308px; width:100%;}

/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div.header {height:145px;}
div.header .logo {position:absolute; top:29px; left:335px;}

/* ============================================================	*/ 
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/

div.navigatie {position:absolute; top:30px; right:0px; word-spacing:7px; padding:0 50px 0 0;}

/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div#footer {position:absolute; bottom:0; left:0; text-align:center; line-height:18px; clear:both; height:100px; width:100%;}
html>body #footer {top:expression(document.body.clientHeight - 100 + "px");}

.footerText {text-indent:385px; width:900px; margin:0 auto 0 auto; text-align:left; color:#FFFFFF; position:relative; top:20px; clear:both;}
.footerText .design {position:absolute; top:0px; right:50px; color:#FFFFFF;}
#footer * {color:#FFFFFF !important;}

/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

div.contentBlock {width:900px; overflow:hidden; padding:0 0 140px 0;}

.mainContent {margin-left:385px; margin-right:60px;}

div.sidebar {float:left; width:345px; position:relative; top:135px; padding:0 0 100px;}
div.sidebar a {text-align:right; display:block; padding:0 40px 0 0; margin:0 0 0 130px; line-height:26px; height:26px; text-decoration:none; font-size:12px; _height:1px !important;}
div.sidebar a:hover {color:#85A1AE !important;}
div.sidebar li.selected {background:transparent url(../gfx/selected-groen.gif) 100% 4px no-repeat; padding:0 40px 0 0;}
div.sidebar li.selected li.selected li.selected {background-image:none;}

div.sidebar ul {list-style:none; margin:0 0 0 0; padding:0 0 0 0; display:block;}
.sidebar li {text-align:right; display:block; overflow:hidden; _overflow:inherit; _height:1px;}
.sidebar ul ul {display:none;}
.sidebar li.selected li {background:transparent url(../gfx/sub-groen.gif) 100% 6px no-repeat; padding:0 10px 0 0;}
.sidebar li.selected li a {padding:0 0 0 0; line-height:normal; height:auto; min-height:inherit; color:#85a1ae;}
.sidebar li.selected ul {display:block;}
.sidebar li.selected ul ul, .sidebar li.selected ul ul li {margin:0 0 0 0; padding:0 0 0 0; background:transparent none;}
.sidebar li.selected a {background-image:none !important; padding:0 0 0 0;}
.sidebar li.selected li.selected {background:transparent url(../gfx/sub-groen.gif) 100% -44px no-repeat;}
.sidebar li.selected li.selected a {font-weight:bold; color:#85a1ae;}
.sidebar li.selected li a {color:#85a1ae;}
.sidebar li.selected li.selected li a {font-weight:normal;}

div.sidebar li.selected li a,
body.groen div.sidebar li.selected li a,
body.rood div.sidebar li.selected li a,
body.blauw div.sidebar li.selected li a,
body.oranje div.sidebar li.selected li a{color:#85A1AE;}

.sidebar li.selected li.selected li,
body.oranje .sidebar li.selected li.selected li,
body.blauw .sidebar li.selected li.selected li,
body.rood .sidebar li.selected li.selected li,
body.groen .sidebar li.selected li.selected li {background-image:none;}


/* ============================================================	*/ 
/* ========	THEMA'S			  	===============================	*/
/* ============================================================	*/ 

/* Default */
body {background-image:url(../gfx/footer-groen.gif);}
#container, .background {background-image:url(../gfx/back-groen.jpg);}
div.sidebar li.selected a {background-image:url(../gfx/selected-groen.gif)}
div.sidebar a, h1, body.rood .sidebar li.selected li.selected li a, .mainContent strong, body div.sidebar li.selected li li a {color:#7DB627;}

/* Oranje */
body.oranje {background-image:url(../gfx/footer-oranje.gif);}
body.oranje #container, body.oranje .background {background-image:url(../gfx/back-oranje.jpg);}
body.oranje div.sidebar li.selected {background-image:url(../gfx/selected-oranje.gif)}
body.oranje div.sidebar a, body.oranje h1, body.rood .sidebar li.selected li.selected li a, body.oranje .mainContent strong, body.oranje div.sidebar li.selected li li a {color:#DA780E;}
body.oranje .sidebar li.selected li {background-image:url(../gfx/sub-oranje.gif)}

/* Blauw */
body.blauw {background-image:url(../gfx/footer-blauw.gif);}
body.blauw #container, body.blauw .background {background-image:url(../gfx/back-blauw.jpg);}
body.blauw div.sidebar li.selected {background-image:url(../gfx/selected-blauw.gif)}
body.blauw div.sidebar a, body.blauw h1, body.rood .sidebar li.selected li.selected li a, body.blauw .mainContent strong, body.blauw div.sidebar li.selected li li a {color:#149DBB;}
body.blauw .sidebar li.selected li {background-image:url(../gfx/sub-blauw.gif)}

/* Groen */
body.groen {background-image:url(../gfx/footer-groen.gif);}
body.groen #container, body.groen .background {background-image:url(../gfx/back-groen.jpg);}
body.groen div.sidebar li.selected {background-image:url(../gfx/selected-groen.gif)}
body.groen div.sidebar a, body.groen h1, body.rood .sidebar li.selected li.selected li a, body.groen .mainContent strong, body.groen div.sidebar li.selected li li a {color:#7DB627;}
body.groen .sidebar li.selected li {background-image:url(../gfx/sub-groen.gif)}

/* Rood */
body.rood {background-image:url(../gfx/footer-rood.gif);}
body.rood #container, body.rood .background {background-image:url(../gfx/back-rood.jpg);}
body.rood div.sidebar li.selected {background-image:url(../gfx/selected-rood.gif)}
body.rood div.sidebar a, body.rood h1, body.rood .sidebar li.selected li.selected li a, body.rood .mainContent strong, body.rood div.sidebar li.selected li li a {color:#C90962;}
body.rood .sidebar li.selected li {background-image:url(../gfx/sub-rood.gif)}

/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 

form {margin:0px;}

input, select {vertical-align:middle;}
input.typeText {color:#F00; font-weight:normal; border-top:1px solid #F00; border-right:1px solid #F00; border-bottom:1px solid #F00; border-left:1px solid #F00;}

.formGrid input.typeText {padding-left:5px;}

label {vertical-align:middle;}

/* ============================================================	*/ 
/* ========	FORMGENERATOR	  	===============================	*/
/* ============================================================	*/ 

.formGenerator, .errorsummary *, .formSentMessage li {color:#004A8D; font-family:Tahoma, Arial; font-size:11px; font-weight:bold;}
.errorsummary * {color:Red;}

.formGenerator td {vertical-align:top; padding:0 5px 0 0; line-height:22px;}
.formGenerator input, .formGenerator label, .formGenerator textarea, .formGenerator select {display:block; clear:both; border:1px solid #d0d2cd;}
.formGenerator td label {font-weight:normal;}
.formGenerator td td input {}
.formGenerator td td {background-color:#d0d2cd;}
.formGenerator td td label {padding:2px;}

.RadioButtonList td {padding:3px 3px 0 3px;}
.RadioButtonList * {text-align:center; margin:0 auto;}

.CheckBoxList td {border:0px solid #000000; padding:0 0 0 0; margin:0 0 0 0;}
.CheckBoxList input {clear:none; float:left; margin:8px 0 0 5px; #margin:5px 0 0 5px;}
.CheckBoxList label {margin:0 0 0 20px; clear:none;}