/* copyright artprolog 2008 Ursula Bartels */


/* NAVIGATION */
/* NAVIGATION 1*/

#navigation {
	padding-top:30px;
	padding-left:30px;
}

#navigation ul {
	padding:0px;
	margin:0px;
	width:230px;
	text-align:right;
	line-height:1.9em;
	padding-bottom:30px;
}

#navigation li {
	list-style-image: none;
	list-style-type: none;
	padding:0px;
	margin:0px;
	background-image: url(../images/layout/navi_dots.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	width:230px;
}

#navigation a,
#navigation a:link,
#navigation a:visited,
#navigation a:hover,
#navigation a:active {
	color:#666666;
	display:block;
	text-transform:uppercase;
	font-weight:normal;
	padding-right:35px;
}

#navigation li a:hover,
#navigation li a:active,
#navigation li a.act,
#navigation li a.act:link,
#navigation li a.act:visited,
#navigation li a.act:hover,
#navigation li a.act:active {
	background-image: url(../images/layout/navi_square.jpg);
	background-repeat: no-repeat;
	background-position: 215px 10px;
}

/* NAVIGATION 2*/

#navigation ul ul li {
	background-image: none;
}

#navigation ul ul a,
#navigation ul ul a:link,
#navigation ul ul a:visited,
#navigation ul ul a:hover,
#navigation ul ul a:active {
	text-transform:none;
	padding-right:60px;
	line-height:1.4em;
	padding-bottom:3px;
	padding-top:3px
}

#navigation ul ul li a:hover,
#navigation ul ul li a:active,
#navigation ul ul li a.act,
#navigation ul ul li a.act:link,
#navigation ul ul li a.act:visited,
#navigation ul ul li a.act:hover,
#navigation ul ul li a.act:active {
	background-image: url(../images/layout/navi2_square.jpg);
	background-repeat: no-repeat;
	background-position: 190px 10px;
}

#navigation ul ul a:hover,
#navigation ul ul a:active {
	background-color:#f9f9f9
}

/* NAVIGATION 3*/
#navigation ul ul ul a,
#navigation ul ul ul a:link,
#navigation ul ul ul a:visited,
#navigation ul ul ul a:hover,
#navigation ul ul ul a:active {
	padding-right:80px;
	background-image: none;
}

/* NAVIGATION IE*/


* html #navigation a,
* html #navigation a:link,
* html #navigation a:visited,
* html #navigation a:hover,
* html #navigation a:active,
* html #navigation ul ul a,
* html #navigation ul ul a:link,
* html #navigation ul ul a:visited,
* html #navigation ul ul a:hover,
* html #navigation ul ul a:active,
* html #navigation ul ul ul a,
* html #navigation ul ul ul a:link,
* html #navigation ul ul ul a:visited,
* html #navigation ul ul ul a:hover,
* html #navigation ul ul ul a:active {
	width: 230px;
}