#raam
{
background-image: url("images/achtergrond.gif");
}

A:link {
color: #3366FF;
text-decoration: none;
}

A:visited {
color: #3366FF;
text-decoration: none;
}

A:active {
color: #3366FF;
text-decoration: none;
}

A:hover {
/* color: #FF9966; */
color: #B22222;
text-decoration: underline;
}

#container
{
font: 78%/1.5 arial, helvetica, serif;
width: 68em;
margin: 1px auto; 
/* background-color: #ddd; */
background-color: silver;
collor: #333;
/* border: 3px solid grey; */
line-height: 150%;
}

#top
{
padding: .3em;
/* height: 104px; */
height: 170px;
background-image: url("images/OvH-Banner1.jpg");
border-bottom: 1px solid gray;
}

#top h1
{
padding: 0;
margin: 0;
}

#top2
{
background-color: #ddd;
padding: .5em;
height: 12px;
border-bottom: 1px solid gray;
color: red ;
text-align: center ;
}

#top2 h1
{
padding: 0;
margin: 0;
}

#nav, #nav ul {
	float: left;
	width: 68em;
	list-style: none;
	line-height: 1;
/*	background-color: #ccc; */
    background-color: silver ;
	font-weight: bold;
	padding: 0;
	border: black;
	border-width: 1px 0;
	margin: 0 0 1em 0;
}

#nav a {
	display: block;
	width: 8.48em;
	w\idth: 6.6em;
/*	color: #7C6240; */
	color : #00008B ; 
	text-decoration: none;
	padding: 0.5em 1em;
}

#nav a.daddy {
	background: url(rightarrow2.gif) center right no-repeat;
}

#nav li {
    background-color : white ;
	color : #00008B ; 
	position : relative;
	float: left;
	padding: 0;
	width: 8.48em;
	
}

#nav li ul {
	position: absolute;
	background-color : white ;
	color : #00008B ; 
	left: -999em;
	height: auto;
	width: 8.48em;
	w\idth: 7em;
	font-weight: normal;
	border-width: 0em;
	margin: 0;
}

#nav li li {
	padding-right: 1em;
	width: 8.48em
}

#nav li ul a {
	width: 8.48em;
	w\idth: 7em;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	color : white;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	}

#nav li:hover, #nav li.sfhover {
	color : white;
	position: static;

}

#nav li a:hover, nav li.hover {
		color : white;
		background-color : black;
		position: static;
	}


#leftnav
{
background-color: silver;
float: left ;
width:10px ;
margin : 0;
text-align: left;
padding: lem; 
}

#rightnav
{
background-color: silver;
float: right;
width: 150px;
margin: 0;
text-align: left ;
padding: lem;
}

#content
{ 
top : 50px ;
font: 11px arial, helvetica, serif;
min-height: 70em;
margin-left: 141px;
border-left: 1px solid gray;
margin-right: 0px;
border-right: 1px solid gray;
padding: 1em;
max-width: 48em;
background-color: white ;
}

table.helpT
{ text-align: left;
font-family: Verdana;
font-weight: normal;
font-size: 12px;
color: #404040;
width: 500px;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px; }

td.helpHed
{ border-bottom: 2px solid #6699CC;
border-left: 1px solid #6699CC;
background-color: #BEC8D1;
text-align: left;
text-indent: 5px;
font-family: Verdana;
font-weight: bold;
font-size: 10px;
color: #404040; }

td.helpBod
{ border-bottom: 1px solid #9CF;
border-top: 0px;
border-left: 1px solid #9CF;
border-right: 0px;
text-align: left;
text-indent: 10px;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 12px;
color: #404040;
background-color: #fafafa; }

td.sup
{
background-color: yellow; }

td.index
{
background-color: white; 
font-family: Verdana;
font-weight: bold;
font-size: 10px;}


table.sofT
{ 
text-align: left;
font-family: Arial;
font-weight: normal;
font-size: 9px;
color: #404040;
width: 535px;
/*background-color: #fafafa;*/
background-color: white;
border: 0px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px; } 

#signup table {
 background-color: #F9FBFD;
 color: #000000;
 width: 440px;
 border: 1px solid #D7E5F2;
 border-collapse: collapse;
}

#signup td {
 border: 1px solid #D7E5F2;
 padding-left: 4px;
}

.labelcell {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #3670A7;
 background-color: transparent;
 width: 220px;
}

.fieldcell {
 background-color: #F2F7FB;
 color: #000000;
 text-align: right;
 margin-right: 0px;
 padding-right: 0px;
}

.smalllabelcell {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: transparent;
 color: #3670A7;
 width: 50px;
}

.smallfieldcell {
 background-color: #F2F7FB;
 color: #000000;
 text-align: right;
 }
 
.fieldcell input {
 width: 200px;
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 border: 1px solid #284279;
 margin-right: 0px;
}

.smallfieldcell input {
 width: 50px;
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 border: 1px solid #284279;
}

.smallfieldcell select {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 border: 1px solid #284279;
}

.button {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 margin-left: 12px;
 margin-top: 3px;
 margin-bottom: 2px;
}


#footer
{
font: 10px
height: 500px;
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
text-align: center ;
}
/*
#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; } */