.accordion,
.accordion ul,
.accordion li,
.accordion a,
.accordion span {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}
.trHover2:hover {
    background: cornflowerblue !important;
    cursor: pointer;
    cursor: hand !important;
}
.trHover2 {
    padding-right: 15px;
    padding-left: 15px;
}
._123geplantlogo{
   background: url("../images/123geplantav.png") no-repeat center; 
   background-size: 80% 80%;
}
.accordion li {
    list-style: none;
}
.accordion li > a {
    display: block;
    position: relative;
    min-width: 110px;
    padding: 5 10px 5 40px;
 
    color: #fdfdfd;
    font: bold 16px/32px Arial, sans-serif;
    text-decoration: none;
    text-shadow: 0px 1px 0px rgba(0,0,0, .35);
 
    background: #6c6e74;
    background: -moz-linear-gradient(top,  #6c6e74 0%, #4b4d51 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c6e74), color-stop(100%,#4b4d51));
    background: -webkit-linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
    background: -o-linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
    background: -ms-linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
    background: linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
 
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
    -moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
    box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
}
.accordion li > a span {
    display: block;
    position: absolute;
    top: 7px;
    right: 0;
    padding: 0 10px;
    margin-right: 10px;
 
    font: normal bold 14px/18px Arial, sans-serif;
    background: #404247;
 
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
 
    -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
    -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
    box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
}
.accordion > li > a:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 24px;
    height: 24px;
    margin: 4px 8px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}



.sub-menu1 li a, 
.sub-menu2 li a,
.sub-menu3 li a,
.sub-menu4 li a,
.sub-menu5 li a,
.sub-menu6 li a,
.sub-menu7 li a,
.sub-menu8 li a
{
    color: #797979;
    text-shadow: 1px 1px 0px rgba(255,255,255, .2);
 
    background: #e5e5e5;
    border-bottom: 1px solid #c9c9c9;
 
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
    -moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
    box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
}
 
.sub-menu1 li:last-child a,
.sub-menu2 li:last-child a,
.sub-menu3 li:last-child a,
.sub-menu4 li:last-child a,
.sub-menu5 li:last-child a,
.sub-menu6 li:last-child a,
.sub-menu7 li:last-child a,
.sub-menu8 li:last-child a
{ border: none; }

.sub-menu1 em, 
.sub-menu2 em,
.sub-menu3 em,
.sub-menu4 em,
.sub-menu5 em,
.sub-menu6 em,
.sub-menu7 em,
.sub-menu8 em
{
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 14px;
    color: #a6a6a6;
    font: normal 10px/32px Arial, sans-serif;
    
}

.accordion > li:hover > a,
.buttonNormal:hover,
.btnPaging:hover,
.btnPagingBig:hover,
#buttonVSHandle:hover,
.accordion > li:target > a {
    color: #3e5706;
    text-shadow: 1px 1px 1px rgba(255,255,255, .2);
 
    /*background: url(../img/active.png) repeat-x;*/
    background: #a5cd4e;
    background: -moz-linear-gradient(top,  #a5cd4e 0%, #6b8f1a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a));
    background: -webkit-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
    background: -o-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
    background: -ms-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
    background: linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
}
 
.accordion > li:hover > a span,
.accordion > li:target > a span {
    color: #fdfdfd;
    text-shadow: 0px 1px 0px rgba(0,0,0, .35);
    background: #3e5706;
}
 
.sub-menu1 li:hover a,
.sub-menu2 li:hover a,
.sub-menu3 li:hover a,
.sub-menu4 li:hover a,
.sub-menu5 li:hover a,
.sub-menu6 li:hover a,
.sub-menu7 li:hover a,
.sub-menu8 li:hover a,
#filterpanel_help:hover a
{ background: #efefef; }

.accordion li > .sub-menu1, 
.sub-menu1,
.sub-menu2,
.sub-menu3,
.sub-menu4,
.sub-menu5,
.sub-menu6,
.sub-menu7,
.sub-menu8
{
    height: 0;
    overflow: hidden;
 
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
/*.accordion li > .sub-menu2
{
    height: 0;
    overflow: hidden;
 
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}*/


 
.accordion li:target > .sub-menu1 {
    height: 170px;
}
.accordion li:target > .sub-menu2 {
    height: auto;
}
.accordion li:target > .sub-menu3 {
    height: auto;
}
.accordion li:target > .sub-menu4 {
    height: auto;
}
.accordion li:target > .sub-menu5 {
    height: auto;
}
.accordion li:target > .sub-menu6 {
    height: auto;
}
.accordion li:target > .sub-menu7 {
    height: auto;
}
.accordion li:target > .sub-menu8 {
    height: auto;
}