@charset "UTF-8";

/* CSS Document */

/* ---------------- KLEURDEFINITIES ----------------

grijs		: #01B6EB
lichtblauw	: #1ABCED
donkerblauw	: #004559
oranje		: #FF6000

*/


/* ---------------- BASICS ---------------- */


html, body {
height: 100%;
}

body {
background-color: #333333;
font-family: Arial, Helvetica, sans-serif;
color: #111111;
margin: 0;
padding: 0;
font-size: 80%;
}

h1 {
font-size: 20px;
color: #FF6000;
margin: 10px 0 5px 0;
}

h2, h3 {
margin: 10px 0 5px 0;
color: #004559;
}

h2 {
font-size: 16px;
}

h3 {
font-size: 14px;
}

h4 {
font-size: 18px;
color: #FFFFFF;
margin: 0;
padding: 0;
}

h4 a {
color: #FFFFFF;
}

h5 {
font-size: 15px;
color: #FFFFFF;
font-weight: bold;
margin: 0;
padding: 0;
}

h6 {
color: #004559;
margin: 20px 0 0 0;
padding: 0;
font-size: 85%;
}

p {
margin-left: 10px;
line-height: 150%;
}

#middle_container p {
font-size: 16px;
}

hr{
border: none;
height: 1px;
color: #999999;
background: #999999;
}

a {
color: #004559;
border-bottom: 1px dotted;
text-decoration: none;
}

#middle_container a {
color: #FFFFFF;
}

a:hover {
color: #FF6000;
}

#middle_container a:hover {
color: #004559;
}

ul {
margin: 0;
padding: 0 0 0 25px;
line-height: 150%;
}

input, textarea {
color: #004559;
font-family: Arial, Helvetica, sans-serif;
border: none;
}

table {
vertical-align: top;
line-height: 120%;
padding: 10px;
margin: 10px 0 10px 0;
}

th, td {
text-align: left;
vertical-align: top;
}

th {
color: #004559;
font-size: 125%;
}

#wrapper {
position: relative;
float: left;
width: 100%;
height: auto;
background-color: #F7F7F7;
}

/* ---------------- BEGIN HEADER ---------------- */

#wrapper_header {
position: relative;
float: left;
width: 100%;
height: 200px;
}

#wrapper_header #header {
position: absolute;
width: 990px;
top: 0;
left: 50%;
margin-left: -495px;
height: 225px;
background-image: url(/website/images/bg_wrapper_landing.jpg);
background-repeat: no-repeat;
background-position: 0 55px;
color: #004559;
font-size: 85%;
}

#header a {
color: #FF6000;
}

#wrapper_header #home_button {
position: absolute;
top: 60px;
left: 0;
width: 350px;
height: 100px;
}

#home_button a {
border: none;
}

#wrapper_header #taalswitch, #wrapper_header_home #taalswitch {
position: absolute;
width: 300px;
left: 50%;
margin-left: -110px;
height: 24px;
line-height: 24px;
font-size: 12px;
z-index: 1;
text-align: center;
}

#wrapper_header #taalswitch {
top: 20px;
}

#taalswitch a {
color: #FF6000;
}

#wrapper_header_home #zoeken, #wrapper_header #zoeken {
position: absolute;
left: 852px;
height: 24px;
width: 133px;
background-image: url(/website/images/bg_zoeken.jpg);
background-repeat: no-repeat;
z-index: 1;
}

#wrapper_header #zoeken {
top: 20px;
}

.zoeken_input {
position: relative;
float: left;
width: 105px;
border: none;
background: none;
margin: 5px;
}

#login {
position: absolute;
top: 10px;
left: 0;
width: 147px;
height: 30px;
padding: 6px 0 0 50px;
line-height: 33px;
background-image: url(/website/images/btn_login_landing.jpg);
}

.button_text {
font-size: 18px;
color: #FFFFFF;
}

.button_text a {
color: #FFFFFF;
text-decoration: none;
}

/* ---------------- EIND HEADER ---------------- */

/* ---------------- BEGIN NAVIGATION ---------------- */

#wrapper_nav {
position: absolute;
z-index: 1000;
}

#wrapper_nav_holder {
position:absolute;
top: 210px;
height: 45px;
background-image: url(/website/images/bg_nav_landing.jpg);
background-repeat: no-repeat;
width: 1006px;
}

#wrapper_nav {
position:absolute;
left:0px;
top: 10px;

height: 41px;
padding-left: 18px;
padding-top: 4px;
width: 988px;
}

/*
#wrapper_nav ul {
margin: 0;
padding: 0;
line-height: 34px;
}

#wrapper_nav ul li {
padding: 0;
margin: 0;
list-style-type: none;
float: left;
}

#wrapper_nav ul li a {
color: #004559;
display: block;
width: 158px;
height: 34px;
text-align: center;
font-size: 15px;
border: none;
}

#wrapper_nav ul li a:hover, .selected {
color: #FFFFFF;
background-image: url(/website/images/nav_hover.jpg);
background-repeat: no-repeat;
}

#wrapper_nav ul li ul {
float: left;
margin: 0;
padding: 0;
list-style-type: none;
width: 100px;
}

#wrapper_nav ul li ul li a {
color: #FFFFFF;
background-color: #01B6EB;
background-image: none;
text-align: left;
padding: 0 5px 0 5px;
}

#wrapper_nav ul li ul li a:hover {
color: #01B6EB;
background-color: #e0F3FF;
background-image: none;
}
*/
/*navigatie balk*/
#wrapper_nav a {
color: #004559;
display: block;
text-align: center;
font-size: 15px;
border: none;
}

#wrapper_nav ul {
margin: 0;
padding: 0;
line-height: 34px;
}

#wrapper_nav li { /* all list items */
padding: 0;
margin: 0;
list-style-type: none;
float: left;
width: 158px;
}
#wrapper_nav li:hover{

position: static;
}
#wrapper_nav ul li a:hover, .selected {
color: #FFFFFF;
background-image: url(/website/images/nav_hover.jpg);
background-repeat: no-repeat;
}

#wrapper_nav li ul { /* second-level lists */
position: absolute;
width: 161px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
margin: 0 0 0 0;
padding: 0;
}

#wrapper_nav li li, #nav li li li { /* lists nested under hovered list items */
}

#wrapper_nav li ul ul { /* third-and-above-level lists */
margin: -34px 0 0 158px;
}

#wrapper_nav li:hover ul ul, #wrapper_nav li:hover ul ul ul, #wrapper_nav li.sfhover ul ul, #wrapper_nav li.sfhover ul ul ul {
left: -999em;

}

#wrapper_nav li:hover ul, #wrapper_nav li li:hover ul, #wrapper_nav li li li:hover ul, #wrapper_nav li.sfhover ul, #wrapper_nav li li.sfhover ul, #wrapper_nav li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}

#wrapper_nav ul li ul li a {
color: #FFFFFF;
background-color: #01B6EB;
background-image: none;
text-align: left;
padding: 0 5px 0 5px;
font-size: 12px;
}

#wrapper_nav ul li ul li a:hover {
color: #01B6EB;
background-color: #e0F3FF;
background-image: none;
}

/* ---------------- EIND NAVIGATION ---------------- */

#wrapper_content {
position: relative;
float: left;
width: 990px;
left: 50%;
margin-left: -495px;
}

#wrapper_content #container {
position: relative;
float: left;
width: 990px;
background-image: url(/website/images/bg_container.jpg);
background-repeat: repeat-y;
margin-top: 65px;
}

#wrapper_content #content {
position: relative;
float: left;
width: 756px;
}

#wrapper_content #content #breadcrumb {
position: relative;
float: left;
height: 20px;
width: 746px;
padding: 5px 0 5px 10px;
background-image: url(/website/images/bg_content_top.jpg);
background-repeat: no-repeat;
font-size: 80%;
color: #004559;
}

#breadcrumb a {
color: #FF6000;
}

#wrapper_content #content #middle {
position: relative;
float: left;
width: 716px;
padding: 0 200px 10px 20px;
}

#wrapper_content #content #middle img {
border: 10px solid #1ABCED;
margin: 5px;
}

#wrapper_content #actioncolumn {
position: relative;
float: right;
width: 231px;
}

#wrapper_content #actioncolumn .contactform {
position: relative;
float: right;
width: 225px;
margin-right: 3px;
font-size: 100%;
}

#wrapper_content #actioncolumn .contactform #top{
position: relative;
float: left;
padding: 10px;
width: 205px;
height: 20px;
background-image:url(/website/images/bg_contactblock_top.jpg);
}

#wrapper_content #actioncolumn .contactform #middle{
position: relative;
float: left;
padding: 0 10px 0 10px;
width: 205px;
background-image:url(/website/images/bg_contactblock_middle.jpg);
}

#wrapper_content #actioncolumn .contactform #bottom{
position: relative;
float: left;
width: 225px;
height: 24px;
background-image:url(/website/images/bg_contactblock_bottom.jpg);
}

.contactform_textfield {
width: 190px;
height: 20px;
background-image: url(/website/images/bg_input.jpg);
background-repeat: no-repeat;
padding: 5px 5px 0 5px;
margin-top: 15px;
font-size: 12px;
}
.contactform_select {
width: 200px;
height: 30px;
background-image: url(/website/images/bg_input.jpg);
background-repeat: no-repeat;
padding: 5px 5px 0 5px;
margin-top: 15px;
font-size: 12px;
}
.contactform_textfield_alert {
width: 190px;
height: 20px;
background-image: url(/website/images/bg_input_alert.jpg);
background-repeat: no-repeat;
padding: 5px 5px 0 5px;
margin-top: 15px;
font-size: 12px;
}
.contactform_textarea {
width: 190px;
height: 85px;
background-image: url(/website/images/bg_textarea.jpg);
background-repeat: no-repeat;
padding: 10px 5px 0 5px;
margin-top: 10px;
font-size: 12px;
}

.contactform_button {
color: #FFFFFF;
background-color: #1ABCED;
border: none;
font-size: 12px;
margin-top: 10px;
height: 22px;
}

#wrapper_content #actioncolumn #actionbutton_offerte {
position: relative;
float: left;
width: 155px;
height: 51px;
margin: 5px 0 5px 0;
padding-top: 25px;
padding-left: 70px;
background-image: url(/website/images/btn_offerte.jpg);
background-repeat: no-repeat;
}

#wrapper_content #actioncolumn #actionbutton_demo {
position: relative;
float: left;
width: 155px;
height: 51px;
margin: 5px 0 5px 0;
padding-top: 25px;
padding-left: 70px;
background-image: url(/website/images/btn_demo.jpg);
background-repeat: no-repeat;
}

#footer {
position: relative;
float: left;
width: 990px;
left: 50%;
margin-left: -495px;
font-size: 85%;
}

#footer a {
border: none;
color: #FFFFFF;
text-decoration: underline;
}

#footer ul li a {
color: #01B6EB;
font-size: 120%;
text-decoration:none;
font-weight: bold;
text-decoration: none;
}

#footer ul {
list-style-type: none;
padding: 0;
}

#footer ul li {
padding: 0;
margin: 0;
list-style-type: none;
float: left;
width: 190px;
}

#footer li ul li a {
color:#FFFFFF;
font-size: 100%;
font-weight: normal;
}

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

#footer #footnote {
position: relative;
float: left;
text-align: center;
width: 100%;
padding: 50px 0 20px 0;
font-size: 85%;
color: #FFFFFF;
}

#sitemap ul{
margin: 0 0 0 5px;
padding: 0;
list-style-type: none;
}

#sitemap li{
font-size: 16px;
font-weight: bold;
list-style-type: none;
margin-top: 15px;
}

#sitemap ul li ul li{
font-size: 12px;
list-style-type: none;
font-weight: normal;
margin: 0;
}

.searchresult{
border-top: 1px solid #999999;
padding: 0 0 20px 0;
}

/* ---------------- HOMEPAGE UITZONDERINGEN ---------------- */

/* Begin Heading */

#wrapper_header_home {
position: relative;
float: left;
width: 100%;
height: 150px;
margin-bottom: 10px;
}

#wrapper_header_home #header {
position: absolute;
width: 990px;
top: 0;
left: 50%;
margin-left: -495px;
height: 150px;
background-image: url(/website/images/header_home.jpg);
background-repeat: no-repeat;
color: #004559;
font-size: 85%;
}

wrapper_home_header #home_button {
position: absolute;
top: 0;
left: 0;
width: 300px;
height: 100px;
}

#wrapper_header_home #taalswitch {
top: 40px;
}

#wrapper_header_home #zoeken {
top: 40px;
}

/* End Heading */

/* Begin Navigation */

#wrapper_header_home #wrapper_nav {
top: 108px;
height: 34px;
margin-left: 19px;
width: 954px;
}

/* Eind Navigation */

#wrapper_home {
position: relative;
width: 990px;
left: 50%;
margin-left: -495px;
}

#wrapper_home #top {
position: relative;
float: left;
width: 980px;
height: 7px;
background-image: url(/website/images/bg_content_home_top.jpg);
background-color: #FFFFFF;
color: #FFFFFF;
padding-left: 10px;
line-height: 7px;
font-size: 5px;
}

#middle_home {
position: relative;
float: left;
width: 980px;
padding: 3px 5px 0 5px;
height: auto;
background-image: url(/website/images/bg_content_home_middle.jpg);
}

#wrapper_home #middle_container {
position: relative;
float: left;
width: 510px;
height: 275px;
padding-left: 20px;
padding-right: 450px;
background-image: url(/website/images/bg_content_text.jpg);
background-repeat: no-repeat;
background-position: center;
background-color: #FFFFFF;
}

#wrapper_home #bottom {
position: relative;
float: left;
width: 990px;
height: 11px;
background-image: url(/website/images/bg_content_home_bottom.jpg);
line-height: 11px;
font-size: 1px;
color: #FFFFFF;
}

#middle_home ul {
position: relative;
float: left;
margin: 0;
padding: 0 5px 0 10px;
width: 960px;
height: 70px;
background-image: url(/website/images/bg_home_subnav.jpg);
}

#reviewTab {
height: 348px;
}

#reviewTab h1 {
color:#ffffff;
}

#reviewTab ul {
position: absolute;
top:278px;
margin: 0;
padding: 0 5px 0 10px;
width: 960px;
height: 70px;
background-image: url(/website/images/bg_home_subnav.jpg);
}

#middle_home ul li {
padding: 0;
margin: 0;
list-style-type: none;
float: left;
font-weight: bold;
font-size: 16px;
text-align: center;
}

#middle_home ul li a {
color: #FFFFFF;
width: 172px;
height: 55px;
border: none;
display: block;
padding: 15px 10px 0 10px;
}

#middle_home .active {
background-color: #01B6EB;
width:190px;
}
 #middle_home ul li a:hover, {
background-color: #01B6EB;
color: #004559;
width: 171px;
margin-right: 1px;
}

#actions {
position: relative;
float: left;
width: 980px;
height: 45px;
margin-top: 20px;
}

#actions ul {
position: relative;
float: left;
height: 37px;
width: 959px;
margin: 0;
padding: 8px 10px 0 11px;
background-image: url(/website/images/btn_home_actions.jpg);
background-repeat: no-repeat;
}

#actions ul li {
position: relative;
float: left;
width: 176px;
height: 45px;
padding-left: 48px;
line-height: 45px;
}

#footer_home {
position: relative;
float: left;
width: 100%;
height: 40px;
margin-top: 10px;
background-color: #333333;
line-height: 40px;
text-align: center;
color: #FFFFFF;
font-size: 85%;
}

#footer_home a {
color: #FFFFFF;
}

/*modal dialog box*/
 .modalDialog_transparentDivs{    
    filter:alpha(opacity=40);    /* Transparency */
    opacity:0.4;    /* Transparency */
    background-color:#FFFFFF;
    z-index:1;
    position:absolute; /* Always needed    */
}
.modalDialog_contentDiv{
    border:1px solid #000;    
    padding:30px 2px;
    z-index:100;/* Always needed    */
    position:absolute;    /* Always needed    */
    background-color:#FFF;    /* White background color for the message */
    background-image: url(../images/menubalk.jpg);  
    background-repeat: repeat-x;
}
.modalDialog_contentDiv_shadow{
    z-index:90;/* Always needed    - to make it appear below the message */
    position:absolute;    /* Always needed    */
    background-color:#555;
    filter:alpha(opacity=30);    /* Transparency */
    opacity:0.3;    /* Transparency */    
}

.smarttools img{
border: none;
}