/* CSS Document */

body {
	background-color: #CC0000;
	margin: 0px;
	background-image: url(../images/bgimage.gif);
	background-repeat: repeat-x;
	background-position:top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:20px;
}

.basistabel {
	background-color:#ffffff;
}

.kop {
	border-left:2px solid #fff;
	border-right:2px solid #fff;
}

.htmlbody {
	background-image:url(../images/background.jpg);
	background-position:top;
	background-repeat: repeat;
}

.content {
	border-left:2px solid #fff;
	border-right:2px solid #fff;

}

td {
	vertical-align:top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:20px;
}

.grijs {
	background-color: #ccc; /*t.b.v. applicationform*/
}

.tekst {
	vertical-align:top;
	padding:10px 25px 50px 25px;
	/*width:570px;*/
	/*border:1px solid #000;*/
	line-height:20px;
	color:#000;
}

.small  {
	font-size:9px;
}

.datum {
	font-size:26px;
	padding-left:10px;
	font-family:"Times New Roman", Times, serif;
	line-height:30px;
}

.edition {
	padding-left:10px;
	font-family:"Times New Roman", Times, serif;
	font-size:17px;
}

h1 {
	/* titel van tekst */
	font-size:115%;
	margin-top:0px;
}

h2 {
	/* subtitels in de tekst*/
	font-size:105%;
	margin:0;
}

form {
	margin:0;
}

.form td {
	font-size:11px;
	vertical-align:middle;
}

/*input, textarea {
	width:350px;
}

#radio{
	width:20px;
}*/

#button {
	width:140px;
	background-color:#cc0000;
	color:#fff;
}

.special {
width:5px;
visibility:hidden;
}
/* voorkom spam via mailform.
Maak een extra input veld met de class special. Voor mensen is de input niet zichtbaar, door de css. Voor een bot is het echter een van de gewone inputvelden op het form, en de bot zal deze ook gewoon vullen met iets. Hierna moet je alleen nog een filter inbouwen in de code die de input verwerkt die de invoer afvangt waar dit veld gevuld is.
*/


a:link, a:active, a:visited {
	color:#cc0000;
}

a:hover {
	text-decoration:none;
}



/*menu*/

#menu{
position:relative;
/*text-align:right;*/
top:0em;
left:0em;	/*was 0.5em*/
width:15em;/*13.5em;*/
z-index:2;
/*padding-bottom:12em; /* To allow room for bottom dropdown */
}

#menu a, #menu h2{
font:normal 11px verdana, arial,helvetica,sans-serif;
display:block;
/*border-bottom:1px solid #cc0000;*/
border-bottom:1px solid #fff;
border-right:1px solid #fff;
/*white-space:nowrap;*/
margin:0;
padding:5px 4px 5px 10px;
background-color:#666666;
color:#fff;
text-decoration:none;
}
/*
#menu h2{
color:#fff;
background:#fff;
}

#menu a{
color:#fff;
background:#fff;
text-decoration:none;
}
*/

#menu a:hover, #menu a#here:visited, #menu a#here:active {
background-image:url(../images/menu_rollover_grijs.jpg);
background-repeat:repeat-x;
background-position:right;
border-bottom:1px solid #fff;
}

#menu a:active{
color:#fff;
font-weight:normal;
background-image:url(../images/menu_rollover_grijs.jpg);
background-repeat:repeat-x;
background-position:right;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
width:100%;
}

#menu li{
list-style:none;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu li, div#menu li:hover{
position:relative;
}

div#menu li ul{
position:absolute;
top:0;
left:100.1%;
display:none;
border-left:0px solid #fff;

}

div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul
{display:none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{
	display:block;
	width:16em;
	/*border-bottom:1px solid #cde3f8;*/
	border-left:0px solid #fff;
	/*white-space:nowrap;*/
	margin:0;
	/*padding:0px 2px;*/
	background-color:#666666;
	padding:0px 0px 0px 0px;
}

/* End non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited, #menu a.x:active {
background:#666666 url(../images/expand_grijs.gif) no-repeat center right;
}

#menu a.x:hover {
background-image:url(../images/menu_rollover_grijs.jpg);
background-repeat:repeat-x;
background-position:right;
}