@charset "utf-8";
/* CSS Document */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color:#000000;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
}

#container {
  background-color: #FFFFFF;
  position:relative;
  height:auto !important;
  min-height:100%;
  width: 900px;
  margin:0 auto;
  font-family:Arial, Helvetica, sans-serif;
}

#header {
  background-color: #eeeeee;
  width: 100%;
  height:170px;
}

#linkerkolom {
  position:absolute;
  backgound-color:#ccffff;
  width:231px;
  top:170px;
  left:0; /* deze is voor IE, FF kan zonder */
  bottom:0;
  height:100%;
  overflow:hidden;
}
#linkerkolom-submenu {
  position:absolute;
  backgound-color:#ccffff;
  width:231px;
  top:170px;
  left:0; /* deze is voor IE, FF kan zonder */
  bottom:22px;
	overflow:hidden;
	background-image:url('images/submenu_bg.gif');
	background-repeat:repeat-y;
	background-position:right;
}

#inhoud {
  width:468px;
  margin:200px 170px 22px 231px;
  background-color:#FFFFFF;
  position:absolute;
  height:expression(document.body.clientHeight - (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * (8 + 5)) + 'px');
  bottom:0;
  overflow:auto;
  top:-31px;
  list-style-image:url(images/liststyle.gif);
  font-family:Comic Sans MS;
}

#rechterkolom {
  background-color: #ECE8E9;
  background-image:url(images/banner_nieuws.gif);
  background-repeat:no-repeat;
  width:200px;
  position:absolute;
  top:170px;
  bottom:22px;
  right:0;
  padding-top:40px;
}

#footer {
  background-color: #006067;
  height:22px;
  width:100%;
  position:absolute;
  bottom:0;
  text-align:right;
}

#navcontainer {
  width: 225px;
  margin: 0 0;
  padding: 0 0;
  font-size: 12px;
  text-align: center;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  border-top: 1px solid #999999;
}
#navcontainer>ul#navlist li a {
  width: 225px;
  border-bottom: 1px solid #999999;
}
#navcontainer>ul#navlist li a:hover {
  border-top: 0px solid #EFEFEF;
  border-left: 0px solid #EFEFEF;
  border-bottom: 1px solid #999999;
  border-right: 1px solid #FFFFFF;
}

ul#navlist {
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0 0;
  width: 225px;
}
ul#navlist li {
  display: block;
  margin: 0 0 0 0;
  padding: 0;
  vertical-align: middle;
}
ul#navlist li a {
  display: block;
  color: #333333;
  height: 20px;
  text-decoration: none;
  background-image:url('images/submenu.gif');
  padding-top:7px;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
}

ul#navlist li#active a {
  background: #AA0132;
  color: #FFFFFF;
}
ul#navlist li a:hover, ul#navlist li#active a:hover {
  color: #333333;
  background: #FFFFFF;
  border-width: 1px;
  border-bottom: #ffe #aaab9c #ccc #ffe;
  border-style: solid;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
}

.spacer {
  margin:4px;
  font-family:Arial, Helvetica, sans-serif;
}

.topmenu{
font: bold 14px Arial;
width: 100%;
}

.topmenu ul{
margin: 0;
padding: 0;
float: left;
width: 80%; 
}

.topmenu ul li{
display: inline;
}

.topmenu ul li a{
float: left;
color: white;
padding: 0px 7px;
padding-top: 4px; 
padding-bottom: 2px;
text-decoration: none;
border-right: 1px solid #FFFFFF; 
background-color:#529399;
}

.topmenu ul li a:visited{
color: white;
}

.topmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; 
padding-top: 4px; 
padding-bottom: 2px;
background-color:#006067;
}

#sidebar-left {
	position: absolute;
	top: 120px;
	bottom: 25px; /* Operas 5 + 6 shouldn't see this property */
	left: 0px;
	width: 237px;
	overflow:hidden;
}
#sidebar-left-submenu {
	position: absolute;
	top: 120px;
	bottom: 25px; /* Operas 5 + 6 shouldn't see this property */
	left: 0px;
	width: 237px;
	overflow:hidden;
	background-image:url('afbeeldingen/submenu_bg.gif');
	background-repeat:repeat-y;
}

h1 { 
  font:Arial, Helvetica, sans-serif;
  font-weight:bolder;
  font-size:16px;
  color:#006067;
}

.nieuws {
  padding-left: 9px;
  padding-right:9px;
  text-align:justify;
  font-family:Arial, Helvetica, sans-serif;
}

.nieuws a{ 
  padding-left:9px;
  padding-right:9px;
  color:#006067;
  font-weight:bold;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
}


