@charset "utf-8";
* {
margin:0;
padding:0;
}

body,html {
width:100%;
height:100%;
font-family:Arial, Helvetica, sans-serif;
background:url(/images/bg-main.jpg) no-repeat;
background-position:top center;
}

#container {
position:relative;
width:980px;
height:auto !important;
min-height:100%;
background-image:url(../images/achtergrond.jpg);
background-repeat:no-repeat;
margin:0 auto;
}

* html #container {
height:100% !important;
}

#header {
width:980px;
height:153px;
}

#links {
width:300px;
float:left;
}

#midden {
float:left;
width:480px;
padding-bottom:50px;
}

#midden li {
list-style:disc;
font-style:italic;
font-size:12px;
padding-top:5px;
margin:0 0 0 25px;
color:#005697;
}

#rechts {
width:200px;
float:left;
}

#clear {
clear:both;
}

#prijslijst {
padding-left:20px;
}


#footer {
position:absolute;
width:680px;
height:25px;
bottom:0;
font-size:12px;
color:#B7B7B6;
padding:0 0 0 300px;
}

#footer a:hover {
text-decoration:underline;
}

#footer a,#footer a:active,a:visited {
text-decoration:none;
color:#B7B7B6;
}


/*******STYLES*******/
h1 {
color:#005697;
font-size:16px;
padding-top:15px;
}

h2 {
color:#005697;
font-size:14px;
font-weight:normal;
}

h3 {
color:#005697;
font-size:12px;
font-weight:normal;
}

p {
font-size:12px;
color:#333;
line-height:150%;
}


a {
text-decoration:none;
color:#005697;
}

a:active,a:hover {
color:#005697;
text-decoration:underline;
}

.blokh1 {
color:#FFFFFF;
}

.floatright {
float:right;
margin:15px;
padding:5px;
}


.speciallink a {
color:#FFFFFF;
}

.rood {
color:#aa042e;
}

.wit {
color:#FFFFFF;
}

.grijs {
font-size:12px;
color:#6F6F6E;
}


.blauw {
font-size:12px;
color:#005697;
}



/********NAVIGATIE*********/
.arrowlistmenu {
width:200px;
margin:5px 0;
padding:10px 0 0 60px;
}

.arrowlistmenu div.categoryitems a {
text-decoration:none;
color:#333;
}

.arrowlistmenu li {
padding-bottom:2px;
}

.arrowlistmenu li a {
display:block;
width:150px;
height:15px;
text-decoration:none;
font-size:80%;
padding:2px 0 2px 45px;
}

.arrowlistmenu div.expandable a {
font:14px Arial;
color:#005697;
display:block;
position:relative;
width:auto;
text-decoration:none;
padding:5px 0 5px 25px;
}

div.expandable#selected a{
color:#00FF00;
font-size:18px;
}

div.expandable#current {
font-weight:bold;
}

a:visited,.arrowlistmenu div.expandable a:visited,.arrowlistmenu div.expandable a:active {
color:#005697;
}

.arrowlistmenu div.categoryitems a:visited,div.categoryitems a:visited {
color:#333;
}

.arrowlistmenu div.selected a,.arrowlistmenu div.expandable a:hover {
font:14px Arial;
display:block;
position:relative;
width:auto;
text-decoration:none;
background-image:url(../images/wol_menu.gif);
background-repeat:no-repeat;
background-position:left 0;
padding:5px 0 5px 25px;
}

.arrowlistmenu div.categoryitems {
text-decoration:none;
list-style:none;
color:#333;
height:auto;
padding:5px;
}

.arrowlistmenu div.categoryitems a:hover {
color:#005697;
font-weight:normal;
text-decoration:none;
}

#current {
font-weight:bold;
font:14px Arial;
color:#aa042e;
display:block;
position:relative;
width:auto;
text-decoration:none;
background-image:url(../images/wol_menu.gif);
background-repeat:no-repeat;
background-position:left 0;
padding:5px 0 5px 25px;
}

#currentsub {
display:block;
position:relative;
width:auto;
color:#aa042e;
font-weight:bold;
padding:0 0 5px 45px;
font-size:80%;
}
#social{
clear:both;
width: 320px;
height: 100px;
margin:20px 0 0 30px;
padding:20px;

}

/********KADER RECHTS*********/
#kadertop {
margin:20px 0 0 20px;
padding:0px;
}

#kader {
width:155px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#b7b7b6;
margin:0 0 20px 20px;
padding:0 10px 10px 15px
}

#kader a {
color:#FFFFFF;
}

#kaderrood {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:137px;
background-color:#FFFFFF;
border:1px solid #aa042e;
margin:0 15px 20px 20px;
padding:0 10px 10px 15px;
}

#kaderrood2 {
background-color:#FFFFFF;
border:1px solid #aa042e;
padding:10px;
margin:0 15px 0 0;
}

#kaderwit {
width:145px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#b7b7b6;
margin:0 0 20px 20px;
padding:0 10px 10px 25px
}

#kaderwit ul li a {
color:#FFFFFF;
}

#kaderwit a:hover {
text-decoration:underline;
}

#kader li {
margin:0 0 0 25px;
}

#kaderwit li {
margin:0 0 0 25px;
} 

/*******Vlaggen********/

#vlag {
float:left;
padding:0 0 0 84px;
}