/***********************************************//* HTML tag styles *//***********************************************/
body{font-family: Verdana,sans-serif; color: #F5E0CF; line-height: 18px; margin: 0px; padding: 0px; background-image: url("gfx/back.jpg"); } 
headings{font-family: Verdana, Helvetica, sans-serif; line-height: 18px; margin: 0px; padding: 0px; background-color: #000000; font-weight: bold;}
#toplevel { position: relative; width: 1000px; height: 800px; margin: 0 auto; /* to centre compliant browsers */ text-align: left; /* to reset text alignment to default */ vertical-align: middle; background-color: #FFFFFF; }

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

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

/***********************************************//* Layout Divs */
/***********************************************/
#logo { position:absolute; top: 0px; left: 0px; width: 145px; padding: 0px 0px 0px 0px; font-size: 12px; font-family: Verdana, Helvetica, sans-serif; line-height: 18px; z-index: 0; height: 170px; }
#adres { position:absolute; top: 180px; left: 10px; width: 265px; padding: 0px 0px 0px 0px; font-size: 11px; font-family: Verdana, Helvetica, sans-serif; color: #000000; line-height: 16px; z-index: 1; height: 170px; }
#feature { position:absolute; top: 180px; left: 285px; width: 640px; padding: 10px 30px 0px 30px; font-size: 12px; font-family: Verdana, Helvetica, sans-serif; color: #000000; line-height: 18px; background-image: url("gfx/back_main.jpg"); z-index: 2; height: 600px; }
#shop { position:absolute; top: 150px; left: 0px; width: 330px; padding: 10px 0px 0px 20px; font-size: 11px; font-family: Verdana, Helvetica, sans-serif; color: #A9A9A9; line-height: 14px; background-image: url("gfx/backshop.jpg"); z-index: 1; height: 360px; }
#menu { position:absolute; top: 0px; left: 350px; width: 518px; padding: 15px 35px 0px 0px; font-size: 12px; font-family: Verdana, Helvetica, sans-serif; line-height: 18px; background-image: url("gfx/backmenu.jpg"); z-index: 2; height: 135px; }
#foto { position:absolute; top: 180px; left: 0px; width: 142px; padding: 180px 15px 30px 193px; font-size: 10px; font-family: Verdana, Helvetica, sans-serif; color: #000000; line-height: 18px; background-image: url("gfx/backfoto.jpg"); z-index: 2; height: 140px; }
#intro { position:absolute; top: 20px; left: 0px; width: 850px; padding: 20px 0px 20px 0px; font-size: 16px; font-family: Verdana, Helvetica, sans-serif; line-height: 22px; background-color: #000000; z-index: 3; height: 500px; }
#txtmatch { position:absolute; top: 600px; left: 5px; width: 145px; padding: 0px 0px 0px 0px; font-size: 9px; font-family: Verdana, Helvetica, sans-serif; color: #000000; line-height: 12px; background-color: #3A3B3D; z-index: 5; height: 30px; }
#menu {
	list-style: none;
 padding: 0; margin: 0; width: 1000px;
 height: 170px; left: 0px;
 top: 0px;
}

#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: 145px; height: 170px;
 background: url(gfx/button_home.jpg) no-repeat; left: 275px; top: 0px;
}

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

#menu .winkel { width: 145px; height: 170px;
 background: url(gfx/button_winkel.jpg) no-repeat; left: 420px; top: 0px;
}

#menu .winkel span { width: 145px;
 height: 170px; background: url(gfx/button_winkel2.jpg) no-repeat;
 left: 0px;
 top: 0px;
}

#menu .cursus { width: 145px; height: 170px;
 background: url(gfx/button_cursus.jpg) no-repeat; left: 565px; top: 0px;
}

#menu .cursus span { width: 145px;
 height: 170px; background: url(gfx/button_cursus2.jpg) no-repeat;
 left: 0px;
 top: 0px;
}

#menu .nieuws { width: 145px; height: 170px;
 background: url(gfx/button_nieuws.jpg) no-repeat; left: 710px; top: 0px;
}

#menu .nieuws span { width: 145px;
 height: 170px; background: url(gfx/button_nieuws2.jpg) no-repeat;
 left: 0px;
 top: 0px;
}

#menu .contact { width: 145px; height: 170px;
 background: url(gfx/button_contact.jpg) no-repeat; left: 855px; top: 0px;
}

#menu .contact span { width: 145px;
 height: 170px; background: url(gfx/button_contact2.jpg) no-repeat;
 left: 0px;
 top: 0px;
}


/* 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; }

/************** 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; }

#div_info { border: 1px solid #DCDBC9; }