body { margin:10px auto; text-align:center; color:#222; background-color:#003366; }

html { margin:0px; text-align:center; }

a { color:#006666; }
a:visited { color:#888; }
a:hover { text-decoration:none; color:#778077; }

.header { font:normal 21px arial; color:#555; }

strong  { font:16px Arial; font-weight:bold; }
TD  { font-size:11px; }
H1  { font:18px bold Arial; margin-top:15px; margin-bottom:10px; padding-bottom:0; }
H2  { font:16px Verdana; margin-top:5px; margin-bottom:5px; padding-bottom:0; }

.butt  { font-size:10px; font-family:Verdana; background-color:#BFCCD8; padding:2px; margin:3px; }

select { background-color:#BFCCD8; font-size:x-small; font-family:Verdana; color:#000000; }
textarea { background-color:#BFCCD8; font-size:x-small; font-family:Verdana; color:#000000; }
input { background-color:#BFCCD8; font-size:x-small; font-family:Verdana; color:#000000; }
.tekst { font-size:10px; line-height:15px; color:#000000; font-family:"andale mono", "monotype.com", "monaco" ,"courier"; }
.jaar { font-size:10px; line-height:15px; color:#778077; font-family:"andale mono", "monotype.com", "monaco" ,"courier"; }

.head { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#003366; }
.body { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#666; }
.small { font-family:arial; font-size:11px; }
.textNavSmall { font-family:tahoma, verdana, arial; font-size:10px ; color:#eee; }

.menuHome { font-family:verdana, sans-serif; font-size:10px; margin:0px 20px 0px 27px; }
.menuHome a,.menuHome a:link,.menuHome a:active,.menuHome a:visited { display :block; color:#003366; border-bottom:solid 1px #B4C570; text-decoration:none; padding:6px; font-weight:bold; }
.menuHome a:hover { text-decoration:none; background-color:#CADD7E; color:#336699; }

#menuPortfolio { width:220px; margin:100px 17px 0px 17px; border:1px solid #C4D98E; font:bold 12px arial; }

#menuList { margin:0px; padding-left:0; list-style:none; }
#menuList li { font-weight:bold; padding:0px; }

#menuPortfolio a, #menuPortfolio  a:link, #menuPortfolio a:active, #menuPortfolio a:visited { display:block; color:#003366; border-top:solid 1px #B4C570; text-decoration:none; padding:6px; font-weight:bold; }

#menuPortfolio a:hover { text-decoration:none; color:#336699; background-image:url(images/menuPortfolioBack.gif); background-repeat:repeat-x; }

#menuPortfolioList { font:bold 13px arial; margin:0px; }

#menuPortfolioList a:hover { text-decoration:none; color:#336699; background-color:#CADD7E; }

#menuPortfolioList a, #menuPortfolioList  a:link, #menuPortfolioList a:active, #menuPortfolioList a:visited { display:block; color:#003366; text-decoration:none; padding:7px; font-weight:bold; border-bottom:1px solid #C4D98E; }

#active, #active li, #active li a { background-color: #CADD7E; background-image:url(images/menuPortfolioBackThere.gif); background-repeat:repeat-x; }

.learnMore a { display:block; height:23; text-align:right; background-image:url(images/portfolio_view.gif); background-position:right; background-repeat:no-repeat; margin:0px 5px 5px 0px; }
.learnMore a:hover {  background-image:url(images/portfolio_view_over.gif); background-position:right; background-repeat:no-repeat; }

#footer { margin:0px auto; text-align:center; width:719px; font-family:lucida grande, lucida sans, lucida, tahoma, verdana, arial; font-size:10px; color:#eee; padding:10px 0px; }
#footer a { color:#eee; }