@charset "utf-8";
/* CSS Document created by: ...snapone... november 2008 west-berlin .. itsy bitsy spider style */

body {
/* background-image : url(../images/backgrounds/beegee_verlauf.jpg); */
z-index : 1;
background-image: url(../images/backgrounds/body_bg.jpg);
font-family:Verdana;
font-size: 12px;
color:#006600;
}
#wrapper {
width : 900px;
min-height : 100%;
margin-top:-8px;
margin-right:auto;
margin-left:auto;
margin-bottom:5px;
padding-bottom:5px;
background-color : #ffffff;
text-align : center;
z-index : 2; 
border-top:0;
border-left: 1px solid #99ccff;
border-right: 1px solid #99ccff;
border-bottom: 1px solid #99ccff;
-moz-box-shadow: 0 0 1em #c0b7b7;
-webkit-box-shadow: 0 0 1em #c0b7b7;
box-shadow: 0 0 1em #c0b7b7;
}
#header {
width : 900px;
height : 117px;
margin : 0 auto;
background-image : url(../images/header_grafik3.jpg); /*url(../images/header_grafik3.jpg); /* bis 29062009 header_grafik3.jpg */
background-position : center 0%;
z-index : 99;
}
#schatten {
width : 900px;
height : 90px;
z-index : 2;
background-image : url(../images/backgrounds/schaten.gif);
}
.navileiste {
width : 900px;
height : 44px;
/* background-image: url(../images/backgrounds/schaten.gif); */
margin : 0;
margin-top: -6px;
z-index : 99;
color: #999999; 
}

/* navi-punkte  in einzelnen divs */
.nav {
height:38px;
width:111px;
background-image: url(../images/backgrounds/knoppf.gif);
background-repeat: no-repeat;
text-align: center;
color: #999999; 
float:left;
margin-left: auto;
margin-right: auto;
z-index : 99;
}
.active {
height:38px;
width:111px;
background-image: url(../images/backgrounds/knopp_activ.gif);
background-repeat: no-repeat;
text-align: center;
/* color: #999999; */
float:left;
z-index : 99;
}








.begruessungstext {
width : 866px;
height : auto;
margin : 0 auto;
padding-left : 27px;
padding-right : 20px;
padding-bottom:20px;
margin-top : -10px;
z-index : 99;
text-align : left;
}

.ueber_begruess {
color:#006600;
font-size:22px;
height:auto;
}

/* angebotsboxen auf startseite */
.float1_rechts {
width : 270px;
height : 355px;
float : right;
padding-right : 0;
padding-top : 10px;
border:1px dotted lightgray;
}
.float2_links {
width : 270px;
height : 355px;
float : left;
padding-left : 0;
padding-top : 10px;
border:1px dotted lightgray;
}
.float3_mitte {
width : 270px;
height : 355px;
float : left;
padding-top : 10px;
margin-right : 10px;
margin-left : 42px;
border:1px dotted lightgray;
}


.footer {
clear:both;
margin : auto;
background-color : #ffffff;
margin-top : 5px;
bottom-border-color:#99ccff;
padding:25px;
}





/* absatz zum klaren strukturieren */
.absatz {
clear : both;
/*  border : 1px dotted orange;  */
margin-bottom : 5px;
}

/* absatz zum klaren strukturieren der hotelbeschreibungen */
.absatz_hotel {
clear : both;
/* border : 1px dotted lightgray; */
margin-bottom : 5px;
}

/* ueberschrift innerhalb der angebotsboxen auf der startseite */
.ueberschrift_box {
height: 30px;
background-image: url(../images/platzhalters/ueberschrift_bg.jpg);
margin-top:-10px;
text-align:left;
padding-left:26px;
font-weight: bold;
color:#000099;
}

/* kurzbeschreibung in angebotsboxen auf startseite...ext zum hotel unterm bild */
.angebots_text {
height: 26px;
/* margin-top:5px; */
text-align:left;
padding:26px;
color:#666666;
font-size:0.8em;
}

.angebots_link  {
height: 26px;
/* margin-top:5px; */
text-align:left;
padding:26px;
color:#666666;
font-size:0.8em;
text-decoration:underline;
font-weight:normal;
}

/* preis absatz innerhalb der angebotsboxen */
.angebots_preis {
text-align:right;
padding-right:33px;
color:#990000;
font-size:15px;
font-weight:bold;
}

.angebots_details {
text-align:right;
padding-right:33px;
color:#990000;
font-size:15px;
font-weight:bold;
}

h1 { font-face:Verdana; font-size:16px; color:#003366; }
h2 { font-size:14px; color:#006600; }
h3 { font-size:11px; color:#339900; margin-top:-7px; padding-left:27px; }




.hotelbox {
height: 150px;
/* border : 1px dotted orange; */
margin-bottom : 5px;
text-align:left;
border-top-color:#99ccff;
border-bottom-color:#99ccff;
}
.hotel_name {
font-size:14px;
font-weight:bold;
color:#006600;
padding-left : 27px;
padding-right : 20px;
}
.hotel_beschreibung {
font-size:12px;
color:#006600;
padding-left : 27px;
padding-right : 20px;
}
.infolink {
font-size:10px;
color:#003300;
text-decoration:underline;
padding-left : 27px;
padding-right : 20px;
}

/* absatz zum klaren strukturieren der hotelbeschreibungen */
.absatz_hotel {
/* border : 1px dotted lightgray; */
margin-bottom : 5px;
}

.bildlink {
/* border: 1px solid lightgray; */
}

.hervorgehoben {
color:#009900;
}

.hervorgehobener {
color:#009900;
font-size:18px;
font-weight:bold;
}

.bold {
font-weight:bold;
}