/*
***********************************************************
Title: Navcontainer
Author & copyright: Jacco van der Post - TYPO3-webdesign.nl
Date: may 2009
***********************************************************
*/

#navtop {
  top:212px;
  left:232px;
  position:absolute;
  z-index:10;
  background:#decbbc;
  width:758px;
  height:37px;
  }

#navtop ul {
  margin:0;
  padding:0;}

#navtop ul li {
  list-style:none;
  float:left;
   }

#navtop ul li a {
  display:block;
  height:37px;
  }

#navtop ul li a span {
  display:none;
  }
  
#navtop ul li a#t-8 {
  	background: url(../img/buttons/home.gif) no-repeat ;
  	width:78px;
  	}

#navtop ul li a#t-7 {
  	background: url(../img/buttons/informatie.gif) no-repeat ;
  	width:106px;
  	}
  	
#navtop ul li a#t-6 {
  	background: url(../img/buttons/opleidingen.gif) no-repeat ;
  	width:113px;
  	}

#navtop ul li a#t-5 {
  	background: url(../img/buttons/wie.gif) no-repeat ;
  	width:106px;
  	}
  	
#navtop ul li a#t-4 {
  	background: url(../img/buttons/contact.gif) no-repeat ;
  	width:88px;
  	}

#navtop ul li a#t-3 {
  	background: url(../img/buttons/faq.gif) no-repeat ;
  	width:65px;
  	}
  	
#navtop ul li a#t-2 {
  	background: url(../img/buttons/inloggen.gif) no-repeat ;
  	width:202px;
  	}

#navtop ul li a#t-8:hover, #navtop ul li.current a#t-8, #navtop ul li.active a#t-8  {
  	background: url(../img/buttons/home-current.gif) no-repeat ;
  	}
  	
#navtop ul li a#t-7:hover, #navtop ul li.current a#t-7, #navtop ul li.active a#t-7 {
  	background: url(../img/buttons/informatie-current.gif) no-repeat ;
  	}
  	
#navtop ul li a#t-6:hover, #navtop ul li.current a#t-6, #navtop ul li.active a#t-6 {
  	background: url(../img/buttons/opleidingen-current.gif) no-repeat ;
  	}

#navtop ul li a#t-5:hover, #navtop ul li.current a#t-5, #navtop ul li.active a#t-5 {
  	background: url(../img/buttons/wie-current.gif) no-repeat ;
  	}
  	
#navtop ul li a#t-4:hover, #navtop ul li.current a#t-4, #navtop ul li.active a#t-4 {
  	background: url(../img/buttons/contact-current.gif) no-repeat ;
  	}

#navtop ul li a#t-3:hover, #navtop ul li.current a#t-3, #navtop ul li.active a#t-3 {
  	background: url(../img/buttons/faq-current.gif) no-repeat ;
  	}