/* CSS Document */
html {
	overflow-x: hidden;
	overflow-y: auto;
} 
body {
background-color:#FFCC66;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
#container {
width: 750px;
\width: 770px;
w\idth: 750px;
border: 5px solid #003366;
margin: 0px 5px 5px 5px;
margin-left: auto;
margin-right: auto;
padding: 1px 5px 5px 5px;
color:#000000;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
#header {
padding: 0px;
margin-bottom: 0px;
height:100px;
margin-top:0px;
background-image:url(images/header.jpg);
background-repeat:no-repeat;
background-color: #FCFF0F;
}
#navigatie {
background-color: white;
padding:2px;
width:746px;
}
#inhoud {
margin-top:5px;
padding: 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
}
#zijkant-a {
float: right;
width: 90px;
\width: 100px;
w\idth: 100px;
margin-left: 0px;
margin-right:1px;
padding: 0px;
background-color: #FFFFFF;
}
#footer {
clear: both;
padding: 2px;
margin-top: 10px;
background-color: #CCCCCC;
border-bottom:1px solid black;
border-top:1px solid black;
}
#nav{
  clear:both;
  font-weight:bold;
  color:#666;
  margin: 0px;
  float:left;
  list-style-type:none;	
  /*background:url(navigation/navshadow.gif) no-repeat 8px 100% #fff;*/
  padding: 0px;
  background-color:#FFFFFF;
}
/*For some reason there is a difference between MSIE and real browsersFirefox and Opera here. That is why we need to hack:*/


html>body #nav{
  margin-left:4px;
  /*background:url(navigation/navshadow.gif) no-repeat <strong>4px</strong> 100% #fff;*/
}
/*The whole trick of the navigation has been done many times before, but just to reiterate:

We use the same background image on the LI and on the A/STRONG inside it.

On the LI we position it to the left and top and allow it to fade out onto a background colour. We add a padding to the left to show a bit of the background.
*/
#nav li{
  list-style-type:none;
  float:left;
  margin:0 0 0 4px;
  padding:0 0 0 8px ;
  background:url(navigation/tabgrey.gif) #c0c0c0 top left no-repeat;
  text-align:center;
  text-decoration:none;
  font-weight:normal;
}
/*On the A/STRONG we position the same background image top and right and give it a padding to the right to show that bit of the background. We do not define a background colour for the rest but leave it transparent - effectively allowing the LI background to show through.
*/

#nav li a{
  color:#666;	
  background:url(navigation/tabgrey.gif) transparent top right no-repeat;
  display:block;
  padding:0 10px 5px 0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
	list-style-type:none;
   text-align:center;
   text-decoration:none;
     font-weight:normal;
}
/*For the current page we use other images and colours:*/


#nav li.cur,
#nav li.over,
#nav li.hover
{
  background:url(navigation/tabdarkblue.gif) #3375b2 top left no-repeat;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  text-align:center;
  text-decoration:none;
}
#nav li strong,
ul#nav li.cur a,
ul#nav li.over a,
ul#nav li.hover a
{
  display:block;
  color:#fff;
  padding:0px 10px 5px 0px;
  text-decoration:none;
  background:url(navigation/tabdarkblue.gif) transparent top right no-repeat;
  text-align:center;
  font-weight:normal;
}
.titel
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	background-color:#003366;
	font-weight:bold;
	padding:2px;
	border-bottom:1px solid white;
	border-top:1px solid white;
}
.titel2
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	font-weight:bold;
	background-color:#FF9933;
	padding:2px;
		border-bottom:1px solid black;
	border-top:1px solid black;
}
a
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	text-decoration:none;
}
a:hover
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	text-decoration:underline;
}
a:active{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
}
input, select, textarea
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
}
legend{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
}
.foto{
border:1px solid black;
}
table{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
}