body,html {
margin:0;
padding:0;
height:100%;
}
body {
background:url(../siteimg/bg.gif) repeat-x 0 0 #fafafa;
font-family: Arial, verdana, sans-serif;
font-size: 9pt;
}
#page {
margin: 0 auto;
width: 960px;
background-color:#fff;
margin-top:15px;
}
#header {
height:194px;
}
/* Standaard elementen */
h1,h2 {
font-size:10pt;
margin:0;
padding:0;
}
h1 {
color: #00509f;
}
p {
margin-top:0;
}
p.indent {
margin-left:15px;
}
p.framed {
border: 1px #cccccc solid;
padding: 5px 15px 5px 15px;
background:url(../siteimg/bg_p.gif) repeat-x 0 0 #d6d5d5;
}
a {
color: #000;
text-decoration:underline;
}
/* Standaard classes */
.foto_r {
float:right;
margin:0px 0px 0px 5px;
}
/* MENU */
#menubar {
height: 32px;
background:url(../siteimg/bg_menu.gif) repeat-x 0 5px;
position:relative;
padding: 0 20px 0 20px;
font-size:11pt;
}
#menubar ul.mainmenu {
margin:0;
padding:0;
list-style:none;
}
#menubar ul.mainmenu li {
float:left;
height :32px;
_width:1px; /* IE6 only, maakt elke LI zo groot als nodig is ipv volledige breedte. */
}
#menubar ul.mainmenu li a {
display:block;
padding:0px 15px 0px 15px;
line-height:32px;
height :32px;
text-decoration:none;
color:#fff;
position:relative;
z-index:10;
white-space:nowrap;
}
#menubar ul.mainmenu li a .edge {
margin:0 999em 0 -999em; /* display:none/block werkt niet goed in ie6 icm a:hovers, dit is het alternatief */
}
#menubar ul.mainmenu li.hover a, #menubar ul.mainmenu li a.selected {
background:url(../siteimg/menu_shadow_m.gif) repeat-x 0 0 #fff;
color:#00509f;
}
#menubar ul.mainmenu li.hover a .edge, #menubar ul.mainmenu li a.selected .edge {
margin:auto; /* display:none/block werkt niet goed in ie6 icm a:hovers, dit is het alternatief */
}
#menubar .subnav {
position:absolute;
z-index:20;
right:20px;
top:-5px;
width: 93px;
height:30px;
line-height:30px;
background-color:#076acb;
text-align:center;
border:1px #66a2dd solid;
padding:1px;
}
#menubar .subnav a {
display:block;
color:#fff;
text-decoration:none;
height:30px;
}
#menubar .subnav a:hover {
background-color:white;
color: #00509f;
}
/*---*/
#submenubar {
background-color:#fff;
}
#submenubar div {
height:32px;
}
#submenubar ul.submenu {
margin:0;
border-left:1px #0869c8 solid;
border-right:1px #0869c8 solid;
border-bottom:1px #0869c8 solid;
/*width:958px;*/
height:30px;
overflow:hidden;
padding:0px 30px 0px 30px;
background-color:#fff;
list-style:none;
}
#submenubar ul.submenu li {
float:left;
height :30px;
line-height:30px;
font-size:10pt;
padding: 0 5px 0 5px;
_width:1px; /* IE6 only, maakt elke LI zo groot als nodig is ipv volledige breedte. */
white-space:nowrap;
}
#submenubar ul.submenu li a {
display:block;
background:url(../siteimg/submenu_item.gif) no-repeat 0 10px;
padding-left:20px;
color:#000;
text-decoration:none;
}
#submenubar ul.submenu li a:hover {
color:#00509f;
}
#submenubar ul.submenu li a.selected {
background:url(../siteimg/submenu_item_active.gif) no-repeat 0 10px;
}
/* CONTENT */
#content_area {
margin:15px 0 15px 0;
line-height:18px;
}
#content_area .sidebar {
width:240px;
float:left;
}
#content_area .sidebar .content {
margin:0px 10px 15px 10px;
}
#content_area .main {
width: 715px;
float:right;
}
#content_area .main .content {
margin:0px 10px 15px 10px;
}
/* FOOTER */
#footer {
margin-top: 15px;
height: 43px;
background:url(../siteimg/bg_footer.gif) repeat-x 0 0;
line-height:23px;
overflow:hidden;
padding:0px 10px 0px 10px;
font-size:7pt;
}
#footer a {
color: #000;
text-decoration:none;
}
#footermenu {
float:left;
}
#onderdeelvan {
float:right;
}
/* overig */
.home_cat {
margin:0;
padding: 10px 15px 0px 15px;
width: 425px;
border: 1px #cccccc solid;
background:url(../siteimg/bg_home_cat.gif) repeat-x 0 0 #d6d5d5;
font-family:Verdana,Arial,sans-serif;
}
.home_cat .block {
width:200px;
height:155px;
}
.home_cat .block img {
border:none;
}
.home_cat .block a {
font-size:8pt;
text-decoration:none;
color:#000;
line-height:24px;
}
.home_cat .left {
float:left;
}
.home_cat .right {
float:right;
}
/* NIEUWSPAGINA NIEUWSITEMS */
#nieuws .item {
padding: 5px 0 5px 0;
}
#nieuws .item p {
margin-bottom:0;
}
#nieuws .item.open {
padding: 4px 0 4px 0;
border-top:1px #d0d6d7 solid;
border-bottom: 1px #d0d6d7 solid;
}
#nieuws .item .sluit {
text-align:right;
}
#nieuws .item .sluit span {
color:#1572cf;
cursor:pointer;
}
#nieuws .item .summary {
display:block;
}
#nieuws .item .summary .more {
color:#00509f;
text-decoration:underline;
}
#nieuws .item.open .summary {
display:none;
}
#nieuws .item .fullarticle {
display:none;
}
#nieuws .item.open .fullarticle {
display:block;
}
#nieuws .item .datum {
font-size:8pt;
color:#d7182a;
}
#nieuws .item .kop {
display:inline;
font-weight:bold;
}
#nieuws .item .foto_r {
margin:5px 0 0 25px;
}
/* FORMULIER */
#contactform {
margin:0; padding:0;
}
#contactform .inputtext {
width:297px;
}
#contactform textarea {
width:389px;
height:60px;
}
#contactform .verstuur {
float:right;
width:93px;
height:43px;
background:url(/siteimg/bg_button.gif) no-repeat 0 0;
text-align:center;
}
#contactform .verstuur a {
display:block;
width:91px;
height:30px;
line-height:30px;
font-size:14px;
color:#fff;
text-decoration:none;
margin:2px 0 0 1px;
}
#contactform .verstuur a:hover {
background-color:white;
color:#00509f;
}
.reference {
padding:8px;
background-color:#e9eaec;
height:100%; /* IE6: anders wordt de achtergrondkleur niet getoond */
}
.reference .label {
color:#A0A0A0;
margin-bottom:6px;
}