/********************************************************************************************************
	ICSurselva AG	http://www.icsurselva.ch
	Projekt:		Batta Porta
	Date:			06/2007, beat
	Version:		1.0
	file:			navigation.css
	function:		navigation-style  
********************************************************************************************************/
/* color on the site *

background-color  	    =  #E7E7E7
background-image green  = url(/fileadmin/material/bilder/layout/bg_nav.jpg)
text-color              =  #E9C74C

Logo =      /fileadmin/dummy/material/bilder/dummy_logo.gif

*********************************************/

/* Suggested order:
 * display
 * list-style
 * float
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text
 * letter-spacing
 * vertical-align
 * line-height
 */

/************* START NAV_TOP    SHORTCUT  *******************/
ul#mainNavigation {
	font-weight:bold;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	}

ul#mainNavigation li {
	float:right;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	letter-spacing:1px;
}


ul#mainNavigation li a {
	color:#9F9F9F;
	font-size: 80%;
	text-decoration: none;
	margin: 6px;
	padding: 0px;
	list-style-type: none;
}

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

	ul#mainNavigation li a.cur,
	ul#mainNavigation li a.act {
	font-weight:bold;
	color:#676767;
	}
	
/************* ENDE NAV_TOP    SHORTCUT  *******************/


/*******************   NAVIGATION LINKS START *****************/
/*----------------- START  1.EBENE   -----------------*/
  ul#nav1 {
	margin: 0px;
	padding: 0px;
	margin:0px 4px 3px 0px;
	text-align: left;
	float:left;
	/*height: 250px;*/
	width:169px;
	color: #000000;
	background-image:url(/fileadmin/material/bilder/layout/bg_nav.jpg);
	background-repeat: repeat-y;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E9C74C;
  }

  ul#nav1 li.nav1 {
    list-style: none;
	line-height:100%;
    margin: 0px; /* abstand zwischen rahmen  */
 	padding: 0px;
  }

  ul#nav1 a {
	display:block;
	width: 161px;
	margin:0px;
	padding: 3px 3px 3px 5px; /* abstand rahmen zum text  */
	text-decoration: none;
	font-weight: normal;
	color:#FFFFFF;
	font-size: 100%;
	font-weight:bold;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E9C74C;
  }
  ul#nav1 a:hover{
  	color:#E9C74C;
  } 
  ul#nav1 .cur  a, ul#nav1 .activ  a{
    color: #E9C74C;
  }
  * html ul#nav1 a  {  
  /* ie6   */ 
    width: 169px;  
  }

/*------------------- END  1.EBENE  --------------------------*/

/*-------------------START   2.EBENE -------------------------*/
  ul#nav2 {
    margin: 0px;
	padding: 0px;
  }
  ul#nav2 li.nav2 {
    list-style: none;
    margin: 0px; /* abstand zwischen rahmen  */
 	padding: 0px;
	line-height: 1.5em;
  }
  ul#nav2 a {
    display:block;
	width: 150px; 
	margin:0px 0px 0px 0px;
    padding: 0px 2px 0px 17px; /* abstand rahmen zum text  */
	text-decoration: none;
	font-weight: normal;
    color: #000000;
 	background-color: #FFFFFF;
	border:none;
  }
  ul#nav2 a:hover{
  	background-color: #E7E7E7;
	color:#000000;
  } 

  ul#nav2 .cur  a, ul#nav2 .activ  a{
  	background-color: #E7E7E7;
  	color:#000000;
  }
/*---------------------END 2.EBENE ---------------------*/

/*-------------------START   3.EBENE -------------------------*/
  ul#nav3 {
    margin: 0px;
	padding: 0px;
  }
  ul#nav3 li.nav3 {
    list-style: none;
    margin: 0px; /* abstand zwischen rahmen  */
 	padding: 0px;
	line-height: 1.5em;
  }
  ul#nav3 a {
    display:block;
	width: 133px; 
	margin:0px 0px 0px 0px;
    padding: 0px 2px 0px 34px; /* abstand rahmen zum text  */
	text-decoration: none;
	font-weight: normal;
    color: #000000;
 	background-color: #FFFFFF;
	border:none;
	line-height: 1.5em;
  }
  ul#nav3 a:hover{
  	background-color: #E7E7E7;
	color:#000000;
  } 

  ul#nav3 .cur  a, ul#nav3 .activ  a{
  	background-color: #E7E7E7;
  	color:#000000;
  }
/*---------------------END 3.EBENE ---------------------*/