/*
   navigation-hammerdorf, version 1.0
   copyright 2009, cyne GmbH

   alle auf der seite verwendeten navigationselemente. navigationen
   immer mittels <ul> <li> realisieren.
   
   history:
      02.03.2009  1.0   webert                                 initial version
 */
 
/**************** global ***************************/
ul li a {
   outline: none;                                              /* hide dotted outline in Firefox */
   }

/**************** Main-Navigation ******************/
div.navigationContainer {
   position: absolute;
   top: 4em;
   left: 0.8em;
   }   
div.navigationContainer img.naviLeft {
   height: 3em;
   width: 1.5em;
   display: block;
   float: left;
   }
div.navigationContainer img.naviLeft[class] {
   background: url(/pics/template/navi_left.png) no-repeat;
   }   
div.navigationContainer img.naviRight {
   height: 3em;
   width: 1.5em;
   }
div.navigationContainer img.naviRight[class] {
   background: url(/pics/template/navi_right.png) no-repeat;
   }
ul.navigation {
	height: 2.5em;
	width: 31.4em;
	padding-top: 0.5em;
	display: block;
	float: left;
   }
ul.navigation[class] {
   background: url(/pics/template/bg_navi.png) repeat-x;
}
ul.navigation li {
   display: block;
   padding: 0 0.2em 0 0.2em;
   float: left;
   }
ul.navigation li a {
   font-size: 0.8em;
  	line-height: 1.02em;
	color: #555;
   margin: 1px;                                                /* fix border for hover */
	display: block;
	padding: 0.5em;
	}
ul.navigation li a:hover {
   text-decoration: none;
   margin: 0;
   border: 1px solid #F2BB38;
   background: url(/pics/template/bg_navi_active.gif) repeat;
	}
ul.navigation li a:active {
   background: #FDEF48;
   }
ul.navigation li.on a {
   margin: 0;
   border: 1px solid #F2BB38;
	background: url(/pics/template/bg_navi_active.gif) repeat;			/* Hintergrund aktiver tab */
   color: #000;
	}
ul.navigation .naviright {
	float: right;
	}

/**************** Sub-Navigation + Title ***********/
ul.subnavigation, ul.subTitle {
   position: absolute;
   bottom: 0;
   left: 2.8em;
   }
ul.subnavigation li, ul.subTitle li {
	float: left;
	display: block;
	padding: 0.25em 0.2em 0.75em 0.2em;
	}
ul.subTitle li {
   padding-right: 0.8em;
   }
ul.subnavigation li:active a {
   color: #000;
   }
ul.subnavigation li a, ul.subTitle li span {
   font-size: 0.8em;
	font-weight: normal;
	font-size: 0.8em;
	color: #999;
	display: block;
	}
ul.subnavigation li.on a, ul.subTitle li.on span {
   color: #444;
   }
ul.subnavigation li a:hover {
	text-decoration: underline;
	}

/**************** Sub-Navigation for user **********/
.siteHead div.buttons {
   position: absolute;
   bottom: 1em;
   left: 2.8em;
   }