/***** easy clearing *****/
* { margin: 0; }
html { height: 100%; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */

/***** layout ******/
html{overflow-x: auto; overflow-y: scroll; }
body{ margin: 0; padding: 0; text-align: center; height: 100%; }

#wrap{ padding: 0; text-align: left; width: 959px; position: relative; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -66px; }
a#header{ display: block; float: left; margin-left: 12px; margin-top: 5px; }
a#header img.append{ position: absolute; top: 8px; left: 276px;  }

#mainHeader { background: url(../assets/images/heading.gif) no-repeat; height: 133px; position: relative; }

#template { position: relative; padding-bottom: 50px; background-color: white; min-height: 570px; }
body#homepage { background-color: #626e81; }
body#homepage #wrap { width: 757px; }
body#homepage #template { min-height: 0; height: 0; padding: 0; margin-top: 147px; }
body#homepage div#mainHeader { display: none; }

#panelLayer { width: 346px; padding: 0px 10px 1px 0px; position: absolute; left: 0; top: 51px; padding-bottom: 10px; }
#searchAndTagLayer { margin-left: 356px; padding: 16px 0px 0 0; overflow: hidden; position: relative; padding-bottom: 10px; }
#search { margin-left: 50px; }
#searchResults { margin-left: 356px; }
#searchResults div.ajaxNav_workspace { clear: both; width: 602px; }

div#searchInner { margin-bottom: 10px; overflow: hidden; }
div.searchInputWrapper { border: 1px solid #8e8e8f; float: left; position: relative; overflow: hidden; }
div.searchInputHelper1 { position: absolute; z-index: 1; left: 0px; top: 0px; height: 25px; width: 5px; background: url(../assets/images/all.png) 0px -43px no-repeat; }
div.searchInputHelper2 { position: absolute; z-index: 1; right: 0px; top: 0px; height: 25px; width: 3px; background: url(../assets/images/all.png) -7px -43px no-repeat; }
input.searchInput { border: none; background: transparent; font-size: 1.2em; font-weight: strong; line-height: 14px; padding: 3px 4px 3px 8px; float: left; height: 15px; width: 443px; background: url(../assets/images/forms/input-middle.gif) repeat-x; }
input.searchSubmit { cursor: pointer; outline: none; position: relative; top: -1px; margin-left: 5px; width: 66px; height: 25px; float: left; border: none; background: url(../assets/images/all.png) -10px -35px no-repeat; text-indent: -1000px; font-size: 0; line-height: 0; }
input.searchSubmit:hover, input.searchSubmitHover { background-position: -10px 0; }

div.panelWrapper { clear: both; margin-bottom: 14px; position: relative; }

div.tagsPanel, div.contactPanel { margin-bottom: 0; }
img.regieraadLogo { float: right; margin-right: 10px; padding: 5px; background: white; }
img.linkedInLogo { float: left; margin-top: 10px; }

div.panelTitleBar, h2.resultsHeader { height: 30px; background:url(../assets/images/bg/panel-bg.gif) repeat-x; padding-top: 1px; padding-left: 19px; position: relative; }
h2.resultsHeader { height: 27px; line-height: 27px; color: #ffd65a; }
div.yellow div.panelTitleBar { background: url(../assets/images/bg/panel-bg_yellow.gif) repeat-x; }
div.panelTitleBar h2 { float: left; height: 27px; line-height: 27px; color: #ffd65a; }
div.yellow div.panelTitleBar h2 { color: #fff; }
div.clearSelection { float: right; cursor: pointer; color: #fff; position: relative; height: 27px; line-height: 27px; background: url(../assets/images/close.png) no-repeat 95% 7px; padding-right: 26px; padding-left: 10px; margin-right: 5px; }
div.clearSelection.hover { text-decoration: underline; }
div.clearSelection img { vertical-align: middle; margin-left: 6px; }

a.helpIcon { position: relative; display: block; float: right; cursor: pointer; background: url(../assets/images/help.png) no-repeat; width: 16px; height: 15px; margin-right: 8px; margin-top: 8px; position: relative; z-index: 10; }
a.helpIcon:hover { background: url(../assets/images/help-hover.png) no-repeat ; width: 16px; text-decoration: none; }
#search a.helpIcon { float: left; margin: 6px 1px 0 6px; }
#searchResults a.helpIcon { margin-top: -20px; }
	a.helpIcon span.helpContent { position: absolute; top: -2px; right: 18px; visibility: hidden; width: 220px; z-index: 10;  }
	#resultsForm div.tagsPanel span.helpContent { top: 16px; right: 0; }
	a.helpIcon:hover span.helpContent { visibility: visible; }
	a.jq_helpTooltip:hover span.helpContent { visibility: hidden; }
	span.helpContent div.jq_shadow_inner { position: static; }
	#searchResults .panelContent{padding-top: 28px;}
.resultsTooltip div.jq_shadow_inner { overflow: hidden; height: 34px; }
div.panelContent { border: 1px solid #c6c8ca; border-top: none; padding: 12px; padding-right: 5px; position: relative; overflow: hidden; font-size: 11px; }
div.mensenPanelContent { padding: 0; padding-bottom: 12px; }
#home div.panelContent { overflow: hidden; }

div.grey-tl { position: absolute; left: 0; top: 0; width: 4px; height: 4px; background:  url(../assets/images/all.png) 0 0 no-repeat; }
div.grey-tr { position: absolute; right: 0; top: 0; width: 4px; height: 4px; background:  url(../assets/images/all.png) -4px 0 no-repeat; }
div.grey-bl { position: absolute; left: 0; bottom: 0; width: 4px; height: 4px; background:  url(../assets/images/all.png) 0 -4px no-repeat; }
div.grey-br { position: absolute; right: 0; bottom: 0; width: 4px; height: 4px; background:  url(../assets/images/all.png) -4px -4px no-repeat; }

div.panelWrapper .helper3 { position: absolute; left: 0; bottom: 0; width: 10px; height: 10px; background:  url(../assets/images/all.png) -157px -75px no-repeat; }
div.panelWrapper .helper4 { position: absolute; right: 0; bottom: 0; width: 10px; height: 10px; background:  url(../assets/images/all.png) -167px -75px no-repeat; }

div.panelContent input.checkbox { vertical-align: middle; }

div.panelContent li { list-style: none; padding-left: 11px; background: url(../assets/images/bullet.gif) left 0.6em no-repeat; text-indent: 0; margin: 0; }

ul.themes li, ul.types li { float: left; width: 159px; margin-right: 2px; position: relative; line-height: 21px; padding-left: 0; background: none; }
ul.themes input, ul.types input { float: left; margin-top: 4px; }
ul.themes label, ul.types label { display: block; margin-left: 16px; }

div#search { margin-bottom: 10px; }
body.js div.tagsPanel label { position: relative; width: auto; line-height: 1.1em; padding: 5px 15px 5px 10px; margin: 1px 5px; cursor: pointer; float: left; }
body.js div.tagsPanel input { position: absolute; left: -10000px; }
div.tagsPanel label.selected { color: white; background: #4e6790 url(../assets/images/close-tag.gif) 98% 10% no-repeat; }
div.tagsPanel div.panelContent { font-size: 1.1em; }

span.labelHelper1, span.labelHelper2, span.labelHelper3, span.labelHelper4 {
	position: absolute; display: none; background: url(../assets/images/all.png); width: 5px; height: 4px;
}

div.panelWrapper .helper1, span.labelHelper1 { position: absolute; left: 0; top: 0; width: 5px; height: 4px; background:  url(../assets/images/all.png) 0 -12px no-repeat; }
div.panelWrapper .helper2, span.labelHelper2 { position: absolute; right: 0; top: 0; width: 5px; height: 4px; background:  url(../assets/images/all.png) -5px -12px no-repeat; }

div.clearSelection .helper1 { height: 27px; background-position: 0 -16px; }
div.clearSelection .helper2 { height: 27px; background-position: -5px -16px; }

span.labelHelper3 { left: 0; bottom: 0; background-position: -10px -70px; }
span.labelHelper4 { right: 0; bottom: 0; background-position: -15px -70px; }

label.selected span.labelHelper1, label.selected span.labelHelper2, label.selected span.labelHelper3, label.selected span.labelHelper4 {
	display: block;
}

div.contactsDetails h2.resultsHeader { display: block; }
table.results { clear: both; width: 100%; padding: 0; }
table.results th { border-right: 1px solid #c7c7c7; border-bottom: 1px solid #c6c8ca; background-color: #ececed; }
table.results th div {  padding-left: 13px; font-weight: bold; }
/*table.results th.naam div, table.results td.naam div { width: 225px; }*/
table.results th.door { width: 167px; }
table.results div { line-height: 30px; height: 30px; text-overflow:ellipsis; overflow: hidden; }
table.results tr.even div { background-color: #ececed; }
table.results td { vertical-align: top; padding: 0; border-right: 1px solid #c6c8ca; position: relative; }
table.results .odd td.last { }
#searchResults table.results td.first { padding-left: 0; }
table.results div { padding-left: 7px; overflow: hidden; }
table.results td.last div { width: 165px; overflow: hidden; }

th.sortable { background: url(../assets/images/sort.gif) 98% center no-repeat; cursor: pointer; }
th.asc { background-image: url(../assets/images/sort-asc.gif); }
th.desc { background-image: url(../assets/images/sort-desc.gif); }

td.datum, th.datum { width: 105px; }
td.door, th.door { width: 165px; }
td.soort, th.soort { width: 115px; }

div.detailsHeader { height: 48px; background:url(../assets/images/bg/header-bg.gif) repeat-x; padding-left: 9px; color: white; }
div.detailsHeader h1, div.detailsHeader a { font-size: 1.5em; display: inline; line-height: 48px; margin: 0; color: #FFD65A; }
div.detailsHeader a { text-decoration: underline; font-size: 1.2em; }
div.detailsHeader a:hover { text-decoration: none; }
div.detailsHeader span.date { margin-left: 10px; font-size: 0.9em; line-height: 48px; }
div.detailsContent { border-right: 281px solid #fff; }
div.detailsContent p.shortDescription { padding: 21px 16px 0 21px; font-size: 1.1em; line-height: 1.4em; font-weight: bold; display: block; overflow: hidden; }

div.detailsWrapper { position: relative; }

div.leftColumn { float: left; width: 214px; margin: 8px 13px 0 12px; position: relative; z-index: 2; }
div.panelWrapper { border: 1px solid #cfcfcf; border-top: none; }
div.panelWrapper .helper1 { width: 6px; height: 7px; background-position: -34px -70px; left: -1px; }
div.panelWrapper .helper2 { width: 6px; height: 7px; background-position: -40px -70px; right: -1px; }

div.panelWrapper .helper3 { width: 7px; height: 7px; background-position: -20px -70px; left: -1px; bottom: -1px; }
div.panelWrapper .helper4 { width: 7px; height: 7px; background-position: -27px -70px; right: -1px; bottom: -1px; }

div.panelContent,
div.mensenPanelContent { border: none; border-bottom: 1px solid #707070; }

div.tagsPanelDetails ul { margin-right: -5px; }
div.tagsPanelDetails li { margin-right: 7px; }
	a.collection_item_downloadLink { font-size: 0.8em; font-weight: bold; }

div.rightColumn { width: 246px; background-color: #fff; float: right; padding: 4px 13px 41px 22px; position: relative; }
div.rightColumnInner { padding: 7px 18px 0 0; position: relative; }


h3.collection_group_title { font-size: 1em; font-weight: bold; line-height: 22px; }

div.detailsBody { font-size: 1.1em; line-height: 24px; position: relative; top: -6px; padding-right: 16px; margin-left: 12px; margin-top: 18px; overflow: hidden; }
div.detailsBody ul { list-style: inside; }
div.detailsBody li { margin: 0; }
div.contactsDetails div.detailsBody { top: 0; }
div.detailsBody .mensenContent { margin-bottom: 15px; overflow: hidden; }

span.ewyseImageInContent { float: left; }
span.ewyseImageInContent img { margin-right: 0.6em; margin-bottom: 0.4em; position: relative; top: 6px; line-height: 0; }
div.contactsDetails span.ewyseImageInContent img { border: 1px solid #fbc21f; padding: 5px; }

a { color: black; outline-style: none; }
a.contactLink { white-space: nowrap; }

.jq_shadow div.detailsHeader { position: relative; z-index: 1; margin: -9px -9px 0; }
.jq_shadow div.rightColumn { z-index: 2; padding-right: 3px; }
.jq_shadow div.detailsContent { margin: 0 0 -9px -9px; border-right-width: 271px; z-index: 1; position: relative; }

#lightboxContent { background: white; }
#lightboxClose { position: absolute; right: 10px; top: 26px; }
img.vorigeButton { position:absolute; right:50px; top:18px; z-index:1; cursor: pointer; }

.jq_shadow #lightboxClose { right: 0; }

div.resultsTooltip { width: 300px; position: absolute; padding: 5px 10px; text-align: left; margin-top: -10px; z-index: 2000; }
a.helpIcon span.helpContent,
div.resultsTooltipInner { color: white; background: #4e6790; padding: 9px; }
div.resultsTooltip div.contacts { float: right; width: 145px; margin-left: 10px; }
div.resultsTooltip div.body { border-right: 155px solid #4e6790; }
div.resultsTooltip div.body a { color: #FFD65A; font-weight: bold; text-decoration: underline; }
div.resultsTooltip div.body a:hover { text-decoration: none; }
div.resultsTooltip a.contactLink { color: #FFD65A; white-space: normal; }

div.ajaxLoader { background: #4e6790 url(../assets/images/ajax-loader.gif) no-repeat center center; display: none; height: 50px; width: 50px; position: fixed; left: 10px; bottom: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; z-index: 1000; }

div.collection_navigation { overflow: hidden; }

input.example { color: #999; }

div.mailPageInner { position: relative; padding: 0 5px; }
#mailpageForm input, #mailpageForm label { float: left; clear: left; }
.generalForm input { float: left; display: block; }
.generalForm label, .generalForm span#radios_title, .generalForm span.caption { display: block; float: left; clear: left; width: 135px; vertical-align: middle; line-height: }
.generalForm .formContainer { padding: 15px; }
.generalForm #theOrder { overflow: hidden; margin-bottom: 10px; }

.generalForm #theOrder span.caption { line-height: 22px!important; }
#mailpageForm input,
.generalForm input { width: 276px; }
.generalForm input.radio { width: 25px; margin-top: 8px; }
div.leftSide { float: left; width: 45%; }
div.rightSide { float: right; width: 50%; }
div.persoonlijkBericht { clear: both; }
div.persoonlijkBericht label,
.generalForm label,
.generalForm span.caption { font-size: 1.2em; line-height: 2em; }
.generalForm span#radios_title { font-size: 1.2em; line-height: 1.2em; margin-top: 6px; }

div.persoonlijkBericht textarea { clear: both; display: block; width: 99%; }

#mailpageForm { display: block; overflow: hidden; }
#mailpageForm input.submit { float: right; margin-top: 5px; margin-right: 1%; width: 100px; clear: none; }
.generalForm input.submit { float: left; margin-top: 10px; margin-bottom: 10px; margin-right: 1%; width: 100px; clear: none; }

div.linkDoor { color: white; position: relative; overflow: hidden;  margin-top: 15px; margin-bottom: 15px; width: 124px; float: left; margin-right: 11px; height: 28px; }
.detailsBody .linkDoor { height: 27px; }
div.mailHelper1 { height: 27px; position: absolute; top: 0; left: 0; width: 5px; background: url(../assets/images/all.png) -133px 0 no-repeat; }
div.mailHelper2 { height: 27px; position: absolute; top: 0; right: 0; width: 5px; background: url(../assets/images/all.png) -133px -27px no-repeat; }
div.linkDoor a { height: 28px; line-height: 32px; float: left; position: relative; z-index: 10; font-size: 11px; font-weight: bold; color: #000!important;}
div.linkDoor a.uitleg { cursor: pointer; background: url(../assets/images/uitleg.gif) no-repeat 0 center; padding-left: 21px; }
.leftColumn div.linkDoor { margin-bottom: 15px; margin-top: 5px; }
div.linkDoor a.maildoor { background: url(../assets/images/forms/maildoor.gif) no-repeat 0 center; padding-left: 34px; }
div.linkDoor a.bestel { background: url(../assets/images/forms/bestel.gif) no-repeat 0 center; padding-left: 35px; }	
div.linkDoor a.bijdrage { background: url(../assets/images/bijdrage.gif) no-repeat 0 center; padding-left: 30px; }

div.greyHelper1,
div.greyHelper2 { position: absolute; top: 0; width: 5px; height: 28px; }
div.greyHelper1 { left: 0; background:url(../assets/images/all.png) no-repeat -138px 0; }
div.greyHelper2 { right: 0; background:url(../assets/images/all.png) no-repeat -138px -28px; }

#mailpageForm textarea,
#mailpageForm input.text,
.generalForm input.text,
.generalForm textarea { border-top: 1px solid #9a9a9a; border-left: 1px solid #9a9a9a; border-bottom: 1px solid #eeeeee; border-right: 1px solid #eeeeee; -webkit-border-radius: 5px; -moz-border-radius: 5px; -border-radius: 5px; }

#mailpageForm input.text,
.generalForm input.text,
.generalForm span.orderData { float: left; height: 18px; line-height: 18px; padding: 3px 2px; margin-bottom: 5px; vertical-align: middle; font-size: 1.1em; }
.generalForm label.textArea { float: left; }
.generalForm textarea { width: 280px; height: 140px; float: left; margin-bottom: 7px; }

.generalForm #radios { display:block; margin-bottom:6px; overflow:hidden; clear: left; }
.generalForm #radios .errorMessage { margin-left: 180px; }
.generalForm label.after { clear:none; margin-left:5px; margin-right:30px; width:auto; }

.error { border: 1px solid red!important; }

.errorMessage { color: #ff0000; font-size: 0.9em; padding: 1px 3px; background-color: white; border: 1px dotted #ccc; }

div.replyContainer { margin-top: 10px; margin-left: 115px; float: left; }
div.replyMessage { float: left; }

#home { position: relative; margin-top: 65px; }
#home div.panelWrapper { margin: 0; border: none; }
#home div.panelTitleBar, #home div.panelContent { padding-left: 165px; }
#home div.panelContent { padding-top: 14px; padding-bottom: 0px; padding-right: 0px; background-color: white; border: 0px; }
#home div.panelContent h2 { font-size:16px; line-height: 18px; }
#home div.panelTitleBar { height: 76px; background: url(../assets/images/home/paneltitlebar.gif) no-repeat; margin: -9px -9px 0 -9px; padding-top: 0; }
#home div.panelTitleBar h2 { font-size: 40px; font-weight: bold; line-height: 79px; color: #dfe5ee; }
#home div.panelContent img { float: right; }
#home div#archive-image { position:absolute; background:url(../assets/images/home/archive-image.png) no-repeat; width: 212px; height: 216px; z-index: 200; top: -53px; left: -70px; }
#home a:hover { text-decoration: none; }