/*
* Reset
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
blockquote:before,
blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
/*
* Basic
*/
body { background-color: #EDEAE1; color: #625e51; cursor:default; line-height: 1.5; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; color: #006B54; font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif; }
h1 { font-size: 1.6em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.4em; margin-bottom: 0.5em; }
h3 { font-size: 1.2em; line-height: 1; margin-bottom: 0.5em; }
h4 { font-size: 1.1em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img,
h3 img, h4 img,
h5 img, h6 img { margin: 0; }
p { margin: 0 0 1.5em; }
p img { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
br, .clear { clear: both; }
a:focus,
a:hover { color: #625e51; }
a { color: #006B54; text-decoration: underline; }
blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em,dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }
abbr,
acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:#666; }
pre,code { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
strike, del { color:#aaa; }
li ul,
li ol { margin:0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em;}
/*
* Forms
*/
form fieldset { border:none; padding:10px }
form fieldset.radio { border:none;width:200px;padding:0 }
form fieldset legend { font-family:tahoma,arial,verdana,sans-serif;font-size:150%;font-weight:normal;margin:10px 0;padding:0 3px 0 9px;color:#666 }
form fieldset.radio legend { display:block;float:left;width:129px;margin:0 0 3px 0;padding:3px 0;font-size:100%;font:11px/1.6em verdana,sans-serif;text-align:right }
form fieldset.radio>legend { width:130px;margin:0 0 3px 0;padding:3px 5px }
form fieldset.radio legend.required { font-weight:bold }
form fieldset label { display:block;float:left;width:130px;padding:3px 5px;margin:0 0 3px 0;text-align:right }
form fieldset label.required{ font-weight:bold }
form fieldset label.checkbox{ float:none;display:block;width:200px;padding:0;margin:0 0 3px 142px;text-align:left;width:200px }
form fieldset.radio label { position:relative;top:-1.9em;float:none;display:block;width:200px;padding:0;margin:0 0 3px 142px;text-align:left;width:200px}
form fieldset.radio>label { top:0.3em}
input,select,textarea { padding:1px 3px;margin:2px 0;font-family:tahoma,arial,verdana,sans-serif;font-size:100%;background:#f0f0f0;border:1px solid#333;color:#000 }
optgroup option { font-family:tahoma,arial,verdana,sans-serif;font-size:80% }
textarea { overflow:auto }
form fieldset input,
form fieldset select,
form fieldset textarea { width:200px }
input.button { border:1px outset #333; width:auto; padding:2px 6px; font-size:100%;background: #EDEAE1; color:#006F53; font-weight: bold }
input.checkbox { border:none;width:auto }
form fieldset input.button { margin:0 0 0 142px }
form fieldset label.checkbox input,
form fieldset.radio label input { display:inline;height:14px;width:14px;margin:0 5px 0 0;border:none;background:transparent }
form fieldset.radio label>input { position:relative;top:0.4em }
form fieldset small { display:block;margin:0 0 0 142px;padding:1px 3px;font-size:88%;width:200px;line-height:1.3em }
form fieldset dl { margin:0;padding:0 }
form fieldset dl dt { width:130px;float:left;text-align:right;margin:0;padding:3px;clear:both }
form fieldset dl dd { padding:3px }
/*
* Tables
*/
table.full,
table.horizontalLined { clear:both; width:100%; }
table th { border-bottom: 2px solid #006B54; font: bold 11px "Helvetica Neue",Helvetica,Arial,sans-serif; padding:3px; text-align:left; white-space:nowrap; }
table td { border-bottom: 1px solid #ddd; padding:3px; vertical-align:top }
table tr.alt td { background: #F9F9F9 }
table td.alignLeft { text-align: left }
table td.alignCenter { text-align: center }
table td.alignRight { text-align: right }
table td.valignTop { vertical-align:top }
table td.valignMiddle { vertical-align:middle }
table td.valignBottom { vertical-align:bottom }
table td.nowrap { white-space:nowrap }
/*
* Layout
*/
body {
background-image: url('img/body_back.gif');
background-position: center;
background-repeat: repeat-y;
font-size: 75%;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
div#container {
margin: 0 auto;
width: 960px;
}
div#head {
background: #fff;
border-bottom: 4px solid #006B54;
height: 120px;
}
img#logo {
margin: 25px 15px;
position: absolute;
}
div#toolbar {
float: right;
}
div#toolbar img {
padding: 2px 3px;
}
div#dropDownMenu {
position: relative;
}
div#leftbar {
float: left;
padding: 15px;
position: relative;
width: 185px;
}
div.block {
line-height: 1.4em;
margin-bottom: 10px;
overflow: hidden;
width: 185px;
}
div.block h2 {
font-size: 1.1em;
margin: 0 0 0 35px;
}
div.block ul {
font-size: 0.9em;
list-style: none;
margin: 0;
}
div.block ul li {
color: #979282;
margin-left: 30px;
}
div.block ul li span.nieuwsDatum {
margin-left:-30px;
color:#aeab9e;
}
div.block ul li a {
color: #979282;
overflow: hidden;
padding: 0 0 0 3px;
position: absolute;
white-space: nowrap;
width: 150px;
z-index: 1;
}
div.block ul li a:hover {
background: #fff;
color: #625e51;
margin: -2px 0 0 0;
overflow: visible;
padding: 2px 3px 2px 3px;
width: auto;
z-index: 2;
}
div.block div.foto {
height: 100px;
overflow: hidden;
width: 185px;
}
div#leftbar p.webmaster {
font-size: 0.9em;
margin-top: 20px;
}
div#content {
float: left;
padding: 15px;
width: 715px;
}
div#foot {
clear: both;
width: 215px;
}
div#foot p {
color: #979282;
font-size: 0.85em;
padding: 0 15px;
text-align: left;
}
div#foot p a {
color: #979282;
text-decoration: none;
}
div#foot p a:hover {
text-decoration: underline;
}
div#foot p a#redfrog {
color: #C5C3BA;
margin-top: 5px;
}
div#foot p a#redfrog:hover {
color: #AEAB9E;
}
/*
* Menu
*/
ul#nav , ul#nav ul {
font-size: 95%;
list-style: none;
margin: 0;
padding: 0;
}
ul#nav {
border-left: 1px solid #006B54;
right: 10px;
position: absolute;
top: 71px;
z-index: 100;
}
ul#nav li {
float: left;
line-height : 1.35em;
position: relative;
z-index: 101;
}
ul#nav >li li {
float: none;
}
ul#nav a {
background-color: #fff;
border-right: 1px solid #006B54;
color: #625e51;
display: block;
line-height: 24px;
padding: 0 10px;
text-decoration: none;
text-transform: lowercase;
}
ul#nav a:hover {
color: #006B54;
}
ul#nav li ul {
background-color: #fff;
border: 1px solid #006B54;
border-top: none;
position : absolute;
left: -999em;
width: 120px;
z-index: 102;
}
ul#nav li:hover ul ul, ul#nav li.sfhover ul ul {
display: none;
left: -999em;
}
ul#nav li ul li {
display: inline;
}
ul#nav li ul li a {
background-color: #fff;
border: none;
line-height: 24px;
text-transform: none;
}
* html ul#nav li ul li a { /* IE 6 */
width: 120px;
}
ul#nav li ul li a:hover {
background: #f0f0f0;
}
ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li.sfhover ul, ul#nav li li.sfhover ul {
top: 0;
left: -1px;
margin-left: 100%;
}
ul#nav li:active ul, ul#nav li:hover ul, ul#nav li.sfhover ul {
top: 100%;
margin-left: 0;
z-index: 102;
}
/*
* CMS
*/
img { behavior: url('/styles/system/js/pngbehavior.htc'); }
.left { float:left; }
.right { float:right; }
h5#editText {
font-size: 17px;
font-weight: normal;
width: 60%;
text-align: center;
margin: 0 auto;
margin-bottom: 15px;
}
#editImg {
float: right;
margin: 5px;
}
div#pluginMenu {
height:21px;
background:#F0F0EE;
border:1px solid #ccc;
font: 11px 'Arial Unicode MS Regular', Arial, Tahoma, sans-serif;
margin: 10px 0;
}
div#pluginMenu ul {
list-style:none;
margin:0;
padding:0;
}
div#pluginMenu ul li {
float:left;
}
div#pluginMenu ul li a {
display:block;
padding:2px 6px 3px 6px;
border:1px solid #F0F0EE;
color:#3c3c3c;
}
div#pluginMenu ul li.active a {
border:1px solid #CE1126;
}
div#pluginMenu ul li a:hover {
text-decoration:none;
background:#F3BCBE;
border:1px solid #CE1126;
}