.navipunkt
{
height: 30px;
overflow:hidden;
transition: 0.5s height;
background: #eeb245; /* Old browsers */
background: -moz-linear-gradient(left,  #eeb245 97%, #b68f45 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(97%,#eeb245), color-stop(100%,#b68f45)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #eeb245 97%,#b68f45 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #eeb245 97%,#b68f45 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #eeb245 97%,#b68f45 100%); /* IE10+ */
background: linear-gradient(to right,  #eeb245 97%,#b68f45 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeb245', endColorstr='#b68f45',GradientType=1 ); /* IE6-9 */
width: 280px !important;
}
.navipunkt form
{
padding-top: 5px;
}
.navipunkt:target
{
width: 280px !important;
height: 160px !important; 
transition: 0.5s height;
}

/* navigationserweiterung */
.navipunkt:target a
{

background: #1a334c;
font-family:'Arial';
font-size:16px; 
display:block; 
text-align:left; 
text-decoration:none;
border-left: 7px solid #;
color: #fff!important;
font-size:18px;
padding: 5px 4px;
border-left: 7px solid #aa6e00;
border-bottom: 1px solid #875904;
border-top: 1px solid #f1c87c;
}

.inputer {border:1px outset #1b354f!important; margin: 0 0 0 4px; width: 130px; background: #f5f5ff;}

.loginvertical table tr td {color: #000; font-size: 16px;}

#Schaltflaeche1 {width: 130px; padding: 3px; margin: 0 0 0 5px;}


.prozentbalken {
position:relative;
text-align:right;
    background-color: #ffffff;
    width:100px;
    height:14px;
    border:1px solid #555555;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.anzeigebalkenrot {
position:absolute;
    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FA5F5F),
	color-stop(1, #8F0000)
);
background-image: -o-linear-gradient(bottom, #FA5F5F 0%, #8F0000 100%);
background-image: -moz-linear-gradient(bottom, #FA5F5F 0%, #8F0000 100%);
background-image: -webkit-linear-gradient(bottom, #FA5F5F 0%, #8F0000 100%);
background-image: -ms-linear-gradient(bottom, #FA5F5F 0%, #8F0000 100%);
background-image: linear-gradient(to bottom, #FA5F5F 0%, #8F0000 100%);
    height:14px;
}

.anzeigebalkenblau {
position:absolute;
    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #5283FF),
	color-stop(1, #02006B)
);
background-image: -o-linear-gradient(bottom, #5283FF 0%, #02006B 100%);
background-image: -moz-linear-gradient(bottom, #5283FF 0%, #02006B 100%);
background-image: -webkit-linear-gradient(bottom, #5283FF 0%, #02006B 100%);
background-image: -ms-linear-gradient(bottom, #5283FF 0%, #02006B 100%);
background-image: linear-gradient(to bottom, #5283FF 0%, #02006B 100%);
    height:14px;
}


.anzeigebalkengruen {
position:absolute;
    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #aaffaa),
	color-stop(1, #005500)
);
background-image: -o-linear-gradient(bottom, #aaffaa 0%, #005500 100%);
background-image: -moz-linear-gradient(bottom, #aaffaa 0%, #005500 100%);
background-image: -webkit-linear-gradient(bottom, #aaffaa 0%, #005500 100%);
background-image: -ms-linear-gradient(bottom, #aaffaa 0%, #005500 100%);
background-image: linear-gradient(to bottom, #aaffaa 0%, #005500 100%);
    height:14px;
}