/****************************************** algemeen *******************************************/

body {
	background-color: rgb(255,255,255);
	color: rgb(51,51,51);
	margin: 0px;
	font-family: verdana, sans-serif;
	font-size: 8pt;
	line-height: 12pt;
}

img {
	border: 0px;
}

form {
	margin: 0px;
	padding: 0px;
}

a {
	color: rgb(175,13,21);
}

a.zwart {
	color: rgb(51,51,51);
	text-decoration: none;
}

a:hover.zwart {
	color: rgb(51,51,51);
	text-decoration: underline;
}

a.bruin {
	color: rgb(136,123,101);
	text-decoration: none;
}

a:hover.bruin {
	color: rgb(136,123,101);
	text-decoration: underline;
}

a.footlink {
	text-decoration: none;
	color: rgb(51,51,51);
}

a:hover.footlink {
	text-decoration: underline;
	color: rgb(51,51,51);
}

a.sitemapkop {
	color: rgb(51,51,51);
	text-decoration: none;
	font-weight: bold;
}

ul.ulblok {
	list-style-image: url(../img/site/bullet.gif);
	font-size: 8pt;
	margin: 0px;
	padding: 5px 15px 5px 23px;
}

li.liblok {
	padding-bottom: 5px;
}

ul.ulnieuwsblok {
	font-size: 8pt;
	margin: 0px;
	padding: 0px 15px 5px 23px;
}

li.nieuwsblok {
	list-style-image: url(../img/site/bullit-rood.gif);
}

li.nieuwsblokactief {
	list-style-image: url(../img/site/bullit-geel.gif);
}

div.dotshori {
	clear: both;
	height: 1px;
	overflow: hidden;
	background-image: url(../img/site/dots-hori.gif);
}

div.nieuwsopsomming {
	clear: both;
	width: 140px;
	padding: 5px 10px 5px 10px;
}

span.copyright {
	color: rgb(0,0,0);
	font-size: 7pt;
	font-family: arial, sans-serif;
}

h2 {
	font-size: 10pt;
	color: rgb(51,51,51);
	border-bottom: 1px solid rgb(189,189,189);
	padding-bottom: 2px;
}

h3 {
	font-size: 9pt;
	margin-bottom: 0px;
	color: rgb(51,51,51);
}

h4 {
	color: rgb(198,1,41);
	font-size: 8pt;
}

div#print {
	display: none;
}



/****************************************** navigatie *******************************************/

ul#ulnav {
	padding: 0;
  margin: 0;
  list-style: none;
  z-index: 50;
}

li.nav {
  float: left;
  position: relative;
  z-index: 50;
}

li ul.subnav {
  display: none;
  position: absolute;
  top: 26px;
  left: -39px;
  background-color: rgb(223,227,221);
  list-style-type: none;
  border-left: 1px solid rgb(185,185,185);
  border-right: 1px solid rgb(185,185,185);
  border-top: 0px;
  z-index: 50;
}

li > ul.subnav {
	top: 26px;
	left: auto;
	padding: 0px;
	margin: 0px;
	z-index: 50;
}

a.subnav {
	color: rgb(51,51,51);
	text-decoration: none;
	padding-left: 10px;
}

li:hover ul.subnav, li.over ul.subnav {
	display: block;
}



/****************************************** header *******************************************/

div#totaal {
	position: absolute;
	width: 768px;
}

div#header {
	width: 768px;
	height: 66px;
	background-image: url(../img/site/bovenbalk.gif);
	text-align: right;
}

input.zoekformulier {
	width: 110px;
	font-size: 8pt;
}

select.zoekformulier {
	width: 140px;
	font-size: 8pt;
}

#ieframe {
	width:135px;
	height:65px;
	border: 0px;
	overflow:hidden;
	margin-top: 19px;
	margin-left: 23px;
}

#interesse {
	position: absolute;
	top: 194px;
	left: 620px;
	z-index: 5;
}

#logo {
	width:225px;
	float: left;
	position: absolute;
	top: 0px;
	left: 0px;
}

div#csz {
	width: 222px;
	margin-left: 530px;
	margin-right: 16px;
}

div#csknoppen {
	padding-top: 17px;
	float: left;
}

div#contactknop {
	padding-bottom: 5px;
}

div#zoekformulier {
	padding-top: 15px;
}

div#menu {
	width: 768px;
	height: 25px;
	z-index: 50;
}



/****************************************** homepagina *******************************************/

div#bpl {
	width: 768px;
	height: 122px;
}

div#beeld {
	float: left;
	height: 122px;
	width: 376px;
}

div#promo {
	float: left;
	width: 217px;
	height: 122px;
	background-image: url(../img/site/home/infoblok02.gif);
}
div#promolinklogo {
	position: relative;
	width: 81px;
	height: 62px;
	margin-left: 10px;
	margin-top: 6px;
}

div#tekstpromo {
	position: absolute;
	top: 103px;
	left: 475px;
	font-size: 7pt;
	line-height: 8pt;
	width: 107px;
	padding-top: 15px;
}

div#login {
	float: right;
	width: 174px;
	height: 122px;
	background-image: url(../img/site/loginblok02.gif);
}

div#kolom {
	width: 768px;
	background-image: url(../img/site/bggrijs.gif);
	background-repeat: repeat-y;
	background-position: right;
	border-bottom: 1px solid rgb(255,255,255);
}

div#kolom1 {
	float: left;
	width: 376px;
	margin-top: 10px;
}

div.kopkolom1 {
	background-image: url(../img/site/home/blokboven-groot.gif);
	width: 343px;
	height: 24px;
	margin-left: 10px;
	padding-left: 10px;
	padding-top: 1px;
	overflow: hidden;
}

div.tekstkolom1 {
	width: 331px;
	padding: 10px;
	margin-left: 10px;
	border-left: 1px solid rgb(127,127,127);
	border-right: 1px solid rgb(127,127,127);
}

div.bodemkolom1 {
	background-image: url(../img/site/home/blokonder-groot.gif);
	width: 353px;
	height: 6px;
	margin-left: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}

div#kolom2 {
	float: left;
	width: 216px;
	margin-top: 10px;
}

div.kopkolom2 {
	background-image: url(../img/site/home/blokboven-klein.gif);
	width: 196px;
	height: 24px;
	padding-left: 10px;
	padding-top: 1px;
	overflow: hidden;
}

div.tekstkolom2 {
	width: 204px;
	padding: 5px 0px 10px 0px;
	border-left: 1px solid rgb(127,127,127);
	border-right: 1px solid rgb(127,127,127);
}

div.bodemkolom2 {
	background-image: url(../img/site/home/blokonder-klein.gif);
	width: 206px;
	height: 6px;
	margin-bottom: 10px;
	overflow: hidden;
}

div#kolom3 {
	float: right;
	width: 174px;
	padding: 8px 0px 0px 0px;
	color: rgb(136,123,101);
}

div.kopkolom3 {
	padding: 0px 0px 0px 0px;
}

div.grijzekolom3 {
	margin-left: 1px;
	padding: 5px 0px 0px 6px;
	font-size: 8pt;
}

div.lichtgrijzekolom3 {
	background-color: rgb(239,241,238);
	margin-left: 1px;
	padding: 5px 0px 0px 6px;
	font-size: 8pt;
}

div.wittekolom3 {
	background-color: rgb(255,255,255);
	margin-left: 1px;
	padding: 5px 0px 0px 6px;
	font-size: 8pt;
}


/****************************************** overige paginas *******************************************/


div#rbl {
	clear: both;
	width: 768px;
	height: 122px;
}

div#craster {
	float: left;
	width: 178px;
	height: 122px;
	background-image: url(../img/site/stripes.gif);
}

div#cbeeld {
	float:left;
	width: 415px;
	height: 122px;
}

div#zc {
	clear: both;
	width: 768px;
	background-image: url(../img/site/left-repeat.gif);
	background-repeat: repeat-y;
	border-bottom: 1px solid rgb(255,255,255);
}

div#zijmenu {
	float: left;
	width: 178px;
	color: rgb(255, 255, 255);
}

div#zijmenukop {
	width: 178px;
	height: 70px;
	color: rgb(255, 255, 255);
	background-image: url(../img/site/understripes.gif);
	background-repeat: no-repeat;
}

div.streepje {
	height: 1px;
	overflow: hidden;
	background-image: url(../img/site/streepje.gif);
}

div.submenu {
	text-align: right;
	padding-right: 34px;
}

a.submenu {
	color: rgb(255,255,255);
	text-decoration: none;
}

div#content {
	float: right;
	width: 590px;
}

div#webtrail {
	width: 575px;
	height: 17px;
	font-size: 7pt;
	padding-left: 10px;
}

div#tk {
	width: 590px;
	background-image: url(../img/site/bggrijs.gif);
	background-repeat: repeat-y;
	background-position: right;
	border-bottom: 1px solid rgb(255,255,255);
}

div#tekst {
	width: 375px;
	float: left;
	padding: 10px 17px 10px 17px;
}

div.tekstkop {
	border-top: 1px solid rgb(192,192,192);
	border-bottom: 1px solid rgb(192,192,192);
	background-color: rgb(255,217,191);
	color: rgb(0,0,0);
	font-size: 14pt;
	padding: 0px 0px 0px 12px;
}

div.tekstintro {
	margin-top: 10px;
	font-weight: bold;
	width: 375px;
}

div.tekstbody {
	width: 375px;
	margin-top: 10px;
}

div#footer {
	width: 375px;
	text-align: center;
	margin-top: 25px;
	font-size: 8pt;
}

/****************************************** formulier *******************************************/

input.small {
	width: 95px;
}

input.medium {
	width: 140px;
}

input.large {
	width: 235px;
}

input.buttonwit {
	border: 1px solid rgb(173,173,173);
	background-color: rgb(255,255,255);
	font-size: 8pt;
	font-family: arial, sans-serif;
	font-weight: bold;
	color: rgb(136,123,101);
}

input.buttongrijs {
	border: 1px solid rgb(51,51,51);
	background-color: rgb(206,206,206);
	font-size: 8pt;
	font-family: arial, sans-serif;
	font-weight: bold;
	color: rgb(51,51,51);
}

textarea.small {
	width: 95px;
	font-family: arial, sans-serif;
}

textarea.medium {
	width: 140px;
	font-family: arial, sans-serif;
}

textarea.large {
	width: 235px;
	font-family: arial, sans-serif;
}

div.formulierline {
	width: 350px;
	height: 25px;
}

div.formulierlabel {
	float: left;
	width: 100px;
}

div.formulierfield {
	float: right;
	width: 240px;
	text-align: right;
}

.error {
	color: rgb(175,13,21);
}