/***********************************************//* HTML tag styles *//***********************************************/
body{font-family: Verdana,sans-serif; color: #FFFFFF; font-size: 10px; line-height: 18px; margin: 0px; padding: 0px; background-color: #efa01f; } 
headings{font-family: Verdana, Helvetica, sans-serif; line-height: 18px; margin: 0px; padding: 0px; background-color: #B2C0DA; }
#toplevel { position: relative; width: 800px; margin: 0 auto; /* to centre compliant browsers */ text-align: left; /* to reset text alignment to default */ vertical-align: top; }

/******* hyperlink and anchor tag styles *******/
a:link, a:visited{color: #9699a0; font-weight: bold; text-decoration: none;} 
a:hover{color: #efa01f; font-weight: bold; text-decoration: none;}
a.speciaal:link, a.speciaal:visited{color: #FFFFFF; font-weight: bold; text-decoration: none;} a.speciaal:hover{}

/************** header tag styles **************/
h1 { color: #efa01f; margin: 0px; padding: 0px; font-family: Verdana, Helvetica, sans-serif; text-align: left; font-size: 14px; font-weight: bold; }
h2 { color: #ce9802; 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: 0px; left: 0px; width: 572px; padding: 20px 10px 0px 20px; font-size: 11px; color: #272727; font-family: Verdana, Helvetica, sans-serif; line-height: 14px; background-color: #FFFFFF; z-index: 1; height: 150px; }
#datum { position:absolute; top: 0px; left: 602px; width: 178px; padding: 20px 20px 0px 0px; font-size: 11px; color: #9699a0; font-family: Verdana, Helvetica, sans-serif; line-height: 16px; background-color: #FFFFFF; z-index: 6; height: 178px; }
#tekst { position:absolute; top: 170px; left: 0px; width: 760px; padding: 20px 20px 20px 20px; font-size: 12px; color: #000000; font-family: Verdana, Helvetica, sans-serif; line-height: 16px; background-color: #FFFFFF; z-index: 5; }
#tekst_scroll { position:absolute; top: 150px; left: 330px; width: 620px; padding: 0px 0px 0px 0px; font-size: 12px; color: #000000; font-family: Verdana, Helvetica, sans-serif; line-height: 16px; z-index: 5; }
#menu {
	list-style: none;
 padding: 0; margin: 0; width: 640px;
 height: 25px; no-repeat;
 position: relative;

 }

#menu span { display: none;
 position: absolute;
}

#menu a { display: block; text-indent: -900%; position: absolute; outline: none;
}

#menu a:hover {
	background-position: left bottom;
}

#menu a:hover span{ display: block;
}

#menu .home { width: 170px; height: 40px;
 background: url(gfx/button_home.jpg) no-repeat; left: 218px; top: 118px; z-index: 8; 
}

#menu .home span { width: 170px;
 height: 40px; background: url(gfx/button_home2.jpg) no-repeat;
 left: 0px;
 top: 0px; z-index: 8; 
}

#menu .filosofie { width: 170px; height: 40px;
 background: url(gfx/button_filosofie.jpg) no-repeat; left: 388px; top: 118px; z-index: 8; 
}

#menu .filosofie span { width: 170px;
 height: 40px; background: url(gfx/button_filosofie2.jpg) no-repeat;
 left: 0px;
 top: 0px; z-index: 8; 
}

#menu .historie {
 width: 170px; height: 40px; background: url(gfx/button_historie.jpg) no-repeat;
 left: 558px; top: 118px; z-index: 8; 
}

#menu .historie span { width: 170px; height: 40px; background: url(gfx/button_historie2.jpg) no-repeat; left: 0px; top: 0px;
 z-index: 8; }

#menu .referenties { width: 170px; height: 40px; background: url(gfx/button_referenties.jpg) no-repeat;
 left: 728px; top: 118px; z-index: 8; 
}

#menu .referenties span { width: 170px;
 height: 40px;
 background: url(gfx/button_referenties2.jpg) no-repeat; left: 0px;
 top: 0px; z-index: 8; 
}

#menu .koek { width: 218px; height: 40px; background: url(gfx/button_koek.jpg) no-repeat;
 left: 0px; top: 158px; z-index: 8; 
}

#menu .koek span { width: 218px;
 height: 40px;
 background: url(gfx/button_koek2.jpg) no-repeat; left: 0px;
 top: 0px; z-index: 8; 
}

#menu .bonbons { width: 218px; height: 40px; background: url(gfx/button_bonbons.jpg) no-repeat;
 left: 0px; top: 198px; z-index: 8; 
}

#menu .bonbons span { width: 218px;
 height: 40px;
 background: url(gfx/button_bonbons2.jpg) no-repeat; left: 0px;
 top: 0px; z-index: 8; 
}

#menu .cadeau { width: 218px; height: 40px; background: url(gfx/button_cadeau.jpg) no-repeat;
 left: 0px; top: 238px; z-index: 8; 
}

#menu .cadeau span { width: 218px;
 height: 40px;
 background: url(gfx/button_cadeau2.jpg) no-repeat; left: 0px;
 top: 0px; z-index: 8; 
}

#menu .seizoen { width: 218px; height: 40px; background: url(gfx/button_seizoen.jpg) no-repeat;
 left: 0px; top: 278px; z-index: 8; 
}

#menu .seizoen span { width: 218px;
 height: 40px;
 background: url(gfx/button_seizoen2.jpg) no-repeat; left: 0px;
 top: 0px; z-index: 8; 
}

#menu .home2 { width: 170px; height: 40px;
 background: url(gfx/button_home3.jpg) no-repeat; left: 218px; top: 118px; z-index: 8; 
}

#menu .home2 span { width: 170px;
 height: 40px; background: url(gfx/button_home3.jpg) no-repeat;
 left: 0px;
 top: 0px; z-index: 8; 
}

#menu .filosofie2 { width: 170px; height: 40px;
 background: url(gfx/button_filosofie3.jpg) no-repeat; left: 388px; top: 118px; z-index: 8; 
}

#menu .filosofie2 span { width: 170px;
 height: 40px; background: url(gfx/button_filosofie3.jpg) no-repeat;
 left: 0px;
 top: 0px; z-index: 8; 
}

#menu .historie2 {
 width: 170px; height: 40px; background: url(gfx/button_historie3.jpg) no-repeat;
 left: 558px; top: 118px; z-index: 8; 
}

#menu .historie2 span { width: 170px; height: 40px; background: url(gfx/button_historie3.jpg) no-repeat; left: 0px; top: 0px;
 z-index: 8; }

#menu .referenties2 { width: 170px; height: 40px; background: url(gfx/button_referenties3.jpg) no-repeat;
 left: 728px; top: 118px; z-index: 8; 
}

#menu .referenties2 span { width: 170px;
 height: 40px;
 background: url(gfx/button_referenties3.jpg) no-repeat; left: 0px;
 top: 0px; z-index: 8; 
}

#menu .bonbons2 { width: 218px; height: 40px; background: url(gfx/button_bonbons3.jpg) no-repeat;
 left: 0px; top: 158px; z-index: 8; 
}

#menu .bonbons2 span { width: 218px;
 height: 40px;
 background: url(gfx/button_bonbons3.jpg) no-repeat; left: 0px;
 top: 0px; z-index: 8; 
}

#menu .koek2 { width: 218px; height: 40px; background: url(gfx/button_koek3.jpg) no-repeat;
 left: 0px; top: 198px; z-index: 8; 
}

#menu .koek2 span { width: 218px;
 height: 40px;
 background: url(gfx/button_koek3.jpg) no-repeat; left: 0px;
 top: 0px; z-index: 8; 
}

#menu .cadeau2 { width: 218px; height: 40px; background: url(gfx/button_cadeau3.jpg) no-repeat;
 left: 0px; top: 238px; z-index: 8; 
}

#menu .cadeau2 span { width: 218px;
 height: 40px;
 background: url(gfx/button_cadeau3.jpg) no-repeat; left: 0px;
 top: 0px; z-index: 8; 
}

#menu .seizoen2 { width: 218px; height: 40px; background: url(gfx/button_seizoen3.jpg) no-repeat;
 left: 0px; top: 278px; z-index: 8; 
}

#menu .seizoen2 span { width: 218px;
 height: 40px;
 background: url(gfx/button_seizoen3.jpg) no-repeat; left: 0px;
 top: 0px; z-index: 8; 
}


/************** feature styles *****************/
#feature { position:absolute; top: 120px; left: 235px; width: 625px; padding: 20px 125px 0px 15px; font-size: 12px; font-family: Verdana, Helvetica, sans-serif; color: #363636; line-height: 16px; background-image: url("gfx/backdown2.jpg"); height: 1120px; }
#feature2 { position:absolute; top: 120px; left: 235px; width: 715px; padding: 20px 35px 0px 15px; font-size: 12px; font-family: Verdana, Helvetica, sans-serif; color: #363636; line-height: 16px; background-image: url("gfx/backdown2.jpg"); height: 1120px; }
#feature h1 { padding: 0px 0px 0px 0px; margin: 0px; font-family: Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000; }
#feature h3 { padding: 0px 0px 0px 0px; margin: 0px; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #071358; }
#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; }