html {overflow: auto;}
body {margin: 0; font: 11px/17px arial; background: #c5c3c1 url(img/bg.gif) top repeat-x; color: #5f5f5f;}

img {border: 0;}

h1#logo {background: transparent bottom left no-repeat; padding: 20px 0 0 0; margin: 0; float: left; position: relative;}
h1#logo a {width: 0px !important; height: 0px !important; font-size: 1px !important; display: block; padding: 63px 263px 0 0; margin: 0; overflow: hidden;}

h2 {font-size: 24px; font-weight: bold; color: #303b3d; text-transform: uppercase; padding: 0 0 20px 0; margin: 0; text-align: right; width: 730px; }
h3 {font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 5px 0 5px 0; padding: 0; margin: 0;}

form, fieldset {padding: 0; margin: 0; border: 0;}
input, textarea {font-size: 11px;}

#shadow {min-width: 999px; width: 100%; background: transparent url(img/shadow.png) center repeat-y;}

#top {height: 104px; width: 977px; padding: 0 0 0 21px; background: white; margin: 0 auto;}
#top #slider {width: 700px; float: right; position: relative; padding: 0; margin: 0; }
#top #slider img {position: absolute; top: 0; left: 0;display: block;}

.container {width: 957px; margin: 0 auto;}

.clear {clear: both;}
.clearleft {clear: left;}

.sponsoren {width: 550px; height: 57px; background: transparent url(img/sponsoren.gif) top left no-repeat;}
.sponsoren a {display: block; font-size: 1px !important; width: 110px; height: 57px; float: left;}
.sponsoren a:hover {background: white;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity: 0.3;opacity: 0.3;
}

/* The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop6.html */

#nav {padding:0; list-style:none; height:29px; line-height: 29px; position:relative; z-index:200; width: 997px; padding: 0 0 0 1px; margin: 0 auto 20px auto; background: transparent center top no-repeat;}
#nav li.top {display:block; float:left; padding: 0 0 0 20px}
#nav li a.top_link {display:block; float:left; height:29px; text-decoration:none; font-weight:bold; cursor:pointer; color: white;}
#nav li a.top_link span {float:left; display:block; height:29px;}
#nav li a.top_link span.down {float:left; display:block; margin: 0; height:29px;}

#nav li:hover a.top_link, #nav a.top_link:hover{color: white;}

#nav table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub {left:20px; top:29px; white-space:nowrap; width:175px; height:auto; z-index:300;}
#nav :hover ul.sub li {display:block; height:24px; position:relative; float:left; width:90px; font-weight:normal; border: solid white; border-width: 1px 1px 0 1px; }
#nav :hover ul.sub li a {display:block; height:24px; width:120px; line-height:24px; text-indent:5px; color: white; text-decoration:none;}

#nav a:hover a:hover ul, #nav a:hover a:hover a:hover ul, #nav a:hover a:hover a:hover a:hover ul, #nav a:hover a:hover a:hover a:hover a:hover ul {left:118px; top:-4px; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul, #nav a:hover ul ul, #nav a:hover a:hover ul ul, #nav a:hover a:hover a:hover ul ul, #nav a:hover a:hover a:hover a:hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover > ul {left:120px; top:-1px; white-space:nowrap; width:120px; z-index:400; height:auto;}
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}




#left {float: left; position: relative; width: 150px; padding: 0 20px 0 0;}
#left .submenu {list-style: none; list-style-image: none; padding: 0; margin: 0; }
#left .submenu a {text-decoration: none; display: block; width: 148px; padding: 0 5px 0 5px; border: 1px solid white;}
#left .submenu a:hover {border: 1px solid #8f8f8f; color: white !important;}

.content {width: 730px; float: left; position: relative;}

#text {width: 550px; float: left; position: relative; padding: 0; margin: 0;text-align: justify; min-height:485px; height:auto !important; height:485px;}
#text {padding-bottom: 80px;}


#text img.rechts {float: right; margin: 0 0 3px 10px; border: 3px solid transparent;}
#text img.links {float: left; margin: 0 10px 3px 0; border: 3px solid transparent;}

#sidebar {float: right; width: 200px; color: white;}
#sidebar .item {width: 190px; margin: 0 auto; border: solid transparent; border-width: 5px 0 5px 0;}
#sidebar .itemborder {border: 1px solid white; padding: 5px;}

#sidebar h3 {color: white; padding: 0 0 5px 0;}
#sidebar ul {list-style: square; margin: 0; padding: 0 0 0 15px;}
#sidebar img {margin: 0 3px 0 0; border: 2px solid white;}

#sidebar a {color: white; text-decoration: none;}
#sidebar a:hover {color: #eae8e8;}

#sidebar .zoek {width: 190px; margin: 0 auto; border: solid; border-width: 10px 0 5px 0;}
#sidebar .zoek input {background: transparent; border: 1px solid white; width: 130px; color: white; margin: 0; padding: 1px 1px 2px 1px;}
#sidebar .zoek input.submit {width: 50px; margin: 0 0 0 6px; padding: 0;}

#footer {min-width: 999px; width: 100%; height:115px; background: transparent url(img/footer.png) bottom no-repeat;}
#footer .footertop {width: 785px; float: right; height: 1px !important; font-size: 1px !important; line-height: 1px !important; border-top: 1px solid #2e3c3d; margin: 20px 0 10px 0;}
#footer .footer {width: 785px; padding: 0 20px 0 192px; margin: 0 auto; }
#footer a {color: #696969; text-decoration: none;}
#footer .realisatie {width: 200px; float: right; position: relative; text-align: right;}





/* ==================================================
THEMES
================================================== */

.oranje h1#logo {background-image: url(img/logo_oranje.gif); }
.oranje #nav li li a {background: #e76d08;}
.oranje #nav li li a:hover {background: #2e3c3d;}
.oranje #nav {background: transparent url(img/nav_oranje.gif);}
.oranje #left .submenu a {color: #e76d08;}
.oranje #left .submenu a:hover {background: #e76d08;}
.oranje #text {background: transparent url(img/content_oranje.gif) top left no-repeat;}
.oranje #sidebar {background: #ea7716 url(img/sidebar_oranje.gif) top center no-repeat;}
.oranje #sidebar .item, .oranje #sidebar .zoek {border-color: #ea7716;}
.oranje h3 {color: #e76d08; }
.oranje #main {background: transparent url(img/main_oranje.gif) top right repeat-y;}
.oranje #text a {color: #e76d08; text-decoration: none;}
.oranje #text a:hover {text-decoration: underline;}
.oranje #text img.links, .oranje #text img.rechts {border-color: #ea7716;}
.oranje #footer a:hover {color: #e76d08;}

.groen h1#logo {background-image: url(img/logo_groen.gif); }
.groen #nav li li a {background: #00613e;}
.groen #nav li li a:hover {background: #40896e;}
.groen #nav {background: transparent url(img/nav_groen.gif);}
.groen #left .submenu a {color: #00613e;}
.groen #left .submenu a:hover {background: #00613e;}
.groen #text {background: transparent url(img/content_groen.gif) top left no-repeat;}
.groen #sidebar {background: #00613e url(img/sidebar_groen.gif) top center no-repeat;}
.groen #sidebar .item, .groen #sidebar .zoek {border-color: #00613e;}
.groen h3 {color: #00613e; }
.groen #main {background: transparent url(img/main_groen.gif) top right repeat-y;}
.groen #text a {color: #00613e; text-decoration: none;}
.groen #text a:hover {text-decoration: underline;}
.groen #text img.links, .groen #text img.rechts {border-color: #00613e;}
.groen #footer a:hover {color: #00613e;}

.blauw h1#logo {background-image: url(img/logo_blauw.gif); }
.blauw #nav li li a {background: #52c1db;}
.blauw #nav li li a:hover {background: #6e4421;}
.blauw #nav {background: transparent url(img/nav_blauw.gif);}
.blauw #left .submenu a {color: #00aad3;}
.blauw #left .submenu a:hover {background: #00aad3;}
.blauw #text {background: transparent url(img/content_blauw.gif) top left no-repeat;}
.blauw #sidebar {background: #00aad3 url(img/sidebar_blauw.gif) top center no-repeat;}
.blauw #sidebar .item, .blauw #sidebar .zoek {background: transparent; border-color: #00aad3;}
.blauw h3 {color: #00aad3; }
.blauw #main {background: transparent url(img/main_blauw.gif) top right repeat-y;}
.blauw #text a {color: #00aad3; text-decoration: none;}
.blauw #text a:hover {text-decoration: underline;}
.blauw #text img.links, .blauw #text img.rechts {border-color: #00aad3;}
.blauw #footer a:hover {color: #00aad3;}

.rood h1#logo {background-image: url(img/logo_rood.gif); }
.rood #nav li li a {background: #e31319;}
.rood #nav li li a:hover {background: #2f3b3e;}
.rood #nav {background: transparent url(img/nav_rood.gif);}
.rood #left .submenu a {color: #e31319;}
.rood #left .submenu a:hover {background: #e31319;}
.rood #text {background: transparent url(img/content_rood.gif) top left no-repeat;}
.rood #sidebar {background: #e31319 url(img/sidebar_rood.gif) top center no-repeat;}
.rood #sidebar .item, .rood #sidebar .zoek { border-color: #e31319;}
.rood h3 {color: #e31319; }
.rood #main {background: transparent url(img/main_rood.gif) top right repeat-y;}
.rood #text a {color: #e31319; text-decoration: none;}
.rood #text a:hover {text-decoration: underline;}
.rood #text img.links, .rood #text img.rechts {border-color: #e31319;}
.rood #footer a:hover {color: #e31319;}

/* Marquee */
#marquee {
	overflow:hidden;
	width:550px;
	position:absolute;

	height:80px;
}
#marquee .bg {
	background:url('/images/marquee.png') repeat-y;
	height:15px;
	width:480px;
	position:absolute;
	left:0px;
	top:0px;
}
#marquee2 {
	white-space:nowrap;
}