@charset "utf-8";
/* CSS Document */

html, body{
height: 100%;
background:url(img/border.png) #b0b0b0 repeat-y center;
}

#container{
background:url(img/bodybg.jpg) repeat;
min-height: 100%; 
height: auto !important; 
height: 100%;
width: 800px;
margin-left: auto;
margin-right: auto;
overflow: auto;
}

#header{
background:url(img/header.jpg) no-repeat; 
width: 800px;
height: 160px;
}

#menu{
border-top: 5px solid #000;
background-color: #cebe9d;
min-height: 550px;
float: left;
width: 200px;
display:inline;
padding:0px 0px 0px 0px;
}

.list a {  width:165px; height: 28px; font-size:16px; color:#cebe9d; text-decoration:none; display:block; padding-top: 12px; padding-left:35px; font-weight:bold;}
.list a:hover { color:#000; background:url(img/listhover.jpg) no-repeat;}
.list a:active { color:#000; background:url(img/listactive.jpg) no-repeat;}

ul.list { list-style:none; padding:0px; margin: 0px;}

.list li {
background:url(img/list.jpg) no-repeat;
width:100%;
}

#bottomnav{
height: 38px;
width: 535px;
padding:0px 0px 0px 0px;
display:inline;
background-color: #cebe9d;
}

.bottom a {  width: 142px; height: 28px; font-size:16px; color:#cebe9d; text-decoration:none; display:block; padding-top: 12px; padding-left:35px; font-weight:bold;}
.bottom a:hover { color:#000; background:url(img/navhover.png) no-repeat;}
.bottom a:active { color:#000; background:url(img/navactive.png) no-repeat;}

.bottom a.navterug {  width: 110px; height: 28px; font-size:16px; color:#cebe9d; text-decoration:none; display:block; padding-top: 12px; padding-left:65px; font-weight:bold;}
.bottom a.navterug:hover  { color:#000; background:url(img/terughover.png) no-repeat;}
.bottom a.navterug:active { color:#000; background:url(img/terugactive.png) no-repeat;}

ul.bottom { list-style:none; padding:0px; margin: 0px;}

.bottom li {
background:url(img/nav.png) no-repeat;
float: left;
}

.bottom li.terug {
background:url(img/terug.png) no-repeat;
float: left;
}

#content{
background-color: #fef8eb;
min-height: 550px;
color: #000;
float: left;
margin-left: 5px; 
margin-top: 5px;
width: 565px;
padding: 15px;
}

#content h1{
color: #000;
background:url(img/steps.png) 520px no-repeat;
font-size:160%;
border-bottom: 3px solid #621818;
padding-bottom: 4px;
}

#content p{
padding-top: 15px;
}

#footer{
border-top: 5px solid #000;
float:left;
background:url(img/footer.jpg) no-repeat;
height: 160px;
width: 800px;
}

.email{
padding: 16px 0px 0px 458px;
}

.float-right{
float: right;
margin-right: 10px;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
}

.float-left{
float: left;
margin-right: 10px;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
}

table.nicetable {
line-height: 160%;
border:0px;
}
table.nicetable td, table.nicetable th {
border-bottom:2px solid #621818;
border-right:0px;
border-left:0px;
border-top:0px;
padding-left: 3px;
}

.voorwaarden li{
background:url(img/print.png) no-repeat 1px;
padding-left: 30px;
line-height: 200%;
font-weight: bold;
}

.counter{
float: right;
margin-top:30px;
margin-right: 315px;
}

a { color: #000; }
a:hover { color: #671919; }

.headline a { font-size: 18px; color: #000000; text-decoration: underline; }
.headline a:hover { color:#671919; }