/* reset
------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before,
blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* general
------------------------------------------------------------------*/
body { background: #fff url(../images/bg_body.gif) repeat-x; font: 12px/16px Verdana, Arial, sans-serif; color: #58595b; }
h1 { margin: 0 0 18px 0; font-size: 16px; font-weight: normal; color: #32abe1; }
h2 {}
h3 {}
h4 {}
ul, ol { margin: 0 0 14px 16px; }
p, form { margin: 0 0 14px 0; }
a { color: #32ABE1; }
a:hover { color: #58595b; }
input, textarea, select { font-size: 11px; font-family: Arial, sans-serif; color: #4F535C; }
strong { font-weight: bold; }
em { font-style: italic; }

sup,
sub { vertical-align: 0; position: relative; }
sup { bottom: 4px; font-size: 9px; }
sub { top: 4px; font-size: 9px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */


/* colors
----------------------
#00264c dark blue
#32abe1 light blue
*/

/* page structure
------------------------------------------------------------------*/
#wrapper { width: 980px; margin: 0 auto; }
#header { width: 980px; height: 126px; }
#sidebar { position: relative; display: inline; float: left; width: 200px; margin: 0 0 20px 208px; }
#content { float: left; width: 485px; margin: 0 0 20px 28px; padding: 15px 0 0 0; }
#footer { clear: both; width: 861px; padding: 0 59px 0 60px; border-top: #e2e3e4 1px solid; color: #939598; font-size: 10px; }

/* header
------------------------------------------------------------------*/
#languages { float: right; width: 62px; height: 20px; margin: 0 59px 0 0; padding: 1px 11px 0 11px; background: url(../images/bg_languages.gif) no-repeat; }
#languages li { display: inline; padding: 0 0 0 5px; border-left: #fff 1px solid; font-size: 10px; text-transform: capitalize; }
#languages li#cms_nl { border: none; }
#languages li a { color: #fff; font-size: 10px; text-decoration: none; }
#languages li.active,
#languages li a:hover { color: #fff; text-decoration: underline; }

#logo { float: left; margin: 33px 0 0 45px; }

/* sidebar
------------------------------------------------------------------*/
#sidebarCornerL { position: absolute; top: 0; left: -4px; width: 4px; height: 4px; background: url(../images/sidebarCornerL.png) no-repeat; }
#sidebarCornerR { position: absolute; top: 0; left: 200px; width: 4px; height: 4px; background: url(../images/sidebarCornerR.png) no-repeat; }

#navigation { margin: 0; padding: 15px 0 0 30px; background: #75bfe9; }
#navigation li { padding: 0 0 15px 0; }
#navigation li a { font-size: 16px; color: #fff; text-decoration: none; }
#navigation li.active a,
#navigation li a:hover { color: #00264c; }
#navigationBottom { width: 200px; height: 4px; margin: 0 0 8px 0; background: url(../images/navigationBottom.png) no-repeat; }

#contactNavTop,
#inDeKijkerTop { width: 200px; height: 4px; background: url(../images/contactNavTop.png) no-repeat; overflow: hidden; }
#contactNavBottom,
#inDeKijkerBottom { width: 200px; height: 4px; margin: 0 0 8px 0; background: url(../images/contactNavBottom.png) no-repeat; }
#contact { display: block; width: 170px; padding: 8px 0 8px 30px; background: #e2e3e4; color: #00264c; font-size: 16px; text-decoration: none; }
#inDeKijker { display: block; padding: 8px 0; background: #e2e3e4; color: #00264c; font-size: 12px;  text-decoration: none; }
#inDeKijkerTitle { display: block; margin: 0 0 6px 30px; font-size: 16px; }
#inDeKijkerText { display: block; margin: 0 0 6px 30px; }
#inDeKijker img { display: block; width: 200px; height: 82px; margin: 0 0 6px 0; overflow: hidden; }

/* content
------------------------------------------------------------------*/
#content ul { margin: 0 0 14px 16px; list-style-type: disc; }
#content ol { margin: 0 0 14px 24px; list-style-type: decimal; }

.imageWrapper { position: relative; margin: 10px 0; }
.img_left { float: left; margin: 0 10px 10px 0; }
.img_right { float: right; margin: 0 0 10px 10px; }
.imgCornerTopL { position: absolute; top: 0; left: 0; width: 4px; height: 4px; background: url(../images/imgCornerTopL.png) top left no-repeat; overflow: hidden; z-index: 1000; }
.imgCornerTopR { position: absolute; top: 0; right: 0; width: 4px; height: 4px; background: url(../images/imgCornerTopR.png) top left no-repeat; overflow: hidden; z-index: 1000; }
.imgCornerBottomL { position: absolute; bottom: 0; left: 0; width: 4px; height: 4px; background: url(../images/imgCornerBottomL.png) top left no-repeat; overflow: hidden; z-index: 1000; }
.imgCornerBottomR { position: absolute; bottom: 0; right: 0; width: 4px; height: 4px; background: url(../images/imgCornerBottomR.png) top left no-repeat; overflow: hidden; z-index: 1000; }
.imageWrapper img { display: block; border: #e2e3e4 1px solid; overflow: hidden; }

table { width: 485px; }
th { padding: 5px 10px; background: #e2e3e4; font-weight: normal; }
th.first { background: url(../images/bg_th_left.png) top left no-repeat; }
th.last { background: url(../images/bg_th_right.png) top right no-repeat; }
th.name { text-align: left; }
td { padding: 2px 2px 2px 10px; border-bottom: #e2e3e4 1px solid; border-left: #e2e3e4 1px solid; }
.emptyRow td,
td.first { border-left: none; }
.numbers { padding-right: 10px; text-align: right; }

.width_75 { width: 75px; }
.width_190 { width: 190px; }
.width_80 { width: 80px; }
.width_60 { width: 60px; }

#contactform div { margin: 0 0 3px 0; }
#contactform label { float: left; width: 120px; }
#contactform input#contact_zip { width: 80px; }
#contactform input,
#contactform textarea { width: 275px; }
#contactform input.btn_submit { width: auto; margin: 10px 0 0 120px; }

#contactform #verplichtInvullen { margin: 0 0 0 120px; font-size: 10px; }

.bestandBlock { margin: 0 0 4px 0; }
.bestand { padding: 0 0 0 22px; background: url(/images/bg_bestand.gif) 0 3px no-repeat; color: #58595b; text-decoration: none; }
.bestand img { margin: 0 5px 0 0; }
.bestand span { text-decoration: underline; }
.bestand:hover span { text-decoration: none; }


/* footer
------------------------------------------------------------------*/
#footer p { float: left; width: 700px; }
#footer a { color: #939598; font-size: 10px; text-decoration: none; }
#disclaimer { display: block; float: left; width: auto; }
#logoDuo { display: block; float: right; width: auto; }

/* homepage - startpagina
------------------------------------------------------------------*/
#homepage #wrapper,
#startpagina #wrapper { position: relative; }

#homepage #footer,
#startpagina #footer { position: absolute; top: 586px; left: 0; border: none; }

#bigImageWrapper { position: absolute; top: 126px; left: 0; width: 980px; height: 460px; z-index: 0; }
#bigImageWrapper img { display: block; border: #e2e3e4 1px solid; border-top: none; z-index: 1; }
#bigImageWrapper .imgCornerBottomL { z-index: 1000; }

#homepage #sidebar { z-index: 1; }

#WelcomeLinks { position: absolute; top: 185px; left: 100px; }
#WelcomeLinks a { padding-right: 35px; color: #00264c; font-size: 16px; text-decoration: none; }

/* CMS Preview
------------------------------------------------------------------*/
#CMSpreviewBar { margin-bottom: 10px; padding: 3px; background-color: red; color: #fff; }
#CMSpreviewBar a { color: #fff; }