/********************************************************************************************************
	ICSurselva AG	http://www.icsurselva.ch
	Projekt:		Simsalabim
	Date:			01/2008, claudia
	Version:		1.0
	file:			navigation.css
	function:		navigation-style 
********************************************************************************************************/

/*------------------------ (1) START NAV_TOP    horizontal------------------------------------*/
ul#mainNavigation {
	font-weight:bold;
	text-decoration: none;
	margin:0;
	padding:0;
	}

ul#mainNavigation li {
	float:left;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}


ul#mainNavigation li a {
	color:#990000;
	font-size: 13px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 6px;
	padding: 0px;
	list-style-type: none;
}

	ul#mainNavigation li a:hover {
		color:red;
	}

	ul#mainNavigation li a.cur,
	ul#mainNavigation li a.act {
	font-weight:bold;
	color:#990000;
	}
	

/*---------------------------first--------------------------------------------------*/	
	
ul#mainNavigation li.first, ul#mainNavigation li.cur_first, ul#mainNavigation li.act_first{
	margin:0px;
	width:240px;
	height:142px;
}
		
ul#mainNavigation li.first a{
	vertical-align:bottom;
	padding:125px 0px 0px 49px;	
	margin:0px;
	background: url(../bilder/layout/header/figuras/zauberer/Zauberer.png) no-repeat;
	display:block;
	cursor:pointer;
}

* html ul#mainNavigation li.first a{
	background:url(../bilder/layout/header/figuras/zauberer/Zauberer.gif) no-repeat;
}

ul#mainNavigation li.cur_first a{
	color:#009397;
	vertical-align:bottom;
	padding:125px 0px 0px 49px;	
	margin:0px;
	background: url(../bilder/layout/header/figuras/zauberer/Zauberer.png) no-repeat;
	display:block;
	cursor:pointer;
}

* html ul#mainNavigation li.cur_first a{
	background:url(../bilder/layout/header/figuras/zauberer/Zauberer.gif) no-repeat;
}

ul#mainNavigation li.first a:hover{
	vertical-align:bottom;
	padding:125px 0px 0px 49px;	
	margin:0px;
	background: url(../bilder/layout/header/figuras/zauberer/Zauberer-hover.png) no-repeat;
	display:block;
	cursor:pointer;
}

* html ul#mainNavigation li.first a:hover{
	background: url(../bilder/layout/header/figuras/zauberer/Zauberer-hover.gif) no-repeat;
	}
	
ul#mainNavigation li.cur_first a:hover{
	color:#009397;
}
	
* html ul#mainNavigation .first a, * html ul#mainNavigation .first span  {
	width: 100%;    /* Breitenangabe fuer IE 5.x */
	w\idth: 240px;  /* Breitenangabe fuer IE 6 - 190px*/
}


/*-----------------------second-----------------------------------------*/

ul#mainNavigation li.second, ul#mainNavigation li.cur_second, ul#mainNavigation li.act_second{
	margin:0px;
	width:170px;
	height:142px;
	}
	
ul#mainNavigation li.second a{
	vertical-align:bottom;
	padding:125px 0px 0px 60px;
	margin:0px;
	background: url(../bilder/layout/header/figuras/spiel/wuerfel.png) no-repeat;
	display:block;
	cursor:pointer;
}

* html	ul#mainNavigation li.second a{
	background: url(../bilder/layout/header/figuras/spiel/wuerfel.gif) no-repeat;
}

ul#mainNavigation li.cur_second a{
	color:#009397;
	vertical-align:bottom;
	padding:125px 0px 0px 60px;
	margin:0px;
	background: url(../bilder/layout/header/figuras/spiel/wuerfel.png) no-repeat;
	display:block;
	cursor:pointer;
}

* html	ul#mainNavigation li.cur_second a{
	background: url(../bilder/layout/header/figuras/spiel/wuerfel.gif) no-repeat;
}


ul#mainNavigation li.second a:hover{
	vertical-align:bottom;
	padding:125px 0px 0px 60px;	
	margin:0px;
	background: url(../bilder/layout/header/figuras/spiel/wuerfel-hover.png) no-repeat;
	display:block;
	cursor:pointer;
}

* html ul#mainNavigation li.second a:hover{
	background:url(../bilder/layout/header/figuras/spiel/wuerfel-hover.gif) no-repeat;
}

ul#mainNavigation li.cur_second a:hover{
	color:#009397;
}

* html ul#mainNavigation .second a, * html ul#mainNavigation .second span  {
	width: 100%;    /* Breitenangabe fuer IE 5.x */
	w\idth: 170px;  /* Breitenangabe fuer IE 6 - 190px*/
}

/*----------------------------third---------------------------------------*/

ul#mainNavigation li.third, ul#mainNavigation li.cur_third, ul#mainNavigation li.act_third{
	margin:0px;
	width:170px;
	height:142px;
}
	
ul#mainNavigation li.third a{
	vertical-align:bottom;
	padding:125px 0px 0px 66px;/*!!!10px*/
	margin:0px;
	background: url(../bilder/layout/header/figuras/shop/shop-neu.png) no-repeat;
	display:block;
	cursor:pointer;
}

* html	ul#mainNavigation li.third a{
	background: url(../bilder/layout/header/figuras/shop/shop-neu.gif) no-repeat;
}

ul#mainNavigation li.cur_third a{
	color:#009397;
	vertical-align:bottom;
	padding:125px 0px 0px 66px;/*!!!10px*/
	margin:0px;
	background: url(../bilder/layout/header/figuras/shop/shop-neu.png) no-repeat;
	display:block;
	cursor:pointer;
}

* html	ul#mainNavigation li.cur_third a{
	background: url(../bilder/layout/header/figuras/shop/shop-neu.gif) no-repeat;
}

ul#mainNavigation li.third a:hover{
	vertical-align:bottom;
	padding:125px 0px 0px 66px;/*!!!10px*/	
	margin:0px;
	background: url(../bilder/layout/header/figuras/shop/shop-hover-neu.png) no-repeat;
	display:block;
	cursor:pointer;
}

* html ul#mainNavigation li.third a:hover{
	background:url(../bilder/layout/header/figuras/shop/shop-hover-neu.gif) no-repeat;
}

ul#mainNavigation li.cur_third a:hover{
	color:#009397;
}

* html ul#mainNavigation .third a, * html ul#mainNavigation .third span  {
	width: 100%;    /* Breitenangabe fuer IE 5.x */
	w\idth: 170px;  /* Breitenangabe fuer IE 6 - 190px*/
}

/*-----------------four--------------------------------*/

ul#mainNavigation li.four, ul#mainNavigation li.cur_four, ul#mainNavigation li.act_four{
	/*padding:0px 20px 0px 20px;*/
	margin:0px;
	width:170px;
	height:142px;
}
	
ul#mainNavigation li.four a{
	vertical-align:bottom;
	padding:125px 0px 0px 48px;
	margin:0px;
	background: url(../bilder/layout/header/figuras/musik/noten-neu.png) no-repeat;
	display:block;
	cursor:pointer;
}

* html ul#mainNavigation li.four a{
	background: url(../bilder/layout/header/figuras/musik/noten-neu.gif) no-repeat;
}

ul#mainNavigation li.cur_four a{
	color:#009397;
	vertical-align:bottom;
	padding:125px 0px 0px 48px;
	margin:0px;
	background: url(../bilder/layout/header/figuras/musik/noten-neu.png) no-repeat;
	display:block;
	cursor:pointer;
}

* html ul#mainNavigation li.cur_four a{
	background: url(../bilder/layout/header/figuras/musik/noten-neu.gif) no-repeat;
}

ul#mainNavigation li.four a:hover{
	vertical-align:bottom;
	padding:125px 0px 0px 48px;	/*!!!*/
	margin:0px;
	background: url(../bilder/layout/header/figuras/musik/noten-hover-neu.png) no-repeat;
	display:block;
	cursor:pointer;
}

* html ul#mainNavigation li.four a:hover{
	background:url(../bilder/layout/header/figuras/musik/noten-hover-neu.gif) no-repeat;
	}
	
ul#mainNavigation li.cur_four a:hover{
	color:#009397;
}
	
* html ul#mainNavigation .four a, * html ul#mainNavigation .four span  {
	width: 100%;    /* Breitenangabe fuer IE 5.x */
	w\idth: 170px;  /* Breitenangabe fuer IE 6 - 190px*/
}


/*-----------------------five-------------------------------------------*/

ul#mainNavigation li.five, ul#mainNavigation li.cur_five, ul#mainNavigation li.act_five{
	margin:0px;
	width:240px;
	height:142px;
}
	
ul#mainNavigation li.five a{
	vertical-align:bottom;
	padding:125px 0px 0px 88px;/*!!!41px*/
	margin:0px;
	background: url(../bilder/layout/header/figuras/bunanotg/mond.png) no-repeat;
	display:block;
	cursor:pointer;
}

* html	ul#mainNavigation li.five a{
	background: url(../bilder/layout/header/figuras/bunanotg/mond.gif) no-repeat;
}

ul#mainNavigation li.cur_five a{
	color:#009397;
	vertical-align:bottom;
	padding:125px 0px 0px 88px; /*!!!41px*/
	margin:0px;
	background: url(../bilder/layout/header/figuras/bunanotg/mond.png) no-repeat;
	display:block;
	cursor:pointer;
}

* html	ul#mainNavigation li.cur_five a{
	background: url(../bilder/layout/header/figuras/bunanotg/mond.gif) no-repeat;
}

ul#mainNavigation li.five a:hover{
	vertical-align:bottom;
	padding:125px 0px 0px 88px;	/*!!!41px*/
	margin:0px;
	background: url(../bilder/layout/header/figuras/bunanotg/mond-hover.png) no-repeat;
	display:block;
	cursor:pointer;
}


* html ul#mainNavigation li.five a:hover{	
	background: url(../bilder/layout/header/figuras/bunanotg/mond-hover.gif) no-repeat;
}

ul#mainNavigation li.cur_five a:hover{
	color:#009397;
}
	
	
* html ul#mainNavigation .five a, * html ul#mainNavigation .five span  {
	width: 100%;    /* Breitenangabe fuer IE 5.x */
	w\idth: 240px;  /* Breitenangabe fuer IE 6 - 190px*/
}
	
/*---------------------------------- (1) ENDE NAV_TOP  horizontal -------------------------------------*/




/*----------------------------------- (2) NAVIGATION LINKS ---------------------------------------------

--------------------------------------START vertical uffants---------------------------------------------*/

/*--------------------------  START  1.EBENE   ----------------------*/
ul#uffants1 {
	width: 239px;
	margin: 0px;
	padding: 0px;
	line-height:16px;
	list-style:none;
  }
  
li.nav1{
	border-bottom:2px solid #FFBB00;
}
 
ul#uffants1 a, ul#uffants1 span {
	color: #FFFFCC;
	background:#9D1629;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	margin:0px;
	padding: 4px 20px 4px 34px; /* abstand rahmen zum text  */
	display:block;
	
	/*vertical-align:middle;*/
}
	
* html ul#uffants1 a, * html ul#uffants1 span  {
	width: 100%;    /* Breitenangabe fuer IE 5.x */
	w\idth: 239px;  /* Breitenangabe fuer IE 6 - 190px*/
}
	
ul#uffants1 a:hover, ul#uffants1 .activ a {
	color: #FFFFCC;
	background:#9D1629 url(/fileadmin/simsalabim/bilder/layout/nav/uffants-hover.gif) no-repeat;
}
  
ul#uffants1 .cur a, ul#uffants1 .cur a:hover{
	color: #004055;
	background:#00CDD2 url(/fileadmin/simsalabim/bilder/layout/nav/current.gif) no-repeat;
	}

/*-------------------START    2.EBENE  ------------------------------*/
ul#uffants2 {
	width: 239px;
	margin:0px;
	padding: 0px;
	list-style:none;
	line-height:16px;
	background:#00CDD2;
	}
  
ul#uffants2 a, ul#uffants2 span {
	background:#FEDA5F;
	color: #004055;
	font-size: 12px;
	font-weight:normal;	
	margin-bottom:0px;
	padding: 4px 20px 4px 36px; /* abstand rahmen zum text  */
	text-decoration: none;
	display:block;
	}
  
  * html ul#uffants2 a, * html ul#uffants2 span  {
    width: 100%;    /* Breitenangabe fuer IE 5.x */
    w\idth:239px;  /* Breitenangabe fuer IE 6 - 190px*/
	}
  
ul#uffants2 a:hover, ul#uffants2 .cur a, ul#uffants2 .cur a:hover, ul#uffants2 .activ a {
    color: #004055;
	background:#B2F0F1;
	}

/*--------------------------START    3.EBENE  -------------------------------------*/
ul#uffants3 {
	width: 239px;
	margin: 0px;
	padding: 0px;
	list-style:none;
	line-height:16px;
}
  
ul#uffants3 a, ul#uffants3 span {
	display:block;
	padding: 4px 20px 4px 52px; /* abstand rahmen zum text  */
	text-decoration: none;
	color: #004055;	
	font-size: 12px;
	background-color:#FEDA5F;
	display:block;
}
  
  * html ul#uffants3 a, * html ul#uffants3 span  {
    width: 100%;    /* Breitenangabe fuer IE 5.x */
    w\idth: 239px;  /* Breitenangabe fuer IE 6 - 190px*/
	}
  
ul#uffants3 a:hover, ul#uffants3 .cur a, ul#uffants3 .cur a:hover, ul#uffants3 .activ a  {
	background:#00CDD2;
}

/*-------------------------------------------END vertical uffants  ------------------------------------------------*/

/*-------------------------------------------START vertical geniturs  ------------------------------------------------*/

/*---------------- START  1.EBENE   -----------------------------*/
ul#geniturs1 {
	width: 239px;
	margin: 0px;
	padding: 0px;
	line-height:16px;
	list-style:none;
  }

ul#geniturs1 a, ul#geniturs1 span {
	color: #FFFFCC;
	background:#005B79;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	padding: 4px 20px 4px 34px; /* abstand rahmen zum text  */
	margin:0px;
	display:block;
	}
	
* html ul#geniturs1 a, * html ul#geniturs1 span  {
   width: 100%;    /* Breitenangabe fuer IE 5.x */
   w\idth: 239px;  /* Breitenangabe fuer IE 6 - 190px*/
   }
	
ul#geniturs1 a:hover, ul#geniturs1 .activ a {
	color: #FFFFCC;
	background:#005B79 url(/fileadmin/simsalabim/bilder/layout/nav/geniturs-hover.gif) no-repeat;
	}

ul#geniturs1 .cur a, ul#geniturs1 .cur a:hover{
	color: #004055;
	background:#00CDD2 url(/fileadmin/simsalabim/bilder/layout/nav/current.gif) no-repeat;
	}

/*----------------------START    2.EBENE  ----------------------*/
ul#geniturs2 {
	width: 239px;
	margin:0px;
	padding: 0px;
	list-style:none;
	line-height:16px;
	background-color:#00CDD2;
	}
  
ul#geniturs2 a, ul#geniturs2 span {
	color: #004055;
	background-color:#FEDA5F;
	font-size: 12px;
	text-decoration: none;
	font-weight:normal;	
	padding: 4px 20px 4px 36px; /* abstand rahmen zum text  */	
	margin-bottom:0px;	
	display:block;
	}
  
  * html ul#geniturs2 a, * html ul#geniturs2 span  {
    width: 100%;    /* Breitenangabe fuer IE 5.x */
    w\idth:239px;  /* Breitenangabe fuer IE 6 - 190px*/
	}

ul#geniturs2 a:hover, ul#geniturs2 .cur a, ul#geniturs2 .cur a:hover, ul#geniturs2 .activ a {
    color: #004055;
	background:#B2F0F1;
	}

/*--------------------------START    3.EBENE  --------------------------------*/

ul#geniturs3 {
	width: 239px;
	margin: 0px;
	padding: 0px;
	list-style:none;
	line-height:16px;
}
  
ul#geniturs3 a, ul#geniturs3 span {
	display:block;
	padding: 4px 20px 4px 52px; /* abstand rahmen zum text  */
	text-decoration: none;
	color: #004055;	
	font-size: 12px;
	background-color:#FEDA5F;
	display:block;
}
  
  * html ul#geniturs3 a, * html ul#geniturs3 span  {
    width: 100%;    /* Breitenangabe fuer IE 5.x */
    w\idth: 239px;  /* Breitenangabe fuer IE 6 - 190px*/
	}
  
ul#geniturs3 a:hover, ul#geniturs3 .cur a, ul#geniturs3 .cur a:hover, ul#geniturs3 .activ a  {
	background:#00CDD2;
}

/*--------------------------   END vertical  geniturs  ------------------------------------------------*/