/*
Client: P.J.Kooij en Zn B.V.
CSS Document: Version 1.0 2009
Developer: OUIT
URL: http://www.ouit.nl/
*/


/*------------------------------------------------------------------------------*/
/*	 NAVIGATION DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

/* General Navigation Structure */

#nav_body{width:100%; background:url(../images/bg_nav.jpg) repeat-x;}
#nav_container{width:900px; margin:0 auto; padding-top:21px; height:54px;}
#nav_container ul{margin:0; padding:0; list-style-type:none;}
#nav_container li{margin:0; padding:0; float:left;}
.nav{z-index:100; position:relative;}
.nav ul{list-style: none; margin: 0; padding: 0;}
.nav ul{width: 100px; position: absolute; top: -999em; left: -1px;}
.nav li{float:left; margin:0; padding:0; position:relative;}
.nav ul li {border: 0; float: none;}

/* Horizontal Rollover Styles */
.nav li.home a{width:62px; height:31px; background: url(../images/nav_home.jpg) 0px 0px no-repeat; display:block; text-indent: -9999px;}
.nav li.home a:hover{background:url(../images/nav_home.jpg) -62px 0px no-repeat; display: block;}
.nav li.home a.current{background: url(../images/nav_home.jpg) -62px 0px no-repeat; display:block;}
.nav li.bedrijf a{width:84px;height:31px;background: url(../images/nav_bedrijf.jpg) 0px 0px no-repeat;display:block;text-indent: -9999px;margin-left:15px;}
.nav li.bedrijf a:hover{background:url(../images/nav_bedrijf.jpg) -84px 0px no-repeat; display: block;}
.nav li.bedrijf a.current{background: url(../images/nav_bedrijf.jpg) -84px 0px no-repeat; display:block;}
.nav li.producten a{width:97px; height:31px; background: url(../images/nav_producten.jpg) 0px 0px no-repeat; display:block; text-indent: -9999px; margin-left:10px;}
.nav li.producten a:hover{background:url(../images/nav_producten.jpg) -97px 0px no-repeat; display: block;}
.nav li.producten a.current{background: url(../images/nav_producten.jpg) -97px 0px no-repeat; display:block;}
.nav li.beadybed a{width:97px; height:31px; background: url(../images/nav_beadybed.jpg) 0px 0px no-repeat; display:block; text-indent: -9999px; margin-left:15px;}
.nav li.beadybed a:hover{background:url(../images/nav_beadybed.jpg) -97px 0px no-repeat; display: block;}
.nav li.beadybed a.current{background: url(../images/nav_beadybed.jpg) -97px 0px no-repeat; display:block;}
.nav li.galerie a{width:83px; height:31px; background: url(../images/nav_galerie.jpg) 0px 0px no-repeat; display:block; text-indent: -9999px; margin-left:15px;}
.nav li.galerie a:hover{background:url(../images/nav_galerie.jpg) -83px 0px no-repeat; display: block;}
.nav li.galerie a.current{background: url(../images/nav_galerie.jpg) -83px 0px no-repeat; display:block;}
.nav li.contact a{width:83px; height:31px; background: url(../images/nav_contact.jpg) 0px 0px no-repeat; display:block; text-indent: -9999px; margin-left:15px;}
.nav li.contact a:hover{background:url(../images/nav_contact.jpg) -83px 0px no-repeat; display: block;}
.nav li.contact a.current{background: url(../images/nav_contact.jpg) -83px 0px no-repeat; display:block;}
.nav li.nl a{width:62px; height:31px; background: url(../images/nav_nl.jpg) 0px 0px no-repeat; display:block; text-indent: -9999px; margin-left:195px;}
.nav li.nl a:hover{background:url(../images/nav_nl.jpg) -62px 0px no-repeat; display: block;}
.nav li.nl a.current{background: url(../images/nav_nl.jpg) -62px 0px no-repeat; display:block;}
.nav li.en a{width:62px; height:31px; background: url(../images/nav_en.jpg) 0px 0px no-repeat; display:block; text-indent: -9999px; margin-left:5px;}
.nav li.en a:hover{background:url(../images/nav_en.jpg) -62px 0px no-repeat; display: block;}
.nav li.en a.current{background: url(../images/nav_en.jpg) -62px 0px no-repeat; display:block;}

/* Uneeded navigation items

#nav-one li:hover a, #nav-one li.sfHover a{background: #ccc; color: #000;}
#nav-one li:hover ul a, #nav-one li.sfHover ul a {background: #565656; color: #959595;}
#nav-one li:hover ul a:hover, #nav-one li.sfHover ul a:hover {background: #ccc; color: #000;}


.nav ul a{  border: 1px solid #000;
  border-bottom: 0;
  padding-right: 20px;
  width: 80px;
  white-space: nowrap;
}
.nav ul a:hover {background: #ccc; color: #000;}

*/