/*normalizing layout*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, legend, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
ol, ul { list-style: none; }
html { text-align: center; }
body { margin: 0 auto; }
table { border-collapse: collapse; }
fieldset, img { border: 0; }
caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
caption, td, th { vertical-align: top; padding-top: 5px; }

code { font-family: 'courier new', courier; }

/*clearfix*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }
/* End hide from IE-mac */
div { -moz-box-sizing: border-box; box-sizing: border-box; }

/*styles*/
html { background-color: #3b3e4f; }
body {
	position: relative; width: 990px;
	color: #FFF;
	font-family: verdana, arial, geneva, helvetica; font-size: 0.7em;
}
h1, h2, h3 {
	width: 95%;
	font-weight: normal;
}
h2, h3, h4, h5, h6 { padding-top: 15px; }
h4, h5 { font-style: italic; }
h1 { font-size: 2.5em; }
h2 { font-size: 2.0em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.0em; }
h1 + h2, h1 + h3, h3 + h4 { padding-top: 0; }

p + h1 { padding-top: 15px; }
p { padding-top: 7px; padding-bottom: 10px; }
p + img { margin-top: 15px; }
img + p.onderschrift { font-size: 0.8em; line-height: 1.2em; }
img + p.onderschriftklein { width: 150px; float: left; clear: both; }
img + p.onderschriftklein.alignright { float: right; margin-left: 10px; }
img + h3, img + h4, img + h5, img + h6 { padding-top: 15px; }
p, td, th, label { font-size: 1.1em; }
td p { font-size: 1.0em; }
p, td, th, caption, label, #content li { font-size: 1.1em; line-height: 1.3em; }

a {
	color: #fff;
	text-decoration: none;
}
a[name]:hover { text-decoration: none; }

input[type="text"], input[type="password"], select { width: 300px; }

#content {
	position: relative; top: 30px; left: 189px; width: 612px; height: 100%; padding: 145px 25px 65px 25px; min-height: 500px;
	background-color: #887e7b; background-repeat: no-repeat;
	text-align: left;
}
#content a { text-decoration: underline; }
.transparent_content {
	position: absolute; top: 0; left: 0; height: 125px; width: 612px;
	background-image: url(/media/img/transparent_content.png);
}
h1.title { position: absolute; top: 10px; }
h2.subTitle {
	position: absolute; top: 45px;
	color: #c8bcb7;
	font-size: 2.2em;
}
h3.subTitle {
	position: absolute; top: 65px;
	font-size: 1.6em;
}

p.intro { font-style: italic; }

span.nobr { white-space: nowrap; }

.subNav { float: right; }
.subNav li.active a { text-decoration: none !important; }
/*form*/
input, select, textarea { vertical-align: top; margin-top: 3px; }
input[type="text"], input[type="password"], textarea { width: 200px; }
select { width: 202px; }
textarea { height: 75px; }
fieldset { margin-bottom: 15px; }
fieldset div { margin-top:7px; }
fieldset h2 + div { margin-top: 25px; }
label, label.normal { width: 200px; display: inline-block; }
label.long { width: 400px; }
label.mid { width: 80px; }
label.short { width: 50px; }
label span { font-style: italic; font-size: 1.2em; }
.checkboxes label { width: 440px !important; }
.checkboxes div div { margin-left: 25px !important; }
.checkboxes div div label { width: 405px !important; }

/*table*/
table { margin-bottom: 15px; }
caption { font-size: 1.3em; font-weight: bold; }
thead th { font-size: 1.2em; font-weight: bold; }
tbody th { min-width: 190px; padding-right: 10px; }
table.adres th { min-width: 10px; width: 10px; }
table.thBreed th { min-width: 250px; }

/*navigation*/
#header {
	position: absolute; top: 0; left: 0; width: 990px; height: 30px;
	background: #58576a;
	text-align: left;
}
#header p {
	margin-left: 215px;
	color: #9e9eae;
	font-weight: bold;
}

#leftNav {
	position: absolute; top: 30px; left: 0; width: 189px; height: 100%;
	background: #afa19c; color: #423a37;
	text-align: left; font-size: 1.1em;
}
#leftNav .dnkaLogo { margin-bottom: 15px; }
#leftNav p { padding: 0; }
#leftNav a { color: #423a37; }
#leftNav h4, #leftNav h5, #leftNav h6 {
	padding: 0; margin: 0;
	font-size: 1.0em; font-style: normal; font-weight: normal;
}
#leftNav ul li { padding: 0; margin: 0; cursor: pointer; }
#leftNav ul li a, #leftNav ul li p, #leftNav ul li h4, #leftNav ul li h5, #leftNav ul li h6 { padding: 3px 10px 3px 25px; display: block; }
#leftNav ul li h4 a { padding: 0; }
#leftNav ul li ul { display: none; }
#leftNav ul li ul li a, #leftNav ul li ul li p, #leftNav ul li ul li h4, #leftNav ul li ul li h5, #leftNav ul li ul li h6 { padding: 3px 10px 3px 35px; }
#leftNav ul li ul li a, #leftNav ul li ul li p, #leftNav ul li ul li h4, #leftNav ul li ul li h5 { background: url(/media/img/bg_leftnav_li_dot.gif) no-repeat 25px 9px; color: #2d4088; }
#leftNav ul li ul li h6 { color: #655955; }
#leftNav ul li ul li h5 a { background: none; padding: 0; }
#leftNav ul li ul li ul li { list-style: none; }
#leftNav ul li ul li ul li ul li { padding-left: 10px; }
#leftNav ul li ul li ul li ul li ul li { padding-left: 0px; }
#leftNav ul li ul li ul li a, #leftNav ul li ul li ul li p {
	padding: 3px 10px 3px 35px;
	background: none; color: #655955;
}
#leftNav ul li.active, #leftNav ul h4.active { background-color: #8e7c76; background-image: url(/media/img/bg_leftnav_li.gif); background-repeat: no-repeat; background-position: 8px 5px; color: #fff; }
#leftNav ul li.active a, #leftNav ul h4.active a { color: #fff; }
#leftNav ul li ul li.active a { color: #2d4088; }
#leftNav ul li.activeParent a, #leftNav ul li.activeParent p, #leftNav ul li.activeParent h4, #leftNav ul li.activeParent h5, #leftNav ul li.activeParent h6 { color: #fff; }
#leftNav ul li.activeParent ul li a, #leftNav ul li.activeParent ul li p, #leftNav ul li.activeParent ul li h4, #leftNav ul li.activeParent ul li h5, #leftNav ul li.activeParent ul li h6 { color: #2d4088; }
#leftNav ul li.activeParent ul li ul li a, #leftNav ul li.activeParent ul li ul li p, #leftNav ul li.activeParent ul li ul li h4, #leftNav ul li.activeParent ul li ul li h5, #leftNav ul li.activeParent ul li ul li h6 { color: #655955; }
#leftNav ul li ul li ul li.active a { color: #655955; }
#leftNav ul li ul li ul li.active ul li a {
	padding-left: 50px;
	color: #c7bebb !important;
}
#rightNav {
	position: absolute; top: 30px; right: 0; width: 189px; height: 100%; padding-top: 145px;
	background: #7176ac;
	text-align: left;
}
#rightNav h1, #rightNav h2, #rightNav h3, #rightNav h4, #rightNav h5, #rightNav h6, #rightNav p { padding-left: 10px; padding-right: 10px; }
#rightNav h1 { font-size: 1.6em; }
#rightNav .extraLinks {
	position: absolute; top: 0; height: 125px; width: 188px; margin-bottom: 15px;
	background: #afa19c;
	font-size: 1.1em;
}
#rightNav .extraLinks a { color: #58576a; }
#rightNav .extraLinks ul { padding: 20px 0 0 10px; }
.logo {
	margin: 5px 10px;
	border: none;
}
#rightNav img.foto { margin-left: 10px; }
#rightNav .onderschrift { padding-left: 10px; }

.footer {
	position: absolute; bottom: 0; left: 0; height: 30px;
	text-align: left;
}
#leftNav .footer, #rightNav .footer {
	width: 189px;
	background: #58576a;
}
#content .footer {
	width: 612px;
	background: url(/media/img/transparent_content.png);
}
.movieDiv3x4 { padding-left: 45px; }

/*misc*/
.errors { background: #d1cccb; border: 1px solid #000; }
div.errors {
	padding: 5px;
	background: #d1cccb; border: 2px solid #000; color: #000;
}
#documents { position: absolute; top: 130px; right: 10px; }
.artwork, .afbeelding, .afbeeldingGroot { clear: both; }
.artwork img, img.artwork, afbeelding img, img.afbeelding { float: left; margin-right: 10px; margin-top: 5px !important; }
.afbeeldingGroot { display: block; margin-left: auto; margin-right: auto }
.artwork img, img.artwork { cursor: pointer; }
img.artwork.alignright, img.afbeelding.alignright { float: right; margin-right: 0px; margin-left: 10px; }
.artwork p + p, .afbeelding p + p { float: right; }
.beeldGroot { width: 350px; clear: both; }

.vcard, .vcard .org { margin-bottom: 10px; }
.tel span, .email span, .url span { display: inline-block; width: 15px; }
.organization-name h4, .organization-unit h5 { padding-top: 5px !important; }
.item {
	margin-bottom: 25px;
	border-bottom: 2px solid #fff;
}

/* sIFR */
@media screen {
	.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
	.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
	.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
	.sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }
}
@media print {
	.sIFR-flash { display: none !important; height: 0; width: 0; position: absolute; overflow: hidden; }
	.sIFR-alternate { visibility : visible !important; display: block !important; position: static !important; left: auto !important; top: auto !important; width: auto !important; height: auto !important; }
}
@media screen {
	.sIFR-active h1, .sIFR-active h2, .sIFR-active h3 { visibility: show !important; }
}
/* sIFR */
