@import url(styles.css);

html, body {
	margin:0;
	padding:0;
	overflow:hidden;
}

/*============== hoofdnavigatie ==============*/

#navigatiecontainer {
	position:absolute;
	width:100%;
	height:120px;
	top:0;
	left:0;
	margin:0;
	padding:0;
	z-index:10;
}

#navigatie {
	position:relative;
	width:980px;
	height:63px;
	left:50%;
	padding:0;
	margin:0 0 0 -490px;
}

#navigatie ul {
	padding:0;
	margin:0;
}

#navigatie li {
	position:relative;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}

#navigatie a {
	display:block;
	min-width:130px;
	height:20px;
	padding:43px 9px 0 9px;
	margin:0;
}

#navigatie li#home a {
	display:block;
	min-width:130px;
	width:200px;
	height:63px;
	padding:0;
	margin:0;
}

#navigatie ul ul {
	visibility:hidden;
	position:absolute;
	width:148px;
	margin:0 0 0 -1px;
	padding:0;
	z-index:110 !important;
}

#navigatie ul lu li {
	margin:0;
	padding:0;
}

#navigatie ul ul a, #navigatie li#home ul a {
	display:block;
	width:137px;
	height:auto;
	padding:3px 3px 3px 8px;
	margin:0;
}

/*============== subnavigatie ==============*/		
#subnavigatie {
	position:absolute;
	overflow:auto;
	width:195px;
	top:115px;
	left:50%;
	margin:0 0 0 -490px;
	padding:0;
	z-index:3;
}

#subnavigatie ul {
	margin:0;
	padding:0;
}

#subnavigatie li {
	margin:0;
	padding:0;
}

#subnavigatie a {
	display:block;
	padding:12px 0 0 5px;
	margin:0;
	border:none;
}

#subnavigatie ul.sub {
	padding:.5em 0;
	margin:-3px 0 0 0;
}

#subnavigatie ul.sub a {
	padding:2px 0 2px 10px;
	margin:3px 0 3px 3px;
}

/*============== content ==============*/
#vContainer {
	position:absolute;
	overflow:hidden;
	top:63px;
	right:0;
	bottom:35px;
	left:0;
	padding:0;
	z-index:2;
}

#hContainer {
	position:absolute;
	overflow:auto;
	top:0;
	right:0;
	bottom:0;
	left:50%;
	margin-left:-270px;
	padding:0;
}

#content {
	position:absolute;
	overflow:hidden;
	width:540px;
	margin:20px 0 0 0;
	padding:20px 0 0 0;
}

ul#animatie {
	padding:0;
	margin:0;
}

ul#animatie li {
	padding:0;
	margin:0;
	list-style:none;
}

.witruimte {
	height:16px;
}
/*============== sitemap ==============*/	
#sitemap #content {
	width:980px;
	font-size:10px !important;
	font-weight:bold;
}
#sitemap #hContainer {
	margin-left:-490px;}

#sitemap #subnavigatie {
display:none}

/*============== rechterkolom ==============*/		
#rechterkolom {
	position:absolute;
	overflow:auto;
	width:195px;
	top:63px;
	bottom:35px;
	left:50%;
	padding:41px 0 0 0;
	margin:0 0 0 295px;
	z-index:3
}

#rechterkolom ul {
	margin:0;
	padding:0 5px 0 12px;
}

#rechterkolom li {
	padding:0;
	margin:0 0 0 5px;
}

#rechterkolom h3 {
	padding:12px 0 5px 5px;
}

#rechterkolom img {
	width:100%;
}

/*============== footer ==============*/	
#footercontainer {
	position:absolute;
	width:100%;
	height:120px;
	bottom:0;
	left:0;
	margin:0;
	padding:23px 0 0 0;
	z-index:1
}

#footer {
	position:relative;
	width:760px;
	height:27px;
	left:50%;
	padding:0;
	margin:93px 0 0 -270px;
}

#navigatie ul, #footer ul {
	padding:0;
	margin:0;
}

#navigatie li, #footer li {
	position:relative;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}

#footer li {
	float:right;
}

#footer a {
	display:block;
	padding:1px 6px;
	margin:3px 6px 0 3px;
}

/*============== extra ==============*/
h1, h2, h3, h4, p, small, ul, ol {
	display:block;
	margin: 9px 0 0 0;
}

table {
	display:block;
	border-collapse:collapse;
	margin:6px 0;
	padding:0;
}

td, th {
	font-size:100%;
}

.totalebreedte, .fotogalerij {
	width:100%;
}

.links {
	float:left;
	margin-right:15px;
}

.rechts {
	float:right;
	margin-left:15px;
}

.links td, .rechts td {
	width:200px;
	padding:0;
}

.fotogalerij img {
	height:120px;
	width:auto;
	padding:0;
}

.totalebreedte img {
	width:532px;
	height:auto;
}

.links td, .rechts, .totalebreedte td, .fotogalerij td {
	padding:3px;
}

.links img, .rechts img {
	width:194px;
	height:auto;
}

img[clickbox] {
	cursor:pointer;
	cursor:hand;
}

/*doorklik items*/	
.prevnext {
	display:block;
	height:20px;
	margin:0;
	padding:6px 0;
}

.prevnext a {
	display:block;
	width:210px;
	float:left;
	padding:0 5px;
	margin:0;
}

.prevnext a.volgend {
	float:right;
}

.prevnext a.overzicht {
	margin:0 7px;
	width:70px;
}

.expolijst div{
	display:block;
	padding:6px;
	margin:4px 0;
}

.expolijst div a {
	display:block;
	width:auto;
	height:auto;
}

.expolijst div p, .expolijst div h3 {
	margin:0;
}

/*trefwoorden*/	
dfn {
	display:block;
	margin:4em 0;
	padding:1em 0;
}

dd dfn {
	display:block;
	margin:0;
	padding:0;
}

dl.keywords dd {
	margin:0 0 1em 0;
	padding:5px 0;
}

/*============== formulier ==============*/
form{
	margin:0;
	padding:0;}

form thead td {
	padding:12px 0 0 5px;
}

form td, form th {
	padding:2px 5px 2px 10px ;
}

form th {
	width:200px;
}

.inputs, .inputm, .inputl, .inputxl, .inputzoeken, textarea {
	display:block;
	float:left;
	margin:2px 2px 2px 0;
	padding:2px 3px 3px 2px
}

.inputs {
	width:96px;
}

.inputm {
	width:180px;
}

.inputl {
	width:220px;
}

.inputxl {
	width:285px;
}

.inputzoeken {
	float:left;
	width:130px;
}

textarea {
	width:460px;
	height:200px;
}

.knop, input.knopm, input.knopl {
	padding:0 5px;
	margin:12px;
}

a.zoekbutton {
	float:right;
	width:40px;
	margin:2px 0 0 10px !important;
}

/*============== clickbox ==============*/

p.galerij {
	padding:3px 7px;
}

p.galerij img {
	padding:2px;
}

#cbMask {
	position: fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	opacity: 0.80;
	z-index:100;
}

#cbModal {
	position: absolute;
	overflow:hidden;
	display:none;
	top:50%;
	left:50%;
	padding:20px;
	z-index: 102;
}

#cbContentholder {
	display:block;
	margin:0 1px;
}

#cbContentholder.ajax {
	overflow:auto;
}

#cbImage {
	margin:0;
}

#cbCaption, #cbButtons {
	display:block;
	height:25px;
	padding:3px 10px;
}

#cbCounter {
	padding:0 2px;
	margin:0 2px;
	float:right;
}

#cbIframe {
	width:100%;
}

span.cbButton {
	float:left;
	padding:0 2px;
	margin:0 2px;
}

span.cbButton:hover {
	cursor:hand;
	cursor:pointer;
}

.ajax {
	padding:10px;
}