/* CSS Document */
body {
	background:#f2f2f2 url(../images/kop.jpg) top center no-repeat;
}

body, td {
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:22px;
	color:#515151;
}

.maintable {
	width: 987px;
	border-collapse: collapse;
	position:relative;
	margin:0px auto;
}

.kop {
	height:221px;
}

.navigatie {
	/*width:245px;*/
	background-color:#FFFFFF;
	padding:20px 30px 0px 30px;
	vertical-align:top;
	}
	
.tekst {
	width:740px; /*503px;*/
	vertical-align:top;
	padding:20px 0px 0px 0px;
	z-index:1;
	border:1px solid #fff;
	position:relative;
	background-color:#FFFFFF;
}

.tekstveld {
	padding: 0px 0px 50px 0px; 
	width:545px; 
	/*height:430px; 
	overflow:auto;*/
	line-height:22px;
	color:#515151;
}

#voettekst, #voettekst td {
	color:#0073bd;
}
#voettekst {
	border-top:1px solid #b2d5eb;
	margin-right:60px;
	padding:10px 0px;
}
.wit {
	background-color:#FFFFFF;
}


h1 {
	font-size:130%;
	margin-top:0px;
	color:#0073bd;
}

h2 {
	font-size:100%;
	color:#0073bd;
	margin:0px;
}

a:link, a:visited, a:active {
	color:#0073bd;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.voet {
 	background-color:#0073bd;
	height:10px;
}

/*menu*/

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

/*level 1: hoofdmenu*/
#menu ul a {
	display:block;
	padding:6px;
	color:#0073bd;
	font:normal 11px verdana,helvetica,sans-serif;
	text-decoration:none;
	background:#fff url(../images/menudot.gif) 8px 1em no-repeat;
	margin:0;
	white-space:nowrap;
	border-bottom:1px solid #dfedf7;
}
/*background-color:#ffe066;  */
#menu ul a:hover, #menu ul a:active { color:#fecb00;   }
#menu ul a.here { color:#fecb00; font-weight:bold; }

/*level 2*/
#menu ul ul a {
	padding:6px 0px 6px 20px;
	font-weight:normal;
	background:url(../images/arrow.gif) top left no-repeat;
	border:0px;
	margin:0;
}
#menu ul ul a:hover, #menu ul ul a:active, #menu ul ul a.here { 
	background:url(../images/arrow_yellow.gif) top left no-repeat; 
	font-weight:bold; 
}


/*level 3*/
#menu ul ul ul a {	padding:6px 0px 6px 34px; background:url(../images/arrow.gif) 14px top  no-repeat; }
#menu ul ul ul a:hover, #menu ul ul ul a:active, #menu ul ul ul a.here { padding:6px 0px 6px 34px; background:url(../images/arrow_yellow.gif) 14px top no-repeat; }



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

#menu ul ul {
	border-bottom:1px solid #dfedf7;
}
#menu ul ul ul {
	border:0px;
}


#menu li{
list-style:none;
}



#sitemap {
	display:none;
}









/*
#menu a:hover {
color:#0073bd;
background-color:#ffe066;
}*/

/*#menu a#here:visited, #menu a#here:active, #menu a#here {
color:#0073bd;
font-weight:bold;
background-color:#ffe066;
}

#menu a:active{
color:#0073bd;
font-weight:bold;
background-color:#ffe066;
}

#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:-1px;
left:100.1%;
display:none;
}

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;
	border-width:1px;
	border-style:solid;
	border-color:#fff #fff #fff #fff;
	white-space:nowrap;
	margin:0;
	/*padding:0px 2px;
	background-color:#0073bd;
	padding:6px 4px 6px 4px;*/
/*	text-align:center;
}

/* End non-anchor hover selectors */

/* Styling for Expand */

/*#menu a.x, #menu a.x:visited{
/*background:#fff url(../images/expand.gif) no-repeat center right;*/
/*}

#menu a.x:hover{
background:#fff;
color:#0073bd;
}

#menu a.x:active{
color:#0073bd;
background:#fff;
font-weight:bold;
}
*/
/*formulier*/
#contact {
	border-spacing:0px;
}	

#contact td {
	color:#515151;
	background-color: #e8f1f6;
	padding: 5px;
	/*line-height:20px;*/
	font-style:italic;
	font-size:11px;
}

input {
	width:300px;
	font-style:normal;
}

textarea {
	width:99%;
	font-style:normal;
}
.radio {
	width:20px; 
}

.button {
	color:#ffffff;
	background-color:#0073bd;
	width:150px;
}

.error {
	border:1px solid #ff3b30;
}

#error_msg {
	color:#ff3b30;
	font-weight:bold;
}

.left {
width:355px;
}

.right {
text-align:right;
width:310px;
}

.special {
width:5px;
visibility:hidden;
}