HTML { height: 100%; margin-bottom: 1px; }
BODY { min-width: 802px; height: 100%; margin: 0; padding: 0; background-color: #fff; }
BODY, INPUT, SELECT, TEXTAREA { color: #5f5f5f; font-size: 13px; font-weight: normal; font-family: Arial, sans-serif; }
FORM { margin: 0; padding: 0; }
INPUT { padding-left: 3px; padding-right: 3px; }
TEXTAREA { width: 96%; padding: 3px; overflow: auto; }
IMG { border: none; vertical-align: -3px; }
H2 { margin: 0 0 30px; padding: 0; color: #02a7cc; font-size: 22px; font-weight: normal; line-height: normal; }
H3 { margin: 15px 0 13px; padding: 0; color: #f47301; font-size: 14px; font-weight: bold; line-height: normal; }
P { margin: 13px 0; }
OL, UL { margin-top: 13px; margin-bottom: 13px; }
A { color: #00a6cb; text-decoration: underline; outline: none; }
A:hover { text-decoration: none; }


/* LAYOUT */
#container { width: 772px; margin: 0 auto; padding: 25px 23px 50px 7px; }
#columnLeft { float: left; width: 218px; }
#columnLeft P.clearsite { margin: 15px 0 0; text-align: center; }
#columnLeft P.clearsite A { color: #b1b1b1; font-size: 11px; }
#columnRight { float: right; width: 504px; padding-top: 35px; line-height: 18px; }


/* HEADER */
#header { height: 114px; background: url(../images/header_bg.gif) repeat-x left top; padding-top: 8px; border-top: 12px solid #00a6cb; }
#header DIV { width: 802px; margin: 0 auto; }
#header H1 { float: left; width: 283px; margin: 0; padding: 0; font-size: 0; text-indent: -5000px; }
#header H1 A { display: block; height: 106px; background: url(../images/PeopleFit.gif) no-repeat left top; }
#header SPAN.lnkTop { float: right; margin-top: 34px; }
#header SPAN.lnkTop SPAN { float: left; width: 1px; height: 25px; background: url(../images/menu/lnkTop_separator.gif) no-repeat left top; text-indent: -5000px; }
#header SPAN.lnkTop A { float: left; margin: 0 10px; color: #737373; font-weight: bold; text-decoration: none; }
#header SPAN.lnkTop A:hover { color: #00a6cb; }


/* MENU */
#menuTop { height: 93px; background: url(../images/menu/menuTop_bg.gif) repeat-x left top; }
#menuTop UL { width: 782px; margin: 0 auto; padding: 10px 10px 0; list-style: none; }
#menuTop LI { float: left; }
#menuTop A { display: block; height: 63px; text-indent: -5000px; }
#menuTop A.btnMotivatie { width: 171px; background: url(../images/menu/btnMotivatie.gif) no-repeat left top; }
#menuTop A.btnCompetentie { width: 212px; background: url(../images/menu/btnCompetentie.gif) no-repeat left top; margin: 0 110px; }
#menuTop A.btnConditie { width: 161px; background: url(../images/menu/btnConditie.gif) no-repeat left top; }

#menuLeft { width: 100%; background: url(../images/menu/menuLeft_bg.gif) repeat-y left top; }
#menuLeft .shtop { background: url(../images/menu/menuLeft_top.gif) no-repeat left top; }
#menuLeft .shbot { background: url(../images/menu/menuLeft_bot.gif) no-repeat left bottom; padding: 30px 20px 15px; }
#menuLeft UL { background: url(../images/menu/menuLeft_barbg.gif) repeat-x left top; margin: 0; padding: 34px 0 0; list-style: none; }
#menuLeft LI A { display: block; height: 30px; background-color: #f5f5f5; background-image: url(../images/menu/menuLeft_mark.gif); background-repeat: no-repeat; background-position: 8px 0; padding-left: 37px; color: #000; font-size: 13px; text-decoration: none; line-height: 30px; border-bottom: 1px solid #9ddae8; }
#menuLeft LI.active A, #menuLeft LI A:hover { background-color: #32c2e2; background-position: 8px -30px; color: #fff; }


/* BLOCKS */
H3.Vitaliteit { width: 178px; height: 163px; background: url(../images/Vitaliteit.gif) no-repeat left top; margin: 1px 0 0; padding: 0; font-size: 0; text-indent: -5000px; }


/* OTHER */
.fleft { float: left; }
.fright { float: right; }
.nofloat { clear: both; height: 0; font-size: 0; line-height: 0; }
.imgFlleft {float:left; margin-right: 15px;}