/**
* CSS

COLORS:
(c0 "#ffffff"
c1 "#7b7b7b"
)
* 
* @version
1.0

* @author vdHummes

*/
* {
	margin: 0;
	padding: 0;
}

html {
     overflow: auto;
}

body {
	font-size: 16px;
	font-family: Helvetica, FreeSans, Arial, sans-serif;
	background: #ffffff;/*[c0]*/
}

body.section-1 { }
body .section-2 { }

body.section-3 { }

a:link { text-decoration: none; color: inherit; color: #000 }

a:active { text-decoration: none; color: #000; }
a:visited { text-decoration: none; color: #7b7b7b;/*[c1]*/ }

a:hover, a:focus { text-decoration: none; }

a img { border: none; }


dt {
    display: block;
    float: left;
    padding-right: 1em;
    clear: left;
}
dd {
    display: block;
    width: 360px;
    float: left; 
}        
 
div#all {
    margin: 0 12px 0 -12px;
    padding-left: 12px;
    max-width: 100%;
}

#menu {
    background-color: #fff;
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    text-align: right;
    top: 0;
    font-family: Helvetica, FreeSans, Arial, sans-serif;
    font-size: 0.9em;
    width: 100%;
    padding-top: 12px;
    padding-right: 12px;
}

#menu ul {
	list-style: none;
        padding-right: 11px;
        border-right: 1px solid #000;
        width: 144px;
        float: left;
}

#menu ul li.section-title { font-weight: bold; padding-bottom: 12px; }

#menu ul li.section-title:focus, #menu ul li.section-title:hover { background-color: #ffffff; color: #000000; }
#menu ul li.section-title:focus a, #menu ul li.section-title:hover a { color: #000000; }
#menu ul li.active {
    width: 100%;
    background-color: #000000;
    color: #ffffff;
}
#menu ul li a {
    width: 100%;
    display: block;
    color: #000;
}

#menu ul li a:focus, #menu ul li:hover {
    width: 100%;
    background-color: #7b7b7b;
    color: #ffffff;
}

#menu ul li.active a,  #menu ul li:hover a, #menu ul li:focus a {
    color: #ffffff;
    text-decoration: none;
    margin-left: -1px;
    border-left: 1px solid #000;
}
#menu ul li.active a {
    background-color: #7b7b7b;
}

#menu ul li:hover a, #menu ul li:focus a {
    background-color: #000000;
}

#menu ul li.active:hover a, #menu ul li.active:focus a {
    background-color: #3d3d3d;
}

#content {
    background-color: #fff;
    border-bottom: 1px solid #b8b8b8; 
    border-top: 1px solid #b8b8b8; 
    color: #000; 
    font-family: Helvetica, FreeSans, Arial, sans-serif;
    font-size: 0.8em;
    height: 100%;
    line-height: 1.5em;
    max-height: 764px;
    max-height: 612px; 
    max-height: 546px; 
    max-height: 100%;
    min-height: 144px;
    overflow-y: auto;
    overflow-x: auto;
    padding: 0 12px 0px 0;
    position: relative;
    top: 0;
    width: 100%;
}

#content .container {
    margin: 0 144px;
    padding: 12px;
}


#content p { width: 396px; margin-bottom: 9px; }

p {
    margin: 0 0 12px 0px;
    padding-left: 0px;
}

h1,h2,h3,h4 {font-family: Helvetica, FreeSans, sans-serif; }
h1 {font-size: 32pt; }
h1.title { /* width: 570px;  */
    padding-top: 12px;
    padding-left: 0px;
    width: 100%;
    font-size:2em;
    white-space: nowrap;

}
h1.title a:visited { color : #000000; }
h1.title a:focus, h1.title a:hover {text-decoration: none; };

h2 { font-size: 24px; }

h3 { font-size: 16px; }


h4 {
    font-size: 1em;
    margin: 1.2em 0 0 0;
    font-family: Helvetica;
}

dl~h4 {
    float: left;
    clear: left;
    margin-top: 2em;
}
dl~h5 {
   font-size: 1em;
   margin: 0;
   font-weight: normal;
   float: left;
   clear: left;
}

#img-container	{ margin: 0; padding: 0; }

#img-container p
{ width: 396px; margin: 0; padding: 0 0 12px 0; }

#once
{ clear: left; }


a[href="#en"], a[href="#nl"] {
    width: 100%;
    text-align: right;
    float: right;
    font-size: .7em;
    line-height: 1.8em;

}

#menu div.opdracht {
    float: right;
    margin-right:-12px;
    width: 144px; 
    padding-right: 2px;
}


h1 span.surname {
    color:#000;
    width: 144px;
    text-align: right;
    display: block;
    float: left;
    padding-right:12px;
}
h1 span.family {
    color:#000;
}

.fakebreadcrumbs {
    height:48px;
    font-family: Helvetica, FreeSans, Arial, sans-serif;
    font-weight: bold;
    text-decoration: none;
}

.SQ-shared-caption {
    display: none;
    left: 0px;
    padding-left:12px;
    width: 144px;
    position: absolute;
    font-size: 1.2em;
       text-decoration: none;
}

.thickbox:hover .SQ-shared-caption {
    display: block;

}

#content a {
    text-decoration: none;
    border-bottom: 1px solid black;
}

#content a:hover, #content a:focus {
    text-decoration: none;
    border-bottom: 1px dashed black;
}

#content .container {
    margin: 0 0 0 144px;
    padding: 12px;
    /* padding: 5px 5px 25px 5px; */
}


#content p { width: 396px; margin-bottom: 9px; }

p {
    margin: 0 0 12px 0px;
    padding-left: 0px;
}

h1,h2,h3,h4 {font-family: Helvetica, FreeSans, sans-serif; }
h1 {font-size: 32pt; }
h1.title { /* width: 570px;  */
    padding-top: 12px;
    padding-left: 0px;
    width: 100%;
    font-size:2em;

}
h1.title a:visited { color : #000000; }
h1.title a:hover {text-decoration: none; };

h2 { font-size: 24px; }

h3 { font-size: 16px; }


h4 {
    font-size: 1em;
    margin: 1.2em 0 0 0;
    font-family: Helvetica;
    /* -webkit-transform: translate(-100%, 0em) rotate(-90deg) translate(-1em, -1em); */
    /* -webkit-transform-origin: right; */
}

abbr {
    font-size: .85em;		/*Helvetica does not have small-caps */
}
#img-container	{ margin: 0; padding: 0; }

#img-container p
{ width: 396px; margin: 0; padding: 0 0 12px 0; }

#once
{ clear: left; }

a[href="#en"], a[href="#nl"] {
    width: 100%;
    text-align: right;
    float: right;
    font-size: .7em;
    line-height: 1.8em;
}

a[rel="Alternate"], a[rel="Section"] {
    position: absolute;
    left: 12px;
    top: 12px;
    border-left-width: 0px;
}

#menu div.opdracht {
    float: right;
    margin-right:-12px;
    width: 300px; 
    padding-right: 2px;
    font-size: 9pt;
}

h1 span.surname {
    color:#000;
    width: 144px;
    text-align: right;
    display: block;
    float: left;
    padding-right:12px;
}
h1 span.family {
    color:#000;
}

.fakebreadcrumbs {
    height:48px;
    font-family: Helvetica, FreeSans, Arial, sans-serif;
    font-weight: bold;
    text-decoration: none;
}

.SQ-shared-caption {
    display: none;
    left: 0px;
    padding-left:12px;
    width: 144px;
    position: absolute;
    font-size: 1.2em;
    display: block;
}

.SQ-title {
    padding-bottom: 12px;
}
.SQ-media {
    display: block;
    color: #7b7b7b;
}

.nothumb {
    margin-bottom: 12px;
}

/* #content a[href^='mailto:m9a'] { */
/*     background: url(/files/gimgs/post.png) #fff no-repeat; */
/*     width: 114px; */
/*     height: 19px; */
/*     display: block; */
/* } */