/*
	Menu mit grafischen Tabs und HoverEffekt
	(c) By Arnoldt IT Ltd. 2007
	www.arnoldt.de
*/

.nav_container{
	position: relative;
	top:-5px;
	width: 100%;
	height: auto;
}

* html div.nav_container{
	position: relative;
	width: 100%;
	height: auto;
	top:-7px;
}




#nav{
	position:absolute;
	right:15px;
	height: auto;
    font-family: Arial,Helvetica,sans-serif;
	text-decoration: none;
}

	#nav li{
        display: inline;
        margin: 0;
        padding: 0;
        height: auto;
	}

    #nav a.n{
        display: block;
        height: 22px;
        float: left;
        background: url("../gfx/left.gif") no-repeat left -100px;
        padding: 0 0 0 15px;
        text-decoration: none;
    	font-size: 11px;
        line-height: 24px;
        white-space: nowrap;
        margin-left: 2px;
    }

	#nav a.n b.n{
        height: 100%;
        display: block;
        background: url("../gfx/right.gif") no-repeat right -100px;
        padding: 0 5px 0 20px;
        color: #dddddd;
	}

	*+html #nav a.n, * html #nav a.n{
		
	}

	* html #nav a.n{
		width: 10px;
	}

	#nav a.n:hover, #nav li:hover a.n{
        background-position: left -50px;
        cursor:pointer;
	}

	#nav a.n:hover b, #nav li:hover a.n b{
        background-position: right -50px;
        color: #fff;
	}


	#nav a span{
		position: relative;
		left:-18px;
	}

	#nav a.s{
        display: block;
        height: 22px;
        float: left;
        background: url("../gfx/left.gif") no-repeat left top;
        padding: 0 0 0 15px;
        text-decoration: none;
        font-size: 12px;
        line-height: 24px;
        white-space: nowrap;
        margin-left: 2px;
    }

	#nav a.s b.s{
        height: 100%;
        display: block;
        background: url("../gfx/right.gif") no-repeat right top;
        padding: 0 5px 0 20px;
        color: #fff;
	}

	#nav a.s:hover, #nav li:hover a.s{
        background-position: left top;
        cursor:pointer;
	}

	#nav a.s:hover b.s, #nav li:hover a.s b.s{
        background-position: right top;
        color: #fff;
	}
	*+html #nav a.s, * html #nav a.s{
		
	}
	* html #nav a.s{
		width: 10px;
	}