html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
/* END RESET CSS */
body { font:13px/1.231 sans-serif; *font-size:small; } 
select, input, textarea, button { font:99% sans-serif;}
pre, code, kbd, samp { font-family: monospace, sans-serif; }
/* * minimal base styles */
body, select, input, textarea { color: #444; font-family: Tahoma, Arial, Helvetica, sans-serif; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; padding:0; } 
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { 
padding: 15px; 
white-space: pre; /* CSS2 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
}
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid { }
input:invalid, textarea:invalid { 
border-radius: 1px;
-moz-box-shadow: 0px 0px 5px red; 
-webkit-box-shadow: 0px 0px 5px red; 
box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
::-moz-selection{ background: #00a950; color:#fff; text-shadow: none; }
::selection { background:#00a950; color:#fff; text-shadow: none; } 
a:link { -webkit-tap-highlight-color: #00a950; } 
button { width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
/* * Non-semantic helper classes */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; } 
.visuallyhidden { position: absolute !important; 
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px); }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after {content: "\0020"; display: block; height: 0; visibility: hidden;	} 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/*------------------------------------------------------------------
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[1. Global Styles]
*/
html, body{
height: 100%;
}
h1 {color:#008490; font: bold 18px/18px "Microsoft Sans Serif", Geneva, sans-serif;}
h2 {color:#008490; font: bold 14px/15px "Microsoft Sans Serif", Geneva, sans-serif;}
h3 {}
#wrapper {font-family:"Microsoft Sans Serif", Geneva, sans-serif; color:#3e3d40;}
img {border:none;}
p {line-height:20px;}
#wrapper .greenGradient, #wrapper div.login div.objectWrapper.login div.widget > div.widgetBottom div.feedbackPanel {
background: #24959f;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI0OTU5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMDc3ODAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #24959f 0%, #107780 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#24959f), color-stop(100%,#107780));
background: -webkit-linear-gradient(top, #24959f 0%,#107780 100%); 
background: -o-linear-gradient(top, #24959f 0%,#107780 100%);
background: -ms-linear-gradient(top, #24959f 0%,#107780 100%);
background: linear-gradient(top, #24959f 0%,#107780 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24959f', endColorstr='#107780',GradientType=0 );
}
/*------------------------------------------------------------------
[2. Wrapper]
*/
#wrapper {width:100%; min-height:100%; background: url(/images/bgSpacer.jpg) repeat-x left bottom; background-color:#ffffff;}
#wrapper div.innerWrapper {margin-left: auto; margin-right:auto; width:960px; padding-bottom:30px;}
#wrapper header {height:166px; width:100%;}
#wrapper div.content {height:auto; width:100%; overflow:hidden;}
#wrapper footer {
height:105px; 
width:100%; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
clear:both;
}
/*------------------------------------------------------------------
[3. Header]
*/
#wrapper header > div {padding-top:19px; height:80px;}
#wrapper header a.homepage {display:block; width:16%; float:left;}
#wrapper header > div > div.navMisc {float:right; font-size:12px; margin-top:38px; position: relative; z-index:100;}
#wrapper header > div > div.navMisc, #wrapper header > div > div.navMisc a {color:#939393; text-decoration:none;}
#wrapper header > div > div.navMisc a:hover {text-decoration:underline;}
#wrapper header > div > div.navMisc ul.misc {float:left; margin-right:60px;}
#wrapper header > div > div.navMisc ul.misc li {display:inline; border-left:1px solid #939393; padding:0 17px; position:relative;}
#wrapper header > div > div.navMisc ul.misc li:first-child {border-left:none;}
#wrapper header > div > div.navMisc ul.misc li a.minify {font-size:9px; padding-right:3px; cursor: pointer;}
#wrapper header > div > div.navMisc ul.misc li a.maxify {cursor: pointer;}
#wrapper header > div > div.navMisc ul.misc li span.arrow {
width:9px; 
height:5px; 
background:url(/images/elementSprite.png) no-repeat scroll -24px -51px transparent; 
position:absolute;
top:7px;
right:5px;
}
#wrapper header > div > div.navMisc > ul > li:hover > ul {display:block;}
#wrapper header > div > div.navMisc ul > li > ul {
position:absolute; 
background-color:#FFF;
border:1px solid #939393;
border-top:none;
top:15px; 
left:-1px; 
z-index:200;
display:none;
}
#wrapper header > div > div.navMisc ul#inlogDropDown li {display:block; border-left:none; padding:0;}
#wrapper header > div > div.navMisc ul#inlogDropDown li a {display:block; border-left:none; padding:5px 17px;}
#wrapper header > div > div.navMisc span {float:left;}
#wrapper header > div > div.navMisc ul.socialMedia li {float:left; list-style:none; position: relative;}
#wrapper header > div > div.navMisc ul.socialMedia li a.button {width:21px; height:21px; display:inline-block; margin-left:9px; margin-top:-1px;}
#wrapper header > div > div.navMisc a.button.hyves {background:url(/images/elementSprite.png) no-repeat scroll 0 -25px transparent;}
#wrapper header > div > div.navMisc a.button.facebook {background:url(/images/elementSprite.png) no-repeat scroll -25px -25px transparent;}
#wrapper header > div > div.navMisc a.button.twitter {background:url(/images/elementSprite.png) no-repeat scroll -49px -25px transparent; margin-right:10px;}
#wrapper header nav {
position:relative;
width:100%; 
height:46px; 
margin-top:20px; 
border-bottom:1px solid #0a4449;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
clear:both;
z-index:2;
}
#wrapper header nav > ul.mainNav {height: 98%; width:100%; margin:0; padding:0; border-bottom:1px solid #0f5b62; font-size:16px; float:left; position:relative; z-index:1;}
#wrapper header nav > ul.mainNav li {float:left; }
#wrapper header nav > ul.mainNav li a {color:#ffffff; text-decoration:none; text-shadow: 1px 1px 3px #000; line-height:45px; padding:13px 23px; background:url(/images/separator.gif) right top no-repeat; font-weight:bold; font-size:13px;}
#wrapper header nav > ul.mainNav li.active, #wrapper header nav > ul.mainNav li:hover {
background: #24959f;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI0OTU5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMDc3ODAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #107780 0%, #24959f 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#107780), color-stop(100%,#24959f));
background: -webkit-linear-gradient(top, #107780 0%,#24959f 100%); 
background: -o-linear-gradient(top, #107780 0%,#24959f 100%);
background: -ms-linear-gradient(top, #107780 0%,#24959f 100%);
background: linear-gradient(top, #107780 0%,#24959f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#107780', endColorstr='#24959f',GradientType=0 );
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
}
#wrapper header nav > div.search {height:45px; text-align:right; float:right; margin-right:22px; position:absolute; right:0; z-index:2;}
#wrapper header nav > div.search input[type="text"] {
font-size:11px; 
font-style:italic;
color:#98d2d7; 
width:127px;
margin-top:12px;
padding: 2px 0 3px 6px;
border:none;
height:18px;
background-image:url(/images/elementSprite.png);
background-repeat:no-repeat;
}
#wrapper header nav > div.search input[type="image"] {margin-left: -5px; margin-top: 12px;}
#wrapper div.welkomstMelding {
height:216px;
width:277px;
position:absolute;
top:200px;
margin-left:20px;
z-index:100;
background: url(/images/bgSlider.png) no-repeat top left;
color:white;
}
#wrapper div.welkomstMelding h2 {color:#ffffff; font-size:20px; line-height:25px; text-shadow: 1px 1px 3px #000; padding:16px 14px;}
#wrapper div.welkomstMelding p {padding: 0 14px; font-size:13px;}
#wrapper div.welkomstMelding p > a {font-weight: bold; text-decoration:underline; color:#ffffff;}
/*------------------------------------------------------------------
[4. menu]
*/
#wrapper div.content nav.subNav {width:281px; padding-right:58px; float:left; margin-top:20px;}
#wrapper div.content nav.subNav div.paginaTitel {
padding:9px 0 7px 15px; 
border-bottom:1px solid #0a4449;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
zoom:1;
clear:both;
color:#ffffff;
text-shadow: 1px 1px 3px #000;
font-weight:bold;
margin-bottom:2px;
}
#wrapper div.content nav.subNav div.meerNieuws {
padding:9px 0 7px 15px; 
border-top:1px solid #0a4449;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-bottm-right-radius: 3px;
-moz-border-radius-tbottomleft: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
zoom:1;
clear:both;	
margin: 2px 0 2px 0;
text-align:right;
padding-right:17px;
}
#wrapper div.content nav.subNav div.meerNieuws a {color:#ffffff; font-weight:bold; text-shadow: 1px 1px 3px #000; text-decoration:none;}
#wrapper div.content nav.subNav div.meerNieuws > a > span {background:url(images/elementSprite.png) no-repeat -5px -48px transparent; width:6px;}
#wrapper div.content nav.subNav div.item {width:281px; overflow:hidden; margin-bottom:1px;}
#wrapper div.content nav.subNav div.item > div.itemContainer {width:238px;}
#wrapper div.content nav.subNav div.item > div, 
#wrapper div.content nav.subNav div.item a {
background:#efeeef; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; 
border-radius: 3px; 
margin: 1px 0; 
float:left;
}
#wrapper div.content nav.subNav div.item a.itemTitel {
display:block; 
color:#107780;
text-decoration:none;
font-size:14px;
padding:7px 7px;
width:224px;
background:transparent;
}
#wrapper div.content nav.subNav div.item a.submenu {background:url(images/elementSprite.png) no-repeat 0 -66px transparent;}
#wrapper div.content nav.subNav div.item:hover a.submenu {background: url(images/elementSprite.png) no-repeat 0 -66px #e7e7e7; color:#c5044c;}
#wrapper div.content nav.subNav div.item a.active {background: url(images/elementSprite.png) no-repeat 0 -66px trnasparent; color:#c5044c;}
#wrapper div.content nav.subNav div.item div.itemContainer > ul.level3 {display:table; margin-bottom:20px; background-color:transparent;}
#wrapper div.content nav.subNav div.item div.itemContainer > ul.level3 > li {clear:both; margin-left:20px; background-color:transparent;}
#wrapper div.content nav.subNav div.item div.itemContainer > ul.level3 > li > a {padding:3px 0; text-decoration:none; color:#107780;}
#wrapper div.content nav.subNav div.item div.itemContainer > ul.level3 > li > a.active {color:#c5044c;}
#wrapper div.content nav.subNav div.item div.itemContainer > ul.level3 > li > a:hover {background:#e7e7e7; color:#c5044c;}
#wrapper div.content nav.subNav div.item:hover div.itemContainer > ul.level3 > li > a,
#wrapper div.content nav.subNav div.item.active div.itemContainer > ul.level3 > li > a
{background:#e7e7e7;}
#wrapper div.content nav.subNav div.item > div.icon {margin-right:3px; padding:12px 17px; }
#wrapper div.content nav.subNav div.item > div.icon > div { width:5px; height:9px; background:url(images/elementSprite.png) no-repeat 0 -49px transparent;}
#wrapper div.content nav.subNav div.item:hover div {background:#e7e7e7;}
/*------------------------------------------------------------------
[5. Content]
*/
#wrapper div.content div.breadcrumbs {margin-top:20px;}
#wrapper div.content div.breadcrumbs a {font-size:12px; text-decoration:none; color:#909090;}
#wrapper div.content div.breadcrumbs a:hover {text-decoration:underline;}
#wrapper div.content div.breadcrumbs span.separator img {vertical-align: middle; margin-left:5px; margin-right:2px;}
#wrapper div.content nav.subNav, #wrapper div.content > section {margin-bottom:55px;}
#wrapper div.content > section {float:left; width:64%; height:100%; margin-top:20px;}
#wrapper div.content > section article > h1 {margin-bottom:13px;}
#wrapper div.content > section article > h2 {margin-bottom:8px;}
#wrapper div.content > section article > p {margin-bottom:18px;}
#wrapper div.content > section article > ul, #wrapper div.content > section article > ol {margin-left:1.8em;}
#wrapper div.content > section article > div.nieuwsDetail img {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom:30px;}
#wrapper div.content > section article > div.nieuwsDetail h1 {margin-bottom:10px;}
#wrapper div.content > section article > div.nieuwsDetail span.datum {color: #909090; font-size: 12px;}
#wrapper div.content > section article > div.nieuwsDetail p {margin-top:18px; }
#wrapper div.content > section article.searchresults table tr.rowColor1, #wrapper div.content > section article.searchresults table tr.rowColor2 {height:27px;}
#wrapper div.content > section article.searchresults table tr.rowColor1 > td, #wrapper div.content > section article.searchresults table tr.rowColor2 > td {vertical-align: bottom;}
#wrapper .layout__wrapper {
width: 620px;
}
/*------------------------------------------------------------------
[5.1 Custom loginscherm]
*/
input, textarea {font-family: "Microsoft Sans Serif",Geneva,sans-serif;}
#wrapper div.login > table {width:100%;}
#wrapper div.login div.objectWrapper.login {margin-top:15em;}
#wrapper div.login div.objectWrapper.login div.centerizer {width:570px;}
#wrapper div.login div.objectWrapper.login div.widget {
font-family: "Microsoft Sans Serif",Geneva,sans-serif;
border:1px solid #767676;
background:#FFF;
height:180px;
border-radius: 8px;
-moz-box-shadow: 0 2px 5px rgba(0, 0 ,0, 0.8);
-webkit-box-shadow: 0 2px 5px rgba(0, 0 ,0, 0.8);
box-shadow: 0 2px 5px rgba(0, 0 ,0, 0.8);
position:relative;
}
#wrapper div.login div.objectWrapper.login div.widget > div.widgetTop {background:url(/images/logoNehalennia.png) no-repeat center center transparent; position:absolute; width:215px; height:120px; top:42px; left:0;}
#wrapper div.login div.objectWrapper.login div.widget > div.widgetTop h3 {display:none;}
#wrapper div.login div.objectWrapper.login div.widget > div.widgetBottom div.content {position:relative; height:180px;}
#wrapper div.login div.objectWrapper.login div.widget > div.widgetBottom div.feedbackPanel {
padding-top:4px;
color:#FFF;
padding:12px 16px;
font-size:13px;
font-family: "Microsoft Sans Serif",Geneva,sans-serif;
border-radius: 7px 7px 0px 0px;
zoom:1;
}
#wrapper div.login div.objectWrapper.login div.widget > div.widgetBottom div.feedbackPanel div.feedbackMessage.error {font-weight:bold; background:url(/images/block_16.png) no-repeat top left transparent; padding-left:20px;}
#wrapper div.login div.objectWrapper.login div.widget > div.widgetBottom form { position:absolute; left:230px; top:48px;}
#wrapper div.login div.objectWrapper.login div.widget > div.widgetBottom input[type="text"],
#wrapper div.login div.objectWrapper.login div.widget > div.widgetBottom input[type="password"] {
background: #f1f1f1;
font-size: 11px;
margin-bottom: 10px;
padding: 9px 7px 7px;
width: 190px;
border: none;
border-radius: 4px 4px 4px 4px;
color: #767676;
}
#wrapper div.login div.objectWrapper.login div.widget > div.widgetBottom ul.noListStyle {margin-top:10px;}
#wrapper div.login div.objectWrapper.login div.widget > div.widgetBottom input[type="submit"], button {
padding:5px 21px;
border: none;
border-radius: 4px 4px 4px 4px;
background-color:#f1f1f1;
color:#767676;
font-weight:bold;
font-size:13px;
-moz-transition: all 0.5s ease; 
-o-transition: all 0.5s ease; 
-webkit-transition: all 0.5s ease; 
transition: all 0.5s ease;
}
#wrapper div.login div.objectWrapper.login div.widget > div.widgetBottom label.fixedwidth150 {width:95px; color:#0a4449; font-size:12px; text-align:right; margin-right:15px;}
#wrapper div.login div.objectWrapper.login div.widget > div.widgetBottom input[type="submit"]:hover {background-color:#dbdada;}
/*------------------------------------------------------------------
[5.2 Youtube]
*/
#wrapper #player {position: relative; width: 620px; height: 100%;}
#wrapper .youtube .carousel {margin-top:15px;}
#wrapper .youtube .thumbnail { border: 1px solid black; cursor: pointer; margin: 2px; width: 110px; display:block;}
#wrapper .youtube .thumb { display:block; padding: 11px 9px; border:1px solid #cfcfcf; overflow:hidden; margin-bottom:4px; }
#wrapper .youtube .thumb > img { float:left; margin-right:20px;}
#wrapper .youtube .thumb > h2, #wrapper .youtube .thumb > p { float:left; width:440px;}
#wrapper .youtube .thumb > h2 { margin-bottom:5px; cursor:pointer;}
#wrapper .youtube .thumb > p { word-wrap: break-word; white-space: normal;}
#wrapper .youtube .thumb > p span.meer {color:#c5044c; cursor:pointer; font-weight:bold;}
#wrapper .youtube .thumb > p span.minder {display:block; color:#c5044c; cursor:pointer; font-weight:bold;}
#wrapper .youtube iframe.player { border: 0 none; height: 350px; overflow: auto;width: 100%;}
#wrapper .youtube .scrollable {white-space: nowrap;}
#wrapper a.archief {display:block; float: right; color:#24959f; font-weight:bold; text-decoration:none; margin-top: 5px;}
#wrapper a.archief:hover {text-decoration:underline;}
#wrapper a.archief div { width:5px; height:9px; background:url(images/elementSprite.png) no-repeat -16px -49px transparent; display:inline-block;}
/*------------------------------------------------------------------
[6. Footer]
*/
#wrapper footer > div {float:left; width:320px; height:105px; color:#ffffff;}
#wrapper footer > div div {
height:15px;
padding:7px 0 6px 35px;
text-shadow: 1px 1px 3px #000;
font-weight:bold;
margin-bottom:2px;
}
#wrapper footer > div.contact {
background:#c5044c; 
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
#wrapper footer > div p > a {display:inline-block;}
#wrapper footer > div.contact div.contactHeader {
background: rgb(197,4,76);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0MiUiIHN0b3AtY29sb3I9IiNjNTA0NGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1OSUiIHN0b3AtY29sb3I9IiNhYzA2NDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(197,4,76,1) 42%, rgba(172,6,67,1) 59%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(42%,rgba(197,4,76,1)), color-stop(59%,rgba(172,6,67,1)));
background: -webkit-linear-gradient(top, rgba(197,4,76,1) 42%,rgba(172,6,67,1) 59%);
background: -o-linear-gradient(top, rgba(197,4,76,1) 42%,rgba(172,6,67,1) 59%);
background: -ms-linear-gradient(top, rgba(197,4,76,1) 42%,rgba(172,6,67,1) 59%);
background: linear-gradient(top, rgba(197,4,76,1) 42%,rgba(172,6,67,1) 59%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5044c', endColorstr='#ac0643',GradientType=0 );
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
border-bottom:1px solid #940339;
}
#wrapper footer > div.contact p {color:#df6995;font-size:13px; padding:12px 35px 0 23px;}
#wrapper footer > div.contact p > a {color:#ffffff; text-decoration:none; padding-right:7px;}
#wrapper footer > div.contact p > a > span {color:#df6995; padding-right:5px;}
#wrapper footer > div.special {background:#3291b1; }
#wrapper footer > div.special div.specialHeader {
background: rgb(50,145,177);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0MiUiIHN0b3AtY29sb3I9IiMzMjkxYjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1OSUiIHN0b3AtY29sb3I9IiMyMjdkOWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(50,145,177,1) 42%, rgba(34,125,156,1) 59%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(42%,rgba(50,145,177,1)), color-stop(59%,rgba(34,125,156,1)));
background: -webkit-linear-gradient(top, rgba(50,145,177,1) 42%,rgba(34,125,156,1) 59%);
background: -o-linear-gradient(top, rgba(50,145,177,1) 42%,rgba(34,125,156,1) 59%);
background: -ms-linear-gradient(top, rgba(50,145,177,1) 42%,rgba(34,125,156,1) 59%);
background: linear-gradient(top, rgba(50,145,177,1) 42%,rgba(34,125,156,1) 59%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3291b1', endColorstr='#227d9c',GradientType=0 );
border-bottom:1px solid #096888;
}
#wrapper footer > div.special p {color:#a2aab9;font-size:13px; padding:12px 35px 0 23px;}
#wrapper footer > div.special p > a {color:#ffffff; text-decoration:none; padding-right:7px;}
#wrapper footer > div.special p > a > span {color:#a2aab9; padding-right:5px;}
#wrapper footer > div.info {
background:#107780; 
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
#wrapper footer > div.info div.infoHeader {
background: rgb(16,119,128);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0MiUiIHN0b3AtY29sb3I9IiMxMDc3ODAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1OSUiIHN0b3AtY29sb3I9IiMwYjViNjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(16,119,128,1) 42%, rgba(11,91,98,1) 59%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(42%,rgba(16,119,128,1)), color-stop(59%,rgba(11,91,98,1)));
background: -webkit-linear-gradient(top, rgba(16,119,128,1) 42%,rgba(11,91,98,1) 59%);
background: -o-linear-gradient(top, rgba(16,119,128,1) 42%,rgba(11,91,98,1) 59%);
background: -ms-linear-gradient(top, rgba(16,119,128,1) 42%,rgba(11,91,98,1) 59%);
background: linear-gradient(top, rgba(16,119,128,1) 42%,rgba(11,91,98,1) 59%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#107780', endColorstr='#0b5b62',GradientType=0 );
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
border-bottom:1px solid #05454b;
}
#wrapper footer > div.info p {color:#3d9ea7;font-size:13px; padding:12px 35px 0 23px;}
#wrapper footer > div.info p > a {color:#ffffff; text-decoration:none; padding-right:7px;}
#wrapper footer > div.info p > a > span {color:#3d9ea7; padding-right:5px;}
#wrapper .disclaimer {float:right; margin-top:24px; font-size:11px;}
#wrapper .disclaimer a.wis {color:inherit; text-decoration:none; display:inline-block; padding:3px 5px; zoom: 1; *display: inline; vertical-align: middle;}
#wrapper .disclaimer a.wis:hover {color:#ffffff; background-color:#0068B5;}
/*
* Media queries for responsive design
* These follow after primary styles so they will successfully override. 
*/
@media all and (orientation:portrait) { 
/* Style adjustments for portrait mode goes here */
}
@media all and (orientation:landscape) { 
/* Style adjustments for landscape mode goes here */
}
/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) 
Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
/* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
j.mp/textsizeadjust 
html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}
/* 
* print styles
* inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
*/
@media print {
* { background: transparent !important; color: #444 !important; text-shadow: none !important; }
a, a:visited { color: #444 !important; text-decoration: underline; }
a:after { content: " (" attr(href) ")"; } 
abbr:after { content: " (" attr(title) ")"; }
.ir a:after { content: ""; } /* Don't show links for images */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
tr, img { page-break-inside: avoid; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }
}