/* GENERAL
------------------------------------------------------------------------- */
* { margin: 0; padding: 0; }

body {
	font-family: Verdana, Helvetica, sans-serif; 
	background: #fff; 
	text-align: center;
	}

img { border: 0; vertical-align: bottom; }

/* CONTAINER
------------------------------------------------------------------------- */
#page_box {
	width: 1000px;
	height: 600px;
	margin: 0 auto;
	background: #fff;
	text-align: left;
	position: relative;
	}
	
/* NAVIGATION
------------------------------------------------------------------------- */
#nav_box { width: 490px; float: left; }

#nav_box ul {	list-style: none; }
#nav_box ul li { height: 600px; float: left; }
#nav_box ul li:hover { cursor: pointer; }
#nav_box ul li img { display: none; position: absolute; top: 0; left: 0; z-index: 50; }
#nav_box ul li a { display: block; height: 100%; }
	
#nav_box ul li.bedrijfsinformatie { width: 40px; background: url("../img/nav_btn_bedrijfsinformatie_off.gif") no-repeat top left; }
#nav_box ul li.confectierekken { xbordeR: 1px solid red;  width: 90px; background: url("../img/nav_btn_confectierekken_off.gif") no-repeat top left; }
#nav_box ul li.kledinghangers {	width: 90px; background: url("../img/nav_btn_kledinghangers_off.gif") no-repeat top left; }
#nav_box ul li.etalagefiguren {	width: 90px; background: url("../img/nav_btn_etalagefiguren_off.gif") no-repeat top left; }
#nav_box ul li.bustes { width: 90px; background: url("../img/nav_btn_bustes_off.gif") no-repeat top left; }
#nav_box ul li.accessoires { width: 90px; background: url("../img/nav_btn_accessoires_off.gif") no-repeat top left;	}

#nav_box ul li.bedrijfsinformatie:hover img { display: block; left: 0; }
#nav_box ul li.confectierekken:hover img { display: block; left: 33px; }
#nav_box ul li.kledinghangers:hover img { display: block; left: 130px; }
#nav_box ul li.etalagefiguren:hover img { display: block; left: 208px; }
#nav_box ul li.bustes:hover img { display: block; left: 310px; }
#nav_box ul li.accessoires:hover img { display: block; left: 400px; }

#logo_vlemmix { position: absolute; z-index: 100; margin-top: 332px; }

/* WEBSHOP
------------------------------------------------------------------------- */
#webshop_box { width: 160px; height: 600px; float: right; background: url("../img/webshop_bg.gif") no-repeat top left; }
#webshop_box .link { width: 160px; height: 240px; margin: 0px 0 0 0; }
#webshop_box .link { margin: 0px 0 0 0; }
#webshop_box .top3 { margin: 0px 0 0 0; }
#webshop_box .afbeelding { margin: 0px 0 0 0; }
#webshop_box ul { list-style: none; border-top: 1px dotted #d872a9; margin: 30px 0 0 10px; }
#webshop_box ul li { border-bottom: 1px dotted #d872a9; font-size: 10px; color: #ffffff; height: 35px; padding: 4px 0 0 25px; }
#webshop_box ul li a { color: #ffffff; text-decoration: none; }
#webshop_box ul li a:hover { text-decoration: underline; }

#webshop_box ul li.one { background: url("../img/webshop_gfx_one.gif") no-repeat top left; }
#webshop_box ul li.two { background: url("../img/webshop_gfx_two.gif") no-repeat top left; }
#webshop_box ul li.three { background: url("../img/webshop_gfx_three.gif") no-repeat top left; }

#webshop_box p { font-size: 10px; color: #ffffff; padding: 5px; text-decoration: none; }
#webshop_box p a { color: #ffffff; }


/* FLASH
------------------------------------------------------------------------- */
#flash_box { width: 350px; height: 600px; float: right; background: #000000; position: relative; }

/* NIEUWS
------------------------------------------------------------------------- */
#nieuws_box { width: 160px; height: 349px; position: absolute; top: 0; right: 0; padding: 251px 0 0 0; background: url("../img/nieuws_bg.png") no-repeat top right; z-index: 1; }
#nieuws_box .link { width: 160px; height: 100px; position: absolute; top: 0; right: 0; padding: 0 0 0 0; z-index: 1; }
#nieuws_box .nieuws_links { position: absolute; z-index: 100; }
#nieuws_box p { font-size: 10px; color: #ffffff; padding: 10px; }
#nieuws_box p a { color: #ffffff; }

/* ZOEKEN
------------------------------------------------------------------------- */
#zoeken_box { text-align: right; width: 160px; position: absolute; top: 0; right: 0; z-index: 2; }
#zoeken_box img { vertical-align: bottom; }
#zoeken_box .input { width: 90px; border: 0; background: #ffffff; vertical-align: top; }
#zoeken_box .submit { margin: 0 8px 0 0; }