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

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

div#banner
{
    background: url('/images/baltik_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) */
.baltik, .baltik a
{
    width:  130px;
    height: 16px;
}
.baltik a
{
    background: url('/images/menu_baltik/baltik.gif') 0px 0px no-repeat;
}
.baltik a:hover
{
    background-position: 0px -32px;
}
/* Freizeit (de) */
.freizeit, .freizeit a
{
    width:  85px;
    height: 16px;
}
.freizeit a
{
    background: url('/images/menu_baltik/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_baltik/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_baltik/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_baltik/conferences.gif') 0px 0px no-repeat;
}
.conferences a:hover
{
    background-position: 0px -32px;
}
/* Specials (de, en) */
.specials, .specials a
{
    width:  105px;
    height: 16px;
}
.specials a
{
    background: url('/images/menu_baltik/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_baltik/livebild.gif') 0px 0px no-repeat;
}
.livebild a:hover
{
    background-position: 0px -32px;
}
/* Live-Webcam (en) */
.live, .live a
{
    width:  65px;
    height: 16px;
}
.live a
{
    background: url('/images/menu_baltik/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_baltik/kontakt.gif') 0px 0px no-repeat;
}
.kontakt a:hover
{
    background-position: 0px -32px;
}
/* Contact / Imprint (en) */
.contact, .contact a
{
    width:  190px;
    height: 16px;
    margin: 0;
}
.contact a
{
    background: url('/images/menu_baltik/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: #99ccb2;
}

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

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

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