* {
margin: 0;
padding: 0;
}

img {
border: 0;
}

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

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

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

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

ul {
margin: 1em 2em;
}

p {
margin: 1em 0;
}

h1 {
font-size: 14px;
}


h2 {

font-size: 12px;
}

h2, h3, 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;}

legend {
border:0;
line-height:5px;
padding:0
margin:0;
}
/***********************************/

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

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

#box {
text-align: center;
width: 1050px;
position: relative;
width: 978px;
}

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

div#header {
display: block;
height: 100px;
width: 978px;
font-size: 12px;
border-bottom: 	1px solid white;
background:     url(../image/header.jpg) no-repeat;
}



/* Haupt-Navigationsleiste */


#h_navi {
width:978px;
height: 37px;
font-size: 10px;
color: white;
margin-bottom: 0px;
background: #CE30CE;
}

#h_navi a {
font-size:  14px;
font-weight: bold;
color: white;
text-decoration: none;
}

#h_navi a:hover {
font-weight: bold;
color: #9C9E9C;
}

#navispalte1,#navispalte2,#navispalte3,#navispalte4,
#navispalte5,#navispalte6 {
display: inline;
float:	left;
height: 33px;
text-align: center;
font-weight: bold;
padding-top: 4px;
border-right: 1px solid white;
}

#navispalte1 {
height: 25px;
padding-top: 12px;
width: 148px;
background: #DF1E70;
}
#navispalte2 {
width: 165px;
background: #FF7D00;
}
#navispalte3 {
width: 165px;
background: #45A61C;
}
#navispalte4 {
width: 165px;
background: #27D6AE;
}
#navispalte5 {
width: 165px;
background: #1483BE;
}
#navispalte6 {
width: 165px;
background: #AC1533;
border-right: 0;
}

#schatten {
   width:978px;
   height:10px;
   padding:0;
   margin:0;
   border-top:1px solid white;
   background-image: url(../image/schatten.gif);
   background-repeat:repeat-x;
}

/****Suchbox****/


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

#suchbox {
height: 136px;
width: 976px;
border: 1px solid #DF1E70;
background: #F7F7FF;
}


form#suche {
margin: 0 0 1px 0;
padding: 0 0 0 5px;
color: #D61862;
}


form#suche fieldset {
float: left;
height: 126px;
margin: 0px 2px 0 0;
padding: 0 0 0 5px;
border: 1px solid #F7F7FF;
background: #F7F7FF;
}

form#suche fieldset#suche_f1 {
width:  185px;
border-right:  2px solid #FFF;

}


form#suche fieldset#suche_f2, form#suche fieldset#suche_f3,
form#suche fieldset#suche_f4, form#suche fieldset#suche_f5{
width:  145px;
border-right:  2px solid #FFF;
}


form#suche fieldset#suche_f6 {
margin: 2px 0 0 0;
padding: 5px 0 0 5px;
width:  140px;
}


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

form#suche fieldset#suche_f1 select, form#suche fieldset#suche_f1 input{
width: 170px;
}

form#suche fieldset#suche_f1 input{
color:#FF0000;
font-size: 13px;
height: 18 px;
font-weight:bold;
padding-left:5px;
}

form#suche fieldset#suche_f2 select, form#suche fieldset#suche_f3 select,
form#suche fieldset#suche_f4 select, form#suche fieldset#suche_f5 select {
width: 140px;
}


form#suche fieldset#suche_f2 select.suche_kind{
width: 68px;
}


form#suche fieldset#suche_f6 select, form#suche fieldset#suche_f6 input {
width: 140px;
}

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


form#suche .suche_flughafen {
width: 150px;
font-weight:normal;
}

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

form#suche #suche_submit {
width:  136px;
height: 32px;
margin: 26px 0 0 0px;
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;
    }




#content {
position: absolute;
left: 192px;
top: 287px;
width: 592px;
height: 560px;
color: #5b5d60;
text-align: justify;
line-height: 15px;
}

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




/******Linke Boxen********/


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

#reisezielbox, #kontaktbox, #schnellsuchbox, #garantie {
border: 1px solid #DF1E70;
margin:  0 0 10px 0;
}

#schnellsuchbox ul {
padding: 2 0 4px 0;
}


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

#leftbar h4,
#rightbar h4,
#content h4, #leftbar h2,
#rightbar h2,
#content h2 {
margin: 0;
padding: 0 0 0 5px;
color:  #FFF;
line-height: 20px;
background: #d61862;
}

#leftbar ul,
#leftbar p,
#rightbar ul,
#rightbar p  {
margin: 0;
border: 0;
background: #F7F7FF;
}

#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;
}

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

.start-center {
height: 263px;
width: 594px;
margin:  12px 0 10px 0;
padding: 0;
background: #FFFFF;
border: 1px solid #D61862;
background:     url(../image/strand.jpg) no-repeat;
}


.start-center .top-angebot-1 {
  position: absolute;
  left: 385px;
  top: 30px;
  width:          170px;
}

.start-center .top-angebot-2 {
  position: absolute;
  left: 385px;
  top: 155px;
  width:          170px;
}

.start-center p.price {
  padding:        3px 5px 3px 0;
  text-align:     right;
  font-weight:    bold;
  font-size:      13px;
}

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


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

.startangebote      {
  position:       absolute;
  left:           0;
  top:            290px;
  width:	      594px;
  background:     #FFF;
  border:         1px solid #D61862;
  margin:        0 0 10px 0;
}


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

.startangebote      ul{
  padding:        0;
  margin:         0;
  width:          592px;

}

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

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

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


/***********************************/
#angebotsrahmen {
border: 1px solid #DF1E70;;
}

#regionen, #angebote, #hotel{
width: 592px;
margin: 13px 0 15px 0;
}

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

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

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

#regionen ul.kopfzeile{
background:  #DF1E70;
color: #FFF;
font-weight: bold;
}

#regionen ul.kopfzeile a {
color: #FFF;
font-weight: bold;
}

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

#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;
background:   #DEDFDE;
}
#regionen li.regionen_reiseziel {
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********/

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

#angebote li{
float: left;
width: 94px;
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;
}

#angebote ul.sort li, #angebote ul.sort li a {
background:  #DF1E70;
color: #FFF;
font-weight: bold;
}
#angebote li.sort_kat{
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;
}

#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;
padding: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:   #f7f7ff;
}

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

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

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


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

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

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

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


#hotel li.sort, #hotel li.sort_uebern, #hotel li.sort_preis{
width: 139px;
background: #DF1E70;
color: #FFF;
}
#hotel li.sort a, #hotel li.sort_uebern a, #hotel li.sort_preis a{
color: #FFF;
}

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

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

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

}

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

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

#beschreibung{
  width:          580px;
  padding:        2px 5px 2px 5px;
  margin:         0 0 10px 0;
  background:	#F7F7FF;
  border: 1px solid #D61862;
}

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

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


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

#service{
  width:          594px;
  margin:         13px 0 10px 0;
  border: 1px solid #DF1E70;
}

#service h4, #service h2, {
  padding:        0 0 0 5px;
  color:          white;
  line-height:    20px;
  background:     #DF1E70;
}

#service p{
  width:          580px;
  padding:        5px;
  margin:         0;
  border:  0;
}

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

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: #DF1E70;
  border:          1px solid #848692;
  padding:         3px;
  color: #FFFFFF;
}

.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;
}


.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 { font-size: 10px; font-style: normal; font-variant: normal; color: #000000;}
.selectbox50  { width: 50px; }
.selectbox125 { width: 125px; }
.selectbox157 { width: 157px; }
.selectbox180 { width: 180px; }
.selectbox200 { width: 200px; font-size: 12px; }
.textarea { font-size: 12px; font-family: Arial; color: #000000; width: 399px; }

/*  -------------- */

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

#hilfebox1{
  width:          594px;
  font-size: 11px;
  color: #000;
}


#hilfebox1 p{
  width:          580px;
  padding:        5px;
  margin:         0;
  border:  0;
}


#content #hilfebox1 h4, #content #hilfebox1 h2, {
  padding:        0 0 0 5px;
  color:          white;
  line-height:    20px;
  background:     #ADAEAD;
}

#hilfebox1 #hilfe_suchbox {
width: 500px;
margin-left: 50px;
padding: 10px;
border: 1px solid #7B7D7B;
background:#CECFCE;

}
#hilfebox1 #hilfe_reiseziel {
width: 340px;
margin-left: 5px;
margin-top: 70px;
padding: 10px;
border: 1px solid #7B7D7B;
background:#CECFCE;

}
#hilfebox1 #hilfe_schnellsuche {
width: 340px;
margin-left: 5px;
margin-top: 80px;
padding: 10px;
border: 1px solid #7B7D7B;
background:#CECFCE;

}

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

}