/* achtergronden en breedte */
body      { font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background: #006c59 url(images/body-bg.jpg); margin: 0px; padding: 0px }
.container   { margin: 0px; padding: 0px; width: 966px }
/* header */
.header   { background: url(images/header.jpg) no-repeat; float: left; margin: 0px; padding: 0px; width: 966px; height: 100px }
/* navigatiebar */
.navbar  { font-weight: bold; font-size: 11px; background-color: #f8b202; float: left; margin: 0px; padding: 0px; width: 962px; height: 20px }
.navline   { background-color: white; float: left; margin: 0px; padding: 0px; width: 2px; height: 20px }
.navbar a   { color: white; text-decoration: none; float: left; margin-top: 3px; margin-right: 14px; margin-left: 13px }
.navbar a:visited { color: white; text-decoration: none }
.navbar a:hover   { color: #006c59; text-decoration: none }
/* content */
.content  { background-color: white; float: left; margin: 0px; padding: 0px; width: 966px; height: auto }
.contentleft         { float: left; margin: 10px 0px 0px; padding: 0px; width: 180px }
.contentmain  { float: left; margin: 10px 0px 0px; padding: 0px; border-left: 1px solid #a9a9a9; width: 783px }
.btmcontent       { float: left; margin: 0px; padding: 0px 0px 6px; width: 783px }
/* elementen left */
.contentleft img  { float: left; margin: 8px 0px; padding: 0px; width: 180px }
.contentleft p     { font-size: 12px; text-align: left; float: left; margin: 0px 0px 0px 10px; padding: 0px; width: 160px }
.contentleft a { color: black; text-decoration: none }
.contentleft a:visited { color: black; text-decoration: none }
.contentleft a:hover { color: #006c59; text-decoration: underline }
.contentleftright  { font-size: 11px; text-align: left; float: left; margin: 0px 0px 0px 10px; padding: 10px 0px 0px; border-top: 1px solid #a9a9a9; width: 170px }
.contentleftright h3 { color: #006c59; font-weight: bold; font-size: 12px; text-align: left; float: left; margin: 0px; padding: 0px; width: 170px }
.leftbutton      { font-weight: bold; font-size: 10px; text-align: left; float: left; margin: 0px 0px 0px 10px; padding: 0px; border-bottom: 1px solid #a9a9a9; width: 170px; height: auto }
.leftbutton a     { color: black; text-decoration: none; text-align: left; float: left; margin-left: 2px }
.leftbutton a:visited  { color: black; text-decoration: none; float: left }
.leftbutton a:hover   { color: #006c59; text-decoration: none; float: left }
.color { color: #006c59; margin: 0px; padding: 0px }
/* elementen main */
.contentmain h1    { font-weight: bold; font-size: 12px; float: left; margin: 0px 8px; padding: 0px }
.btmcontent h2    { color: black; font-weight: normal; font-size: 11px; margin: 0px 7px 4px; padding: 0px 0px 4px; border-bottom: 1px solid #a9a9a9 }
.maincont   { font-size: 11px; line-height: 15px; text-decoration: none; text-align: left; float: left; margin: 0px; padding: 0px; width: 783px }
.maincont h3 { color: gray; font-weight: bold; font-size: 12px; text-align: left; float: left; margin: 6px 0px 4px; padding: 0px }
.mainleft   { text-align: justify; float: left; margin: 0px; padding: 0px; border-right: 1px solid #a9a9a9; width: 460px }
.mainleft p   { margin: 0px 8px; padding: 0px }
.vacleft { text-align: left; float: left; margin: 0px; padding: 0px; border-right: 1px solid #a9a9a9; width: 455px }
.vacleft a { color: black; text-decoration: none }
.vacleft a:visited { color: black; text-decoration: none }
.vacleft a:hover { color: #006c59; text-decoration: none }
.vacleft p { margin: 0px 8px; padding: 0px }
.vacaleft { text-align: left; float: left; margin: 0px; padding: 0px; border-right: 1px solid #a9a9a9; width: 460px }
.vacaleft a { color: black; text-decoration: none }
.vacaleft a:visited { color: black; text-decoration: none }
.vacaleft a:hover { color: #006c59; text-decoration: none }
.vacaleft p { margin: 0px 8px; padding: 0px }
.mainright   { float: left; margin: 0px; padding: 0px; width: 321px }
.mainright img    { margin: 0px 0px 0px 10px; padding: 0px; border: solid 1px #006c59 }
.mainleft img { border: solid 1px #006c59 }
.mainright p    { font-size: 9px; float: left; margin: 0px 0px 4px 10px; padding: 0px 0px 8px; border-bottom: 1px solid black; width: 260px }
.mainright h3  { color: black; font-size: 11px; float: left; margin: 0px 0px 8px; padding: 0px }
.mainnav  { background-color: white; text-align: left; float: left; margin: 10px 9px 0px 13px; padding: 0px; border: solid 1px #006c59; width: 236px; display: block }
.mainnav p { font-size: 10px; background-color: white; text-align: justify; float: left; margin: 0px 7px 4px 8px; padding: 0px }
.kantoorsum    { background-color: white; text-align: left; float: left; margin: 6px 0px 0px; padding: 0px; display: block }
.contentmain ul        { 
text-align: left; 
list-style: disc; 
margin: 0px 0px 0px 30px; 
padding: 0px; 
width: auto; 
display: outline; 
}
.contentmain li      { 
margin: 0px; 
padding: 0px; 
width: auto; 
}
.mainnav a       { color: black; font-weight: bold; font-size: 10px; text-decoration: none; background-color: #fff; float: left; margin: 0px; padding: 0px; display: block }
.mainnav a:hover  { color: #f00; text-decoration: underline; background-color: #fff }
.btmcontent a    { color: black; font-weight: normal; font-size: 11px; text-decoration: none; background-color: #fff; margin: 0px; padding: 0px }
.btmcontent a:hover  { color: #006c59; text-decoration: underline; background-color: #fff }
.mainright a { color: black; font-weight: bold; font-size: 9px; text-decoration: none; background-color: #fff; margin: 0px; padding: 0px }
.mainright a:hover { color: #006c59; text-decoration: underline; background-color: #fff }
.lees { font-weight: normal; font-size: 10px; text-align: right; float: right; margin: 0px 2px 4px 0px; padding: 0px }
.lees a { color: black; font-weight: normal; text-decoration: none; float: right; margin: 0px; padding: 0px }
.lees a:hover { color: #006c59; text-decoration: none }
.kantoorsum a { color: black; font-weight: normal; text-decoration: none; margin: 0px; padding: 0px }
.kantoorsum a:hover { color: #006c59; text-decoration: underline }

div#inline_popup
{
	position: fixed;
	background-color: #FFFFFF;
	border-width: 1px;
	border-color: #FFFFFF;
	border-style: solid;
	float: left;
}	

img.popup_img
{
	float: left;
	width: 100%;
	height: 100%;	
}

a.popup_close
{
	float: right;
	height: 20px;
	width: 20px;
	position: relative;
	top: -100%;
	right: 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	color: #FFFFFF;
	background-color: #555555;
	border-width: 0px 0px 1px 1px;
	border-style: solid;
	border-color: #FFFFFF;
}

a.popup_prev
{
	float: left;
	height: 20px;
	width: 100px;
	position: relative;
	top: -21px;
	left: 0px;
	text-align: center;
	color: #FFFFFF;
	background-color: #555555;
	border-width: 1px 1px 0px 0px;
	border-style: solid;
	border-color: #FFFFFF;
}

a.popup_next
{
	float: right;
	height: 20px;
	width: 100px;
	position: relative;
	top: -21px;
	right: -21px;
	text-align: center;
	color: #FFFFFF;
	background-color: #555555;
	border-width: 1px 0px 0px 1px;
	border-style: solid;
	border-color: #FFFFFF;
}

div#inline_screen
{
	position: fixed;
	left: 0px;
	top: 0px;
	background-color: transparent;
	background-image: url('../images/filter.png');
	background-repeat: repeat;
}