html,body {
height:100%;
}
body {
margin:0;
color: #333333;
font:11px "Arial",Arial,Helvetica,sans-serif;
background-color: #ffffe0;
line-height:100%;
}
span {
line-height:100%;
}
table {
margin:0;
color: #333333;
font:11px/22px "Arial",Arial,Helvetica,sans-serif;
background-color: #ffffe0;
}
td {
margin:0;
color: #333333;
font:11px/22px "Arial",Arial,Helvetica,sans-serif;
background-color: #ffffe0;
}
h1 {
font-size:14px;
font-weight: Normal;
line-height:100%;
margin:0 0 18px;
}
img {border-style:none;}
a {
text-decoration:underline;
color:#ff6633;
}
a:visited {
text-decoration:none;
color:#ff6633;
}
a:hover {
text-decoration:none;
color:#2173ae;
}
#wrapper {
display:table;
height:100%;
width:978px;
margin:0 auto;
}
#header {
overflow:hidden;
width:100%;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000;
}
#header img {display:block;}
#main {
width:100%;
display:table-row;
background:#ffffe0;
}
.htmlform tr{
background-color: #d7d7d7;
}
form tr{
background-color: #d7d7d7;
}
.main-holder {
padding:0 0 33px;
}
.main-holder:after {
content:"";
display:block;
clear:both;
}
.main-holder:after {
width:100%;
}
#content {
float:right;
width:743px; padding:23px 20px 0px 15px;
}
#content h1 {
font-size:14px;
font-weight: Normal;
line-height:20px;
margin:0 0 18px;
}
#content p {margin:0 0 23px;}
#footer {
overflow:hidden;
width:100%;
display:table-footer-group;
background:#444444;
color: #cccccc;
background-image: url('afbeeldingen/');
}
#footer p {margin:0;}
#footer .footer-holder {
height:1%;
display:table-row;
}
#footer .footer-frame {
display:table-cell;
padding-top: 10px;
padding-right: 10px;;
padding-bottom: 10px;
padding-left: 10px;;
font:12px/22px "Verdana",Arial,Helvetica,sans-serif;
}
#footer a {
text-decoration:underline;
color:#cccccc;
}
#footer a:hover {
text-decoration:none;
color: #ffffff;
}
.searchbox {
background-color: #ffffff;
color: #000000;
width: 168px;
border: 1px solid #000;
padding:5px;
}
.searchform {
background-color: #444444;
padding:10px;
width: 180px;
}
#sidebar {
font:13px "Arial",Arial,Helvetica,sans-serif;
font-weight: Normal;
float:left;
width:200px;
position:relative;
z-index:50;
}
#nav {
list-style:none;
margin:0;
padding:0 0 1px;
background:#000000;
}
#nav li {border-top:1px solid #000000;}
#nav li:first-child {border:0;}
#nav li.hover{position:relative;}
#nav a {
display:block;
line-height:25px;
overflow:hidden;
text-decoration:none;
background:#f2f2f2 url('afbeeldingen/menuicons/bulletlist.gif') no-repeat 0px;
color:#333333;
padding:0px 2px 0px 20px;
}
#nav a span {
display:block;
background:url('css5/arrowrightblack.gif') no-repeat 100%;
}
#nav li:hover a,
#nav a:hover {
background-color:#97ADC6;
color: #333333;
text-decoration:none;
}
#nav a img {
float:right;
margin:0px 0 0;
}
#nav .drop{
position:absolute;
z-index:100;
top:0;
left:200px;
overflow:hidden;
}
#nav ul {
float:left;
display:inline;
list-style:none;
margin:0;
padding:0;
width:200px;
border-left:0px solid #000000;
filter: alpha(opacity=90);
opacity: 0.9;
}
#nav ul li{
float:left;
width:100%;
}
#nav li:hover li a,
#nav ul a {
background:#f2f2f2;
padding-left: 10px;
color:#333333;
}
#nav li:hover li a:hover {
background-color:#97ADC6;
color: #333333;
}
#sidebar .heading {
display:block;
text-align:center;
}