/*---------------- TOP-NAVIGATION ------------------
---------------------------------------------------*/
#topNavi {
	position: absolute;
	top: 10px;
	right: 0px;
}

#topNavi li {
	display: inline;
	font-size: 1em;
	border-left: 1px solid #fff;
	padding: 0 9px 0 10px;	
}

#topNavi li:first-child {
	border-left: none;
	padding: 0 9px 0 0;
}

#topNavi li a{
	color: #fff;
	text-decoration: none
}

#topNavi ul li a:hover,
#topNavi ul li a:focus,
#topNavi ul li a:active,
#mainNavi ul li a:hover,
#mainNavi ul li a:focus,
#mainNavi ul li a:active {
	text-decoration: underline;
}

/*---------------- NAVIGATION ----------------------
---------------------------------------------------*/


ul#menu {
  width: 210px;
  height: 230px;
  padding-top: 10px;
  padding-right: 25px;
  background: url(images/naviBackgr.png) no-repeat right top;
}

ul#menu li {
  position: relative;
  text-transform: uppercase;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  background: url(images/arrow_gray.png) no-repeat left -12px;
  margin-bottom: 2px;
}

ul#menu li a,
ul#menu li a:link,
ul#menu li a:visited {
  font-weight: bold;
  text-decoration: none;
  display: block;
  width: 190px;
  padding: 4px 0 4px 13px;
  color: #505862;
}

ul#menu>li a:hover,
ul#menu>li a:focus,
ul#menu>li a:active,
ul#menu>li:hover,
ul#menu>li:focus,
ul#menu>li:active {
  color: #009933;
  background: url(images/arrow_green.png) no-repeat left -12px;
}


ul#subMenu,
ul#subMenu1,
ul#subMenu2,
ul#subMenu3,
ul#subMenu4,
ul#subMenu5,
ul#subMenu6 {
  display: none;
  position: absolute;
  top: 0;
  left: 195px;
  width: 235px;
}


li:hover ul#subMenu,
li:hover ul#subMenu1,
li:hover ul#subMenu2,
li:hover ul#subMenu3,
li:hover ul#subMenu4,
li:hover ul#subMenu5,
li:hover ul#subMenu6,
li.over ul#subMenu,
li.over ul#subMenu1,
li.over ul#subMenu2,
li.over ul#subMenu3,
li.over ul#subMenu4,
li.over ul#subMenu5,
li.over ul#subMenu6 {
  display: block;
}

ul#subMenu li,
ul#subMenu1 li,
ul#subMenu2 li,
ul#subMenu3 li,
ul#subMenu4 li,
ul#subMenu5 li,
ul#subMenu6 li {
  background: url(images/subNavBack.png) no-repeat right top;
  border: none;
}

ul#subMenu li a:link,
ul#subMenu1 li a:link,
ul#subMenu2 li a:link,
ul#subMenu3 li a:link,
ul#subMenu4 li a:link,
ul#subMenu5 li a:link,
ul#subMenu6 li a:link,
ul#subMenu li a:visited,
ul#subMenu1 li a:visited,
ul#subMenu2 li a:visited,
ul#subMenu3 li a:visited,
ul#subMenu4 li a:visited,
ul#subMenu5 li a:visited,
ul#subMenu6 li a:visited {
  padding: 1px 0 1px 50px;
  width: 185px;
}

ul#subMenu li:hover a,
ul#subMenu1 li:hover a,
ul#subMenu2 li:hover a,
ul#subMenu3 li:hover a,
ul#subMenu4 li:hover a,
ul#subMenu5 li:hover a,
ul#subMenu6 li:hover a {
  color: #009933;
  background: url(images/subNavBackActive.png) no-repeat right top;
}

#navTop{
position: absolute;
top: 20px;
right: 20px;
}

#navTop ul li {
  display: inline;
  font-size: 0.9em;
  margin-left: 20px;
  padding-left: 18px;
}


/*-------------- SIDE-NAVIGATION--------------------
---------------------------------------------------*/

#sidenavigation {
	width: 180px;
	min-height: 240px;
}
	
#sidenavigationKontakt {
	width: 180px;
	min-height: 40px;
}

ul#sidenavigation li,
#sidenavigationKontakt li {
    text-transform: uppercase;  
	font-size: 1.2em;
	
}

ul#sidenavigation li a:link,
ul#sidenavigation li a:visited,
ul#sidenavigationKontakt li a:link,
ul#sidenavigationKontakt li a:visited{
    color: #505862;
    text-decoration: none;
	font-weight: bold;
}

ul#sidenavigation li a:hover,
ul#sidenavigation li a:focus,
ul#sidenavigation li a:active,
ul#sidenavigation li a#sidecurrent,
ul#sidenavigationKontakt li a:hover,
ul#sidenavigationKontakt li a:focus,
ul#sidenavigationKontakt li a:active,
ul#sidenavigationKontakt li a#sidecurrent {
    color: #009933;
    font-weight: bold;
}

ul#subside li {
    height: 10px;
    margin: 15px 0 1px 10px;
    font-size: 0.8em;      
}
