/* Stylesheet fŸr Standart Bildschirmdarstellung OKDIA */
/* Erstellt 14. August 2005 von Peter Scheuerl */
/* peter_scheuerl@magicvillage.de */
/* Letzte €nderung: 2007 Mar 23 */
/* If you use part of these styles please state me as source, it was lots of work to get all Browsers working with it */
/* (more or less) and it's not copied from other sites, except ones written by me */


/* #################################### START navigation Styles */

div.navi
{
	margin:0;
	padding:0;
	bottom: 0px;
	color:#003;
	width:185px;
	background:#cdf;
}

/* Just to make the pages slightly more pleasant to look at in non-Browsers like IE */
td.navfallback
{background:#cdf;
}

/* needed here as fucking IE don't render links right when position is set fixed in div itself, and IE don't understand the following */
/* with this, IE 5.1 on mac (only IE:mac to understand position fixed so far -2002-) doesn't have fixed nav anymore, but shows links right */
div[class=navi]
{
	position: fixed;
	left:0px;
	top:0px;
}


/* General layout */
.navi #homebutton
{	
	display:block;
	margin:0;
	padding:20px 37px 20px 32px;
}


.navi ul {
	list-style: none;
	margin: 0;
	padding:0;
}

.navitem
{
	margin:0;
	letter-spacing: .1em;
	font-weight:bold;
	position:relative;
	border-top: 1px solid #eff;
	border-right: 1px solid #9ac;
	border-bottom: 1px solid #9ac;
	border-left: 1px solid #eff;
}

.navi ul li.navitem:first-child
{
	border-top: 1px solid #eef;
}

.navitem a:link, .navitem a:visited, .navitem a:hover, .navitem a:active  
{
	text-decoration:none;
	display: block;
	padding:4px 10px 4px 10px;
}



/* Subnavigation fuer richtige Browser */

.navitem ul
{
	width:185px;
	position: absolute;
	left: 180px;
	top: 3px;
	visibility:hidden;
	margin:0;
	padding: 0;
	z-index:2;
	background: url(../images/global/bg_subnav.png);
}

.navitem ul li
{
	margin:0;
	font-weight:normal;
	letter-spacing: 0.1em;
	font-size: 0.9em;
	border-top: 1px solid #eff;
	border-right: 1px solid #9ac;
	border-bottom: 1px solid #9ac;
	border-left: 1px solid #eff;
}

.navitem#act ul li
{
	margin:0;
	font-weight:normal;
	border-top: 1px solid #cdf;
	border-right: 1px solid #9ac;
	border-bottom: 1px solid #9ac;
	border-left: 1px solid #cdf;
}


.navitem ul a:link, .navitem ul a:visited, .navitem ul a:hover, .navitem ul a:active
{
	text-decoration:none;
	display: block;
	padding: 2px 10px 2px 15px;
}

.navitem:hover ul
{
	visibility: visible
}

/* active navitem subs visible */
.navitem#act ul
{
	width:185px;
	position: relative;
	left: -1px;
	top: 0;
	visibility:visible;
	margin:0;
	padding: 0;
	z-index:1;
}

.hidden {display: none;}


/* ################################ START Navigation */


/* Farben */

.navi #homebutton:hover
{	
	background:#cce;
}


.navi ul li a:link, .navi ul li a:visited 
{

	color: #003;
}

.navi ul li a:hover, .navi ul li a:active, .navitem:hover
{
	color: #006;
	background: #bbe;
}

/* for making the border effect really cool */
.navitem:hover, .navitem ul li:hover {
	border-top: 1px solid #fff;
	border-right: 1px solid #89b;
	border-bottom: 1px solid #89b;
	border-left: 1px solid #fff;
}

/* activer punkt hauptnavigation */
#act a:link, #act a:visited
{
	color: #300;
	background:#bce;
}

.navi ul li#act a:hover, .navi ul li#act a:active
{
	background:#bbc;
}

/* activer punkt aufklappnavigation */
#act2 a:link, #act2 a:visited
{
	color: #600;
	background:#abd;
	font-weight:bold;
	letter-spacing:0em;
}

.navi ul li#act2 a:hover, .navi ul li#act2 a:active
{
	color: #933;
	background:#9ac;
}