ol.tree {
    padding: 0 0 0 30px;
    width: auto;
    font-size:1.2em;
  }

  .tree li 
    { 
        position: relative; 
        margin-left: -15px;
        list-style: none;
    }

    .tree li label {
		background: url(../bilder/buttons_icons/tree_folder-horizontal.png) 15px 1px no-repeat;
		cursor: pointer;
		display: block;
		padding-left: 37px;
	}

  .tree li.file
    {
        margin-left: -1px !important;
    }
       .tree li.file a
        {
            padding-left: 21px;
            text-decoration: none; 
            display: block;
        }

       .tree li.file a:visited
        {
            padding-left: 21px;
            text-decoration: none;
            display: block;
        }
        .tree li.file a:hover {
			text-decoration:underline;
			}
     .tree li.file a {
			background: url(../bilder/buttons_icons/tree_document-arrow-right.png) 0 0 no-repeat;
			text-decoration: none;
			display: block;
		}

    .tree li input
    {
        position: absolute;
        left: 0;
        margin-left: 0;
        opacity: 0;
        z-index: 2;
        cursor: pointer;
        height: 1em;
        width: 1em;
        top: 0;
    }
      .tree li input + ol
        {
            background: url(../bilder/buttons_icons/tree_toggle-small-expand.png) 40px 0 no-repeat;
            margin: -0.938em 0 0 -44px;
            display: block;
            height: 1em;
        }
      .tree li input + ol > li { height: 0; overflow: hidden; margin-left: -14px !important; padding-left: 1px; }
   .tree li label
    {
        cursor: pointer;
        display: block;
        padding-left: 35px;
    }

   .tree li input:checked + ol
    {
        background: url(../bilder/buttons_icons/tree_toggle-small.png) 40px 5px no-repeat;
        margin: -1.25em 0 0 -44px; 
        padding: 1.563em 0 0 80px;
        height: auto;
    }
        .tree li input:checked + ol > li { height: auto; margin: 0 0 0.125em;}
        .tree li input:checked + ol > li:last-child { margin: 0 0 0.063em;}