/*
	CSS Document: css_navigation.css
	Version: 1.0 | Date: 2008-12-11
	Project: www.hotel-zur-post-bad-wiessee.de
	Author: websLINE, 2008
	-------
*/
.navigation {
    background: #F7E097 url(img_bg-navigation.gif) no-repeat 129px 0;
    padding-left: 247px !important;
    margin-right: 9px !important;
    height: 46px;
    clear: both
    }
/* NAVIGATION */
/* Haupteinstellungen */
ul.navigation, .subitems {
    margin: 0;
    padding: 0;
    list-style-type: none
    }
/* Ebene 1 */
ul.navigation li.level1 {
    position: relative;
    float: left;
    margin: 0 !important
    }
ul.navigation li.level1 a.main {
    display: block;
    height: 45px
    }
ul.navigation li.level1 a.main strong {
    display: none
    }
.de ul.navigation li.first, .de ul.navigation li.first-active {
    display: none;
    background: url(img_nav-01.gif)
    }
.de ul.navigation li.second, .de ul.navigation li.second-active {
    background: url(img_nav-02.gif)
    }
.de ul.navigation li.third, .de ul.navigation li.third-active {
    background: url(img_nav-03.gif)
    }
.de ul.navigation li.fourth, .de ul.navigation li.fourth-active {
    background: url(img_nav-04.gif)
    }
.de ul.navigation li.fifth, .de ul.navigation li.fifth-active {
    background: url(img_nav-05.gif)
    }
.de ul.navigation li.sixth, .de ul.navigation li.sixth-active {
    background: url(img_nav-06.gif)
    }
.de ul.navigation li.seventh, .de ul.navigation li.seventh-active {
    background: url(img_nav-07.gif)
    }
.de ul.navigation li.eight, .de ul.navigation li.eight-active {
    background: url(img_nav-08.gif)
    }
.de ul.navigation li.second a.main, .de ul.navigation li.second-active a.main {
    width: 84px
    }
.de ul.navigation li.third a.main, .de ul.navigation li.third-active a.main {
    width: 114px
    }
.de ul.navigation li.fourth a.main, .de ul.navigation li.fourth-active a.main {
    width: 90px
    }
.de ul.navigation li.fifth a.main, .de ul.navigation li.fifth-active a.main {
    width: 123px
    }
.de ul.navigation li.sixth a.main, .de ul.navigation li.sixth-active a.main {
    width: 137px
    }
.de ul.navigation li.seventh a.main, .de ul.navigation li.seventh-active a.main {
    width: 100px
    }
.de ul.navigation li.eight a.main, .de ul.navigation li.eight-active a.main {
    width: 80px
    }
ul.navigation li.level1 {
    background-repeat: no-repeat !important
    }
ul.navigation li.level1 {
    background-position: 50% 0 !important
    }
ul.navigation li.level1:hover, ul.navigation li.first-active, ul.navigation li.second-active, ul.navigation li.third-active, ul.navigation li.fourth-active, ul.navigation li.fifth-active, ul.navigation li.sixth-active, ul.navigation li.seventh-active, ul.navigation li.eight-active {
    background-position: 50% -45px !important
    }
/* Ebene 2 */
ul.navigation ul {
    display: none
    }
ul.navigation li.level1:hover ul.subitems {
    display: block
    }
ul.navigation .subitems {
    position: absolute;
    top: 45px;
    left: 0;
    z-index: 99;
    white-space: nowrap;
    padding: 0;
    border-left: 4px solid #FBBB22;
    border-bottom: 4px solid #FBBB22;
    width: 180px;
    /* FF 1, NS need this */
    background: #C5C6C8;
    /* IE needs this */
    background: #fff;
    opacity: 0.95;
    filter: alpha(opacity=95)
    }
ul.navigation .third .subitems, ul.navigation .third-active .subitems {
    border-color: #77210A
    }
ul.navigation .fourth .subitems, ul.navigation .fourth-active .subitems {
    border-color: #B2B2B1
    }
ul.navigation .fifth .subitems, ul.navigation .fifth-active .subitems {
    border-color: #C03B26
    }
ul.navigation .sixth .subitems, ul.navigation .sixth-active .subitems {
    border-color: #387088
    }
ul.navigation .seventh .subitems, ul.navigation .seventh-active .subitems {
    border-color: #469D2C
    }
ul.navigation .eight .subitems, ul.navigation .eight-active .subitems {
    border-color: #E57622
    }
ul.navigation .last .subitems {
    left: -104px;
    border-style: solid;
    border-width: 0 4px 4px 0;
    text-align: right
    }
ul.navigation .subitems li {
    float: none;
    border-bottom: 1px solid #E1E2E2;
    padding: 1px 0
    }
ul.navigation .subitems li.level2 a, ul.navigation .subitems li.level2-active a {
    text-decoration: none;
    display: block;
    padding: 3px 5px 3px 20px;
    background-image: url(img_arrow.gif);
    background-repeat: no-repeat;
    background-position: 8px 8px;
    color: #313031
    }
ul.navigation .last .subitems li.level2 a, ul.navigation .last .subitems li.level2-active a {
    padding: 3px 20px 3px 5px;
    background-image: url(img_arrowBack.gif);
    background-position: 165px 8px
    }
ul.navigation .subitems li.level2 a:hover, ul.navigation .subitems li.level2-active a:hover {
    background-color: #FFEECA;
    color: #01757F
    }