@CHARSET "UTF-8";

/* General */

.navi {
	position: absolute;
	z-index: 100;
	list-style-type: none;
	font-size: 11px;
}

.navi li {
	margin: 11px 0;	
}

#navi .first {margin-top:18px;margin-bottom:11px;}

.navi a, .navi p {
	text-decoration: none;
	display: block;
	text-transform: uppercase;
	letter-spacing:2px;
	text-align: right;
	color: #252323;	
	height: 11px;
}

.navi a.active, .navi li a:hover, #navi li a:hover, #navi p.active, #navi_meta p.active, #navi_sub p.active, #navi_beratung li a:hover, #navi_beratung p.active {
	color: #f07a0c;
}

/* Meta */
#navi_meta {
	left: 828px; /* 775px + 203 - 2 * 75 */
	top: 20px;
	font-size: 10px;
}

#navi_meta a, #navi_meta p{
	letter-spacing: 0px;
}

#navi_meta li{
	float: left;
	width: 75px;
	margin: 0;
}


#navi_beratung {top:85px;left:40px;}

/* Main */


#navi {
	top: 135px !important;
        top: 135px;
        width: auto !important;
        width: 120px;
	left: 223px;
}

/* IE7 Hack, the navigation was positioned slightly "off" */
*+html #navi{
       top:142px !important;
}

/* IE7 Hacks for margins */
*+html #navi li{ margin:8px 0;}
*+html #navi .first {margin-top:8px;margin-bottom:8px;}

/* IE6 Hack for margins */
* html #navi li{margin:8px 0;}
* html #navi .first {margin-top:18px;margin-bottom:8px;}

#navi li a, #navi li p, #navi_beratung li a, #navi_beratung li p {
	background: url(images/layout/square.jpg) no-repeat top left;
	font-weight: normal;
	color: #fff;
	padding-left: 20px;
	text-align: left;
}

#navi_beratung li a, #navi_beratung li p {color:#000;background: url(images/layout/square-grey.jpg) no-repeat top left;}

/* Sub */

#navi_sub {
	top: 390px;
	left: 0px;
	width: 150px;
}

#navi_sub li a {
	
}