/***********************************************//* HTML tag styles *//***********************************************/
body{font-family: Verdana,sans-serif; color: #color: #474546; line-height: 18px; margin: 0px; padding: 0px; background-color: #cadbed; } 
headings{font-family: Verdana, Helvetica, sans-serif; line-height: 18px; margin: 0px; padding: 0px; background-color: #cadbed; font-weight: bold;}
#toplevel { position: relative; width: 900px; margin: 0 auto; /* to centre compliant browsers */ text-align: left; /* to reset text alignment to default */ vertical-align: middle; }
#content { 	
  position:absolute;
  height:600px; 
  width:900px;
  margin: -300px 0px 0px -450px;
  top: 50%; 
  left: 50%;
  text-align: left;
  padding: 0px;
  background-image: url("gfx/back.jpg"); 
  overflow: auto;
}

/******* hyperlink and anchor tag styles *******/
a:link, a:visited{color: #5d5d5d; text-decoration: none; font-weight: bold;} a:hover{}

/************** header tag styles **************/
h1 { color: #003470; margin: 0px; padding: 0px; font-family: Verdana, Helvetica, sans-serif; text-align: left; font-size: 14px; font-weight: bold; }
h2 { color: #000000; margin: 0px; padding: 0px; font-family: Verdana, Helvetica, sans-serif; text-align: left; font-size: 12px; font-weight: bold; }
h3 { color: #FFFFFF; margin: 0px; padding: 0px; font-family: Verdana, Helvetica, sans-serif; text-align: left; font-size: 16px; font-weight: bold; }

/***********************************************//* Layout Divs */
/***********************************************/
#logo { position:absolute; top: 10px; left: 10px; width: 870px; padding: 0px 0px 0px 0px; font-size: 11px; font-family: Verdana, Helvetica, sans-serif; line-height: 12px; z-index: 1; height: 104px; }
#tijd { position:absolute; top: 85px; left: 720px; width: 150px; padding: 0px 0px 0px 0px; font-size: 12px; color: #757575; font-family: Arial, Helvetica, sans-serif; line-height: 25px; z-index: 2; height: 20px; }
#menu { position:absolute; top: 124px; left: 10px; width: 870px; padding: 0px 0px 0px 0px; font-size: 12px; color: #757575; font-family: Verdana, Helvetica, sans-serif; line-height: 25px; z-index: 4; }
#domeinnaam { position:absolute; top: 159px; left: 10px; width: 230px; padding: 25px 10px 10px 6px; font-size: 9px; color: #757575; font-family: Arial, Helvetica, sans-serif; line-height: 12px; background-image: url("gfx/back_domeinnaam.jpg"); z-index: 5; height: 79px; }
#contact { position:absolute; top: 159px; left: 791px; width: 89px; padding: 0px 0px 0px 0px; font-size: 14px; color: #757575; font-family: Arial, Helvetica, sans-serif; line-height: 16px; background-color: #ed1b24; z-index: 5; height: 69px; }
#contactportfolio { position:absolute; top: 159px; left: 700px; width: 180px; padding: 0px 0px 0px 0px; font-size: 14px; color: #757575; font-family: Arial, Helvetica, sans-serif; line-height: 16px; background-color: #ed1b24; z-index: 5; height: 69px; }
#foto { position:absolute; top: 284px; left: 10px; width: 246px; padding: 0px 0px 0px 0px; font-size: 11px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; line-height: 18px; z-index: 7; }
#portfolio { position:absolute; top: 159px; left: 266px; width: 518px; padding: 0px 0px 0px 0px; font-size: 11px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; line-height: 18px; z-index: 7; }
#copyright { position:absolute; top: 570px; left: 10px; width: 266px; padding: 0px 0px 0px 0px; font-size: 10px; color: #777777; font-family: Arial, Helvetica, sans-serif; line-height: 12px; z-index: 11; height: 20px; }
#tekstmenu { position:absolute; top: 570px; left: 267px; width: 613px; padding: 0px 0px 0px 0px; font-size: 9px; color: #777777; font-family: Arial, Helvetica, sans-serif; line-height: 12px; z-index: 11; height: 20px; }
#voorbeelden1 { position:absolute; top: 298px; left: 10px; width: 180px; padding: 0px 0px 0px 0px; font-size: 11px; color: #757575; font-family: Arial, Helvetica, sans-serif; line-height: 12px; z-index: 5; }
#voorbeelden2 { position:absolute; top: 159px; left: 267px; width: 180px; padding: 0px 0px 0px 0px; font-size: 11px; color: #757575; font-family: Arial, Helvetica, sans-serif; line-height: 12px; z-index: 5; }
#voorbeelden3 { position:absolute; top: 159px; left: 485px; width: 180px; padding: 0px 0px 0px 0px; font-size: 11px; color: #757575; font-family: Arial, Helvetica, sans-serif; line-height: 12px; z-index: 5; }
#voorbeelden4 { position:absolute; top: 298px; left: 700px; width: 180px; padding: 0px 0px 0px 0px; font-size: 11px; color: #757575; font-family: Arial, Helvetica, sans-serif; line-height: 12px; z-index: 5; }
#volgende { position:absolute; top: 575px; left: 445px; width: 50px; padding: 0px 0px 0px 0px; font-size: 14px; color: #757575; font-family: Arial, Helvetica, sans-serif; line-height: 12px; z-index: 5; }

/* globalLink elements ******************************/
#globalLink { position: absolute; top: 5px; height: 22px; width: 480px; padding: 0px; margin: 0px; left: 205px; z-index: 100; }
#globalLink a, 
#globalLink a:visited { font-size: 12px; color: #04267E; font-weight: bold; margin: 0px; padding: 2px 5px 4px 5px; }
#globalLink a:hover{/*	background-image: url();*/ color: #339933; text-decoration: none; }

/************** feature styles *****************/
#feature { position:absolute; top: 283px; left: 267px; width: 563px; padding: 0px 20px 0px 20px; font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 20px; color: #000000; background-color: #FFFFFF; height: 300px; }
#featurescroll { position:absolute; top: 283px; left: 267px; width: 573px; padding: 0px 20px 0px 20px; font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 20px; color: #000000; background-color: #FFFFFF; height: 280px; }
#feature h1 { padding: 0px 0px 0px 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #003470; }
#featurescroll h1 { padding: 0px 0px 0px 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #003470; }
#feature h2 { padding: 0px 0px 0px 0px; margin: 0px; font-family: Verdana, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFFFFF; }
#feature h3 { padding: 0px 0px 0px 0px; margin: 0px; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 12px; }
#feature h4 { padding: 0px 0px 0px 0px; margin: 0px; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; border-bottom-style: dotted; border-bottom-color: #666666; border-bottom-width: 1px; }
#feature h5 { padding: 0px 0px 0px 0px; margin: 0px; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
#feature h6 { padding: 0px 0px 0px 0px; margin: 0px; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; border-top-color: #999999; border-top-width: 1px; border-top-style: dotted; }

/************** pageName styles ****************/
#pageName { padding: 0px 0px 14px 10px; margin: 0px; border-bottom: 1px solid #ccd2d2; }
#pageName h2 { font: bold 175% Verdana,sans-serif; color: #000000; margin:0px; padding-top: 0px; }

/************ sideMenuHeader styles **************/
#sideMenuHeader{ border-bottom-style: dotted; font-size: 16px; color: #000099; border-bottom-width: 2px; font-family: Verdana, Helvetica, sans-serif; border-bottom-color: #CCCCCC; text-align: right; display: block; font-weight: bold; padding: 5px 0px 5px 0px; }
#sideSubMenuHeader { font-size: 12px; color: #000099; border-bottom-width: 1px; border-bottom-style: dotted; font-family: Verdana, Helvetica, sans-serif; border-bottom-color: #CCCCCC; text-align: right; display: block; font-weight: bold; padding: 5px 0px 5px 0px; line-height: 14px; }