/***********************************************//* HTML tag styles *//***********************************************/
body{font-family: Arial,sans-serif; color: #FFFFFF; font-size: 10px; line-height: 18px; margin: 0px; padding: 0px; background: url(gfx/back.jpg); } 
headings{font-family: Arial, Helvetica, sans-serif; line-height: 18px; margin: 0px; padding: 0px; background-color: #B2C0DA; }
#toplevel { position: relative; width: 1000px; 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: #FFFFFF; text-decoration: none;} 
a:hover{color: #bcbe01; 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: #bcbe01; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 14px; font-weight: bold; }
h2 { color: #FF0000; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 14px; font-weight: bold; }
h3 { color: #FFFFFF; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 16px; font-weight: bold; }

/***********************************************//* Layout Divs *//***********************************************/
#logo { position:absolute; top: 50px; left: 647px; width: 255px; padding: 0px 0px 0px 0px; font-size: 11px; color: #272727; font-family: Arial, Helvetica, sans-serif; line-height: 14px; z-index: 0; height: 75px; }
#titel { position:absolute; top: 50px; left: 30px; width: 436px; padding: 0px 0px 0px 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 22px; z-index: 1; height: 75px; }
#foto { position:absolute; top: 245px; left: 30px; width: 258px; padding: 0px 0px 0px 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 22px; z-index: 2; height: 380px; }
#sitemap { position:absolute; top: 795px; left: 30px; width: 450px; padding: 20px 0px 0px 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 22px; z-index: 2; height: 380px; }
#links { position:absolute; top: 795px; left: 430px; width: 450px; padding: 20px 0px 0px 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 22px; z-index: 2; height: 380px; }
#contact { position:absolute; top: 795px; left: 780px; width: 450px; padding: 20px 0px 0px 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 22px; z-index: 2; height: 380px; }
#intro { position:absolute; top: 300px; left: 0px; width: 1000px; padding: 0px 0px 0px 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 22px; z-index: 2; height: 585px; }
#menu {
	list-style: none;
 padding: 0; margin: 0; width: 1000px;
 height: 50px; background: url(gfx/menu-bg.jpg) 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 .vanraalte { width: 136px; height: 30px;
 background: url(gfx/menu_vanraalte.jpg) no-repeat; left: 30px; top: 10px;
}

#menu .vanraalte span { width: 136px;
 height: 30px; background: url(gfx/menu_vanraalte2.jpg) no-repeat;
 left: 0px;
 top: 0px;
}

#menu .producten {
 width: 70px; height: 30px; background: url(gfx/menu_producten.jpg) no-repeat;
 left: 204px; top: 10px;
}

#menu .producten span { width: 70px; height: 30px; background: url(gfx/menu_producten2.jpg) no-repeat; left: 0px; top: 0px;
}

#menu .nieuws { width: 50px; height: 30px; background: url(gfx/menu_nieuws.jpg) no-repeat;
 left: 312px; top: 10px;
}

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

#menu .webshop { width: 132px; height: 50px; background: url(gfx/menu_webshop.jpg) no-repeat;
 left: 403px; top: 0px;
}

#menu .webshop span { width: 132px;
 height: 50px;
 background: url(gfx/menu_webshop2.jpg) no-repeat; left: px;
 top: 0px;
}

#menu .home { width: 31px; height: 30px; background: url(gfx/menu_home.jpg) no-repeat;
 left: 637px; top: 10px;
}

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

#menu .login { width: 31px; height: 30px; background: url(gfx/menu_login.jpg) no-repeat;
 left: 683px; top: 10px;
}

#menu .login span { width: 31px;
 height: 30px;
 background: url(gfx/menu_login2.jpg) no-repeat; left: 0px;
 top: 0px;
}

#menu .contact { width: 42px; height: 30px; background: url(gfx/menu_contact.jpg) no-repeat;
 left: 730px; top: 10px;
}

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

#menu .vacatures { width: 52px; height: 30px; background: url(gfx/menu_vacatures.jpg) no-repeat;
 left: 786px; top: 10px;
}

#menu .vacatures span { width: 52px;
 height: 30px;
 background: url(gfx/menu_vacatures2.jpg) no-repeat; left: 0px;
 top: 0px;
}

#menu .nl { width: 26px; height: 30px; background: url(gfx/menu_nl.jpg) no-repeat;
 left: 872px; top: 10px;
}

#menu .nl span { width: 26px;
 height: 30px;
 background: url(gfx/menu_nl2.jpg) no-repeat; left: 0px;
 top: 0px;
}

#menu .de { width: 26px; height: 30px; background: url(gfx/menu_de.jpg) no-repeat;
 left: 903px; top: 10px;
}

#menu .de span { width: 26px;
 height: 30px;
 background: url(gfx/menu_de2.jpg) no-repeat; left: 0px;
 top: 0px;
}

#menu .uk { width: 26px; height: 30px; background: url(gfx/menu_uk.jpg) no-repeat;
 left: 934px; top: 10px;
}

#menu .uk span { width: 26px;
 height: 30px;
 background: url(gfx/menu_uk2.jpg) no-repeat; left: 0px;
 top: 0px;
}

#menu2 {list-style: none;
 padding: 0; margin: 0; width: 400px;
 height: 200px; no-repeat;
 position: relative;
}

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

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

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

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

#menu2 .brochure { width: 260px; height: 30px;
 background: url(gfx/menu_brochure.jpg) no-repeat; left: 430px; top: 795px;
}

#menu2 .brochure span { width: 260px;
 height: 30px; background: url(gfx/menu_brochure2.jpg) no-repeat;
 left: 0px;
 top: 0px;
}

#menu2 .nieuwsbrief { width: 260px; height: 30px;
 background: url(gfx/menu_nieuwsbrief.jpg) no-repeat; left: 430px; top: 825px;
}

#menu2 .nieuwsbrief span { width: 260px;
 height: 30px; background: url(gfx/menu_nieuwsbrief2.jpg) no-repeat;
 left: 0px;
 top: 0px;
}

#menu2 .dealer { width: 260px; height: 30px;
 background: url(gfx/menu_dealer.jpg) no-repeat; left: 430px; top: 855px;
}

#menu2 .dealer span { width: 260px;
 height: 30px; background: url(gfx/menu_dealer2.jpg) no-repeat;
 left: 0px;
 top: 0px;
}

#menu2 .voorwaarden { width: 260px; height: 30px;
 background: url(gfx/menu_voorwaarden.jpg) no-repeat; left: 430px; top: 885px;
}

#menu2 .voorwaarden span { width: 260px;
 height: 30px; background: url(gfx/menu_voorwaarden2.jpg) no-repeat;
 left: 0px;
 top: 0px;
}


/************** feature styles *****************/
#feature { position:absolute; top: 120px; left: 235px; width: 625px; padding: 20px 125px 0px 15px; font-size: 12px; font-family: Arial, 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: Arial, 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: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000; }
#feature h3 { padding: 0px 0px 0px 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #071358; }
#feature h4 { padding: 0px 0px 0px 0px; margin: 0px; font-family: Arial, 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: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
#feature h6 { padding: 0px 0px 0px 0px; margin: 0px; font-family: Arial, 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% Arial,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: Arial, 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: Arial, Helvetica, sans-serif; border-bottom-color: #CCCCCC; text-align: right; display: block; font-weight: bold; padding: 5px 0px 5px 0px; line-height: 14px; }