* {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
color: #00000;
background-color:#ffffff;
background: url('../images/menu_background.gif') top left repeat-y;
}
body {
/* just some defaults - should be customized */
font-family: Arial, Verdana;
font-size: 85%;
line-height: 140%;
}
html>body { font-size: 12px; } /* for modern browsers that can resize px */
#wrap {
position: relative;
height: 100%;
width: 100%;
}
#middle {
position: relative;
height: auto;
min-height: 100%; /* for modern browsers, to push the footer down */
margin-right: 170px; /* right column width */
margin-left: 220px; /* left column width */
margin-bottom: 0em; /* footer height */
width: auto;
background-color: #ffffff;
border-right: 1px solid #006BB7;
}
#middle:after { /* this will keep the floats contained, for modern browsers */
content: ".";
display: block;
height: 0;
overflow: hidden;
clear: both;
visibility: hidden;
}
* html #middle {
height: 100%; /* for IE because it doesn't do min-height */
}
#header {
position: absolute;
top: 0;
left: 0;
height: 293px;
width: 100%;
overflow: hidden;
z-index: 100; /* to show it on top */
background-attachment: fixed;
background: url('../images/logo_achtergrond.jpg') top repeat-x;
}
#logo
{
background: url('../images/logo_top_left.jpg') top left no-repeat;
height: 294px;
width: 538px;
}
#logo_foto
{
position:absolute;
top: 206px;
left: 153px;
height: 86px;
width: 672px;
background: url('../images/logo_foto.jpg') top left no-repeat;
}
#logo_menu
{
height: 18px;
border-left: 1px solid #000000;
background-color: #8A0202;
background:url('../images/menu.gif') top left repeat-x;
}
#logo_right
{
position: absolute;
top:0;
right:0;
height: 294px;
width: 366px;
background: url('../images/logo_top_right.gif') top right no-repeat;
}
/* IE 1px problem hack */
* html div#logo_right {
margin-right:-1px;
padding-right:-1px;
}
#main, #xtra { /* so that the content will not overlap with the header or footer */
padding-top: 293px; /* 16.5 em */
}
#main {
position: relative; /* IE float bug workaround */
float: left;
width: 100%;
margin-right: -1px;
background-color: #ffffff;
}
#content {
position: relative;
float: right;
width: 100%;
background-color: #ffffff;
margin: 0em 0px 10px 0px;
z-index:10;
font-size: 1em;
}
#content ul
{
}
#content h1
{
position: relative;
margin-top:10px;
margin-bottom:10px;
font-size:150%;
font-weight:bold;
}
#content h2
{
position: relative;
margin-top:10px;
font-size:140%;
font-weight:bold;
}
#content h3
{
position: relative;
margin-top:10px;
font-size:130%;
font-weight:bold;
}
#content h4
{
position: relative;
margin-top:10px;
font-size:120%;
font-weight:bold;
}
#content h5
{
position: relative;
margin-top:10px;
font-size:100%;
font-weight:bold;
}
#content img
{
border: 0;
}
#nav {
position: relative;
float: left;
width: 220px;
margin: 0px 0px;
margin-left: -220px; /* width */
height: 100%;
font-size:110%;
color:#006BB7;
}
#nav_spacer
{
width: 220px;
margin-left: 0px;
height: 22px;
background: url('../images/menu_spacer.gif') top left no-repeat;
}
#topmenu
{
position:absolute;
top:176px;
left:153px;
z-index:4000;
width:auto;
height: 28px;
line-height:28px;
}
#topmenu ul
{
margin: 0;
padding: 0;
list-style: none;
display:block;
text-align:center;
}
#topmenu ul li
{
display:block;
float:left;
border-right: 1px solid #ffffff;
width: 64px;
height: 28px;
}
#topmenu ul li a
{
display:block;
width: 64px;
height: 28px;
color:#ffffff; vertical-align:middle;
text-decoration:none;
}
#topmenu ul li a:hover
{
background-color:#3389C5;
}
/* Begin van menu */
#menu
{
position:absolute;
top:315px;
left:24px;
z-index:4000;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
width: 128px;
/* margin-left:24px; */
border-bottom: 1px solid #ffffff;
z-index: 100;}
#menu ul li {
position: relative;
margin: 0px 0px 0px 0px;
z-index: 100;}
#menu li ul {
position: absolute;
left: 128px;
top: 0px;
display: none;
width: 150px;
border-left:1px solid #ffffff;
z-index: 100;}
#menu ul li a {
background-color: #FFF;
/* filter: alpha(opacity: 90); -moz-opacity: .90;*/
display: block;
text-decoration: none;
color:#006BB7;
padding: 1px 1px 1px 5px;
border-left: 16px solid #EC0A0B;
border-right: 1px solid #ffffff;
border-top: 1px solid #ffffff;
line-height:24px;
height:24px;
z-index: 100;}
#menu ul li a:hover {
text-decoration: none;
border-left: 16px solid #006BB7;
border-right: 1px solid #006BB7;
background-color:#CCE1F1;
z-index: 100;}
#menu li:hover ul, #menu li.over ul {
display: block;
z-index: 100;}
* html #menu ul li { float: left; height: 1%; z-index: 100;}
* html #menu ul li a { height: 1%; z-index: 100;}
/* Eind van menu */
#menu .menu_break
{
width: 220px;
height: 24px;
background: url('../images/menu_break.gif') top left no-repeat;
}
#menu .copyright
{
width: 124px;
font-size: 80%;
color: rgb(134,134,134);
margin-top:16px;
text-align:center;
}
#menu .copyright a
{
color: rgb(134,134,134);
text-align:center;
text-decoration:none;
}
#menu .copyright a:hover
{
text-decoration:underline;
}
#xtra {
position: relative;
float: right;
width: 170x;
margin-right: -170px; /* width -1 */
text-align:center;
}
#xtra img
{
padding-left: 10px;
padding-right: 5px;
border:0;
}
#xtra hr
{
margin-left:10px;
margin-right:5px;
margin-top:10px;
margin-bottom:10px;
border:0;
border-top: 1px solid #006BB7;
background-color: white;
color: white;
}
.extr_spacer
{
height:22px;
}
* html #xtra { /* addressing some IE bugs */
width: 170px;
margin-top: 1.7em;
}
* html #xtra, * html #nav, * html #content {
overflow:hidden;
}
/* Some block elements that influence div sizes and positioning
*/
h1 {
margin: .5em 15px;
}
h3, h4, h5, h6, p, ol, dl, pre, blockquote, form, fieldset, address, #content li,#content ul,table {
margin: 8px 15px;
}
/* forms */
label
{
width: 11em;
text-align: left;
float: left;
margin: 5px;
}
.radio label
{
width: 10px;
text-align: left;
float: left;
margin: 2px;
}
.checkboxen label, .radiobutton label
{
width: auto;
text-align: left;
float: left;
margin: 2px;
margin-right: 5px;
}
.checkboxen label, .radiobutton label
{
margin:0;
padding:0;
padding-top:6px;
}
.onderwerp
{
width: 11em;
text-align: left;
float: left;
margin: 5px;
width: 500px;
}
input,textarea,select
{
vertical-align: top;
margin: 5px 5px 5px 0px;
}
.checkboxen input, .radiobutton input
{
float:left;
}
br
{
clear: left;
}
/* nieuws */
#nieuwsblok hr
{
border:0;
border-top: 1px dotted #999999;
background-color: white;
color: white;
margin-top:0.4em;
margin-bottom:0.4em;
clear:right;
}
#nieuwsblok br
{
clear: none;
}
.nieuwsdatum
{
font-size:90%;
color:#99999;
}
.nieuwskop_top
{
position: relative;
margin-top:10px;
margin-bottom:10px;
font-size:150%;
font-weight:bold;
}
.nieuwskop_include
{
position: relative;
margin-top:10px;
font-size:130%;
font-weight:bold;
}
#nieuwsblok div
{
margin-left:8px;
}
.nieuwstitel_intro,.nieuwstitel_detail,.nieuwstitel_intro a,.nieuwstitel_titel,.nieuwstitel_titel a
{
color:#000000;
text-decoration:none;
font-size:100%;
}
.nieuwstitel_intro,.nieuwstitel_detail, .nieuwstitel_intro a
{
font-weight:bold;
}
.nieuwstitel_intro a:hover,.nieuwstitel_titel a:hover
{
text-decoration:underline;
}
.nieuwstitel_titel li
{
margin-left:0em;
}
.nieuwsimage
{
float:right;
margin: 4px 4px 4px 4px;
}