/*
+------------------------------------------------------------------------------+
| Karin Löw Hotellerie - General Screen Stylesheet                             |
+------------------------------------------------------------------------------+
|  x Villa am Kurpark, Bad Homburg                                             |
|  x Hotel Imperial, Binz / Rügen                                              |
|  x Villa Baltik, Binz / Rügen                                                |
+------------------------------------------------------------------------------+
| by Reystec <http://www.reystec.com                                           |
+------------------------------------------------------------------------------+
*/

/*
+------------------------------------------------------------------------------+
| General stuff                                                                |
+------------------------------------------------------------------------------+
*/

body
{
    margin:  0;
    padding: 0 0 2.5em 0;
    font-family: verdana, sans-serif;
}

div#container
{
    width: 775px;
    margin: 0 auto;
}

div#banner
{
    width:  700px;
    height: 171px;
    margin: 0 auto;
}

div#banner h1
{
    display: none;
    font-size: 0em;
}

/* Menu row */
div#menu
{
    height: 16px;
}

div#footer
{
    display: none;
}

/*div#langbox
{
    float: right;
    margin:  0;
    padding: 0;
    height: 16px;
    width: 50px;
}*/
div#langbox
{
    height: 16px;
    width: 50px;
    position: absolute;
    top: 173px;
    left: 50%;
    margin-left: 330px;
    padding: 0;
    overflow: hidden;
}

div#langde, div#langen
{
    position: relative;
    width: 18px;
    height: 12px;
    top: 0;
}

div#langde a, div#langen a
{
    display: block;
    width: 18px;
    height: 12px;
    background-repeat: no-repeat
}

div#langde a p, div#langen a p
{
    display: none;
}

div#langde
{
    background-image: url('/images/de.gif');
    left: 0;
}

div#langen
{
    background-image: url('/images/en.gif');
    margin-top: -12px;
    left: 22px;
}

div#navigation
{
    float: left;
    width: 720px;
    height: 16px;
    font-size: 0.8em;
    margin: 0;
    padding: 0;
}

div#navigation ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 720px;
}

div#navigation ul li
{
    float: left;
    height: 16px;
    padding: 0;
}

div#navigation ul li a
{
    text-decoration: none;
}

div#navigation ul li a p
{
    display: none;
}

/* Submenu */
div#navigation ul li ul
{
    position: absolute;
    overflow: hidden;
    width: 135px;
    top: 187px;
    left: 50%;
}

div#navigation ul li ul li
{
    float: none;
    clear: both;
    width: 135px;
    height: 18px;
}

div#navigation ul li ul li a
{
    background-position: 5px 5px;
    background-repeat: no-repeat;
    color: #000;
    padding: 0.1em 0.25em 0.1em 1.5em;
}

div#navigation ul li ul li a
{
    margin: 0;
    width: 100%;
    height: 15px;
    font-size: 0.9em;
}

div#navigation ul li ul li ul
{
    display: none;
}

div#klh
{
    width: 100%;
    position: absolute;
    top: 0;
}

div#klh a
{
    display: block;
    width: 175px;
    height: 40px;
    margin: 0 auto;
}

div#klh a p
{
    display: none;
}


/*
+------------------------------------------------------------------------------+
| Content stuff                                                                |
+------------------------------------------------------------------------------+
*/

div#content
{
    clear: both;
    padding: 22px 0 0 0;
    font-size: 0.8em;
    width: 700px;
    margin: 0 auto;
}

div#content h2
{
    font-size: 1.05em;
    margin: 0 0 1.2em 0;
}

div#content h3
{
    font-size: 1em;
    font-weight: normal;
    text-decoration: underline;
}

div#content p
{
    font-size: 1em;
    margin: 0 0 0.8em 0;
}

div#content a
{
    color: #000;
    font-weight: bold;
}

div#content a:hover
{
    color: #fff;
}

/* Image column */
div#content_left
{
    float: left;
    width: 315px;
    margin: 0 0 3em 0;
}

/* Text column */
div#content_right
{
    float: right;
    width: 385px;
    margin: 0 0 3em 0;
}

/*
    Dropdown
*/

div.ddmen
{
    border:   0;
    margin:   0;
    padding:  0;
    overflow: hidden;
    vertical-align: bottom;
    cursor: pointer;
    top: 170px;
    z-index: 11;
    display: block;
}

img#ruegenmap
{
    margin: 0 auto;
}