/* -------------------------------------------------------------------------- */
/* General page settings                                                      */
/* -------------------------------------------------------------------------- */

#main {
    position:            absolute;
    top:                 60px;
    bottom:              0px;
    left:                190px;
    right:               0px;
    height:              540px;
    width:               450px;
    padding:             20px;
    margin:              auto;
    border:              0px solid black;
    text-align:          left;
    vertical-align:      top;
    z-index:             3;
}

.febene1 {
    position:            absolute;
    opacity:             0;
    -ms-filter:          "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index:             4;
    border-radius:       8px;
    box-shadow:          3px 3px 4px #555555;
}
.febene1 > .box {
    display:             block;
    width:               132px;
    height:              132px;
}
.febene1 > .box > span {
    text-align:          center;
    font-size:           10pt;
    font-weight:         bold;
    padding:             2px 0px 2px 0px;
    display:             block;
}

#fmp1    { top: 20px; left:175px; }
#fmp2    { top: 76px; left:275px; }
#fmp3    { top:175px; left:329px; }
#fmp4    { top:273px; left:275px; }
#fmp5    { top:330px; left:175px; }
#fmp6    { top:273px; left: 75px; }
#fmp7    { top:175px; left: 20px; }
#fmp8    { top: 76px; left: 75px; }

*[id=fmp1] { border:4px solid #f20000; }
*[id=fmp2] { border:4px solid #ffbf00; }
*[id=fmp3] { border:4px solid #f2f200; }
*[id=fmp4] { border:4px solid #99e500; }
*[id=fmp5] { border:4px solid #00b77a; }
*[id=fmp6] { border:4px solid #00d8d8; }
*[id=fmp7] { border:4px solid #0098e5; }
*[id=fmp8] { border:4px solid #c37ee5; }
*[id=fmp1] > .box { background: #ff9999 url(img/bg_1.jpg); }
*[id=fmp2] > .box { background: #ffdf7f url(img/bg_2.jpg); }
*[id=fmp3] > .box { background: #ffff99 url(img/bg_3.jpg); }
*[id=fmp4] > .box { background: #c1f291 url(img/bg_4.jpg); }
*[id=fmp5] > .box { background: #72e5ac url(img/bg_5.jpg); }
*[id=fmp6] > .box { background: #91f2f2 url(img/bg_6.jpg); }
*[id=fmp7] > .box { background: #7fd4ff url(img/bg_7.jpg); }
*[id=fmp8] > .box { background: #e5b2ff url(img/bg_8.jpg); }
*[id=fmp1] > .box > span { background: #ff9999; }
*[id=fmp2] > .box > span { background: #ffdf7f; }
*[id=fmp3] > .box > span { background: #ffff99; }
*[id=fmp4] > .box > span { background: #c1f291; }
*[id=fmp5] > .box > span { background: #72e5ac; }
*[id=fmp6] > .box > span { background: #91f2f2; }
*[id=fmp7] > .box > span { background: #7fd4ff; }
*[id=fmp8] > .box > span { background: #e5b2ff; }

.febene1 div.submenu {
    position:            absolute;
    width:               168px;
    opacity:             0;
    display:             none;
    border-radius:       8px;
    box-shadow:          3px 3px 6px #555555;
}

#fmp1 div.submenu { top:135px; left:-20px; border:2px solid #ff3232; background-color:#ff9999; }
#fmp2 div.submenu { top:79px; left:-119px; border:2px solid #ffbf00; background-color: #ffdf7f; }
#fmp3 div.submenu { top:-20px; right:135px; border:2px solid #f2f218; background-color: #ffff99; }
#fmp4 div.submenu { bottom:135px; left:-119px; border:2px solid #99e500; background-color: #c1f291; }
#fmp5 div.submenu { bottom:135px; left:-20px; border:2px solid #00b77a; background-color: #72e5ac; }
#fmp6 div.submenu { bottom:135px; left:80px; border:2px solid #00d8d8; background-color: #91f2f2; }
#fmp7 div.submenu { top:-20px; left:135px; border:2px solid #0098e5; background-color: #7fd4ff; }
#fmp8 div.submenu { top:79px; left:80px; border:2px solid #c37ee5; background-color: #e5b2ff; }

.febene1 div.submenu ul {
    margin:              0px;
    margin-left:         0px;
    padding:             5px;
    list-style-type:     none;
    list-style-position: outside;
}
div[class=febene1] div.submenu ul, span[class=febene1] div.submenu ul {
    margin-left:         1px !important;
}


.febene1 div.submenu ul li {
    margin:              0px;
    padding:             2px 0px 2px 0px;
}

div[id=main] > a > span:hover {
    border-width:        4px;
    z-index:             15;
}
        
div.news, div.news:hover {
    position:            absolute !important;
    border:              1px solid black !important;
    width:               450px;
    padding:             5px;
    text-align:          center;
    box-shadow:          3px 3px 4px #555555;
    margin-top:          1em !important;
    margin-bottom:       1em !important;
}
div.news:hover {
    border:              2px solid black !important;
}

/* -------------------------------------------------------------------------- */
/* General table settings                                                     */
/* -------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */
/* General link settings                                                      */
/* -------------------------------------------------------------------------- */

#main a {
    color:               #000000;
    text-decoration:     none;
    font-weight:         normal;
    padding:             0px 5px 0px 5px;
    display:             block;
}
#main a:hover {
    color:               #000000;
    text-decoration:     normal;
    font-weight:         normal;
}
#fmp1 a:hover { background:#ff3232; }
#fmp2 a:hover { background:#ffbf00; }
#fmp3 a:hover { background:#f2f218; }
#fmp4 a:hover { background:#99e500; }
#fmp5 a:hover { background:#00b77a; }
#fmp6 a:hover { background:#00d8d8; }
#fmp7 a:hover { background:#0098e5; }
#fmp8 a:hover { background:#c37ee5; }
        
div.news a, div.news a:hover {
    color:               #000000;
    text-decoration:     none !important;
    font-weight:         normal;
    padding:             0px !important;
}

/* -------------------------------------------------------------------------- */
/* General text style settings                                                */
/* -------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */