
/* Navigation Styles */
a.topnavigation {
	font-size:1px; line-height:1px; height:1px;
}
div#navigationcontainer { margin:0px 10px;margin-top:40px; }

div#navigationcontainer ul {
	height:18px;
	padding-left:40px;
	border-bottom:6px solid white;
	clear:both;
	list-style-type:none;
}

div#navigationcontainer ul li {
	float:left;
	width:100px;
	height:18px;
	text-align:center;
	margin:0 0 0 -1px;
	font-weight:bold;
	list-style-type:none;
}

div#navigationcontainer ul li a {
	color:#4f4f4f;
	display:block;
	padding-top:3px;
	padding-bottom:3px;
	margin:0 0 0 -1px;
	width:100px;
	background-image:url("../_imgs/navi_sprite.gif");
    background-position:right -124px;
    background-repeat:no-repeat;
}

div#navigationcontainer ul li a.selected { color:white; background-image:url("../_imgs/navi_sprite.gif"); background-position:; background-repeat:no-repeat; }

div#navigationcontainer ul li a:hover {color:white; background-image:url("../_imgs/navi_sprite.gif"); background-position:; background-repeat:no-repeat; }

div#navigationcontainer ul li a#navi_start:hover,
div#navigationcontainer ul li a#navi_konzeption:hover,
div#home div#navigationcontainer ul li a.selected,
div#navigationcontainer ul li a#navi_kontakt:hover { background-position:right 0px; }

div#navigationcontainer ul li a#navi_news:hover,
div#news div#navigationcontainer ul li a.selected { background-position:right -20px; }

div#navigationcontainer ul li a#navi_referenzen:hover,
div#referenzen div#navigationcontainer ul li a.selected  {background-position:right -41px; }

div#navigationcontainer ul li a#navi_gestaltung:hover,
div#gestaltung div#navigationcontainer ul li a.selected { background-position:right -62px;  }

div#navigationcontainer ul li a#navi_entwicklung:hover,
div#entwicklung div#navigationcontainer ul li a.selected  {background-position:right -83px; }

div#navigationcontainer ul li a#navi_ueberuns:hover,
div#ueberuns div#navigationcontainer ul li a.selected {background-position:right -104px; }

/* definiert die Seitenabhaengigen Menuezustaende */


div#home div#navigationcontainer ul { border-bottom-color:#585552; }

 { background-position:right -20px;  }

div#news div#navigationcontainer ul { border-bottom-color:#57AFC7; }

{ background-position:; }

div#referenzen div#navigationcontainer ul { border-bottom-color:#0B7583; }

 { background-position:; }

div#gestaltung div#navigationcontainer ul { border-bottom-color:#000; }

{ background-position:;  }

div#entwicklung div#navigationcontainer ul { border-bottom-color:#405B6A; }

 { background-position:; }

div#ueberuns div#navigationcontainer ul { border-bottom-color:#3D98B5; }


/* ####################### */
/* Start mit Subnavigation */
div.contentcontainer div.menu {
	position:absolute;
	right:50px;
    top:20px;
	width:295px;
	background:none;
    height:28px;
    padding:0px;
    margin-bottom:0px;
    text-align:right;
}

div.contentcontainer div.menu span#weiter {
	font-size:12px;
	line-height:22px;
    padding-right:20px;
    background:url("../_imgs/icon_sprite.png") right -354px no-repeat;
}
div.contentcontainer div.menu span#zurueck {
	padding:0px 7px 0px 20px;
	font-size:12px;
	line-height:22px;
    background:url("../_imgs/icon_sprite.png") left -336px no-repeat;
}
div.contentcontainer div.menu span#weiter a,
div.contentcontainer div.menu span#zurueck a {
	color:#808080;
	font-weight:bold;
}
div.contentcontainer div.menu span#weiter a img {
	margin-left:8px;
}
div.contentcontainer div.menu span#zurueck a img {
	margin-right:8px;
}
div.contentcontainer div.menu span#weiter a:hover,
div.contentcontainer div.menu span#zurueck a:hover {
	text-decoration:underline;
}
div.contentcontainer div.menu ul#subnavigation {
	margin:2px 0px 0px 0px;
	line-height:160%;
	clear:both;
}
div.contentcontainer div.menu ul#subnavigation li a {
	color:#808080;
	vertical-align:middle;
	padding-left:5px;
}
div.contentcontainer div.menu ul#subnavigation li.aktiv {
	padding-left:15px;
}
div.contentcontainer div.menu ul#subnavigation li.aktiv a {
	color:#ff6600;
}
div.contentcontainer div.menu ul#subnavigation li.aktiv a:hover {
	text-decoration:underline;
	color:#ff6600;
}
div.contentcontainer div.menu ul#subnavigation li a:hover {
	text-decoration:underline;
	color:#ff6600;
}