/*
+------------------------------------------------------------------------------+
| Karin Löw Hotellerie - Hotel Imperial Screen Stylesheet                      |
+------------------------------------------------------------------------------+
| by Reystec <http://www.reystec.com                                           |
+------------------------------------------------------------------------------+
*/

body
{
    background: url('/images/imperial_back01.gif') repeat-x top #ff9;
}

div#banner
{
    background: url('/images/imperial_back02.gif') no-repeat 50% 7px;
}

/* Margin for menu points */
div#navigation ul li
{
    margin: 0 12px 0 0;
}


/*
+------------------------------------------------------------------------------+
| Individual navigation stuff                                                  |
+------------------------------------------------------------------------------+
*/
div#navigation a
{
    display: block;
}
/* Hotel (de, en) */
.hotel, .hotel a
{
    width:  68px;
    height: 16px;
}
.hotel a
{
    background: url('/images/menu_imperial/hotel.gif') 0px 0px no-repeat;
}
.hotel a:hover
{
    background-position: 0px -32px;
}
/* Freizeit (de) */
.freizeit, .freizeit a
{
    width:  88px;
    height: 16px;
}
.freizeit a
{
    background: url('/images/menu_imperial/freizeit.gif') 0px 0px no-repeat;
}
.freizeit a:hover
{
    background-position: 0px -32px;
}
/* sightseeing (de) */
.sightseeing, .sightseeing a
{
    width:  120px;
    height: 16px;
}
.sightseeing a
{
    background: url('/images/menu_imperial/sightseeing.gif') 0px 0px no-repeat;
}
.sightseeing a:hover
{
    background-position: 0px -32px;
}
/* Tagungen (de) */
.tagungen, .tagungen a
{
    width:  100px;
    height: 16px;
}
.tagungen a
{
    background: url('/images/menu_imperial/tagungen.gif') 0px 0px no-repeat;
}
.tagungen a:hover
{
    background-position: 0px -32px;
}
/* conferences (de) */
.conferences, .conferences a
{
    width:  130px;
    height: 16px;
}
.conferences a
{
    background: url('/images/menu_imperial/conferences.gif') 0px 0px no-repeat;
}
.conferences a:hover
{
    background-position: 0px -32px;
}
/* Specials (de, en) */
.specials, .specials a
{
    width:  88px;
    height: 16px;
}
.specials a
{
    background: url('/images/menu_imperial/specials.gif') 0px 0px no-repeat;
}
.specials a:hover
{
    background-position: 0px -32px;
}
/* Live-Bild (de) */
.livebild, .livebild a
{
    width:  94px;
    height: 16px;
}
.livebild a
{
    background: url('/images/menu_imperial/livebild.gif') 0px 0px no-repeat;
}
.livebild a:hover
{
    background-position: 0px -32px;
}
/* Live-Webcam (en) */
.live, .live a
{
    width:  45px;
    height: 16px;
}
.live a
{
    background: url('/images/menu_imperial/live.gif') 0px 0px no-repeat;
}
.live a:hover
{
    background-position: 0px -32px;
}
/* Kontakt / Impressum (de) */
.kontakt, .kontakt a
{
    width:  202px;
    height: 16px;
    margin: 0;
}
.kontakt a
{
    background: url('/images/menu_imperial/kontakt.gif') 0px 0px no-repeat;
}
.kontakt a:hover
{
    background-position: 0px -32px;
}
/* Contact / Imprint (en) */
.contact, .contact a
{
    width:  170px;
    height: 16px;
    margin: 0;
}
.contact a
{
    background: url('/images/menu_imperial/contact.gif') 0px 0px no-repeat;
}
.contact a:hover
{
    background-position: 0px -32px;
}
/* General */
#active a
{
    background-position: 0px -16px;
}
#active a:hover
{
    background-position: 0px -48px;
}
/* Submenu */
div#navigation ul li ul
{
    background: #ffe57f;
}

div#navigation ul li ul li
{
    border-bottom: 1px solid #ff9;
}

div#navigation ul li ul li a
{
    background-color: #ffe57f;
    background-image: url('/images/menu_imperial/dot.gif');
}

div#navigation ul li ul li a:hover
{
    background-color: #ffd872;
}