#outter-tree{
	width: 220px;  
	height: 100%; 
	overflow:hidden;
}

#search-tree{
	margin-top:16px;
}

/*  Animated Tree */

body{
	margin-left:0;
	margin-top:0;
}

a img
{
  border:none;
}


ul {
    margin: 0;
    padding: 0;
}

#treemenu_wrapper{
        min-height:480px;
	position:relative;
	width: 9999em;
	overflow-y:hidden;
}
#treemenu_wrapper ul {
width:220px;
float:left;
}

#tree_header_wrapper{
	height: 55px;
}
.tree_elem, .tree_header{
	background: #FFF; /*#f7f8f9;*/
	height: 60px;
	cursor:pointer;
	font-family: Roboto, Arial, Sans-Serif;
	font-size: 14px;
        font-weight: normal;
        font-stretch: expanded;
	color:#333333;
        border-bottom: 1px solid #ccc;
	line-height:60px;
	list-style:none;
}
.tree_elem {
	width: 100%;

}
.tree_elem span {
	padding-left:15px;
	white-space: nowrap;
}
.tree_header{
	background: none;
	height: 55px;
	font-size: 16px;
	font-family: Roboto, Arial, Sans-Serif;
        font-style: italic;
	text-transform:none;
	line-height: 55px;
	padding:0 50px 0 15px;
	overflow:hidden;
	border-style: solid;
	border-radius: 5px;
	border-width: 3px;
	border-color: #efeff0;
}
.tree_header.hidden{
	display:none;
}

#tree_header_wrapper.sub{
    background-image: url("../images/prev_new.png");
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) center;

}

.tree_elem:hover, .tree_elem a:hover{
	background: #FFF; /*#f7f8f9; #c0bfbf;*/  
	color:black;
}

.tree_elem.act{
	background: #71777f; /*#c0bfbf; #666666;*/
	color:white;
}

.tree_elem a{
	text-decoration: none;
	color:#333333;
	display:block;
}

.treelevel-sub-wrapper {
    display: none;
    height:100%;
    width:220px;
    float:left;
    position:relative;
    overflow-x: hidden;
    overflow-y: auto;
    top: 0;
}

/*   Result Tree */


.SmartResults {
  padding-top: 5px;
  padding-left: 2px; 
}

.SucheArt {
	display:inline-block;
	margin-bottom: 5px;
}

.Smartresult-button {
	display:inline-block;
	cursor:pointer;
	color:#3C3C3C;
        background-color: #FFF;
	font-family: Roboto, Arial, Sans-Serif;
	font-size:12px;
	padding-top:4px;
        padding-left: 8px;
        padding-right: 5px;
        padding-bottom: 5px;
        margin-left: 5px;
	text-decoration:none;
        outline: none;
        border-radius: 5px;
        border: none;
        box-shadow: 0 0 0 1px #a12323; /*#ec2e38; #a62440;  Ersetzt die border mit einem "Schatten"-Rand */
        cursor: pointer;
}


.Smartresult-button:hover {
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	background-color:#f6f6f6;
}

.Smartresult-button.active {
	background: none;
        color:#FFF;
        background-color: #a12323; /*#ec2e38; #a62440;*/
}

.Smartresult-button.active:hover {
	color:#FFF;
        background-color: #a12323; /*#ec2e38; #a62440;*/
}



#result-tree {
    position: relative;
}


#result-tree li.category{
	background: #f6f6f6; //#f9efef; #f1f1f1; 
	height:40px;
	position:relative;
	font-family: Roboto, Arial, Sans-Serif;
	font-size: 13px;
        font-weight: bold;
	color: #3C3C3C;	
	padding-top: 13px;  
	padding-left: 10px;
        padding-bottom: 25px;
	cursor:pointer;
}

#result-tree .result_elem{
	background:white;
	height: 22px;
	cursor:pointer;
	font-size: 13px;
	color:#3C3C3C;	
	list-style:none;
	overflow:hidden;
	padding-top:7px;
	padding-left:25px;
        padding-bottom: 20px;
}


.zeitraumU{
	background: #f6f6f6; //#f9efef; #f1f1f1; 
	height:20px;
	font-family: Roboto, Arial, Sans-Serif;
	font-size: 13px;
        font-weight: bold;
	color: #3C3C3C;	
	padding-top: 10px;  
	padding-left: 15px;
}

.zeitraumI{
    background: #f6f6f6; //#f9efef;   
    color: #3C3C3C;	   /*#3F3F3F;*/
    font-family: Roboto, Arial, sans-serif;
    font-size: 13px;
    height: 20px;
    padding-top: 10px;
    padding-bottom: 40px;
    padding-left: 15px;	
}

#Datevon, #Datebis{
    font-size:12px;
    width: 80px;
    height: 25px;	
}

.zeitraumLi{
	height: 25px;
	cursor:pointer;
	font-size: 13px;
	color:#333333;
	list-style:none;
	overflow:hidden;
	padding-top:7px;
	padding-left:25px;
        padding-bottom: 20px;
}

.Zeitraum {
  margin-bottom: 10px; /* Fügt einen Abstand unter dem letzten Element hinzu */
}


/* Ge ist Baum bei Gesetzessuche, grundsätzlich gleicher style! */

#result-tree, #GeResult-tree{
	background: #FFF;//#f9f9f9; //#EFEFF0;
        border-style: solid;
        border-radius: 5px;
        margin-top: 16px;
	border-width: 3px;
	border-color:#efeff0;
        position: relative;
}

.ResultTop, .GeResultTop{
  display: flex;
  align-items: center;
  justify-content: space-between; 
        height: 52px;
	font-size: 16px;
        font-weight: bold;
	color:#333333;
        background-color:#f9f9f9;
	list-style:none;
	overflow:hidden;
	padding-top:5px;
	padding-left:5px;
        padding-bottom: 1px;
        border-bottom: solid;
	border-width: 3px;
	border-color:#efeff0;
}

.GeResultTop{
	margin-bottom:15px;       
}

.ResultTop .left-icon {
  flex-shrink: 0; /* Prevents the icon from shrinking */
  transform: scale(0.6); /* Skaliert das Bild auf 50% der Originalgröße */
  transform-origin: center; /* Zentriert die Skalierung */
  margin-left: -8px;
  margin-right: -8px;
  opacity: 0.4;
}

.GeResultTop .left-icon {
  flex-shrink: 0; /* Prevents the icon from shrinking */
  transform: scale(0.6); /* Skaliert das Bild auf 50% der Originalgröße */
  transform-origin: center; /* Zentriert die Skalierung */
  margin-left: -8px;
  margin-right: -8px;
  opacity: 0.4;
}

.ResultTop .text, .GeResultTop .text {
  flex-grow: 1; /* Takes up available space */
  text-align: left; /* Ensures the text aligns to the left */
  color: #8b8989;
  padding-left: 7px;
}

.ResultTop .right-icon, .GeResultTop .right-icon {
  flex-shrink: 0; /* Prevents the icon from shrinking */
  margin-right: 5px;
}

.GeResultTop .right-icon:hover, .ResultTop .right-icon:hover {
   background-color: #f0f0f0;
}

#GeEinklappen {
  position: absolute; /* Positioniere das Bild absolut */
  left: 0; /* Ganz links innerhalb des td */
  margin-left: 10px;
  margin-top: 12px;
  visibility: hidden;
}

#GeEinklappen:hover {
   background-color: #f0f0f0;
}

span[id="RION2TOOLBAR.V.R1.RIEINKLAPPEN"]:hover {
   background-color: #f0f0f0;
   padding-top: 3px;
   padding-bottom: 4px;
}

span[id="RION2TOOLBARV.V.R1.RIEINKLAPPENV"]:hover {
   background-color: #f0f0f0;
   padding-top: 3px;
   padding-bottom: 4px;
}

.tooltip {
  position: absolute;
  background-color: #333;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
  font-size: 12px;
  white-space: nowrap;
  display: none; /* Versteckt den Tooltip standardmäßig */
  z-index: 1000;
}

#RION3Linkswrap {
  transition: max-height 0.5s ease-out; /* Smooth transition */
  overflow: hidden; /* Verhindert, dass der Inhalt sichtbar bleibt */
  width: 220px; /* Standardbreite des Divs */
  right: 218px;
}

#RION3Linkswrap.collapsed {
  width: 0 !important; /* Einklappen des Divs auf 0 Breite */
  padding: 0; /* Entfernt eventuell noch vorhandenes Padding */
}

.Result, .GeResult{
	height: 25px;
	cursor:pointer;
	font-size: 13px;
        font-weight: bold;
	color:#333333;
	list-style:none;
	overflow:hidden;
	padding-top:7px;
	padding-left:15px;
        padding-bottom: 20px;
}

.Result1, .GeResult1{
	height: 25px;
	cursor:pointer;
	font-size: 13px;
	color:#333333;
	list-style:none;
	overflow:hidden;
	padding-top:7px;
	padding-left:25px;
        padding-bottom: 20px;
}

.Result:hover, .Result1:hover, .GeResult:hover, .GeResult1:hover{
	text-decoration:none;
	background-color: #f9f9f9;
}


.Result.act, .Result1.act, .GeResult.act, .GeResult1.act {
	background: #a12323; /*#ec2e38; #A62440; #672222;  #6f889c; #a5bdd7;*/
	color: #FFF;//#3C3C3C;
}

.trefferzahl-span {
   position:absolute;        
   right:10px;
   font-weight: normal;
   font-size: 12px;
}

.GeResultEnd{
	height: 25px;
	font-size: 13px;
        font-style: italic;
	color:#333333;
        background-color:#EFEFF0;
        margin-top: 10px;
	padding-top:7px;
	padding-left:15px;
        padding-bottom: 20px;
}