html {
    height:100%;
    overflow:hidden;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
     }
.wrapper {
    max-width: 1000px; /* Begrenzt die Breite */
    margin: 0 auto;    /* Zentriert den Block */
    padding: 0 20px;   /* Sorgt für Abstand an den Seiten auf kleinen Geräten */
    }
body {
    height:100%;
    overflow:hidden;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
    background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );} img {left: 50%;margin-left:-301px;margin-top:-151px;position:absolute;top:50%;}
     }
/* Grundstruktur des Baumes */
.tree-menu, .tree-menu ul {
    list-style-type: none; /* Keine Punkte */
    margin: 0;
    padding: 0;
    padding-left: 20px; /* Einrückung für Untermenüs */
}

/* Stil für alle Links */
.tree-menu a {
    text-decoration: none;
    color: #333;
    display: block;
    padding: 5px;
    border-bottom: 1px solid #eee;
}

/* Hover-Effekt */
.tree-menu a:hover {
    background-color: #f4f4f4;
}

/* Untermenüs standardmäßig einrücken */
.tree-menu ul {
    border-left: 1px dotted #ccc;
}

center{
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
}