/***********************************************************
Title:     Main | Emile Blume - Netcreators.com
************************************************************/

/* Global reset v1.0 | 20081023 //////////////////////////////////////////////////////////////////////*/
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, strong, u, i, em, 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; }

a img { border: none; }
abbr, acronym, .help { border-bottom:1px dotted #333; cursor:help; }
blockquote, q { quotes:none;}
blockquote { margin: 0 0 1.3em 1.3em; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

dd { margin-left:1em;}
sup, sub { font-size:x-small; vertical-align:top; }
sub { vertical-align:bottom;}
table {  border-collapse:collapse; border-spacing:0; empty-cells:show; }

/* Base ////////////////////////////////////////////////////////////////////////////////*/
body { background: #FFF; color: #333; font: normal 80% Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:1.5em; font-weight:normal; margin-bottom:0.4em; color:#E2007A; }
h1 { font-size: 1.8em; font-weight:bold; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1.1em; }

p { font-size: 1em; margin-bottom:1.5em; }
pre, code, kbd, samp { font-size:1.5em; }
pre code { font-size:1em; }

a { color:#E2007A; text-decoration:none;}
a:hover { text-decoration:underline;}

hr { clear:both; background:#FFF; color:#FFF; border: 0; height: 0px; }
ol, ul { list-style:disc; margin:0 0 1.3em 1.3em; padding:0 0 0 1.3em; }
ol { list-style:decimal;}

.hidden { display:none; }
.unhidden { display:block; }

/* table with borders //////////////////////////////////////////////////*/
table.border th, table.border td { border:1px solid #333; padding:0.3em; }
td { height:auto; padding:0.3em; text-align:left;}
td p { margin:0; }
caption, th { padding:0.3em; }
col { background:silver; }
thead th, tfoot th { background:gray; color:white; }
caption { background:black; color:white; font-style:italic; }
.csc-textpic-caption { font-size: 0.85em; font-style: italic; }
DIV.csc-textpic DIV.csc-textpic-imagerow-last, DIV.csc-textpic DIV.csc-textpic-imagerow-none DIV.csc-textpic-last { margin-bottom:10px;}

/* Homepage 2-cols //////////////////////////////////////////////*/
.home-2-cols #center { width:705px; }
.home-2-cols #right { width: 240px; margin: 0; padding: 0 0 15px 15px; border-left:0; }

/* Layout 3 cols ///////////////////////////////////////////////////////////////*/
#container { margin: auto; width: 980px; position: relative; }
#main, #left, #center, #right, #footer, .colorWrap { float:left; display:inline; }
.colorWrap { padding-left:20px; }

#description, #skip, .hide{ display: none;}
#header{ height:189px; position:relative; width:980px; background:none; }

#left { width: 233px; padding-left:0; }
#center{ width: 480px; margin:0; padding-right: 20px; overflow:hidden; }
#right {  border-left:1px solid #FFF; width: 200px; margin:0; padding: 0 18px 15px 8px; }

#right h1, #center h2 { font-size: 1.1em;}
#right div p, #left div p {border:none; margin:0;}
#left a, #right a { float:none; * float:left; text-align: left; }
#left .csc-textpic-image a, #right .csc-textpic-image a {background:none;}

/* Footer ////////////////////////////////////////////////////////////////////////*/
#footer{ padding-bottom: 12px; margin: 10px auto; position: relative; height:284px; width: 980px; }
#footer-content { padding-top: 94px; float: left; width: 980px;  border-bottom:4px solid #e2007a; }

/* Frames ////////////////////////////////////////////////////////////////////////*/
.csc-frame-rulerAfter { border-bottom:1px dotted #B5C1B6; display:block; clear:both; padding-bottom:5px; margin-bottom:5px; }

.frame-klassiek, .frame-modern {text-align:center; margin:20px 30px; }
.frame-klassiek-t {background: url(../img/frames/coda-klassiek-t.gif) no-repeat top left; height:42px; }
.frame-klassiek-tr { background: url(../img/frames/coda-klassiek-tr.gif) no-repeat top right; float: right; width:43px; height:42px; }

.frame-klassiek-mc { background: url(../img/frames/coda-klassiek-mr.gif) repeat-y top right; }  
.frame-klassiek-m { background: url(../img/frames/coda-klassiek-m.gif) repeat-y top left; }

.frame-klassiek-b {background: url(../img/frames/coda-klassiek-b.gif) no-repeat top left; height:42px; }
.frame-klassiek-br { background: url(../img/frames/coda-klassiek-br.gif) no-repeat top right; float: right; width:43px;  height:42px; }

.frame-klassiek-m p, .frame-modern-m p {padding: 20px 60px; margin:0; }

.frame-modern-t {background: url(../img/frames/coda-modern-t.gif) no-repeat top left; height:9px; }
.frame-modern-tr, .frame-modern-br { float: right; width:9px; height:9px; }

.frame-modern-tr { background: url(../img/frames/coda-modern-tr.gif) no-repeat top right; overflow: hidden; }
.frame-modern-mc {background: url(../img/frames/coda-modern-mr.gif) repeat-y top right; }  
.frame-modern-m {background: url(../img/frames/coda-modern-m.gif) repeat-y top left;}
.frame-modern-mc, .frame-klassiek-mc { overflow: hidden;  width: 100%; height: auto; }
.frame-modern-b {background: url(../img/frames/coda-modern-b.gif) no-repeat top left; height:9px; }
.frame-modern-br {background: url(../img/frames/coda-modern-br.gif) no-repeat top right; }

/* Design /////////////////////////////////////////////////////////////////////////////////*/
#logo a { cursor: pointer; display: block; height: 95px; width: 205px; left: 0; top: 30px; position: absolute; }
#logo2 { height:95px; width:518px; left:205px; top:30px; position:absolute; }
#logo2 ul, #logo2 li { margin:0; padding:0; display:block; float:left; list-style:none; }
#logo2 a { text-transform:uppercase; display:block; float:left; font-size:26px; height:95px; line-height:109px;  }
#logo2 a:hover { text-decoration:none; }
#logo2 li + li { margin:0 0 0 49px; }
#pagetitle { color:#4e4e4e; text-transform:uppercase; font-size: 14px; padding: 12px; width: 209px; background:#c6c6c6; border-bottom:1px solid #fff; }

/* Tools //////////////////////////////////////////////////////////////////////////////*/
#tools { height: 26px; width: 980px; position: absolute; background:#c6c6c6; padding-top:4px; }
#tools * { color:#2d2d2d; font-size:11px; text-decoration:none; }
#tools a:hover {color:#E2007A;}

#tools #login, #search, #fontsize, .tx-efafontsize-pi1, #print, #rss,
#sitemap, #browsealoud, #zoekbiblio, #zoekbeeldbank, #english { float:left; }
#login { height: 20px; line-height: 20px; display:block; }

#print, #english  { width:50px; padding-top:3px; color:#2d2d2d; }
#print a, #rss a, #sitemap a { }

#sitemap { background:url(../img/icon-sitemap.gif) no-repeat left top; left:844px; }
.search-block { position:absolute; right:0; top:40px; padding:10px; background:#e0e0e0; width:198px; height:55px; }


/* Footer //////////////////////////////////////////////////////////////////////////////*/
#footer * { color:#969696; font-size:11px;}
#copy { position:absolute; bottom:0; }

#footer h2, #footer h3, #footer h4, #footer h5 { color: #6A6A6A; font-size:10px; text-transform: uppercase; }
#footer h5 { font-size:9px; }
#footer-content { padding-bottom:40px;}

#footer .column p {margin:0;}
#footer .column p a:hover {color:#EF1C22;}
#footer .column, #footer .column-right { border-right: 1px solid #DDDDDD; display: inline; float: left; padding: 0 20px; min-height: 130px; height: auto !important; height: 130px; width:200px; }

#footer .column-right { border:none; }
#footer .column-right p, #footer .column-right .tx-felogin-pi1 div, #footer .column-right .tx-felogin-pi1 legend { display:none; }
#footer .column-right .tx-felogin-pi1 .submit { margin-top:2px; }

#footer .column-right li input { width:110px; }
#footer .column-right li input.button { width:auto; }


/* FORMS ////////////////////////////////////////*/
form li, #footer form li { list-style:none; margin-bottom:4px; }
.column-right form { margin-top:4px; }
input, select, textarea { color:#333333; padding:0.1em; width:300px; }
legend { color:#E2007A; padding:30px 0 10px; }
textarea { overflow: auto; }
fieldset { border:none;}
form label { cursor:pointer; float:left; padding:0.1em; vertical-align:top; width:150px; }
form p { margin:0; }
small { clear:left; display:block;}
#footer label { width:50px; }


/* Extra newsletter form homepage - EB 19/10/2014 */
#form-extra { border-top:4px solid #E2007A; border-bottom:4px solid #E2007A; margin:0px 0 10px; }
#form-extra ul, #form-extra li { margin:4px 0; padding:0; }
#form-extra li { color:#E2007A; font-size:16px; }
#form-extra input { -webkit-border-radius: 4px; border-radius: 4px;}
#form-extra input[type="text"] { background:#EDEDED; border:1px solid #D6D6D6; color:#9B9A9A; font-size:16px; padding:4px; text-indent:4px; width:96%; }
#form-extra input[type="submit"] { background:#00C600; border-color:#009900; color:#fff; clear:both; font-size:16px; height:30px; float:right; margin-right:0; padding:4px 8px; }
#form-extra input[type="submit"]:hover { background:#009900; border-color:#009900; }


/* csc mailform properties ///////////////////////////////////////////////////////////////*/
.csc-mailform-field, .tx_powermail_pi1_fieldwrap_html { clear: both; display: block; margin-bottom: 0.3em; width: 100%; }
.csc-mailform input, .csc-mailform select, .csc-mailform textarea { width: 200px;}
.csc-mailform label, .tx-powermail-pi1 label { float: left; padding-right: 0.6em; width: 150px; text-align: right; }

.tx_powermail_pi1_fieldwrap_html_radio label,
.tx_powermail_pi1_fieldwrap_html_check label { padding-right:0; }
.powermail_radio_inner, .powermail_check_inner { margin-left:150px; padding-left:0.3em;}
.powermail_radio_inner label, .powermail_check_inner label { margin-top: -17px; padding-left: 20px; text-align: left; width: 500px; }

.powermail_check_inner input,
.csc-mailform input.mf-radio,
.csc-mailform input.mf-check, input.checkbox { clear: both; display: inline; float: left; margin: 0 4px 0 0; width: 20px; }

input.checkbox { margin-top:5px; margin-left:154px; }
.tx-indexedsearch form label.no-float { float:none; clear:none; margin-top:5px; width:auto; }
fieldset.mf-radio label, fieldset.mf-check label { padding-left: 0.3em; text-align: left; float: none; width: 300px; }

fieldset.mf-radio legend, fieldset.mf-check legend { display:none; }
.tx_powermail_pi1_fieldwrap_html input { width: auto; }

/* button properties //////////////////////////////////////////////////////////////////////////////*/
input.button, input.submit, input.mf-submit, .tx-newloginbox-pi1-submit, input.powermail_submit,
.formbuttons input, .tx-powermail-pi1_mandatory_submit, .tx-powermail-pi1_confirmation_back,
.tx-powermail-pi1_confirmation_submit { background:transparent url(../img/coda-button.gif) repeat-x scroll left top; border:1px solid #DCDCDC; cursor:pointer; height:20px; padding:0; margin:5px 5px 5px 0px; width:auto; }
.tx-powermail-pi1_confirmation_back, .tx-powermail-pi1_confirmation_submit {float:left;}

input.button:hover, input.submit:hover, input.mf-submit:hover, .tx-newloginbox-pi1-submit:hover,
input.powermail_submit:hover, .formbuttons input:hover, .tx-powermail-pi1_mandatory_submit:hover,
.tx-powermail-pi1_confirmation_back:hover, .tx-powermail-pi1_confirmation_submit:hover { background-position:left bottom; border:1px solid #BDC4C4; }

input.powermail_submit { margin-left: 156px;}
#footer input.button { margin-left:50px; }

/* warning properties /////////////////////////////////////////////////////////////////////////////*/
#mailform .warning input { border:1px solid #FF0000;}
#mailform .warning label { color:#FF0000;}

/* pb_survey //////////////////////////////////////////////*/
.pbsurvey-checkbox { width: auto; margin-right: 5px; }

/*:: New Cookiebar */
.cookiebar {
    background:rgba(0,0,0,0.75); color:#fff; font-size:1.2em;
    padding:5px 0; bottom:0; left:0; position:fixed; width:100%; z-index:100;
}
.cookiecontent { margin:auto; max-width:1060px; width:100%; position:relative; height:35px; line-height:35px; text-align:left; }
.cookiebar * { color:#fff !important; }
.cookiebar a { color:#fff; text-decoration:underline !important; margin-left:8px; }
.cookiebar a:hover { color:#fff; }
.cookiebar p { margin:0; font-size:13px !important; }
.cookiebar a.cookieclose, .cookiebar a.cookieleesmeer {
    background:#808080;
    padding:0 12px;
    right:0px; top:0px; position:absolute;
    text-decoration:none !important;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.cookiebar a.cookieleesmeer { right:70px;}
.cookiebar a.cookieclose:hover, .cookiebar a.cookieleesmeer:hover { background:#fff; color:#333 !important;}