* {
  margin:         0;
  padding:        0;
}

img {
  border:         0;
}

a {
  font-weight:    bold;
  color:          #5b5d60;
  text-decoration:underline;
}

A.link3:link { text-decoration: none; font-size: 12px; color: #468BAC }
A.link3:visited { text-decoration: none; font-size: 12px; color: #468BAC }
A.link3:active { text-decoration: none; font-size: 12px; color: #468BAC }
A.link3:hover   { text-decoration: none; font-size: 12px; color: #AEAEAE }

a.small {
  font-weight:    normal;
  color:          #5b5d60;
  text-decoration:underline;
}

ul {
  margin:         1em 2em;
}

p {
  margin:         1em 0;
}

h1 {
  font-size:      18px;
}


h2 {
  display:  inline;
  font-size:      14px;
}

h4 {
  font-size:      12px;
}

TD,TR { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; color: #000000; margin-top:0pt; margin-bottom:0pt; border:0px;}


/***********************************/

html, body {
  padding:        5px 9px;
  font:           12px Arial, Helvetica, Sans-Serif;
  background:     #FFF;
}

/***********************************/

#box {
  position:       relative;
  width:          978px;
}

/***********************************/

#header {
  display:        block;
  height:         101px;
  width:          978px;
  background:     url(../image/header.jpg) no-repeat;
}

#header .headertext h1{
  position: relative;
  top: 60px;
  left: 108px;
  font-size:   9px;
  color: #B0C2D8;
}

/***********************************/


form#book input,
form#book select{
      margin:         2px 0;
      font-size:      13px;
}



form#suche {
  height:         166px;
  width:          978px;
  margin:         0 0 5px 0;
  padding:        0 0 0 28px;
  color:          #83847c;
  background:     url(../image/suchformular_sidecomment.jpg) left no-repeat;
}

    form#suche fieldset {
      float:          left;
      height:         139px;
      width:          214px;
      margin:         6px 2px 0 0;
      padding:        2px 0 0 20px;
      border:         1px solid #e2e4e9;
      background:     #eaf1f8;
    }


    form#suche input,
    form#suche select {
      width:          192px;
      margin:         3px 0;
      padding:        1px;
      font-size:      10px;
      font-weight:    bold;
      color:          #83847c;
      border:         1px solid #878681;
      border-right:   1px solid #ababab;
      border-bottom:  1px solid #ababab;
    }


    form#suche input.checkbox {
      width:          13px;
    }

    form#suche p {
      margin:         0;
    }

    .text_suche {
      height:         13px;
      margin:         9px 0 0 5px;
      font-size:      13px;
      font-weight:    bold;
      color:          #83847c;
    }


    /***********************************/



    form#suche #suche_kind1,
    form#suche #suche_kind2,
    form#suche #suche_kind3 {
      float:          left;
      width:          62px;
      margin:         3px 3px 3px 0;
      padding:        1px;
      font-weight:    normal;
    }

    form#suche #suche_hotelname {
      font-weight:    normal;
    }

    #suche_f4 label {
      position:       absolute;
      margin:         0 0 0 20px;
    }

    #suche_f4_left {
      margin:         5px 0 0 0;
    }

    #suche_f4_right {
      position:       absolute;
      margin:         -60px 0 0 95px;
    }


    form#suche #suche_submit {
      height:         20px;
      width:          89px;
      margin:         15px 0 0 50px;
      color:          #FFF;
      background:     url(../image/button.jpg) no-repeat;
      border:         none;
    }

    form#kontaktformular #kontakt_submit {
      height:         20px;
      width:          89px;
      margin:         15px 0 0 50px;
      font-weight:    bold;
      color:          #FFF;
      background:     url(../image/button.jpg) no-repeat;
      border:         none;
    }

    form#suche #suche_submit:hover {
      color:          #cddeec;
    }

/***********************************/


#navigation {
  position:absolute;
  top:85px;
  width:349px;
  height:20px;
}


ul#top_navigation {
  weight: 330px;
  font-size: 12px;
  margin: 0; padding: 0;
  text-align: center;
  border: 0px none;
  background-color: #62809C;
  }

ul#top_navigation li {
  weight: 110px;
  list-style: none;
  display: inline;
  margin: 0; padding: 0;
  }

ul#top_navigation a {
  text-decoration: none;
  font-weight: bold;
  border: 0px none;
  color: white;
  background-color: #62809C;
  padding-left:2em; padding-right:2em; padding-top:0; padding-bottom:0;
  }


ul#top_navigation a:hover {
  color: #62809C; background-color: white;
  }







#line {
  width:          978px;
  margin:         0 0 0 0;
  padding:        0 0 0 0;
  color:          #5b5d60;
  border-top:  1px solid #e2e4d9;
}

#content {
  width:          592px;
  margin:         15px 0 0 192px;
  padding:        15px 0 0 0;
  color:          #5b5d60;
  text-align:     justify;
  line-height:    15px;
}

#content_2 {
  width:          978px;
  margin:         15px 0 0 0;
  padding:        15px 0 0 0;
  color:          #5b5d60;
  text-align:     justify;
  line-height:    15px;
}


/***********************************/


#leftbar {
  position:       absolute;
  left:           0;
  top:            287px;
  width:          180px;
  padding:        0 0 0 0;
  color:          #5b5d60;
  line-height:    15px;
}

#rightbar {
  position:       absolute;
  left:           798px;
  top:            287px;
  width:          180px;
  padding:        0 0 0 0;
  line-height:    15px;
}

#leftbar h4,
#rightbar h4,
#content h4 {
  padding:        0 0 0 5px;
  color:          #83847c;
  line-height:    20px;
  border:         1px solid #d9dbd1;
  background:     #C9DFF6;
}

#leftbar ul,
#leftbar p,
#rightbar ul,
#rightbar p  {
  margin:         0 0 10px 0;
  border:         1px solid #C9DFF6;
  background:     #F0F6FC;
}

#leftbar ul,
#rightbar ul {
  list-style-type:none;
}

#leftbar ul li,
#rightbar ul li {
  margin:         0 5px 0 5px;
}

#leftbar ul li a,
#rightbar ul li a, {
  font-weight:    bold;
  color:          #9b7970;
  text-decoration:none;
}

#leftbar ul li.active a,
#rightbar ul li.active a  {
  margin:         0 0 0 -6px;
  padding:        0 0 0 15px;
  font-weight:    bold;
  text-decoration:underline;
}

#leftbar a.line,
#rightbar a.line  {
  color:          #000000;
  text-decoration:underline;
}

/***********************************/

.startseite      {
  position:absolute;
  top:566px;
  width:592px;
}

.startseite      h2{
  width:          100%;
  padding:        3px 0 3px 5px;
  margin:         0;
  color:          #FFFFFF;
  font-weight:    bold;
  font-size:      13px;
  background:     #5a96d0;
}

.startseite      ul{
  padding:        0;
  margin:         0;
  background:     #EAF1F8;
  width:          592px;

}

.startseite      li{
  float:          left;
  text-align:     center;
  padding:        1px 0 1px 0;
  margin:         0;
  width:          110px;
  background:     #EAF1F8;
  list-style-type:none;
}

.startseite      li.hotel{
  float:          left;
  text-align:     left;
  font-weight:    bold;
  padding:        1px 0 1px 5px;
  margin:         0;
  width:          172px;
  background:     #EAF1F8;
  list-style-type:none;
}

.startseite      li.preis{
  float:          left;
  text-align:     right;
  padding:        1px 5px 1px 0;
  margin:         0;
  width:          80px;
  background:     #EAF1F8;
  list-style-type:none;
}


.tripple-angebot {
  height:         250px;
  width:          592px;
  margin:         0 0 10px 0;
}

.tripple-angebot a{
  color:          #FFFFFF;
}

.tripple-angebot .tripple-angebot-1,
.tripple-angebot .tripple-angebot-2,
.tripple-angebot .tripple-angebot-3 {
  float:          left;
  width:          192px;
  margin:         0 5px 0 0;
  border:         1px solid #d9dbd1;
  background:     #dcddda;
}

.tripple-angebot .tripple-angebot-3 {
  margin-right:   0px;
}

.tripple-angebot .tripple-angebot-1 div,
.tripple-angebot .tripple-angebot-2 div,
.tripple-angebot .tripple-angebot-3 div {
  position:       absolute;
  margin:         10px 0 0 10px;
  color:          #FFFFFF;
  font-weight:    bold;
  font-size:      20px;
  line-height:    23px;
}

.tripple-angebot p {
  margin:         -5px 0 0 0;
  padding:        8px 0 10px 5px;
  background:     #EAF1F8;
}

.tripple-angebot p.price {
  padding:        3px 5px 3px 0;
  text-align:     right;
  color:          #FFF;
  font-weight:    bold;
  font-size:      13px;
  background:     #5a96d0;
}

.tripple-angebot span.title {
  font-size:      13px;
  font-weight:    bold;
  color:          #537596;
}


/***********************************/

#regionen,
#angebote,
#hotel{
     width:          592px;
}

#regionen p,
#angebote p,
#hotel p{
  width:          580px;
  border:         1px solid #ababab;
  padding:        5px 5px 5px 5px;
}

#angebote p.center,
#hotel p.center{
  text-align:     center;
}

#regionen ul{
  height:         20px;
  margin:         0 0 0 0;
  padding:        0 0 0 0;
  background:     #C9DFF6;
}

#regionen ul.hell{
  height:         22px;
  margin:         0 0 0 0;
  padding:        0 0 0 0;
  background:     #EAF1F8;
}

#regionen li{
  float:          left;
  width:          105px;
  height:         20px;
  text-align:     right;
  padding:        2px 0 0 0;
  list-style-type:none;
}

#regionen li.dunkel{
  float:          left;
  width:          160px;
  text-align:     left;
  padding:        2px 0 0 5px;
  list-style-type:none;
}

#regionen li.regionen-name{
  float:          left;
  width:          150px;
  text-align:     left;
  padding:        2px 0 0 15px;
  list-style-type:none;
}

/***********************************/

#angebote ul{
  height:         75px;
  margin:         0 0 0 0;
  padding:        0 0 1px 0;
}




#angebote li{
  float:          left;
  width:          95px;
  height:         50px;
  text-align:     left;
  padding:        25px 2px 0 0;
  list-style-type:none;
  background:     #C9DFF6;
}

#angebote ul.sort{
  height:         20px;
  margin:         0 0 1px 0;
  padding:        0 0 0 0;
}

#angebote li.sort{
  width:          95px;
  height:         20px;
  padding:        2px 2px 0 0;
}

#angebote li.sort_bild{
  width:          120px;
  height:         20px;
  padding:        2px 2px 0 0;
}

#angebote li.sort_ort{
  width:          177px;
  height:         20px;
  padding:        2px 2px 0 0;
}

#angebote li.sort_ver,
#angebote li.sort_preis{
  text-align:     right;
  height:         20px;
  padding:        2px 2px 0 0;
}

#angebote li.bild3{
  width:          120px;
  height:         75px;
  padding:        0 2px 0 0;
}

#angebote li.ort{
  width:          177px;
  padding:        25px 2px 0 0;
}

#angebote li.ver,
#angebote li.preis,
#angebote li.ver2,
#angebote li.preis2{
  text-align:     right;
  height:         45px;
  padding:        30px 2px 0 0;
  overflow:       hidden;
}

#angebote li.bild2{
  width:          120px;
  height:         75px;
  padding:        0 2px 0 0;
  background:     #eaf1f8;
}

#angebote li.ort2{
  width:          177px;
  padding:        25px 2px 0 0;
  background:     #eaf1f8;
}

#angebote li.kat2,
#angebote li.ver2,
#angebote li.preis2{
  background:     #eaf1f8;
}


#angebote ul.info,
#hotel ul.info{
  height:         20px;
  margin:         0 0 0 0;
  padding:        0 0 0 0;

}

#angebote li.info1,
#hotel li.info1{
  float:          left;
  width:          314px;
  height:         20px;
  margin:         0 0 0 0;
  padding:        0 0 0 0;
  text-align:     left;
  font-weight:    bold;
  list-style-type:none;
  background:     #ffffff;
}

#angebote li.info2,
#hotel li.info2{
  float:          left;
  width:          265px;
  height:         20px;
  margin:         0 0 0 0;
  padding:        0 0 0 0;
  text-align:     right;
  font-weight:    bold;
  list-style-type:none;
  background:     #ffffff;
}

#angebote ul.legende{
  width:          580px;
  height:         75px;
  padding:        5px 5px 5px 5px;
  border:         1px solid #ababab;
}

#angebote li.legende{
  float:          left;
  width:          143px;
  height:         60px;
  padding:        0;
  list-style-type:none;
  background:     #ffffff;
}


/***********************************/

#hotel ul{
  height:         20px;
  margin:         0 0 0 0;
  padding:        0 0 1px 0;
}

#hotel ul.head{
  height:         115px;
}

#hotel li {
  float:          left;
  width:          140px;
  height:         20px;
  text-align:     left;
  padding:        2px 2px 2px 2px;
  list-style-type:none;
  background:     #EAF1F8;
}


#hotel li.sort,
#hotel li.sort_uebern,
#hotel li.sort_preis{
  background:     #C9DFF6;
}

#hotel li.uebern,
#hotel li.sort_uebern{
  width:          65px;
  text-align:     center;
}

#hotel li.preis,
#hotel li.sort_preis{
  width:          87px;
  text-align:     right;
}

#hotel li.head1,
#hotel li.head2,
#hotel li.head3{
  float:          left;
  width:          225px;
  height:         92px;
  text-align:     left;
  padding:        18px 2px 2px 6px;
  list-style-type:none;
  background:     #C9DFF6;
}

#hotel li.head3{
  width:          122px;
  height:         108px;
  padding:        2px 2px 2px 2px;
  text-align:     center;
}

/***********************************/

.beschreibung{
  width:          580px;
  padding:        2px 5px 2px 5px;
  margin:         0 0 10px 0;
  border:  1px solid #ababab;
}

.beschreibung ul.ver{
  float:          left;
  width:          580px;
  padding:        0;
  margin:         0;
}

.beschreibung li.ver{
  float:          left;
  width:          145px;
  height:         60px;
  text-align:     center;
  padding:        0;
  margin:         0;
  list-style-type:none;
}


/***********************************/

#service{
  width:          592px;
}

#service h4{
  padding:        0 0 0 5px;
  color:          #83847c;
  line-height:    20px;
  border:         1px solid #d9dbd1;
  background:     #C9DFF6;
}

#service p{
  width:          580px;
  padding:        5px;
  margin:         0;
  border-right:   1px solid #C9DFF6;
  border-left:    1px solid #C9DFF6;
  border-bottom:  1px solid #C9DFF6;
}

/***********************************/

A.link1:link,A.link1:visited,A.link1:active,A.link1:hover  {text-decoration: underline; font-size: 12px; font-weight: bold; color: #000000 }
A.link1:visited {color: #000000 }
A.link1:active {color: #2C3F8E }
A.link1:hover   {color: #AEAEAE }


.o_dunkel {
  background-color:#C9DFF6;
  border:          1px solid #848692;
  padding:         3px;
}

.o_hell {
  background-color:#EAF1F8;
  border:          1px solid #848692;
  padding:         3px;
}

.o_hell2 {
  background-color:#EAF1F8;
  border-right:          1px solid #848692;
  border-left:          1px solid #848692;
  border-bottom:          1px solid #848692;
  padding:         3px;
}

.rahmen_rl{
  background-color:#FFFFFF;
  border-right:          1px solid #848692;
  border-left:          1px solid #848692;
  padding:         3px;
}

.rahmen_rlu{
  background-color:#FFFFFF;
  border-right:          1px solid #848692;
  border-left:          1px solid #848692;
  border-bottom:          1px solid #848692;
  padding:         3px;
}

.rahmen_rlu2{
  background-color:#FFFFFF;
  border-right:          1px solid #C9DFF6;
  border-left:          1px solid #C9DFF6;
  border-bottom:          1px solid #C9DFF6;
}

.underline {
   background-color:#FFFFFF;
   border-top: 1px solid #848692;
}

.bild {
     border:          1px solid #D6D5CB;
}

#hotelbeschreibung {

margin-top:580px;
font-size: 11px;
color: #787878;

}

 /*
#hotelbeschreibung {

display:inline;
position:relative;
left:-180px; top:500px; width:950px; height:750px;
font-size: 11px;
color: #787878;

}
*/

.pr_button1, .pr_button2{
    width: 40px;
    background-color: transparent;
    font-family: arial;
    text-decoration: underline;
    font-size: 12px;
    color: #5B5D60;
	border: 0px;
    font-weight: bold;
    cursor: pointer;
    padding: 0;
    margin:0;
    text-align:left;
}

.pr_button2{
    text-align:right;
}



.text,.textrot,.textrot2,.textwhite { text-decoration: none; font-size: 13px; font-weight: bold; }
.textrot2 { font-size: 11px; color: #ff0000;}
.Aender_Button { background-color: #EFEFEF; border : 1px solid #000000; font-size: 12px; font-family: Arial; font-weight: bold; color: #000000; }

.selectbox50,.selectbox69,.selectbox90,.selectbox110,.selectbox120,.selectbox125,.selectbox135,.selectbox140,.selectbox150,.selectbox180, .selectbox157 { font-size: 10px; font-style: normal; font-variant: normal; color: #000000;}
.selectbox50  { width: 50px; }
.selectbox125 { width: 125px; }
.selectbox180 { width: 180px; }
.selectbox157 { width: 157px; }
.selectbox200 { width: 200px; font-size: 12px; }
.textarea { font-size: 12px; font-family: Arial; color: #000000; width: 399px; }