/*
***********************************************************
Title: 	navcontainer
Author & copyright: Jacco van der Post - TYPO3-webdesign.nl
Date: november 2008
***********************************************************
*/


/* ========= */
/*  top-nav  */	
/* ========= */


#top-nav {
	font-size:1.2em;
	}


/* reset */
#top-nav ul, #top-nav ol {margin:0; padding-left: 0;}
#top-nav ul li {list-style: none;}
#top-nav ul li li, #top-nav ol li ul li {list-style: none;}
#top-nav ol li {list-style: none;}

/* 1. Level suckerfish */
#nav, #nav UL { padding:0; margin:0; list-style:none;}
#nav LI { float:left; }
#nav LI.last { background-image:none;}
#nav LI A { 
     /* width:96px; */
     width:97px;
    	height:45px;
    	border-right:1px solid #cfcfcf;
    	padding:5px;
    	padding-bottom:5px;
    	padding-left:10px;
    	display:block;
    	cursor:pointer;
    	color:#555;
  }
#nav LI:hover , #nav LI.sfhover {position:static;}
#nav LI.act { }
#nav LI.act A {color:#000;}

/* 2. Level suckerfish */
#nav LI UL { position:absolute; width:200px; left:-999em; z-index:10;}
HTML>BODY #nav LI UL { }
#nav LI UL LI { width:200px; }
#nav LI UL LI A {background:url(../img/navtop-bg.png) center; width:200px;  height:20px; }
#nav LI:hover UL LI A, #nav LI.sfhover UL LI A {color:#555; border:1px solid #cfcfcf; border-top:0; height:20px; }
#nav LI UL LI:hover, #nav LI UL LI.sfhover  {}
#nav LI UL LI.act2 { }
#nav LI UL LI a:hover, #nav LI UL LI.sfhover { }

#nav LI:hover UL, #nav LI.sfhover UL {left:auto;}
#nav A {text-decoration:none;}
#nav A:hover {background:url(../img/navtop-bg-yellow.png) center;  }
#nav LI.active A, #nav LI.active LI.act2 A {font-weight:bold;}
#nav LI.active LI A {font-weight:normal;}


/* 3. Level suckerfish */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}
#nav li ul ul { /* third-and-above-level lists */
	margin: -21px 0 0 170px;
	
}



/* =========== */
/*  left-nav   */	
/* =========== */

/* reset */
#left-nav ul, #left-nav ol {margin:0; padding-left: 0;}
#left-nav ul li {list-style: none;}
#left-nav ul li li, #left-nav ol li ul li {list-style: none;}
#left-nav ol li {list-style: none;}


#left-nav {
 
  }

#left-nav ul {
  margin-left:0px;
  margin-top:25px;
  }

#left-nav ul ul {
  margin-left:10px;
  margin-top:-5px;
  margin-bottom:-5px;
  }

#left-nav ul li {
  padding-bottom:5px;
  }

#left-nav ul li ul li {
  margin-top:-5px;
  }