

/************************************************************************************/
/* Generelle HTML Tags */


/************************************************************************************/
/* Haupt Navigation   */

.nav { 
width: 190px;
padding: 8px 0 0 0px;
margin: 10px 0px 0 0px;
height:30px;
background-color: transparent;
}

a.nav, a.kontakt {
display: block;
font-size: 12px;
color: #878C87;
font-weight: bold;
vertical-align: middle;
text-align:center;
text-indent: 10px;
line-height: 20px;
text-decoration: none;
background: url(../images/design/bg-navi.gif) no-repeat 10px 0px;
}


a.nav:hover {
display: block;
margin-top: 4px;
font-size: 12px;
color: #5f6d78;
font-weight: bold;
vertical-align: middle;
text-align:center;
text-indent: 10px;
width: 190px;
padding: 8px 0 0 0px;
margin: 10px 0px 0 0px;
height:30px;
line-height: 20px;
text-decoration: none;
background: none;
background-color:#7ab800;
}

.nav_active, a.nav_active, a.nav:hover, a.nav_active:hover {
display: block;
margin-top: 4px;
font-size: 12px;
color: #fff;
font-weight: bold;
vertical-align: middle;
text-align:center;
text-indent: 10px;
width: 190px;
padding: 8px 0 0 0px;
margin: 10px 0px 0 0px;
height:30px;
line-height: 20px;
text-decoration: none;
background: url(../images/design/bg-navi-active.gif) no-repeat 10px 0px;
}
/*a.nav_active{
display: block;
margin-top: 4px;
font-size: 12px;
color: #fff;
font-weight: bold;
vertical-align: middle;
text-align:center;
text-indent: 10px;
width: 180px;
padding: 8px 0 0 0px;
margin: 10px 0px 0 10px;
height:30px;
line-height: 20px;
text-decoration: none;
background-color:#7ab800;}*/

a.nav span, a.nav_active span, a.nav_active:hover span{
	font-size:5px;
	position:relative;
	bottom:4px;}
	
	.bgf h3 span {
	font-size:4px;
	position:relative;
	bottom:4px;}

/* Meta Nav Navigation   */
#meta {
	position: absolute;
	top: 85px;
	right: 38px;
	z-index: 100;
	background-color: transparent;}

#meta a{
	padding: 0 5px 0 0px;
	text-decoration: none;
	font-size: 11px;
	color:#525f6a;}
#meta li {
	display:inline;
	width:30px;
	padding:0 5px 0 0px;
	margin:0 0px 0 0px;
	list-style-type: none;
	color:#525f6a;}
#meta li a:hover {
	background-color: transparent;}
#meta li a.active {
	color:#a9aeb2;}

/* Sub Navigation   */

.subnavtab {
width: 150px;
margin-bottom: 8px;
}

.subnav, a.subnav {
display: block;
padding: 0px;
margin: 0px;
width: 150px;
font-size: 11px;
color: #878C87;
vertical-align: middle;
text-indent: 10px;
line-height: 30px;
text-decoration: none;
background-color: #fff;
}
a.subnav:hover {
color: #5f6d78;
text-decoration: none;
background-color: #fff;
}

.subnav_active, a.subnav_active, a.subnav_active:hover {
display: block;
font-size: 11px;
color: #5f6d78;
vertical-align: middle;
text-indent: 18px;
width: 150px;
line-height: 20px;
text-decoration: none;
background-color: #fff;
}
