img { 
  border-width: 0px;
}

p {
  line-height: 1.4em;
}
html, body {
	height: 100%; /* h??l belangrijk */
	/*font-size: 62.8%;*/
  font-size: 65%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background: #fff;
  background-image:url(../img/back.jpg);
	text-align: center;
	margin: 0 auto;
	padding: 0 auto;

}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #2e5387;            
  text-decoration: none;
}


#container {
	width: 780px;
	margin: 0 auto;
	padding: 0 auto;
	text-align: left;
	position: relative;
	min-height: 80%;
	height: auto !important; /* voor moderne browsers */
	height: 80%; /* voor IE */
	background: #FFF;
	border-left: 1px solid #424242;
	border-right: 1px solid #424242;/*border-bottom: 1px solid rgb(0,74,0);*/
}

#header {
	width: 780px;
	padding-left:0px;
	background-color: #859C0E;
	background-color: white;
	background-image:url(../img/banner.jpg);
	text-align: left;
	height:100px;
	position:relative;
}

#nav-top {
	margin:0px 0 0 0;
	width:755px;
	/* float:left;*/
	border-bottom:0px solid #cc0000;
	padding-top:3px;
	padding-left: 25px;
	line-height:100%;
	font-size:1.7em;
	position: absolute;
	bottom: 0;
}
#nav-top ul {
	margin:0;
	padding:0 0 0 20px;
	list-style:none;
}
#nav-top li {
	margin:0 4px 0 0;
	padding:0 0 0 4px;
	float:left;
	width:auto;
	background:url(../img/tabs-left.gif) no-repeat 0 -200px;
}
#nav-top a {
	display:block;
	font-weight:normal;
	color:#fff;
	background:url(../img/tabs-right.gif) no-repeat 100% -200px;
	padding:6px 12px 4px 4px;
}
#nav-top li:hover {
	background-position:0 -100px;
}
#nav-top li:hover a {
	background-position:100% -100px;
}
#nav-top li.sel {
	background-position:0 0;
}
#nav-top li.sel a {
	background-position:100% 0;
}



#inhoud {
    width: 780px;/*background-color: red;*/
}

div#subnav {
  padding-left: 20px;
  padding-top: 4px;
  padding-bottom: 2px;
  font-size:1.5em;
  background-color: #2e5387;
  color: #000000;
  height: 14px;
  clear: both;
}

#subnav ul {
  margin:0;
  padding:0 0 0 25px;
  list-style:none;
}
#subnav li {
  float:left;
  margin:0 10px 0 0;
  /*
  padding:0 0 0 4px;
  float:left;
  width:auto;
  /*background:url(../img/tabs-left.gif) no-repeat 0 -200px;*/
}
#subnav a {
  color:#fff;     
  display:block;
  /*font-weight:normal;
  color:#fff;
  /*background:url(../img/tabs-right.gif) no-repeat 100% -200px;*/
  /*padding:6px 12px 4px 4px;*/
}
#subnav li:hover {
  /*background-position:0 -100px;*/
}
#subnav li:hover a {
  /*background-position:100% -100px; */
}
#subnav li.sel {
  /*background-position:0 0;           */
}
#subnav li.sel a {
  /*background-position:100% 0;          */
}






/*
#subnav a
{ 
  color: #ffffff;
  text-decoration: none;
  /*background-color: #ffffff;*/
/*}

#subnav a.hover
{ 
  color: #ffffff; 
  text-decoration: none;
  /*background-color: #ffffff;*/
/*}
*/

div#breadcrumb {
  padding-left: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size:1.3em;
  background-color: #ffffff;
  color: #000000;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #2e5387;     
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

#breadcrumb a
{ 
  color: #2e5387;   
  text-decoration: none;
  /*background-color: #ffffff;*/
}

#breadcrumb a.hover
{ 
  color: #2e5387;   
  text-decoration: none;
  /*background-color: #ffffff;*/
}

.br-act
{
  color: #000000;        
}


div#main {
	width: 760px;
	margin-left: 0px;
	margin-top: 0px;
	padding: 10px;
	padding-bottom: 50px;
	color:#424242;
	float: left;
	font-size:1.7em;
	/*background-color: lime;*/
    /*height: 400px;*/
}
div#mainsmall {
	width: 460px;
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 20px;
	padding: 10px;
	padding-bottom: 50px;
	color:#424242;
	float: left;
	font-size:1.7em;/*background-color: lime;*/
}

/* set font for headings */
#main h1, #main h2, #main h3, #main h4 { margin-top: 0em; margin-bottom: 0em; padding: 0; }
#mainsmall h1, #mainsmall h2, #mainsmall h3, #mainsmall h4 { margin-top: 0em; margin-bottom: 0em; padding: 0; }  

#main h1, #mainsmall h1 { font-size: 1.37em; color:#369; line-height: 1.1em; margin-bottom: 1.15em; font-weight: bold;} 
#main h2, #mainsmall h2 { font-size: 1.13em; color:#333; line-height: 1.1em; margin-top: 1.02em; margin-bottom: 1.05em; font-weight: bold;} 
#main h3, #mainsmall h3 { font-size: 1.00em; color:#333; line-height: 1.0em; margin-top: 0.8em; margin-bottom: 0.4em; font-weight: bold;}
#main h4, #mainsmall h4 { font-size: 1.00em; color:#333; line-height: 1.0em; margin-bottom: 0.4em; font-style: italic; font-weight: normal;}




#main ul, #main li {
  line-height: 1.4em;
}



div.clear {
	clear: both;
}
#footer {
	border-top: 1px solid #424242;
    position: absolute;
	bottom: 0; /* heel belangrijk */
	left: 0;
	width: 780px;
	background: white;
	height: 20px;
	line-height: 20px;
	color:#424242;
	text-align:center;
	font-size:1.7em;
}
#footer a {
	color: #2e5387;      
	text-decoration:none;
}

#witlinksonder {
  background-color: white;
  z-index: 20;
  height: 20px;
  width: 11px;
  position: absolute;
  left:-1px;
  bottom: 0px;
}
#witrechtsonder {
  background-color: white;
  z-index: 25;
  height: 20px;
  width: 11px;
  position: absolute;
  right:-1px;
  bottom: 0px;
}





















div#events {
	width: 150px;
	margin-left: 0px;
	margin-top: 25px;
	padding: 0px;
	color:rgb(0,74,0);
	float: left;
	background-color:rgb(102,146,102);
	font-size:1.7em;
}
div#events table {
	color:white;
    height:200px;
	margin-top:5px;
}
div#events table tr td {
	vertical-align:top;
	background-color:rgb(102,146,102);
	color:white;
}
div#events table tr td a {
	color:white;
	text-decoration:none;
	cursor:pointer;/*font-size: 0.82em;*/
}


#bannertext {
	text-align:right;
	color:#424242;
	font-size:4.8em;
	position: absolute;
	right:2px;
	top: 58px;
}
#bar1 {
	font-size:1.5em;
	color:white;
	text-align:right;
	font-weight:normal;
	height:15px;
	position: absolute;
	right:9px;
	top: 101px;
}
#bar3 {
	padding-left:150px;
	font-family:Palatino Linotype;
	/*font-size:24px;*/
    font-size: 3.8em;
	color:white;
	font-weight:bold;
	/*height:40px;*/
    position: absolute;
	left: 0px;
	top: 131px;
}



