/*
* 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: #27343C; color: #666; cursor:default; line-height: 1.5; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; color: #F7941D; 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: #F7941D; }
a { color: #F7941D; 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:#F7941D; 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 #F7941D; 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: #F0F0F0 }
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
*/
html, body, div#container {
height:100%;
min-height:100%;
width:100%;
}
html > body, html > body div#container {
height:auto;
}
body {
background-image:url('img/body_background.gif');
background-repeat:repeat-y;
background-position:center top;
font-size: 75%;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
div#container {
left:50%;
margin-left:-480px;
position:absolute;
top:0;
width:960px;
}
div#head {
background: #000 url('img/head_background.gif') no-repeat;
float: left;
height: 100px;
width: 960px;
}
div#menu {
background: #fff url('img/menu_background.gif') no-repeat;
float: left;
height: 195px;
width: 960px;
}
div#menu div#photo {
background: #000 url('img/photo_background.jpg') no-repeat;
float: left;
margin: 35px 0 0 20px;
height: 160px;
width: 920px;
}
div#main {
float:left;
height:auto;
width:960px;
}
div#main div#content {
float:left;
letter-spacing:0.01em;
line-height:18px;
padding:7px 20px 77px 17px;
width:703px;
}
div#main div#rightbar {
float:left;
padding-top:20px;
width:200px;
}
div#main div#rightbar div.block {
color:#fff;
}
div#main div#rightbar div.block h5 {
background:#C67617;
color:#fff;
font-size: 14px;
margin: 0;
padding-left: 20px;
text-align:left;
text-transform:uppercase;
}
div#main div#rightbar div.block ul {
font-size: 12px;
list-style:none;
margin:0;
padding:5px 20px 8px 20px;
}
div#main div#rightbar div.block ul li {
margin:5px 0 0 5px;
line-height:17px;
}
div#main div#rightbar div.block ul li span.nieuwsDatum {
display:block;
font-weight:bold;
margin-left:-5px;
}
div#main div#rightbar div.block a {
color: #fff;
text-decoration: none;
}
div#foot {
background:#27343C url('img/foot_background.gif') no-repeat;
bottom:0;
clear:both;
color:#999;
font-size:11px;
height:45px;
left:0;
padding-top:22px;
position:absolute;
width:100%;
}
div#foot p {
float:left;
margin:12px 0;
padding-left:20px;
}
div#foot p a {
color:#999;
text-decoration:none;
}
/*
* Menu
*/
ul#nav , ul#nav ul {
font-size: 95%;
list-style: none;
margin: 0;
padding: 0;
}
ul#nav {
left: 7px;
position: absolute;
top: 100px;
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: #000000;
color: #fff;
display: block;
font: bold 12px arial, sans-serif;
letter-spacing:-0.03em;
line-height: 24px;
padding: 0 10px;
text-decoration: none;
text-transform: uppercase;
}
ul#nav a:hover {
color: #F7941D;
}
ul#nav li ul {
background-color: #D3E3EB;
border: 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: #D3E3EB;
border: none;
color: #666;
font-family:tahoma, arial, verdana, sans-serif;
font-size:11px;
font-weight:normal;
letter-spacing:0;
line-height:normal;
padding:4px 9px;
text-transform: none;
}
* html ul#nav li ul li a { /* IE 6 */
width: 120px;
}
ul#nav li ul li a:hover {
background: #F7941D;
color: #fff;
}
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;
}