/*** HTML ***/
html, body {
    height: 100%;
	width: 100%;
	background: white url(afbeeldingen/gradient.png) repeat-x;
	padding: 0px;
	color: #404040;
	margin: 0;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

p, div, td {
	line-height: 180%;
	margin: 0;
}

ul {
	padding-left: 15px;
	list-style-type: square;
	list-style-position: outside;
}

a:link {
	color: #404040;
	text-decoration: underline;
	font-weight: normal;
}

a:visited {
	color: #404040;
	text-decoration: underline;
	font-weight: normal;
}


a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #336666;
}

a:active {
	text-decoration: underline;
	font-weight: normal;
	color: #336666;
}

h1 {
	color: #336666;
	font-size: 18px;
	letter-spacing: 1px;
	font-weight: bold;
}

h2 {
	color: #003399;
	font-size: 15px;
	letter-spacing: 1px;
	font-weight: bold;
}

h3 {
	color: #CC0033;
	font-size: 15px;
	letter-spacing: 1px;
	font-weight: bold;
}

img {
	border-width: 0;
}

.button, .input {
	text-align: center;
	font-size: 11px;
	background-color: #336666;
	color: white;
	padding: 3px;
}

.button:hover {
	cursor: hand;
}

.inputbox {
	border: 1px solid #336666;

}

input, textarea {
	border: 1px solid #336666;

}

/*** DIV ***/

div#wrapper {
	width: 900px;
	margin: auto;
}

div#lijn {
	width: 900px;
	height: 62px;
	text-align: center;
}

div#kop {
	width: 900px;
	height: 149px;
}

div#kop_links {
	width: 450px;
	height: 149px;
	background: url(afbeeldingen/logo.png) no-repeat;
	float: left;
}

div#kop_rechts {
	width: 450px;
	height: 149px;
	text-align: right;
	float: right;
	font-size: 11px;
}

div#kop_rechts a:link, a:visited {
	color: #404040;
	text-decoration: none;
	font-weight: normal;
}

div#kop_rechts a:hover, a:active {
	text-decoration: none;
	font-weight: normal;
	color: #336666;
}

div#menu {
	clear: both;
	width: 190px;
	float: left;
}

div#pagina {
	width: 710px;
	float: right;
}

div#pagina_links {
	width: 430px;
	float: left;
}

div#pagina_rechts {
	width: 275px;
	float: right;
	text-align: right;
}

/*** Menu ***/
ul.menu {padding:0; margin:0; list-style-type:none; height: auto; overflow:hidden; width: 190px; text-align:left; color: #808080;
}

ul ul {padding:0; margin: 0 0 0 30px; list-style-type:none; height: auto; overflow:hidden; width: 160px; text-align:left; color: #808080;
}

ul.menu li a, 
ul.menu li a:visited {display:block; width: auto; height: 21px; line-height: 20px; text-decoration:none; color: #808080;}


ul.menu li a:active, 
ul.menu li a:hover {text-decoration:none; color: #336666;}

ul.menu li a.home, 
ul.menu li a.home:visited {display:block; width: 190px; height: 27px; background-image: url(afbeeldingen/menu1.png);
	text-indent:-9000px;
}
ul.menu li a.home:hover {
	background-position: 0 bottom;
}

ul.menu li a.rechtsgebieden, 
ul.menu li a.rechtsgebieden:visited {display:block; width: 190px; height: 39px;
	background-image: url(afbeeldingen/menu2.png);
	text-indent:-9000px;
}
ul.menu li a.rechtsgebieden:hover {
	background-position: 0 bottom;
}

ul.menu li a.mensen, 
ul.menu li a.mensen:visited {display:block; width: 190px; height: 35px;
	background-image: url(afbeeldingen/menu3.png);
	text-indent:-9000px;
}
ul.menu li a.mensen:hover {
	background-position: 0 bottom;
}

ul.menu li a.contact, 
ul.menu li a.contact:visited {display:block; width: 190px; height: 35px;
	background-image: url(afbeeldingen/menu4.png);
	text-indent:-9000px;
}
ul.menu li a.contact:hover {
	background-position: 0 bottom;
}