/* festes, zentriertes Layout */
body {
  position:           relative;
  background:     #FFF;
  color:        #000;
  height:       99%;
    overflow:     auto;
  width:        800px;
  height:             680px;
  margin-left:        auto;
  margin-right:       auto;
  border:       1px solid #BBA686;
  color:              #493B35;
    font-family:        Arial;

  }

/* Hauptdiv 800x650 Pixel, horizontal zentriert*/
/*#main {
    position:           relative;
  top:        20px;
  width:        800px;
  height:             680px;
  overflow:           hidden;
    margin-left:        auto;
  margin-right:       auto;
    border:       1px solid #BBA686;
  color:              #493B35;
    font-family:        Arial;
  }*/

/* Seitenkopf 259Pixel hoch */
#top {    position:           relative;
  border-bottom:    12px solid #493B35;
  height:       259px;
  overflow:     hidden;

  }

/* Logo */
#logo {
  position:           absolute;
  top:                31px;
  left:               37px;
  width:              220px;
  height:             130px;
  background-image:   url(Hotel_Logo_Web.jpg);
  background-repeat:  no-repeat;
}


/* Klick und buchen */
#kub {
    position:           absolute;
    top:                194px;
  left:               0px;
    width:              250px;
  height:             64px;
    padding-left:       50px;
  margin: 0px;
    padding-top:        1px;
    background-image:   url(pfeil_kub.png);
    background-repeat:  no-repeat;
    background-color:   #BBA686;
    font-weight:        bold;
    text-decoration:    none;
    font-size:          10px;

    color:              #493B35;

}
input {
  border: 0px solid black;
      font-size:          10px;

}

.kubdatum {

  background-color: #FFF;
  color:        #493B35;
    font-size:          10px;
    font-weight:        bold;
  height:       11px;
}

#kubtab {
  border: hidden;
  border-color: #BBA686;  }


.kubpersonen {

  background-color: #FFF;
  color:        #493B35;
    font-size:          10px;
  height: 11px;
  font-weight:        bold;
}

.kubzimmer {

  background-color: #FFF;
  color:        #493B35;
    font-size:          10px;
  height: 11px;
  font-weight:        bold;
}

.kubbutton {
  border: 1px solid #493B35;

  padding-top: 0px;
  background-color: #BBA686;
  color:        #493B35;
    font-size:          10px;
  font-weight:    bold;
  text-decoration:  none;
  height:17px;
  width:150px;
}

.kubbutton:hover {

  color:        white;
}


#kubbtntxt{
  position:relative;
  top:-13px;
  left:10px;
}

#kubbtnimg{
  position:relative;
  top:-0px;
  left:-56px;
}
/* Seitennavigation*/
/* Anstriche (Kreise) der Liste ausschalten */
#liste {
    list-style:     none;
    list-style-type:    none;
}

/* Class zur Vordefinition der Links*/
.menu {
    position:           absolute;
  width:              145px;
  height:             23px;
    padding-top:        106px;
    padding-left:       12px;
  padding-right:      12px;
    border-left:        1px solid #BBA686;
    border-right:       1px solid #BBA686;
    border-top:         1px solid #BBA686;
    background-color:   white;
    background-repeat:  repeat-x;
    color:              #493B35;
    font-size:          9px;
    font-weight:        bold;
    text-decoration:    none;
}
.menu:hover{
    background-color:   #493B35;
    color:              white;
}

/* Link-spezifische Definitionen (Bild + Position)*/
#menu11 {
  top:                -1px;
  left:               300px;
  background-image:   url(menu11sepia.jpg);
}
#menu11:hover {
  background-image:   url(menu11color.jpg);
  }

#menu12 {
  top:                -1px;
  left:               466px;
  background-image:   url(menu12sepia.jpg);
}
#menu12:hover {
  background-image:   url(menu12color.jpg);
  }

#menu13 {
  top:                -1px;
  left:               633px;
  background-image:   url(menu13sepia.jpg);
}
#menu13:hover {
  background-image:   url(menu13color.jpg);
  }


#menu21 {
  top:                129px;
  left:               300px;
  background-image:   url(menu21sepia.jpg);
}
#menu21:hover {
  background-image:   url(menu21color.jpg);
  }

#menu22 {
  top:                129px;
  left:               466px;
  background-image:   url(menu22sepia.jpg);
}
#menu22:hover {
  background-image:   url(menu22color.jpg);
  }

#menu23 {
  top:                129px;
  left:               633px;
  background-image:   url(menu23sepia.jpg);
}
#menu23:hover {
  background-image:   url(menu23color.jpg);
  }



/* Style gerade aktiver Links festlegen*/
.menu_current {
    position:           absolute;
  width:              145px;
  height:             23px;
    padding-top:        106px;
    padding-left:       12px;
  padding-right:       12px;
    border-left:        1px solid #BBA686;
    border-right:       1px solid #BBA686;
    border-top:         1px solid #BBA686;
    background-color:   #493B35;
    background-repeat:  repeat-x;
    color:              white;
    font-size:          9px;
    font-weight:        bold;
    text-decoration:    none;
}

#menu11_current {
  top:                -1px;
  left:               300px;
  background-image:   url(menu11color.jpg);
}

#menu12_current {
  top:                -1px;
  left:               466px;
  background-image:   url(menu12color.jpg);
}

#menu13_current {
  top:                -1px;
  left:               633px;
  background-image:   url(menu13color.jpg);
}


#menu21_current {
  top:                129px;
  left:               300px;
  background-image:   url(menu21color.jpg);
}

#menu22_current {
  top:                129px;
  left:               466px;
  background-image:   url(menu22color.jpg);
}

#menu23_current {
  top:                129px;
  left:               633px;
  background-image:   url(menu23color.jpg);
}

#submenu {
  font-size:          9px;
    font-weight:        bold;
    text-decoration:    none;
  border-bottom: 10px solid white;
  padding-top: 3px;
  padding-right: 20px;
  height: 20px;
  text-align: right;
  color: #493B35;
}

.submenulink {
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 20px;
  color: #BBA686;
    text-decoration: none;
}

.submenulink:hover {
  color: #493B35;
}

.submenuactive {
  color: #493B35;
    text-decoration: none;
  padding-right: 20px;
}

#mid {
    position:           relative;
  height:             328px;
    border-bottom:    12px solid #493B35;
  overflow:           auto; /* Scrollbar, wenn nötig */
  }

.container {
    padding-left:       46px;
    padding-top:        0px;
    padding-right:      20px;
    padding-bottom:     60px;
}

.ueberschrift {

    width:              238px;
    /*height:       18px;*/
    padding-left:       2px;
    padding-top:    2px;
  padding-bottom:   2px;
    background-color:   #BBA686;
    color:              #493B35;
    font-weight:        bold;
    font-size:          14px;
    letter-spacing:     1px;
  top:1px;
  position:relative;
}


.bild {
    float:              left; /* nächstes div rechts andocken lassen */
    width:              240px;
    height:             206px;

    background-color:   white;
  color:              #BBA686;
}

.bildgroesze {
  width:        100%;
}

.text {

    padding-left:       304px;
    padding-right:      10px;
  padding-top: 5px;
    padding-bottom: 15px;
    border-color:       white;
    background-color:   white;
  color:              #493B35;
    font-size:          12px;
  line-height: 1.5;
  text-align:         left;
}

.textlink {
  color: #493B35;
}

.textlink:visited {
  color: #493B35;
}

.textlink:hover {
  color: white;
  background-color:#493B35;
}



.hbar{
  position:relative;
  clear:left;
  background-image: url(dashed.gif);
  background-repeat: repeat-x;
  top:0px;
  height: 1px;
  padding: 0px;
  margin:0px;
  overflow:hidden; /* IE */
}

.download {
    float: left;
    background-color:   white;
  position:relative;
  top:-1px;
}
.download-wrap {
  background-image:url(dashed.gif);
  background-repeat:repeat-x;
    position:     relative;
  float:left;
  margin-right: 2px;
  padding-left:       8px;
  padding-right:       8px;
    background-color:   #BBA686;
    color:              white;
  height: 14px;
  overflow:hidden;
  top:0px;
}

.download-link, .download-link:active, .download-link:visited {
    text-decoration:    none;
    font-size:          10px;
    font-weight:        bold;
    color:        white;
  position:relative;
  top:-4px;
}
.download-link:hover{
    color:        #493B35;
}


#foot {
    position:     relative;
  height:             36px;
  background-color:   #BBA686;
  color:              white;
  text-align:     right;
  }

#langger {
    position:           absolute;
  width:              18px;
  height:             18px;
    top:                1px;
    left:               48px;
    background-image:   url(flag_ger.png);
  background-repeat:  no-repeat;
}

#langeng {
    position:           absolute;
  width:              18px;
  height:             18px;
    top:                1px;
    left:               82px;
    background-image:   url(flag_en.png);
  background-repeat:  no-repeat;
}

#impressum {
    position:           absolute;
  width:              60px;
  height:             12px;
    top:                5px;
    left:               114px;
    background-repeat:  no-repeat;
  color:              white;
    font-size:          9px;
    font-weight:        bold;
    text-decoration:    none;
}

#agb {
    position:           absolute;
  width:              30px;
  height:             12px;
    top:                5px;
    left:               186px;
    background-repeat:  no-repeat;
  text-decoration:    none;
    color:              white;
    font-size:          9px;
    font-weight:        bold;
}

#rundgang {
    position:           absolute;
  width:              190px;
  height:             12px;
    top:                5px;
    left:               506px;
    background-repeat:  no-repeat;
  text-decoration:    none;
    color:              white;
    font-size:          9px;
    font-weight:        bold;
}

#rundgang:hover {
  color:              #493B35;

}

#rundgangpfeil {
  position:relative;
  top:3px;
  left:-3px;
  border: 0px;

}

table {
  text-align: center;
  border: 1px #493B35 solid;
  border-spacing: 0px;
}