body,html {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-image: url('/i/bgmain01.jpg');
    background-repeat: repeat;
    background-color: #617e9e;
    color: #585858;
    margin: 0;
    padding: 0;
    /* behavior: url(/_libs/htc/csshover.htc);}  WinIE behavior call */
    }

    * {
    /* margin: 0;
    padding: 0;
    */
    font-size: 12px;
    /* font-weight: normal; */
    }
    
    p {
    font-size: 1.0em;
    margin: 0.1em 0 0.5em 0;
    }

    a:link, a:visited {
        text-decoration: underline;
        font-weight: bold;
        color: #333;
        /* background-color:#9c9; */
    }
    a:hover, a:active {
        text-decoration: none;
        background-color:#394a5d;
        color: #d0e0f1;
    }
    
    a:link.header, a:visited.header {
        text-decoration:none;
        color: #696;
        /* background-color: #363; */
        font-size: 11px;
    }
    a:hover.header, a:active.header {
        text-decoration:none;
        color: #9c9;
        /* background-color: #030; */
        font-size: 11px;
    }
    
    a:link.footer, a:visited.footer {
        text-decoration:underline;
        color: #FFF;
        /* background-color: #030; */
        font-size: 10px;
    }
    a:hover.footer, a:active.footer {
        text-decoration:none;
        color: #FFF;
        /* background-color: #030; */
        font-size: 10px;
    }
    
    h1 {
    font-size: 1.4em;
    margin: 0.25em 0 0.5em 0;
    font-family: Georgia, Times, Verdana, Arial, Helvetica;
    text-decoration: none;
    /* font-family: 'Bradley Hand ITC'; */
    font-weight: bold;
    color: #286dba;
    }

    h2 {
    font-size: 1.2em;
    margin: 0.25em 0 1em 0;
    font-family: Georgia, Times, Verdana, Arial, Helvetica;
    text-decoration: none;
    /* font-family: 'Bradley Hand ITC'; */
    font-weight: bold;
    color: #286dba;
    }
    
    h3 {
    font-size: 1.2em;
    margin: 0.25em 0 1em 0;
    font-family: Georgia, Times, Verdana, Arial, Helvetica;
    text-decoration: none;
    /* font-family: 'Bradley Hand ITC'; */
    font-weight: bold;
    color: #286dba;
    }

    div.distmain { font-size: 1px; height: 10px; }
    div.distdouble { font-size: 1px; height: 20px; }
    
    .header, .header a{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #585858;
    /* color: #324a3a; */
    font-weight: normal;
    font-size: 11px;
    line-height:1.3em;
    }
    
    .clearfix {
    clear: both;
    width: 1px;
    height: 1px;
    font-size: 1px;
    }

    a img {
    border:none;
    }
    
    
    /* ===== Zentrierung der Seite ======== */
    body {
    text-align: center; /* Nur fuer den IE ! */
    }

    /* ======== grundlegende Struktur ========== */
    #header {
    width:100%;
    background-image: url('/i/header-line.gif');
    background-position: bottom;
    background-repeat: repeat-x;
    margin: 0 auto; /* Der standardkonforme Weg. */
    text-align: left; /* Wegen des IE-Tricks. */
    }
    
    #content {
    background-color:#FFFFFF; 
    background-image:url(/i/bg-content.gif); 
    background-position: top right; 
    background-repeat: repeat-y;
    }
    
    /* ======== erweiterte Struktur ========== */
    #header-row1 {
    /* width:100%; */
    /* background-color: #f00; */
    margin: 0 auto;
    text-align: center;
    /*
    border-color: #696 #696 #696 #696;
    border-style: solid;
    border-width: 1px 0 1px 0;
    */
    margin: 40px 0 0 0;
    padding: 0;
    height: 238px;
    /* overflow:auto; */
    }
    
    #footer {
    /* width:100%; */
    /* height: 30px; */
    width: 825px;
    /* background-color: #030; */
    margin: 0 auto; /* Der standardkonforme Weg. */
    text-align: left; /* Wegen des IE-Tricks. */
    overflow:hidden;
    padding: 0 20px 20px 0;
    }
    
    #footer-part1 {
    float:left;
    font-size:10px;
    font-weight:normal;
    color:#CCC;
    }

    #footer-part2 {
    float:right;
    font-size:10px;
    font-weight:normal;
    color:#CCC;
    }
    
    .std-width {
    width: 880px;
    margin: 0 auto;
    text-align: left;
    }
    
    #footer2 {
    /* width:100%; */
    /* height: 30px; */
    width: 100%;
    /* background-color: #030; */
    margin: 0 auto; /* Der standardkonforme Weg. */
    text-align: left; /* Wegen des IE-Tricks. */
    overflow:hidden;
    padding: 0;
    }
    
    #footer2 a, #footer2 a:hover {
     text-decoration: none;
     font-size: 9px;
     color: #617e9e;
    }
    
    /* A_ROOM */
    /* blau */
    table.col0 { background-color:#394a5d; }
    .col0 { color:#394a5d; }
    tr.col0 { background-color:#d0e0f1; }
    .img0 {    margin: 0 0 0 10; padding: 1px; border : 1px solid #394a5d; }
    /* EO A_ROOM */
    
    /* D_FORM */
    input.style1, textarea.style1 {
        background-color :#fff;
        color : Black;
        border : 1px solid #000000;
        padding : 2px 2px 2px 2px;
        width: 420px;
    }
    /* EO D_FORM */
    
    /* D_BOOKING */
    .form-table {
    width: 100%;
    /*
    margin-left: 8px;
    margin-top: 2px;
    margin-bottom: 8px;
    padding: 3px;
    */
    }
    .form-label1 {
        /*font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;*/
        background-color: #d0e0f1;
        vertical-align:middle;
        font-weight:bold;
    }
    .form-element1 {
        background-color: #ffffff;
    }
    
    .form-label2 {
        /*font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;*/
        /* color: white; */
        background-color: #d0e0f1;
        vertical-align:middle;
    }
    .form-element2 {
        background-color: #ffffff;
    }
    .form-label3 {
        /*font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;*/
        background-color: #d0e0f1;
        vertical-align:middle;
    }
    .form-element3 {
        background-color: #ffffff;
        vertical-align:middle;
    }
    /* EO D_BOOKING */
    
    
    /* D_GUESTBOOK */
    /* blau */
    table.colx { background-color:#394a5d; }
    .colx { color:#394a5d; }
    tr.colx { background-color:#d0e0f1; }
    .imgx {    margin: 0 0 0 10; padding: 1px; border : 1px solid #394a5d; }
    
    table.colg { background-color:#394a5d; }
    .colg { color:#394a5d; }
    tr.colg { background-color:#f4f4f4; }
    .imgg {    margin: 0 0 0 10; padding: 1px; border : 1px solid #394a5d; }
    /* EO D_GUESTBOOK */
    
    /* A_KONN_SPECIAL */
    /* #teaser h2 { color:#030; } */
    div.A_CONN_SPECIAL {
    margin:0 10px 5px 0px;
    padding:0 0 5px 0px;
    border-bottom: 1px solid #CCCCCC
    }
    /* EO A_KONN_SPECIAL */
    
    
    /* Shadow Element */
    /* - VIEW IMAGE - */
    /* base http://my.opera.com/community/graphics/users/7/frame1.gif */
    
    .frame1 {
        clear:both;
        width:580px;
        background:#fff url(/i/sh580-middle.gif) top left repeat-y;
        }
    
    .frame2 {
        width:100%;
        background:transparent url(/i/sh580-bottom.gif) bottom left no-repeat;
        }
    
    .frame3 {
        position:relative;
        padding:13px 15px;
        background:transparent url(/i/sh580-top.gif) top left no-repeat;
        text-align:left;
        }

    .frame3 img {
        margin:0 auto;
        }

    .frame3 p {
        margin:0;
        padding:4px 0 6px 0;
        }

    #belowimage {
        clear:both;
        padding-top:10px;
        }
    
    .preview {
        width:87px;
        float:left;
        text-align:center;
        margin:2px 0 5px 0;
        }
    
    .preview img {
        margin:2px;
        }
        
    .scaled {
    width:100%;
    }
    /* EO Shadow Element */


    /* TEXT1PIC */
    .imagebox-left {
        float:left;
        margin-right: 6px;
        /*border: 1px solid #000000;*/
    }
    
    .imagebox-right {
        float:right;
        margin-left: 6px;
        /*border: 1px solid #000000;*/
    }
    .bu {
        border-bottom: 1px solid #030;
        margin: 0px 0px 3px 0px;
        font: normal 10px tahoma, arial, helvetica, geneva;
        padding: 3px 0px 3px 3px;
        /*width:100%;*/
        background: #eeeeee;
    }
    .right {
        float: right;
    }
    
    .left {
        float: left;
    }
    .spacer {
        margin-bottom:6px;
    }
    .clear {
        clear:both;
    }

    .clear-r {
        clear: right;
    }
    
    .clear-l {
        clear: left;
    }
    /* EO TEXT1PIC */
    
    /* nav */

    #navlist1, #navlist2
    {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style: none;
    }
    
    #navlist1 li, #navlist2 li
    {
    padding:0 5px 3px 5px;
    background-image: url(/i/n/bg1.gif);
    background-repeat: no-repeat;
    background-position: 0 15px;
    }
    
    #navlist1 li a, #navlist2 li a
    {
    text-decoration:none;
    }
    
    #active, #active2
    {
    color:#eab90c;
    }
    
    #active
    {
    text-align:right;
    }
    
    #navlist1 li a span
    {
    color:#eab90c;
    /* text-align:right; */
    }
    /* EO nav */
    
    /* seonav */
    #navlist3
    {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style: none;
    }
    
    #navlist3 li
    {
    padding:0 5px 3px 5px;
    /*
    background-image: url(/i/n/bg1.gif);
    background-repeat: no-repeat;
    background-position: 0 15px;
    */
    }
    
    #navlist3 li a
    {
    text-decoration:none;
    color:#ccc;
    font-size: 10px;
    }
    
    #navlist3 li a span
    {
    color:#eab90c;
    /* text-align:right; */
    }
    /* EO seonav */
    
    
    /* content-se */
    div.content-se {
        width:580px; 
        margin:0 0 0 0; 
        padding:10px 20px 10px 20px; 
        float:left;
    }
    
    div.content-se p b, div.content-se p strong  {
        font-weight: normal;
    }
    
    a.footer-se {
        text-decoration:underline;
        color: #ccc;
        /* background-color: #030; */
        font-size: 10px;
    }
    /* EO content-se */
    
    /* A_ROOM2 */
    span.roomcat {
        font-variant: small-caps;
    }
    
    span.roomsize {
        color:#C00;
        font-size: 14px;
    }
    /* EO A_ROOM2 */