body{ background-color: #4c618c; margin: 0; padding: 0;}

/* fr */
#fr { width: 865px; height: 174px; margin: 0 auto 0 auto; position: relative; z-index: 9998; }
#fr #navfr { margin: 0; padding: 0; }
#fr #navfr li { display: inline; }
#fr #navfr li a { float: left; height: 0; padding-top: 174px; overflow: hidden; }
#fr #navfr li a,
#fr #prem { background-image: url(../images/navbgfr.jpg); background-repeat: no-repeat;}

/* buttons */
#fr #navfr li#logo a { background-position: 0 0;  width: 361px;}
#fr #navfr li#advise a { background-position: -361px 0;  width: 127px;}
#fr #navfr li#quality a { background-position: -488px 0;  width: 125px;}
#fr #navfr li#education a { background-position: -613px 0;  width: 124px;}
#fr #navfr li#tools a { background-position: -737px 0;  width: 128px;}

/* over */
#fr #navfr li#advise a:hover { background-position: -361px -174px; }
#fr #navfr li#quality a:hover { background-position: -488px -174px; }
#fr #navfr li#education a:hover { background-position: -613px -174px; }
#fr #navfr li#tools a:hover { background-position: -737px -174px; }

/* pressed */
#fr #navfr li#advise a:active { background-position: -361px -348px; }
#fr #navfr li#quality a:active { background-position: -488px -348px; }
#fr #navfr li#education a:active { background-position: -613px -348px; }
#fr #navfr li#tools a:active { background-position: -737px -348px; }

/* center*/
#center{ background-image: url(../images/centerbg.jpg); background-repeat: no-repeat; position: relative; width: 865px; height: 118px; margin: 0 auto 0 auto;}
#center h1{font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #FFFFFF; font-weight: bold; padding: 5px 0 0 305px; line-height: 1; margin: 0 auto 0 auto; }
#center a{font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-size: 12px; color: #F58134; padding: 5px 0 5px 10px; line-height: 1; margin: 0 auto 0 auto; }
#center img{border:0; padding: 5px 0 0 305px; line-height: 1; margin: 0 auto 0 auto; }
#center a:hover{text-decoration:underline;}
/* nl */
#nl { background-image: url(../images/certif_bg.JPG); background-position: 524px 0; background-repeat: no-repeat; width: 865px; height: 169px; margin: 0 auto 0 auto; position: relative; z-index: 9998; }
#nl #navnl { margin: 0; padding: 0; }
#nl #navnl li { display: inline; }
#nl #navnl li a { float: left; height: 0; padding-top: 169px; overflow: hidden; }
#nl #navnl li a,
#nl #prem_nl { background-image: url(../images/navbgnl.jpg); background-repeat: no-repeat;}
#nl #prem_nl p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3b5666; padding: 0 0 0 505px; margin: 18px auto 0 35px; line-height: 1;}
#nl #prem_nl h2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #3b5666; padding: 57px 0 0 505px; line-height: 1; margin: 0 auto 0 35px; font-weight: bold;}
#nl #prem_nl a { color: #3b5666; text-decoration: none;}
#nl #prem_nl a:hover {text-decoration: underline;}

/* buttons */
#nl #navnl li#raad a { background-position: 0 0;  width: 131px;}
#nl #navnl li#kwaliteid a { background-position: -131px 0;  width: 125px;}
#nl #navnl li#opleiding a { background-position: -256px 0;  width: 123px;}
#nl #navnl li#onlinetools a { background-position: -379px 0;  width: 145px;}

/* over */ 
#nl #navnl li#raad a:hover { background-position: 0 -169px; }
#nl #navnl li#kwaliteid a:hover { background-position: -131px -169px; }
#nl #navnl li#opleiding a:hover { background-position: -256px -169px; }
#nl #navnl li#onlinetools a:hover { background-position: -379px -169px; }

/* pressed */
#nl #navnl li#raad a:active { background-position: 0 -338px; }
#nl #navnl li#kwaliteid a:active { background-position: -131px -338px; }
#nl #navnl li#opleiding a:active { background-position: -256px -338px; }
#nl #navnl li#onlinetools a:active { background-position: -379px -338px; }

#footer{ background-image: url(../images/bottombg.jpg); background-repeat: no-repeat; position: relative; width: 865px; height: 37px; margin: 0 auto 0 auto;}