* {font-family: arial, sans-serif}
body {font-size: 12px; background: #2c539e url(../images/background-site.gif) repeat-y; margin: 0 0 10px 0; padding: 0 0 10px 0}

a {color: #2b509a; font-weight: bold; text-decoration: underline}
a:hover {color: #333; font-weight: bold; text-decoration: underline}

.hr {background: url(../images/divider.gif) scroll center; height: 2px; margin: 20px 0}
.hr hr {display: none}

img.align-left    {float: left !important; margin: 0 10px 10px 0; border: none}
img.align-right   {float: right !important; margin: 0 0 10px 10px; border: none}
img.align-neutral {display: block; margin: 10px 0; clear: both; border: none}

#wrapper {width: 915px; background: #fff url(../images/background-content.gif) repeat-y}

#header {background: #ffcc00; min-height: 130px; height: auto !important; height: 130px; padding: 10px}
#header .logo {float: left; width: 690px; color: #fff; font-size: 14px; font-weight: bold}
#header .address {float: left; color: #2b509a; font-size: 14px; font-weight: bold; line-height: 24px}

#content {float: left; width: 700px}
#content .wrapper {padding: 20px}

#sidebar .wrapper {margin-top: 20px; padding: 0 20px 20px 20px}

#content .menu {margin-bottom: 20px}
#content .mainmenu a {font-size: 13px; color: #2b509a; font-weight: bold; text-decoration: none}
#content .mainmenu a:hover {color: #000; font-weight: bold; text-decoration: none}
#content .mainmenu a.active {color: #000; font-weight: bold; text-decoration: none}
#content .mainmenu a.active:hover {color: #2b509a; font-weight: bold; text-decoration: none}


#content .submenu {margin-top: 20px; margin-bottom: 20px}
#content .submenu p {float: left; margin: 0 20px 0 0; padding-left: 10px; background: url(../images/bullet-submenu.gif) no-repeat 0 5px}
#content .submenu a {font-size: 11px; color: #000; text-decoration: none}
#content .submenu a:hover, #content .submenu a.active {color: #2b509a}

#content .content {line-height: 18px}
#content h1 {color: #2b509a; font-size: 16px; margin: 0}
#content h3 {color: #333; font-size: 14px; font-weight: bold; margin: 10px 0 5px 0}

#content .hcontent {line-height: 18px}

.hcontent .left .introductie-blok {margin: 10px 0 10px 0}

.hcontent .right img.align-neutral {border: none}

#content .hcontent .left {float: left; width: 235px}
#content .hcontent .right {float: right; width: 400px}
#content .hcontent h3 {color: #fff; font-size: 17px; font-weight: normal; margin: 0; line-height: normal}

.hcontent .left a {color: #ffcc00}
.hcontent .left a:hover {color: #fff}

#sidebar {float: left; width: 215px; font-size: 11px}

#sidebar a {color: #2b509a}
#sidebar a:hover {color: #666}

#sidebar input.callform {font-size: 100%; width: 169px}
input.callformbtn {font-size: 100%; color: #fff; background: #000; width: 100px; margin-top: 10px}

#footer {font-size: 11px; width: 915px; padding-top: 10px; text-align: left}
#footer .left  {color: #fff; float: left; width: 50%}
#footer .left  a {color: #fff; font-weight: normal; text-decoration: none}
#footer .left  a:hover {color: #ffff00}

#footer .right {color: #ffff00; font-size: 10px; float: left; width: 50%; text-align: right} 
#footer .right  a {color: #ffff00; font-weight: normal; text-decoration: none}
#footer .right  a:hover {color: #fff}


/* slightly enhanced, universal clearfix hack */
.clfx:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clfx { display: inline-block; }
/* start commented backslash hack \*/
* html .clfx { height: 1%; }
.clfx { display: block; }
/* close commented backslash hack */