/*  */
/* 
*/
table.legende {
    border-collapse: collapse;
}

td.legende {
    vertical-align: middle;
    text-allign: left;
    padding: 5px;
    border: 1px solid black;
}

td.legende1 {
    vertical-align: middle;
    text-allign: left;
    padding: 5px;
    background-color: #d9d9d9;
    border: 1px solid black;
}


td.legende2 {
    vertical-align: middle;
    text-allign: left;
    padding: 5px;
    background-color: #c7d0e5;
    border: 1px solid black;
}

td.legende3 {
    vertical-align: middle;
    text-allign: left;
    padding: 5px;
    background-color: #bfe8f7;
    border: 1px solid black;
}

td.legende4 {
    vertical-align: middle;
    text-allign: left;
    padding: 5px;
    background-color: #deecc6;
    border: 1px solid black;
}

td.legende5 {
    vertical-align: middle;
    text-allign: left;
    font-size: 1.0909em;
    font-weight: 700;
    padding: 10px;
    background-color: #4cb5a7;
    border: 1px solid black;
}


a.top:link, a.top:visited {
text-decoration: none !important;
}

a.top:hover {
text-decoration: underline !important;
}

button.accordion1 {
    background-color: #deecc6;
    color: #444;
    cursor: pointer;
    padding: 12px;
    width: 100%;
    border: 1px solid #808080;
    border-radius: 6px;
    text-align: left;
    outline: none;
    font-size: 1.0909em;
    font-weight:700;
    transition: 0.4s;
}

button.accordion1.active, button.accordion1:hover {
    background-color: #bcda8e;
}

button.accordion1:after {
    content: '\02795';
    font-size: 9px;
    color: #777;
    float: right;
    margin-left: 5px;
}

button.accordion1.active:after {
    content: '\02796';
}

button.accordion2 {
    background-color: #bfe8f7;
    color: #444;
    cursor: pointer;
    padding: 12px;
    width: 100%;
    border: 1px solid #808080;
    border-radius: 6px;
    text-align: left;
    outline: none;
    font-size: 1.0909em;
    font-weight:700;
    transition: 0.4s;
}

button.accordion2.active, button.accordion2:hover {
    background-color: #7fd0ef;
}

button.accordion2:after {
    content: '\02795';
    font-size: 9px;
    color: #777;
    float: right;
    margin-left: 5px;
}

button.accordion2.active:after {
    content: '\02796';
}

button.accordion3 {
    background-color: #c7d0e5;
    color: #444;
    cursor: pointer;
    padding: 12px;
    width: 100%;
    border: 1px solid #808080;
    border-radius: 6px;
    text-align: left;
    outline: none;
    font-size: 1.0909em;
    font-weight:700;
    transition: 0.4s;
}

button.accordion3.active, button.accordion3:hover {
    background-color: #a2b1d4;
}

button.accordion3:after {
    content: '\02795';
    font-size: 9px;
    color: #777;
    float: right;
    margin-left: 5px;
}

button.accordion3.active:after {
    content: '\02796';
}

button.accordion4 {
    background-color: #d9d9d9;
    color: #444;
    cursor: pointer;
    padding: 12px;
    width: 100%;
    border: 1px solid #808080;
    border-radius: 6px;
    text-align: left;
    outline: none;
    font-size: 1.0909em;
    font-weight:700;
    transition: 0.4s;
}

button.accordion4.active, button.accordion4:hover {
    background-color: #b3b3b3;
}

button.accordion4:after {
    content: '\02795';
    font-size: 9px;
    color: #777;
    float: right;
    margin-left: 5px;
}

button.accordion4.active:after {
    content: '\02796';
}

div.panel1 {
    padding: 0px 18px;
    background-color: #ebf4dd;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 1;
    line-height: 1.45em;
    border-radius: 6px;
}

div.panel1.show {
    opacity: 1;
    max-height: 500px;
}

div.panel1 ul, div.panel2 ul, div.panel3 ul, div.panel4 ul {
    margin-bottom: 0.5em;
    margin-left: 2em;
}

div.panel1 ul li, div.panel2 ul li, div.panel3 ul li, div.panel4 ul li {
    list-style-image: url("/img/intern/dynimg.php?color=009682");
}

div.panel2 {
    padding: 0px 18px;
    background-color: #d9f1fa;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 1;
    line-height: 1.45em;
    border-radius: 6px;
}

div.panel2.show {
    opacity: 1;
    max-height: 500px;
}

div.panel3 {
    padding: 0px 18px;
    background-color: #e1eaf4;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 1;
    line-height: 1.45em;
    border-radius: 6px;
}

div.panel3.show {
    opacity: 1;
    max-height: 500px;
}

div.panel4 {
    padding: 0px 18px;
    background-color: #ebebeb;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 1;
    line-height: 1.45em;
    border-radius: 6px;
}

div.panel4.show {
    opacity: 1;
    max-height: 500px;
}