/***********************/
/* Allgemeines *********/

body {
    margin:0px;
    padding:0px;
}

body, td, p, div {
    font-family:Georgia,serif,Verdana,Arial,Helvetica;
    font-size:14px;
}

.verdana {
        font-family:Verdana,Arial,Helvetica,sans-serif;
        font-size: 13px;
}

p, div.p {
        margin-top:12px;
        margin-bottom:12px;
}

p.bottom {
        margin-bottom:0px;
}

h1.topHeading {
        position:absolute;
        left:200px;
        top:25px;
    color:#483415;
    font-size:1.8em;
    width:670px;
    margin-left:0px;
        margin-top:20px;
    padding-left:0px;
    padding-top:0px;
        font-weight:normal;
        color:#2C4E6A;
          z-index:10;
          text-shadow:1px 1px 2px #DDE5E7;
}

h2 {
        color:#2C4E6A;
        font-weight:normal;
        font-size:1.5em;
        text-shadow:1px 1px #EEF3F4;
}

h2.first, h3.first, p.first {
        margin-top:5px;
}

div.separator {
        padding-bottom:20px;
}

h3 {
        color:#2C4E6A;
        font-weight: normal;
        font-size:1.25em;
}

img {
    border:0px;
}

.unsichtbar
                        {
      position: absolute;
      left: -1000px;
      top: -1000px;
      width: 0px;
      height: 0px;
      overflow: hidden;
      display: inline;
}


.klein {
    font-size:10px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
}


.highlight { font-family:Verdana,Arial,Helvetica,sans-serif;
                     color:#000066; font-weight:bold; }

.highlight-background {
    background-color:#ffffcc;
    color:#FF9900;
    font-size:1.2em;
    font-weight:bold;
}

.block {text-align:justify}

.clearall, .clear { clear:both; }

a:link { text-decoration:none; color:#314F69; border-bottom:1px dotted #314F69;}
a:visited { text-decoration:none; color:#314F69; border-bottom:0px dotted #000; }
a:hover { text-decoration:none; border-bottom:1px solid #314F69; }
a:active { text-decoration:none; color:#6A8894; }

a.img_link:link, a.img_link:visited, a.img_link:hover, a.img_link:active {
                border-bottom:none;
}

a.button, a.button:link, a.button:visited {
        padding: 10px 10px 10px 10px;
        display:block;
        margin-top:20px;
        border: 1px solid #fff;
        text-align: center;
        max-width: 140px;
        margin-left:auto; margin-right:auto;
        font-family:Georgia,serif,Arial,Helvetica,sans-serif;
        font-style:italic;
        font-size: 15px;
        text-shadow: 1px 1px 0px white;

        -moz-border-radius: 7px 7px 7px 7px;
        -webkit-border-radius: 7px 7px 7px 7px;
        border-radius: 7px 7px 7px 7px;

        -moz-box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.3);
        box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.3);

        background: -moz-linear-gradient(top,  #fff,  #BECFD2);
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#BECFD2));
        background-color:#EDF1F2;

        border-bottom-color: #587682;
        border-right-color: #587682;
}

a.button:hover {
        -moz-box-shadow: 0px 0px 12px 0 rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.2);

        background: -moz-linear-gradient(top,  #fff,  #D5DFE1);
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D5DFE1));
        background-color:#fff;
}

a.button:active {
        background: none;
        background-color:#BBCCCF;

        border: 1px solid #587682;
        border-bottom-color: #fff;
        border-right-color: #fff;

        color:white;
        text-shadow: 1px 1px 0px black;
}


/********************/
/* Haupt-Layout     */

div.mainContainer {
    /*width:1000px;*/
    /*border:1px green solid;*/
    /*padding-bottom:20px;*/
    /*background-image:url(img/sand.gif)*/;
}

div.navigationTop {
                position:relative;
    height:115px;
    padding:0px;
    background-image:url(../img/logos/hintergrund_header_gradient.png);
    background-position:left top;
    background-repeat:repeat-x;
    /*background-color:#FFFFCC;*/
    /*border:1px black solid;*/
}

img.jasmund_bild {
                position:absolute;
                bottom:-9px;
                left:0;
}

img.moewen_bild {
                position:absolute;
                top:20px;
                left:820px;
}

img.wolken_bild {
                position:absolute;
                top:3px;
                left:80px;
}

img.blaetter_bild {
    position:absolute;
                top:1px;
                left:0px;
}

img.englisch_icon {
        position:absolute;
        top:3px;
        left:800px;
}

img.deutsch_icon {
        position:absolute;
        top:3px;
        left:770px;
}


div.breadcrumbtrail {
                font-family:Verdana,Arial,Helvetica,sans-serif;
                font-size:0.75em;
                position:absolute;
                left:241px;
                bottom:-32px;
                color:#D6DDDF;
}

div.breadcrumbtrail a {
        color:#D6DDDF;
        padding:0.1em;
}

div.breadcrumbtrail a:hover {background-image: url(../img/logos/hintergrund_text_alpha.png); color:#233E58; }

img.titleImage {
    margin-top:20px;
    margin-left:-100px;
}

div.navigationLeft {
    float:left;
    width:205px;
    height:600px;
    /*background-image:url(img/rahmen-links2.png);
    background-position:right -83px;
    background-repeat:no-repeat;*/
    /*background-color:#FFFFCC;*/
}

div.ecke {
    background-repeat:no-repeat;
                width:17px;
                height:17px;
                position:absolute;
                margin:0;
                padding:0;
}

div.mainBody {
                background-image:url(../img/logos/hintergrund_horizont.png);
    background-position:left top;
    background-repeat:repeat-x;
                background-color:#517583;
                width:100%;

}

div.sizeRestriction {
                width:1150px;
}

div.navigationLinks {
    margin-top:30px;
    margin-left:5px;
    padding-left:10px;
    padding-top:25px;
    padding-right:20px;
    min-height:200px;
    overflow:hidden;
}

div.navigationLinks a {
                font-family:verdana,sans-serif;
                display:block;
                color:white;
                padding-left:5px;
                width:160px;
                margin-bottom:7px;
                margin-left:10px;
                border-bottom:0px dotted #BCC9CE;
                position:relative;
                font-size:1.1em;
                padding-top:4px;
                padding-bottom:8px;
                background-image:url(../img/logos/hintergrund_link.png);
    background-repeat:no-repeat;
          background-position:left top;
}


div.navigationLinks div.subItem a {
    margin-left:0px;
                padding-left:5px;
                background-image:none;
                width:145px;
                padding-bottom:3px;
                padding-top:3px;

}

div.navigationLinks div.subItem a:hover{
    background-image:url(../img/logos/hintergrund_sublink_active.png);
    background-repeat:repeat;
          background-position:left bottom;

}

a img.linkConnection {
    position:absolute;
                right:-15px;
                width:20px;
                height:12px;
                top:9px;
}

a.subItem img.linkConnection {
    position:absolute;
                right:-20px;
                width:20px;
                height:12px;
                top:7px;
}

div.navigationLinks a.active {
   color:#2C4E6A;
         background-image:url(../img/logos/hintergrund_link_active.png);
   background-repeat:no-repeat;
         background-position:left top;
         margin-bottom:8px;
         border-bottom:0px dashed white;
         text-shadow:1px 1px #D6DDDF;
}


div.navigationLinks a:hover {
         color:#2C4E6A;
         text-decoration:none;
         background-image:url(../img/logos/hintergrund_link_hover.png);
   background-repeat:no-repeat;
         background-position:left top;
         border-bottom:0px dashed white;
         text-shadow:1px 1px #EAEFF0;
}

div.navigationLinks a:active {
   /* runter gedrueckt */
         color:white;
         background-image:url(../img/logos/hintergrund_link.png);
   background-repeat:no-repeat;
         background-position:left top;
         text-shadow:none;
}

div.navigationLinks div.subItem {
    font-size:0.85em;
    margin-left:20px;
    margin-bottom:12px;
    margin-top:-11px;
                padding-top:0px;
                padding-left:0px;
    /*background-color:#5F89A9;*/
                background-image:url(../img/logos/hintergrund_sublink.png);
    background-repeat:repeat;
          background-position:right top;
}

div.navigationLinks div.subItem.lastElement {
          background-image:url(../img/logos/hintergrund_sublink_last.png);
    background-repeat:no-repeat;
          background-position:left bottom;
}



div.navigationLinks div a.subItem.active {
          background-image:url(../img/logos/hintergrund_sublink_active.png);
    background-repeat:repeat;
          background-position:left top;
}

div.navigationLinks div a.subItem:hover {
          background-image:url(../img/logos/hintergrund_sublink_hover.png);
    background-repeat:repeat;
          background-position:left bottom;
}


div.navigationLinks div.lastElement a.subItem.active {
    background-image:url(../img/logos/hintergrund_sublink_last_active.png);
    background-repeat:no-repeat;
          background-position:left bottom;
}

div.navigationLinks div.lastElement a.subItem:hover {
    background-image:url(../img/logos/hintergrund_sublink_last_hover.png);
    background-repeat:no-repeat;
          background-position:left bottom;
}




img.extend {
                height:14px;
                width:14px;
                position:absolute;
                left:-18px;
}


div.navigationRight {
    padding-top:35px;
    padding-left:10px;
    float:left;
    width:222px;
    min-height:300px;
}

div.aktuelles_header {
   background-image:url(../img/logos/hintergrund_aktuelles_header.png);
         background-position:left top;
   background-repeat:no-repeat;
         height:22px;
}

div.aktuelles_body {
                background-image:url(../img/logos/hintergrund_aktuelles_body.png);
        /*        background-image:url(../img/logos/schatten_aktuelles_vertikal.png);*/
          background-position:left top;
    background-repeat:repeat-y;
    line-height:1.2em;
}

div.aktuelles_footer {
                 background-image:url(../img/logos/hintergrund_aktuelles_footer.png);
          background-position:left top;
    background-repeat:no-repeat;
          height:19px;
}


div.footer {
                background-image:url(../img/logos/hintergrund_footer.png);
            background-position:left top;
                   background-repeat:repeat-x;
                height:28px;
                padding-top:50px;
                padding-bottom:0px;
}

h2.aktuelles_headline {
                color:#D68C0C;
                text-shadow:1px 1px #FFFAEB;
                font-family:Georgia,serif;
                font-size:1.5em;
                font-style:italic;
                font-weight:normal;
                text-align:center;
                margin:0;
                padding-bottom:7px;
                padding-top:4px;
                background-image:url(../img/logos/aktuelles_linie.png);
    background-position:bottom center;
    background-repeat:no-repeat;
}

div.twitter_verzierung {
           background-image:url(../img/logos/twitterbird.png);
    background-position:top left;
    background-repeat:no-repeat;
                width:65px;
                height:45px;
                margin-left:auto;
                margin-right:auto;
}

div.aktuelles_verzierung {
          background-image:url(../img/logos/aktuelles_verzierung.png);

    background-position:top left;
    background-repeat:no-repeat;
                width:89px;
                height:44px;
                margin-left:auto;
                margin-right:auto;
}


div.aktuelles, div.lasttweet {
  /*  background-image:url(img/aktuelles.gif);
    background-position:top left;
    background-repeat:no-repeat;*/
    padding:18px;
                padding-right:22px;
                padding-bottom:7px;
                padding-top:7px;
                font-family:verdana,sans-serif;
                color:#653E01;
                font-size:0.85em;
}

.lasttweet ul {
    list-style:none;
	padding:0px;
	margin:0px;
}

.lasttweet ul li {
	margin-bottom: 18px;
}

.lasttweet ul li>a {
    display:block;
    margin-top:0.5em;
    border-bottom:0px dotted #314F69;

}
.lasttweet ul li>a:hover {
   	text-decoration: underline;
}


div.contentArea {
    float:left;
    width:672px;
    min-height:400px;
    /*padding:20px;*/
                margin-top:35px;
        /*        background-image:url(../img/logos/hintergrund_content_body.png);
    background-position:top left;
    background-repeat:repeat-y;*/
                position:relative;
         line-height:1.45em;
}

div.content_header {
           background-image:url(../img/logos/hintergrund_content_header.png);
        background-position:left top;
           background-repeat:no-repeat;
        height:15px;
}

div.content_body {
    padding-left:25px;
        padding-right:30px;
        background-image:url(../img/logos/hintergrund_content_body.png);
    background-position:top left;
    background-repeat:repeat-y;
        padding-top:0px;
        position: relative;
}

div.content_footer {
   background-image:url(../img/logos/hintergrund_content_footer.png);
         background-position:left bottom;
   background-repeat:no-repeat;
         height:22px;
}

#imageLayer {
    position:absolute;
    width:300px;
    height:300px;
    left:400px;
    top:250px;
    padding:35px;
    display:none;
    z-index:10;
          background-color: rgba(255, 255, 255, 0.92);
          border:1px solid #888;

    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);

        -moz-border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
        border-radius: 10px 10px 10px 10px;
}

#strandblickLayer {
        position:absolute;
    width:300px;
    height:320px;
    left:400px;
    top:250px;
    padding:15px;
    display:none;
    z-index:10;
    background-color:white;
    border:1px #B89756 solid;
}

#imageLayerInner {
    text-align:center;
}

#imageLayerCaption {
    margin-top:15px;
    text-align:center;
    font-style:italic;
}

/**************/
/* Startseite */

p.blog {
  font-size:11px;
    color:black;
    font-family:Georgia,serif,Arial,Helvetica;
}

p.blog .big {
    font-size:17px;
    font-weight:bold;
}

div.rightImage {
        float:left;
        margin-left:20px;
}


/************************/
/* Haus Eintracht Seite */


div.introText {
    /*border:1px #E1E0FF solid;*/
    width:310px;
    margin-top:15px;
    padding:1.2em;
    padding-left:0;
        padding-top:0;
    float:left;
                text-align:justify;
                /*background-color:#E1E0FF;*/
}

ul.linkliste {
                font-family:Verdana,sans-serif;
                text-align:left;
                list-style-image:url(../img/logos/bullet_arrow.gif);
}

ul.linkliste li {
        padding-top:0.1em;
        padding-bottom:0.3em;
}

ul.aufzaehlung  { list-style-image:url(../img/logos/bullet_arrow.gif); }
ul.aufzaehlung li {
        padding-top:0.1em;
        padding-bottom:0.3em;
}

ul.faq  { list-style-type: none; margin-right:40px; }
ul.faq > li {
        padding-top:10px;
        padding-bottom:20px;
}

h2.question {
         font-family:Georgia,serif;
        font-weight:normal;
        color:#2C4E6A;
        font-size:1.3em;
        line-height: 1.4em;
         background-image: url(../img/logos/hintergrund_text_alpha.png);
         padding: 10px 15px 10px 15px;
         margin-bottom:0px;

        -moz-border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
        border-radius: 10px 10px 10px 10px;

        -moz-box-shadow: 0px 0px 5px #7B989D;
        -webkit-box-shadow: 0px 0px 5px #7B989D;
        box-shadow: 0px 0px 5px #7B989D;
         }

div.answer {
        padding: 7px 15px;
        margin-left:25px;
}


ul.ohneBullets { list-style-type: none; }

div.bigLetter {
    font-size:2.3em;
    float:left;
    margin:0px;
    margin-top:-0.13em;
    padding:0px;
    margin-right:5px;
}

div.imageRight {
    float:right;
    margin-left:10px;
    margin-top:10px;
}

div.yellowBorder {
    border:1px #B89756 solid;
    background-color:#FFE9B5;
    color:#8C492E;
}

div.center {
        margin-left:auto;
        margin-right:auto;
}

div.imageCaption {
    padding:6px;
    text-align:center;
    font-size:0.8em;
}


img.leftImage {
        float:left;
        padding-right:15px;
        padding-bottom:15px;
}

div.importantLink {
        font-family:Verdana,sans-serif;
    background-color:#E8EFF0;
    text-align:center;
        padding:15px;
    margin:20px;
}

div.imageWithText, div.sonstige_leistungen, div.importantLink, div.textbox {
        -moz-box-shadow: 0px 0px 5px #7B989D;
        -webkit-box-shadow: 0px 0px 5px #7B989D;
        box-shadow: 0px 0px 5px #7B989D;

        -moz-border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
        border-radius: 10px 10px 10px 10px;
}

div.imageWithText, div.textbox {
        padding:17px;
        margin-bottom:20px;
        margin-top:px;
        background-color: #E8EFF0;
}

div.textOnImage {
        position:absolute;
        text-align:left;
        left:50px;
        right:60px;
        background-image: url(../img/logos/hintergrund_text_alpha.png);
    font-family:Georgia,serif,Arial,Verdana;
    font-size:13px;
    line-height:1.45em;
        padding:23px;
        padding-left:27px;
        padding-right:27px;
        text-shadow:1px 1px #ECECEC;

        -moz-box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, 0.5);
        box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, 0.5);

        -moz-border-radius: 7px 7px 7px 7px;
        -webkit-border-radius: 7px 7px 7px 7px;
        border-radius: 7px 7px 7px 7px;
}

div.textOnImage.dark {
        background-image: url(../img/logos/hintergrund_text_alpha_dark.png);
        color: #F0F5F6;
        text-shadow:1px 1px #000;

        -moz-box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.6);
        -webkit-box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.6);
        box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.6);
}
div.textOnImage.dark a {
        color: #F4CB6B;
        border-bottom:1px dotted #C67B04;
}

div.textOnImage.dark a:visited {
        color: #F4CB6B;
        border-bottom:0px dotted #FFF;
}

div.textOnBigImage {
        background-image: url(../img/logos/hintergrund_h2_alpha_dark.png);

        /*background-color: rgba(0, 0, 0, 0.4);*/
        position:absolute;
        top:0px;
        left:0px;
        right:0px;
        padding:17px;
}

h2.textOnBigImage {
        margin-top:auto; margin-bottom:auto;
        text-shadow:1px 1px #DDE2E3;
}
h2.textOnBigImage.dark {
        color:#F0F5F6;
        text-shadow:1px 1px #000000;
}

div.bigImageContainer {
        position:relative;
        clear:both;
        overflow:hidden;
        }


div.simpleImageWithText {
        padding:15px;
        margin-bottom:10px;
}

div.leftCentered {
    width:330px;
    margin-top:25px;
    float:left;
    text-align:center;
}

.linkContainer {
        text-align:center;
}

a.pfeil:before {
        content:"\2192\00A0";
}

.linkContainer a, a.pfeil {
        /*background-image: url(../img/logos/bullet_arrow.gif);
        background-repeat: no-repeat;
        background-position: center left;
        padding-left:12px;*/
}

span.bigFont {
    font-size:16px;
    font-family:Verdana,Arial,sans-serif;
    font-weight:bold;
}

/************************/
/* Grundrisse Übersicht */

div.uebersichtsGrundriss {
    float:left;
    margin-right:30px;
    text-align:center;
}

div.uebersichtsGrundriss div {
    min-height: 260px;
}

div.uebersichtsGrundriss img {
    margin-bottom:10px;
    margin-top:10px;
}

/*************************/
/* Fewo-Detailseite ******/

div.fewoDescriptionWrapper {
                margin-left:auto;
                margin-right:auto;
}

div.fewogrundriss {
    float:left;
    clear:both;
    margin-bottom:20px;
    margin-right:20px;
}

div.fewobeschreibung {
        float:left;
    border:0px #B89756 solid;
        margin-right:0px;
        padding-right:0px;
        margin-bottom:15px;

        background-color:rgba(255, 255, 255, 0.1);

        -moz-box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.3);
        box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.3);

        -moz-border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
        border-radius: 10px 10px 10px 10px;

        background-color: #E5ECED;
        width: 617px;
}
div.fewobeschreibung td {
        font-size:13px;
}


div.fewoDescriptionBox {
                float:left;
                margin-bottom:15px;
                position:relative;
}

div.fewobeschreibung td {
  font-family:verdana,sans-serif;
}

div.fewobeschreibung td.label {
    width:8em;
    font-size:0.8em;
}

h2.fewoHeading {
  font-family:Georgia,serif;
        font-weight:normal;
        color:#2C4E6A;
        font-size:1.7em;
        font-style:italic;
        padding:0em;
        margin:0.2em;
}

.arrow, .arrow:link, .arrow:visited {
        font-size: 1.65em;
        text-shadow: 1px 1px 2px #ffffff;
        display: inline-block;
        width:1.2em;
        text-align: center;
        border:none;
}
.arrow:hover                 {        text-shadow: 1px 1px 1px white, -1px -1px 1px white;  color: black;}
.arrow.left:hover         {        text-align: left; }
.arrow.right:hover         {        text-align: right; }

div.fewo_belegungen {
        float:left;
        min-height: 280px;
}

div.fewo_belegungen_selection {
        margin-bottom:10px;
}

div.fewo_belegungen select#jahr, div.fewo_belegungen select#monat {
        margin-left:5px;
        margin-right:5px;
        background-color:#E4E9EB;
}


table.fewo_belegungstabelle {
                font-family:Verdana,sans-serif;
                color:#384F58;
                margin-right: auto;
                margin-left: auto;

                border-collapse: separate;

                -moz-box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.9);
                -webkit-box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.9);
                box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.9);

                -moz-border-radius: 10px 10px 10px 10px;
                -webkit-border-radius: 10px 10px 10px 10px;
                border-radius: 10px 10px 10px 10px;

                border:0px solid #739095;
                border-top-color: white;
}

table.fewo_belegungstabelle td {
             font-family:Verdana,sans-serif;
                background-color:#84A1AC;
                color:white;
                text-align:center;
                font-size: 0.9em;
                border-right-style: none;
                border-bottom:1px solid #587682;
                border-right:none;
                border-top: 1px solid #B3CCD7;
                border-left: none;
                text-shadow:1px 1px 0px #415A63;
                font-weight: normal;
                padding:3px 9px 3px 9px;
}

table.fewo_belegungstabelle td.anreise, table.fewo_belegungstabelle td.abreise {
                text-shadow:1px 1px rgba(255, 255, 255, 0.7), -1px -1px rgba(255, 255, 255, 0.5),
                                        1px -1px rgba(255, 255, 255, 0.3), -1px 1px 0px rgba(255, 255, 255, 0.3);
                color: #415A63;
        }

table.fewo_belegungstabelle td.anreise {
        background-image:url(../img/logos/anreise_column_0.png);
        background-repeat: no-repeat;
        background-color: #FFEDC5;
        background-position: right bottom;
        border-top-color: #FFFFF7;

}

table.fewo_belegungstabelle td.anreise.column_1 {
        background-image:url(../img/logos/anreise_column_1.png);
        background-color: #FFF7E7;
        border-top-color: #FFFFF7;
}

table.fewo_belegungstabelle td.abreise {
        background-image:url(../img/logos/abreise_column_0.png);
        background-repeat: no-repeat;
        background-color: #FFEDC5;
        background-position: left bottom;
        border-top-color: #FFFFF7
}

table.fewo_belegungstabelle td.abreise.column_1 {
        background-image:url(../img/logos/abreise_column_1.png);
        background-color: #FFF7E7;
        border-top-color: #FFFFF7;
}

table.fewo_belegungstabelle td.column_1 {
                background-color:#A4BCC4;
                border-bottom:1px solid #859DA5;
                border-top: 1px solid #D0E8F0;
}

table.fewo_belegungstabelle td.frei.column_1 {
                background-color:#FFF7E7;
                border-bottom:1px solid #E9CB83;
                border-top: 1px solid #FFFFF7;
}

table.fewo_belegungstabelle td.nichts.column_1 {
                background-color:#EFF2F3;
                border-top: 1px solid #F7F7F7;
}


table.fewo_belegungstabelle td.nichts {
            background-color:#E4E9EA;
                border-right-style: none;
                border-bottom: 1px solid #A2ACAE;
                border-top: 1px solid #F7F7F7;
}

table.fewo_belegungstabelle td.nichts.rechts.unten {
        background-color:#E4E9EA;

        -moz-border-radius: 0px 0px 10px 0px;
        -webkit-border-radius: 0px 0px 10px 0px;
        border-radius: 0px 0px 10px 0px;
}

table.fewo_belegungstabelle td.links {
   border-left:0px solid grey;
}

table.fewo_belegungstabelle td.rechts {
   border-right:0px solid grey;
}

table.fewo_belegungstabelle td.unten {
   border-bottom:none;
}

table.fewo_belegungstabelle td.links.unten {
                   -moz-border-radius: 0px 0px 0px 10px;
                -webkit-border-radius: 0px 0px 0px 10px;
                border-radius: 0px 0px 0px 10px;

                border-left-color: #A3C1CD;
                border-bottom:none;
}


table.fewo_belegungstabelle td.frei {
            background-color:#FFEDC5;
                color:#AE700E;
                text-shadow:1px 1px white;
                border-right-style: none;
                border-bottom:1px solid #DDB96B;
                border-top: 1px solid #FFFFD7;
}

table.fewo_belegungstabelle td.links.unten.frei {
         border-left-color: #FFFFD7;
         border-bottom:none;
}
table.fewo_belegungstabelle td.unten.frei {
         border-bottom:none;
        }


table.fewo_belegungstabelle td.rechts.unten {
                   -moz-border-radius: 0px 0px 10px 0px;
                -webkit-border-radius: 0px 0px 10px 0px;
                border-radius: 0px 0px 10px 0px;
}

table.fewo_belegungstabelle th {
        border-bottom:1px solid #A2ACAE;
        border-top:1px solid #fff;

        border-right:none;
        text-shadow:1px 1px #F8FAFA;
        font-weight: bold;
        font-size: 0.9em;
        color: #46626C;

        background-image:url(../img/logos/tabelle_o.gif);
        background-position:left top;
         background-repeat:repeat-x;
}

table.fewo_belegungstabelle th.column_1 {
        background-image:url(../img/logos/tabelle_o_column1.png);
}

table.fewo_belegungstabelle th.links {
          -moz-border-radius: 10px 0px 0px 0px;
        -webkit-border-radius: 10px 0px 0px 0px;
        border-radius: 10px 0px 0px 0px;

        border-left:0px solid #fff;
}

table.fewo_belegungstabelle th.rechts {
        border-right:0px solid #517583;
        -moz-border-radius: 0px 10px 0px 0px;
        -webkit-border-radius: 0px 10px 0px 0px;
        border-radius: 0px 10px 0px 0px;
}



div.legende {
                margin-top:1em;
                  margin-left:32px;
}

div.legende_belegt {
                        width:25px;
                        height:18px;
                        border:1px solid #C1E1EB;
                        padding:0;
                        float:left;
                        margin-left:20px;

                        -moz-border-radius: 4px 4px 4px 4px;
                        -webkit-border-radius: 4px 4px 4px 4px;
                        border-radius: 4px 4px 4px 4px;

                        -moz-box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.3);
                        -webkit-box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.3);
                        box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.3);

                        background: -moz-linear-gradient(top,  #A4BCC4,  #84A1AC);
                        background: -webkit-gradient(linear, left top, left bottom, from(#A4BCC4), to(#84A1AC));
                        background-color:#84A1AC;

                        border-bottom-color: #587682;
                        border-right-color: #587682;
}

div.legende_frei {
                        width:25px;
                        height:18px;
                        border:1px solid #fff;
                        padding:0;
                        float:left;

                         -moz-border-radius: 4px 4px 4px 4px;
                        -webkit-border-radius: 4px 4px 4px 4px;
                        border-radius: 4px 4px 4px 4px;

                        -moz-box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.3);
                        -webkit-box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.3);
                        box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.3);

                        background: -moz-linear-gradient(top,  #FFFBF5,  #FDE4AF);
                        background: -webkit-gradient(linear, left top, left bottom, from(#FFFBF5), to(#FDE4AF));
                        background-color:#FFEDC5;

                        border-bottom-color: #D9AD4D;
                        border-right-color: #D9AD4D;
}

div.legende_text {
                        float:left;
                         font-family:Verdana,sans-serif;
                        font-size:0.9em;
                        margin-left:5px;
}


div.fewo_fotos {
        text-align: center;
}

div.fewo_foto {
        padding:10px;
        margin-bottom:15px;
        margin-left:auto;
        margin-right: auto;
}

div.fewo_foto div.caption {
        margin-top:5px;
}


/* Buchung-Seite */


.eingabefeld {
                border-style:solid;
                border-width:1px;
                margin-left:6px;
                margin-right:0px;
                padding:1px;
                position:relative;
                margin-right:0px;
                padding:2px;
                background-color: #E8EFF0;
                border-color:#8FB4B9 #F4F7F8 #F4F7F8 #8FB4B9;

                -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1) inset;
                -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1) inset;
                box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1) inset;

                -moz-border-radius: 4px 4px 4px 4px;
                -webkit-border-radius: 4px 4px 4px 4px;
                border-radius: 4px 4px 4px 4px;
}


.eingabefeld:focus {
                background-color:white;
}


.mapBox {
         margin-left: auto; margin-right: auto;
         text-align: center; position:relative;
         height:640px;
         width: 604px;
         border: 1px solid #759499;
         background-color:#eaeff0;

        -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.4);
        -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.4);
        box-shadow: 0px 0px 7px rgba(0,0,0,0.4);

          -moz-border-radius: 15px 15px 15px 15px;
          -webkit-border-radius: 15px 15px 15px 15px;
          border-radius: 15px 15px 15px 15px;
          z-index:19;
}

a.tab  {
        outline:none;
        position:relative;
        padding: 5px 15px 3px 15px;
        display:inline-block;
        margin-top:20px;
        margin-bottom:-1px;
        margin-left: 6px;

        text-align: center;
        vertical-align: bottom;
        font-family:Verdana,Arial,Helvetica,sans-serif;
        font-size: 12px;
        font-weight: normal;
        text-shadow: 1px 1px 0px white;

        -moz-border-radius: 10px 10px 0px 0px;
        -webkit-border-radius: 10px 10px 0px 0px;
        border-radius: 10px 10px 0px 0px;

        -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
        -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
         box-shadow: 0px 0px 2px rgba(0,0,0,0.3);

        box-shadow: 0 0 6px #4C787E;

        border: 1px solid #759499;
        border-bottom: none;

        z-index:5;
        background-color: #DDE5E7;
}

a.tab:hover  {
        background: -moz-linear-gradient(top,  #eaeff0,  #DDE5E7);
        background: -webkit-gradient(linear, left top, left bottom, from(#eaeff0), to(#DDE5E7));
        background-color:#fff;
         padding: 6px 15px 6px 15px;
}

a.tab.pressed:hover  {
        background: none;
        background-color:#EAEFF0;
        cursor: default;
}


a.tab.pressed {
         z-index:20;
        background-color:#eaeff0;
        padding: 6px 15px 6px 15px;

        -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.4);
        -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.4);
        box-shadow: 0px 0px 7px rgba(0,0,0,0.4);
}

.tab_bottom  {
         position: absolute;
         bottom:-11px;
         z-index: 30;
         background-color: #eaeff0;
         height:10px;
         width:550px;
         left:25px;
}

#osm, #googlemap {

        }


td.inputs {
        text-align: left;
}

span.requiredSymbol {
        font-weight: bold;
        font-size:15px;
        color: #698893;
        font-family: Georgia,serif,Arial,Helvetica,sans-serif;
}

label.checkboxlabel {
        padding: 3px 4px;
}

label.checkboxlabel:hover {
        font-weight: bold;
        background-color:#E8EFF0;

         -moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
        border-radius: 5px 5px 5px 5px;


}

table.booking td {
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 13px;
}


table.booking td.numbering {
        font-family:Verdana,Arial,Helvetica,sans-serif;
        background-color: #698893;
        vertical-align: top;
        font-weight: bold;
        color: #F1F4F5;
        font-size: 17px;
        text-shadow:1px 1px 2px #0D161F;
        text-align: center;
        background-image:url(../img/logos/buchung_step_ecke.png);
        background-repeat:no-repeat;
        background-position: top;
}

td.numbering_bottom {
        background-image:url(../img/logos/buchung_step_ecke_unten_pfeil.png);
        background-repeat:no-repeat;
        background-position: top;
        height: 30px;
        padding: 0px;
}

td.numbering_bottom.last {
        background-image:url(../img/logos/buchung_step_ecke_unten.png);
}


table.booking td.title {
        vertical-align: top;
        text-align: right;
}

a.seitenItem {
        font-family: Verdana,Arial,Helvetica,sans-serif;
        text-align:center;
        position:relative;
        display:inline-block;
        color: #314F69;

        padding: 5px;
        margin-top:10px;
        border: 0px solid #fff;
        text-align: center;
        min-width: 24px;
        margin-left:auto; margin-right:auto;
        font-size: 14px;
        text-shadow: 1px 1px 0px white;
        margin-left:0px;
        margin-right: 0px;

        background-color: transparent;
}


a.seitenItem:hover {
        -moz-border-radius: 7px 7px 7px 7px;
        -webkit-border-radius: 7px 7px 7px 7px;
        border-radius: 7px 7px 7px 7px;
        background-color:#fff;
}


a.seitenItem.current {
        -moz-border-radius: 7px 7px 7px 7px;
        -webkit-border-radius: 7px 7px 7px 7px;
        border-radius: 7px 7px 7px 7px;

        -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3) inset;
        /*
        -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
         box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
         */


        background-color:#EDF1F2;

        text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
        font-weight: bold;
        cursor: default;
}


/*  TEST  */

a.flaggen {
                                  text-decoration:none; border-bottom:0px solid black;
                                        position:absolute; top:15px;
                                        height:40px;
                                  width:40px;
                                        background-position:center center;
                                        background-repeat:no-repeat;
}

a.flaggen.de {
                                        right:60px;
                                        background-image:url(../img/logos/deulogo_neu.png);
}

a.flaggen.en {
                                        right:20px;
                                        background-image:url(../img/logos/englogo_neu.png);
}

a.flaggen.en:hover {
                background-image:url(../img/logos/englogo_neu_hover.png);
}
a.flaggen.de:hover {
                background-image:url(../img/logos/deulogo_neu_hover.png);
}

a.flaggen.en:active {
                background-image:url(../img/logos/englogo_neu.png);
}
a.flaggen.de:active {
                background-image:url(../img/logos/deulogo_neu.png);
}


/* Preise-Seite */

span.saisonzeiten {
        font-weight: normal;
        font-style: italic;
}

.preistabelle {
        -moz-border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
        border-radius: 10px 10px 10px 10px;

        -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
        -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
         box-shadow: 0px 0px 5px rgba(0,0,0,0.3);

         border: 1px solid #ACB6B8;
}

.preistabelle th.lo { -moz-border-radius: 10px 0px 0px 0px; -webkit-border-radius: 10px 0px 0px 0px; border-radius: 10px 0px 0px 0px; }
.preistabelle th.ro { -moz-border-radius: 0px 10px 0px 0px; -webkit-border-radius: 0px 10px 0px 0px; border-radius: 0px 10px 0px 0px; }
.preistabelle td.ru { -moz-border-radius: 0px 0px 10px 0px; -webkit-border-radius: 0px 0px 10px 0px; border-radius: 0px 0px 10px 0px; }
.preistabelle td.lu { -moz-border-radius: 0px 0px 0px 10px; -webkit-border-radius: 0px 0px 0px 10px; border-radius: 0px 0px 0px 10px; }
.preistabelle td.unten { padding-bottom: 7px; }

.preistabelle th {
        vertical-align: top;
        background-color:#E8EFF0;
        padding-top:5px;
        padding-left:5px;
}

.preistabelle td {
        padding:3px;
        text-align: center;
}

.preistabelle .row_0 td {
        background-color: #ffffcc;
}
.preistabelle .row_1 td {
        background-color: #E8EFF0;
}


/* Inventarliste */


.inventarliste td, .inventarliste th {
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 0.8em;
        padding:0.4em;
        padding-top:0.5em;
        padding-bottom: 0.5em;
        text-align: left;
        vertical-align: top;
        line-height: 1.4em;
}

.inventarliste .row_0 td, .inventarliste .row_0 th {
        background-color: #FFF8BB;
}

.inventarliste .row_1 td, .inventarliste .row_1 th {
        background-color: #E8EFF0;
}

.inventarliste th {
        vertical-align: middle;
        color:#517583;
        font-weight: bold;
        font-size: 0.9em;
        text-shadow: 1px 1px #F6F9FA;
}

.inventarliste td.col_0, .inventarliste th.col_0  {
        width: 15px;
        text-align: center;
        font-size: 1em;
        font-weight: bold;
}
.inventarliste th.col_0  { font-size: 0.8em; }



.inventarliste tr.row_0 .col_0, .inventarliste tr.row_0 .odd_col {
        background-color: #FFFACF;
}

.inventarliste tr.row_1 .col_0, .inventarliste tr.row_1 .odd_col {
        background-color: #EFF4F5;
}



div.sonstige_leistungen {
        /*width:500px; */
        background-color: #E8EFF0;
        margin-left:auto;
        margin-right:auto;
        margin-top:15px;
        padding:18px 65px;

}

div#userAlert {
        color:red;
}