* {font-family: arial}
body {background: #ffffff url(../images/background-site.gif) repeat-x; text-align: center; margin: 0; padding: 0}

a {color: #5198e8; font-weight: bold; text-decoration: none}
a:hover {color: #000}

#contentwrapper {width: 902px; margin: 0 auto; text-align: left}

#ltgreen {position: absolute; margin-left: 129px}

#header     {height: 111px; margin-bottom: 9px; text-align: right}

#tekstjes .boomfoto1 {font-size: 12px; font-weight: bold; color: #666; float: left; width: 130px; height: 370px; background: url(../images/boomfoto-01.png) no-repeat; cursor: pointer}
#tekstjes .boomfoto2 {font-size: 12px; font-weight: bold; color: #666; float: left; width: 128px; height: 370px; background: url(../images/boomfoto-02.png) no-repeat; cursor: pointer}
#tekstjes .boomfoto3 {font-size: 12px; font-weight: bold; color: #666; float: left; width: 129px; height: 370px; background: url(../images/boomfoto-03.png) no-repeat; cursor: pointer}
#tekstjes .boomfoto4 {font-size: 12px; font-weight: bold; color: #666; float: left; width: 129px; height: 370px; background: url(../images/boomfoto-04.png) no-repeat; cursor: pointer}
#tekstjes .boomfoto5 {font-size: 12px; font-weight: bold; color: #666; float: left; width: 129px; height: 370px; background: url(../images/boomfoto-05.png) no-repeat; cursor: pointer}
#tekstjes .boomfoto6 {font-size: 12px; font-weight: bold; color: #666; float: left; width: 128px; height: 370px; background: url(../images/boomfoto-06.png) no-repeat; cursor: pointer}
#tekstjes .boomfoto7 {font-size: 12px; font-weight: bold; color: #666; float: left; width: 129px; height: 370px; background: url(../images/boomfoto-07.png) no-repeat; cursor: pointer}

#tekstjes .boomfoto1over {font-size: 12px; font-weight: bold; color: #000; float: left; width: 130px; height: 370px; background: url(../images/boomfoto-01over.png) no-repeat; cursor: pointer}
#tekstjes .boomfoto2over {font-size: 12px; font-weight: bold; color: #000; float: left; width: 128px; height: 370px; background: url(../images/boomfoto-02over.png) no-repeat; cursor: pointer}
#tekstjes .boomfoto3over {font-size: 12px; font-weight: bold; color: #000; float: left; width: 129px; height: 370px; background: url(../images/boomfoto-03over.png) no-repeat; cursor: pointer}
#tekstjes .boomfoto4over {font-size: 12px; font-weight: bold; color: #000; float: left; width: 129px; height: 370px; background: url(../images/boomfoto-04over.png) no-repeat; cursor: pointer}
#tekstjes .boomfoto5over {font-size: 12px; font-weight: bold; color: #000; float: left; width: 129px; height: 370px; background: url(../images/boomfoto-05over.png) no-repeat; cursor: pointer}
#tekstjes .boomfoto6over {font-size: 12px; font-weight: bold; color: #000; float: left; width: 128px; height: 370px; background: url(../images/boomfoto-06over.png) no-repeat; cursor: pointer}
#tekstjes .boomfoto7over {font-size: 12px; font-weight: bold; color: #000; float: left; width: 129px; height: 370px; background: url(../images/boomfoto-07over.png) no-repeat; cursor: pointer}

#tekstjes .wrapper {padding: 5px 10px; margin-top: 112px}
#tekstjes .wrapper a {color: #aaab9b; font-weight: bold; text-decoration: none}
#tekstjes .wrapper a:hover {color: #000; font-weight: bold; text-decoration: none}


#content {width: 902px}
#content .logos {width: 128px; float: left}
#content .menu {width: 127px; float: left; background: url(../images/background-menu.gif); min-height: 640px; height: auto !important; height: 640px; border-right: 1px solid #fff; border-left: 1px solid #fff}
#content .menu .wrapper {padding: 25px 15px 20px 15px}
#content .menu p {font-size: 11px; margin: 0 0 8px 0}
#content .menu a.active {color: #000; font-weight: bold; text-decoration: none}
#content .menu a.active:hover {color: #5198e8}

#content .body {width: 600px; float: left}
#content .body .wrapper {font-size: 12px; padding: 0 15px 20px 15px; line-height: 18px}
#content .body h1 {font-size: 16px; color: #5198e8; margin: 25px 0 15px 0; line-height: normal}
#content .body h3 {font-size: 14px; color: #8B8C79; margin: 20px 0 10px 0; line-height: normal}
#content .body p {margin: 0 0 8px 0}
#content .body ul {margin: 0 0 10px 0; padding: 0 0 0 15px}
#content .body ul ul {margin: 0 0 0 0; padding: 0 0 0 25px}

#content .body img.align-left {float: left; clear: left; margin: 10px 10px 10px 0; border: none}
#content .body img.align-right {float: right; clear: right; margin: 10px 0 10px 10px; border:none}
#content .body img.align-neutral {display: block; margin: 10px 0; border: none}

#footer {border-top: 4px solid #aaab9b; margin-top: 15px; padding-top: 15px}
#footer .wrapper {font-size: 11px; color: #5198e8; text-transform: lowercase; letter-spacing: 3px; width: 897px; margin: 0 auto}

#ifooter {font-size: 11px; color: #222; text-transform: lowercase; text-align: right; margin-bottom: 15px}
#ifooter a {color: #222; font-weight: normal; text-decoration: none}
#ifooter a:hover {color: #5198e8}

/* 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 */