HTML { background: #181818 url('images/background.jpg') center top no-repeat }
BODY { margin: 0px; font-size: 11px; font-family: verdana }
P { margin: 0px }
H1 { font-size: 16px; color: #e76d00; line-height: 150% }
H2 { font-size: 16px; color: #e76d00 }
H3 { font-size: 16px; color: #e76d00 }
TEXTAREA, INPUT, SELECT { font-family: verdana; font-size: 11px; padding: 2px }
FORM { margin: 0px }
A { color: #ffffff }
A:hover { color: #ff9333 }

.sitediv { margin: auto; height: 100px; width: 951px; position: relative  }

.headerdiv { height: 104px; width: 100%}
.headerdiv .logodiv { position: absolute; top: 10px; }
.headerdiv .logodiv IMG { border: 0px }
.headerdiv .talendiv { position: absolute; top: 80px; left: 545px; width: 100px }
.headerdiv .taaldiv { float: right; margin-right: 5px }
.headerdiv .taaldiv IMG { border: 1px solid #181818 }
.headerdiv .tabsdiv { position: absolute; left: 500px; top: 70px; width: 10px; height: 34px }
.headerdiv .tabsdiv A { color: #b1b1b1; font-family: verdana }
.headerdiv .tabsdiv .tabdiv { background: url('images/tabachtergrond.png') }
.headerdiv .tabsdiv #portaaldiv { position: absolute; left: 23px; width: 125px; height: 100% }
.headerdiv .tabsdiv #portaaldiv .framediv { margin: 10px }
.headerdiv .tabsdiv #portaaldiv A { margin-right: 10px }
.headerdiv .tabsdiv #zoekendiv { position: absolute; left: 156px; width: 161px; height: 100% }
.headerdiv .tabsdiv #zoekendiv .framediv { margin: 10px; margin-top: 8px }
.headerdiv .tabsdiv #zoekendiv INPUT { background: #afafaf; border: 0px; font-size: 10px; padding: 3px 2px 2px 2px; font-weight: bold; color: #000000; width: 120px; margin-right: 10px }
.headerdiv .tabsdiv #zoekendiv IMG { cursor: pointer }
.headerdiv .tabsdiv #klantenlogindiv { position: absolute; left: 325px; width: 110px; height: 100% }
.headerdiv .tabsdiv #klantenlogindiv .framediv { margin: 10px }
.headerdiv .tabsdiv #klantenlogindiv A { margin-right: 5px }
.headerdiv .tabsdiv #klantenlogindiv IMG { vertical-align: middle }

/* CONTENT DIVS */

.contentdiv { background: no-repeat; width: 100%; height: 535px; overflow: hidden }
.navigatiediv { position: absolute; height: 41px; overflow: hidden; left: 251px; width: 700px }
.navigatiediv .itemdiv { background: #e76d00; float: right; height: 41px }
.navigatiediv .itemdiv A { margin-left: 20px; margin-right: 20px; color: #ffffff; font-weight: bold; text-decoration: none; margin-top: 13px; display: block }
.navigatiediv .itemdiv:hover { background: #ff9333 }
.navigatiediv .selecteddiv { background: #ff9333 }

/* BOX */

.boxdiv { background: url('images/boxachtergrond.png'); color: #ffffff; border: 0px solid #000000 }
.boxdiv .framediv { padding: 15px }
.boxdiv H1, .boxdiv H2 { margin: 0px; margin-bottom: 8px }

/* IMAGESDIV */

.imagesdiv { display: inline; float: left }
.imagesdiv .framediv { padding: 15px }
.imagesdiv .titlediv { width: 100%; overflow: hidden; margin-bottom: 5px; float: left }
.imagesdiv .browserdiv { width: 100%; margin-top: 5px; margin-bottom: 1px }
.imagesdiv .browserdiv .itemdiv, .imagesdiv .browserdiv .selecteddiv  { height: 16px; float: left; font-weight: bold; margin-right: 2px; margin-top: 5px; cursor: pointer; background: #e76d00 }
.imagesdiv .browserdiv .itemdiv A, .imagesdiv .browserdiv .selecteddiv A { display: block; width: 16px; text-align: center; font-weight: bold; color: #ffffff; text-decoration: none; margin-top: 1px }
.imagesdiv .browserdiv .selecteddiv { background: #ffffff }
.imagesdiv .browserdiv .itemdiv:hover { background: #e76d00 }
.imagesdiv .browserdiv .selecteddiv A  { color: #e76d00 }
.imagesdiv .browserdiv .itemdiv:hover A { color: #ffffff }
.imagesdiv .imagewindowdiv {  }
.imagesdiv .imagewindowdiv .visiblediv { display: block; visibility: visible }
.imagesdiv .imagewindowdiv .invisiblediv { display: none; visibility: hidden }
.imagesdiv .imagesframediv { padding: 0px }
.imagesdiv .imagewindowdiv IMG { border: 1px solid #000000; height: 100px; width: 200px }
.imagesdiv { width: 230px; display: inline }

/* ELEMENTEN */

.leesmeerdiv { text-align: right; margin-top: 10px }
.leesmeerdiv A { color: #ffffff; text-decoration: none; font-weight: bold; text-transform: lowercase; margin-right: 10px }
.leesmeerdiv A:hover { text-decoration: underline; color: #e76d00 }
.paragraph { line-height: 17px }
.paragraph P { line-height: 17px; margin-top: 15px; margin-bottom: 0px }
.cleardiv { margin: 0px; height: 0px; font-size: 0px; padding: 0px; clear: both; content: "" }

/* KNOPPENBALK */

.knoppenbalkdiv { width: 100%; margin-top: 10px }
.knoppenbalkdiv .knoppenlinksdiv { width: 39.5%; float: left }
.knoppenbalkdiv .knoppenlinksdiv .knopdiv A { margin-left: 10px }
.knoppenbalkdiv .knoppenrechtsdiv { width: 59.5%; float: left }
.knoppenbalkdiv .knoppenrechtsdiv .knopdiv { float: right; text-align: right }
.knoppenbalkdiv .knopdiv { width: 100%; text-transform: lowercase }
.knoppenbalkdiv .knopdiv .framediv { padding: 0px }
.knoppenbalkdiv .knopdiv .framediv A { color: #ffffff; text-decoration: none; margin-right: 10px; font-weight: bold }
.knoppenbalkdiv .knopdiv .framediv A:hover { color: #e76d00; text-decoration: underline }

/* BESTANDEN */

.bestandendiv .bestanddiv { margin-top: 5px; margin-bottom: 5px }
.bestandendiv .bestanddiv .framediv { padding: 0px; margin: 0px; margin-bottom: 5px }
.bestandendiv .bestanddiv .icoondiv { width: 10%; float: left }
.bestandendiv .bestanddiv .naamdiv { width: 90%; float: left }
.bestandendiv .bestanddiv .naamdiv A { color: #ffffff; font-weight: bold }
.bestandendiv .bestanddiv .naamdiv SMALL { margin-left: 5px; color: #ffffff }

/* FORM */

.formdiv .labeldiv { margin-bottom: 5px; margin-top: 5px; font-weight: bold }
.formdiv .velddiv INPUT, .contactdiv .velddiv TEXTAREA { border: 1px solid #000000; width: 98% }
.formdiv .velddiv SELECT { border: 1px solid #000000; width: 100% }
.formdiv .velddiv TEXTAREA { height: 187px; width: 100%; border: 1px solid #000000 }

/* SCROLL */

.scrolldiv { overflow: auto }

/* NOWONLINE */

.nowonlinediv { float: left; width: 20px; margin-top: 20px }
.nowonlinediv IMG { border: 0px }

/* FOOTER */

.footerdiv { width: 680px; float: left; text-align: right; color: #898989; margin-top: 20px; margin-bottom: 10px }
.footerdiv A { color: #898989; margin-right: 15px }
.footerdiv IMG { vertical-align: middle; margin-right: 10px }

/* FOOTERMENU */

.footermenudiv { width: 251px; float: left; text-align: left; color: #898989; margin-top: 20px }
.footermenudiv .itemdiv { float: left }
.footermenudiv A { color: #898989; margin-right: 15px; text-transform: lowercase }
.footermenudiv IMG { margin-right: 5px }

/* PAGER */

.pagerdiv { margin-top: 20px; text-align: right }
.pagercurrentdiv { background: #ffffff; color: #e76d00 }
.pagerbuttondiv { background: #e76d00; color: #ffffff }
.pagerbuttondiv, .pagercurrentdiv { padding: 2px 5px 2px 5px; font-weight: bold; text-decoration: none }
.pagerbuttondiv:hover { background: #ffffff; color: #e76d00 }

/* MESSAGE */

.messageholderdiv { background: #e76d00; margin-bottom: 10px }
.messagediv { padding: 10px; color: #ffffff; font-weight: bold }

/* SIGNATURE */

.signaturediv { position: absolute; left: 670px; top: 570px}

/* COPYRIGHT */

.copyrightdiv { width: 100%; text-align: right; color: #898989; font-weight: bold }

/* ALIGN RIGHT */

.hyperlink { text-align: right; width: 100% }
.hyperlink A { margin-right: 10px; font-weight: bold }

/* PORTAAL */

#portaaldiv { position: absolute; top: 104px; width: 150px; left: 0px; background: #e76d00; height: 58px }
#portaaldiv .sectordiv { margin-left: 20px; margin-right: 20px; color: #ffffff; font-weight: bold; text-decoration: none; margin-top: 13px; display: block; margin-bottom: 5px }
#portaaldiv .portallinkdiv { font-weight: normal; display: block; margin-left: 20px; margin-right: 20px }
HTML { background: #181818 url('images/background.jpg') center top no-repeat }
BODY { margin: 0px; font-size: 11px; font-family: verdana }
P { margin: 0px }
H1 { font-size: 16px; color: #e76d00; line-height: 150% }
H2 { font-size: 16px; color: #e76d00 }
H3 { font-size: 16px; color: #e76d00 }
TEXTAREA, INPUT, SELECT { font-family: verdana; font-size: 11px; padding: 2px }
FORM { margin: 0px }
A { color: #ffffff }
A:hover { color: #ff9333 }

.sitediv { margin: auto; height: 100px; width: 951px; position: relative  }

.headerdiv { height: 104px; width: 100%}
.headerdiv .logodiv { position: absolute; top: 10px; }
.headerdiv .logodiv IMG { border: 0px }
.headerdiv .talendiv { position: absolute; top: 80px; left: 545px; width: 100px }
.headerdiv .taaldiv { float: right; margin-right: 5px }
.headerdiv .taaldiv IMG { border: 1px solid #181818 }
.headerdiv .tabsdiv { position: absolute; left: 500px; top: 70px; width: 10px; height: 34px }
.headerdiv .tabsdiv A { color: #b1b1b1; font-family: verdana }
.headerdiv .tabsdiv .tabdiv { background: url('images/tabachtergrond.png') }
.headerdiv .tabsdiv #portaaldiv { position: absolute; left: 23px; width: 125px; height: 100% }
.headerdiv .tabsdiv #portaaldiv .framediv { margin: 10px }
.headerdiv .tabsdiv #portaaldiv A { margin-right: 10px }
.headerdiv .tabsdiv #zoekendiv { position: absolute; left: 156px; width: 161px; height: 100% }
.headerdiv .tabsdiv #zoekendiv .framediv { margin: 10px; margin-top: 8px }
.headerdiv .tabsdiv #zoekendiv INPUT { background: #afafaf; border: 0px; font-size: 10px; padding: 3px 2px 2px 2px; font-weight: bold; color: #000000; width: 120px; margin-right: 10px }
.headerdiv .tabsdiv #zoekendiv IMG { cursor: pointer }
.headerdiv .tabsdiv #klantenlogindiv { position: absolute; left: 325px; width: 110px; height: 100% }
.headerdiv .tabsdiv #klantenlogindiv .framediv { margin: 10px }
.headerdiv .tabsdiv #klantenlogindiv A { margin-right: 5px }
.headerdiv .tabsdiv #klantenlogindiv IMG { vertical-align: middle }

/* CONTENT DIVS */

.contentdiv { background: no-repeat; width: 100%; height: 535px; overflow: hidden }
.navigatiediv { position: absolute; height: 41px; overflow: hidden; left: 251px; width: 700px }
.navigatiediv .itemdiv { background: #e76d00; float: right; height: 41px }
.navigatiediv .itemdiv A { margin-left: 20px; margin-right: 20px; color: #ffffff; font-weight: bold; text-decoration: none; margin-top: 13px; display: block }
.navigatiediv .itemdiv:hover { background: #ff9333 }
.navigatiediv .selecteddiv { background: #ff9333 }

/* BOX */

.boxdiv { background: url('images/boxachtergrond.png'); color: #ffffff; border: 0px solid #000000 }
.boxdiv .framediv { padding: 15px }
.boxdiv H1, .boxdiv H2 { margin: 0px; margin-bottom: 8px }

/* IMAGESDIV */

.imagesdiv { display: inline; float: left }
.imagesdiv .framediv { padding: 15px }
.imagesdiv .titlediv { width: 100%; overflow: hidden; margin-bottom: 5px; float: left }
.imagesdiv .browserdiv { width: 100%; margin-top: 5px; margin-bottom: 1px }
.imagesdiv .browserdiv .itemdiv, .imagesdiv .browserdiv .selecteddiv  { height: 16px; float: left; font-weight: bold; margin-right: 2px; margin-top: 5px; cursor: pointer; background: #e76d00 }
.imagesdiv .browserdiv .itemdiv A, .imagesdiv .browserdiv .selecteddiv A { display: block; width: 16px; text-align: center; font-weight: bold; color: #ffffff; text-decoration: none; margin-top: 1px }
.imagesdiv .browserdiv .selecteddiv { background: #ffffff }
.imagesdiv .browserdiv .itemdiv:hover { background: #e76d00 }
.imagesdiv .browserdiv .selecteddiv A  { color: #e76d00 }
.imagesdiv .browserdiv .itemdiv:hover A { color: #ffffff }
.imagesdiv .imagewindowdiv {  }
.imagesdiv .imagewindowdiv .visiblediv { display: block; visibility: visible }
.imagesdiv .imagewindowdiv .invisiblediv { display: none; visibility: hidden }
.imagesdiv .imagesframediv { padding: 0px }
.imagesdiv .imagewindowdiv IMG { border: 1px solid #000000; height: 100px; width: 200px }
.imagesdiv { width: 230px; display: inline }

/* ELEMENTEN */

.leesmeerdiv { text-align: right; margin-top: 10px }
.leesmeerdiv A { color: #ffffff; text-decoration: none; font-weight: bold; text-transform: lowercase; margin-right: 10px }
.leesmeerdiv A:hover { text-decoration: underline; color: #e76d00 }
.paragraph { line-height: 17px }
.paragraph P { line-height: 17px; margin-top: 15px; margin-bottom: 0px }
.cleardiv { margin: 0px; height: 0px; font-size: 0px; padding: 0px; clear: both; content: "" }

/* KNOPPENBALK */

.knoppenbalkdiv { width: 100%; margin-top: 10px }
.knoppenbalkdiv .knoppenlinksdiv { width: 39.5%; float: left }
.knoppenbalkdiv .knoppenlinksdiv .knopdiv A { margin-left: 10px }
.knoppenbalkdiv .knoppenrechtsdiv { width: 59.5%; float: left }
.knoppenbalkdiv .knoppenrechtsdiv .knopdiv { float: right; text-align: right }
.knoppenbalkdiv .knopdiv { width: 100%; text-transform: lowercase }
.knoppenbalkdiv .knopdiv .framediv { padding: 0px }
.knoppenbalkdiv .knopdiv .framediv A { color: #ffffff; text-decoration: none; margin-right: 10px; font-weight: bold }
.knoppenbalkdiv .knopdiv .framediv A:hover { color: #e76d00; text-decoration: underline }

/* BESTANDEN */

.bestandendiv .bestanddiv { margin-top: 5px; margin-bottom: 5px }
.bestandendiv .bestanddiv .framediv { padding: 0px; margin: 0px; margin-bottom: 5px }
.bestandendiv .bestanddiv .icoondiv { width: 10%; float: left }
.bestandendiv .bestanddiv .naamdiv { width: 90%; float: left }
.bestandendiv .bestanddiv .naamdiv A { color: #ffffff; font-weight: bold }
.bestandendiv .bestanddiv .naamdiv SMALL { margin-left: 5px; color: #ffffff }

/* FORM */

.formdiv .labeldiv { margin-bottom: 5px; margin-top: 5px; font-weight: bold }
.formdiv .velddiv INPUT, .contactdiv .velddiv TEXTAREA { border: 1px solid #000000; width: 98% }
.formdiv .velddiv SELECT { border: 1px solid #000000; width: 100% }
.formdiv .velddiv TEXTAREA { height: 187px; width: 100%; border: 1px solid #000000 }

/* SCROLL */

.scrolldiv { overflow: auto }

/* NOWONLINE */

.nowonlinediv { float: left; width: 20px; margin-top: 20px }
.nowonlinediv IMG { border: 0px }

/* FOOTER */

.footerdiv { width: 680px; float: left; text-align: right; color: #898989; margin-top: 20px; margin-bottom: 10px }
.footerdiv A { color: #898989; margin-right: 15px }
.footerdiv IMG { vertical-align: middle; margin-right: 10px }

/* FOOTERMENU */

.footermenudiv { width: 251px; float: left; text-align: left; color: #898989; margin-top: 20px }
.footermenudiv .itemdiv { float: left }
.footermenudiv A { color: #898989; margin-right: 15px; text-transform: lowercase }
.footermenudiv IMG { margin-right: 5px }

/* PAGER */

.pagerdiv { margin-top: 20px; text-align: right }
.pagercurrentdiv { background: #ffffff; color: #e76d00 }
.pagerbuttondiv { background: #e76d00; color: #ffffff }
.pagerbuttondiv, .pagercurrentdiv { padding: 2px 5px 2px 5px; font-weight: bold; text-decoration: none }
.pagerbuttondiv:hover { background: #ffffff; color: #e76d00 }

/* MESSAGE */

.messageholderdiv { background: #e76d00; margin-bottom: 10px }
.messagediv { padding: 10px; color: #ffffff; font-weight: bold }

/* SIGNATURE */

.signaturediv { position: absolute; left: 670px; top: 570px}

/* COPYRIGHT */

.copyrightdiv { width: 100%; text-align: right; color: #898989; font-weight: bold }

/* ALIGN RIGHT */

.hyperlink { text-align: right; width: 100% }
.hyperlink A { margin-right: 10px; font-weight: bold }

/* PORTAAL */

#portaaldiv { position: absolute; top: 104px; width: 150px; left: 0px; background: #e76d00; height: 58px }
#portaaldiv .sectordiv { margin-left: 20px; margin-right: 20px; color: #ffffff; font-weight: bold; text-decoration: none; margin-top: 13px; display: block; margin-bottom: 5px }
#portaaldiv .portallinkdiv { font-weight: normal; display: block; margin-left: 20px; margin-right: 20px }
.introductiediv { position: absolute; left: 30px; top: 280px; width: 250px }
.imagesdiv { position: absolute; left: 685px; top: 180px; width: 232px }
/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url('images/loading.gif') no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url('images/prevlabel.gif') no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url('images/nextlabel.gif') no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url('images/closelabel.gif') no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	
}