/*----------- Schriftdefinition ------------- */

html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin-top:0px;
	line-height: 20px;
	color: #333;
}
 td {
font-size:11px;
}

/*----------- Zentrieren und Hintergrund-Kachel ------------- */

body {
background-color: #bbb;
background-image:   url("grafik/bg-farbe-taubenblau-a.gif");
background-position: center;
background-repeat: repeat-y;
text-align: center;
margin: 0 auto; 
}


/*----- Die Container-Ebene enthaelt alle anderen Ebenen und sorgt fuers Zentrieren ---------- */

#contentEbene {
position:relative; 
margin: 0 auto; 
margin-top: 0px; /*= Abstand zur seitenKopfAbdeckung-Ebene*/
width:950px; 
height:1300px; 
background-image:    url("grafik-DE/kopf-gross-45-EUR-BG-DE-950c.jpg");
background-repeat: no-repeat;
z-index:1; 
/*-----Zentrierung aus "body" fuer Text aufheben -----------*/
text-align:left;
}



/*----- LogoStreifen-DIV liegt ueber dem Seitenhintergrund und erscheint auch beim Ausdrucken ----------*/

#logoStreifen {
position:absolute; left:0px; top:0px; width:950px; height:97px; z-index:2;
}


/*-------- Startseite-Bullets als Grafik ----------*/

#homeBullets {
position:absolute; left:0px; top:411px; width:390px; height:37px; z-index:3; 
	font-size: 18px;
	font-weight: bold;
		color: #aaa;
}


/*-------- Horizontale Navigation ----------*/

#naviHoriz {
position:absolute; left:282px; top:77px; width:630px; height:18px; z-index:4;
color: #ccc;
}

#naviHoriz a {
display: inline; 
color: #ccc;
text-decoration: none;

}
#naviHoriz a:link, #naviHoriz a:visited  {
}

#naviHoriz a:active, #naviHoriz a:hover  {
color: red;
text-decoration: underline;
}



/*------------ Grosse Seitenueberschrift ------------*/

#pageHead {
position:absolute; left:76px; top:464px; width:500px; height:103px; z-index:5;
text-align:left;
}

/*----- TextSpalten-Ueberschrift - als h1 wegen Indizierung durch Google ----------*/

h1 {
	font-family: Times New Roman , Times, serif;
	font-size: 48px;
	font-style: italic;
	font-weight: normal;
	margin-top:0px;
	line-height: 48px;
	color: #fff;
}

/*----- Mittlere Spalte -gesperrt neben kleinen Fotos ----------*/

#textSpalte {
	position:absolute;
	left:314px;
	top:920px;
	width:225px;
	z-index:6;
	height: 426px;
}

.startseitenText {
font-size: 12px;
line-height: 32px;
letter-spacing: 0.1px;
margin-left: 10px;
color: #fff;
text-decoration: none;

	font-weight: normal;

}

/*----- Kleine Ueberschrift im Text ----------*/

.textUeberschrift {
	font-weight: bold;
	color: #fff;
}


/*----- Links im Fliesstext ----------*/

a:link, a:visited {color: #6666CC; text-decoration: underline;}
a:hover {color: red; text-decoration: underline;}
a:active {color: #CCCCCC;}



/*-------- Rechte Spalte -----------*/

#rechtsSpalte {
position:absolute; left:603px; top:399px; width:280px; height:98px; z-index:7;
}





/* ---------- Die beiden grossen Buttons -----------*/
/* Availability ganz oben auf der Seite */ 
#buttonAvailability a { 
width:347px; /* entspricht Breite Deiner Grafik */ 
height:65px; /* entspricht Hhe Deiner Grafik */ 
display:block; 
background-image: url("grafik-DE/checkAvail-Head-DE-NEUTRAL.jpg"); /* Deine Grafik */ 
background-repeat:no-repeat; 
} 
/* CSS fr Button im Overzustand */ 
#buttonAvailability a:hover { 
width:347px; 
height:65px; 
display:block; 
background-image: url("grafik-DE/checkAvail-Head-DE-OVER.jpg"); 
background-repeat:no-repeat; 
}  


/* Booking-Button rechte Spalte */ 
#bookNowButton a { 
width:347px; /* entspricht Breite Deiner Grafik */ 
height:111px; /* entspricht Hhe Deiner Grafik */ 
display:block; 
background-image: url("grafik-DE/book-now-DE-NEUTRAL-a.jpg"); /* Deine Grafik */ 
background-repeat:no-repeat; 
} 
/* CSS fr Button im Overzustand */ 
#bookNowButton a:hover { 
width:347px; 
height:111px; 
display:block; 
background-image: url("grafik-DE/book-now-DE-OVER-a.jpg"); 
background-repeat:no-repeat; 
}  

 

.undZeichenVignette {
margin-left:150px;
}

/*-------- ENDE CSS ACHIM SCHWARZE 04.04.2010 -----------*/