body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #000;
	padding-top: 42px;
	margin: 0;
	/*background-color: #CFC;*/
	/* 
	der background ist ein screenshot der original seite. um den weg zu bekommen
	kommentiere den einfach aus und gib dem wrapper die background-color: #FFF; (=weiss)
	
	background: url(../holiway-garden.jpg) no-repeat center top;*/
	
}

body,
.foot
{	
	background-image: url(../images/assets/bg5.jpg);
	background-repeat: repeat;
}

a:focus /* Macht den Rahmen um Links im Firefox weg */
{ 
	outline: none;
}


/* ----------------------------------------------------------------------------------------------------
	Boxen
---------------------------------------------------------------------------------------------------- */

.wrapper
{
	width: 800px;
	margin: 0 auto 40px auto;
	/* schatten */
	-moz-box-shadow: 2px 2px 10px #000;
	-webkit-box-shadow: 2px 2px 10px #000;
}

.wrapper_content
{
	width: 800px;
	background-color: #FFF;
	padding:0 0 70px 0;
}

.head
{
	width: 800px;
	height: 170px;
}

.sprache
{
	width: 150px;
	height: 22px;
	display: block;
	float: left;
	padding: 4px 0 0 0;
	font-weight: bold;
	color: #B3B3B3;
	margin: 0 0 0 53px;
}

.menue
{
	width: 170px;
	float: left;
	background: url(../images/assets/bg-menu.jpg) no-repeat 0 0;
}

.content
{
	width: 610px;
	float: right;
	margin: 0 0 0 20px;
	/*background-color: #D3D3D3;*/
}

.text
{
	width: 400px;
	float: left;
	display:block;
	/*background-color: #CCC;*/
}

.images
{
	width: 199px;
	float: left;
	display:block;
	/*background-color: #A9A9A9;*/
}

.foot
{
	width: 800px;
	height: 65px;
	margin-top: 43px;
	background-color: #CCFFCC;
}

/*  /Boxen
---------------------------------------------------------------------------------------------------- */







/* ----------------------------------------------------------------------------------------------------
	Navigation horizontal
---------------------------------------------------------------------------------------------------- */


.horizontal-nav-wrap
{
	width: 800px;
	height: 53px;
	background-image: url(../images/assets/bg-schatten.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: 0 0 40px 0;
}

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; 
height: 0; }
*:first-child+html .group { zoom: 1; } /* IE7 */

#horizontal-nav
{
	margin: 0 20px 0 0;
	list-style: none;
	position: relative;
	float: right;
	height: 24px;
}
#horizontal-nav li { display: block;float: left;}
#horizontal-nav li a
{
	color: #114111;
	font-size: 10px;
	font-weight: bold;
	display: block;
	padding: 4px 10px 3px 10px;
	text-decoration: none;
}
#horizontal-nav li a:hover { color: #A00000; }
#horizontal-nav-rollover
{
	position: absolute;
	bottom: 0px;
	height: 3px;
	background: #A00000;
	margin-left:10px;
}

.horizontal-nav-aktiv { color: #A00000 !important; }
.horizontal-nav-button { }
.horizontal-nav-unterlinie {height: 3px;display: block;margin: 0px 10px 0px 10px;
background: #DDE185;}

/* startbutton */
.horizontal-nav-invis
{
	padding: 4px 0px 3px 0px;
	width: 0px;
}



/*  /Navigation horizontal
---------------------------------------------------------------------------------------------------- */







/* ----------------------------------------------------------------------------------------------------
	Menue
---------------------------------------------------------------------------------------------------- */

.menue, 
.menue ul, 
.menue li
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.menue ul li
{
	display: inline;
	float: none;
	margin: 0;
	padding: 0;
	height: 18px;
}

/*  Typo  */
.menue ul li a, 
.menue ul li a:visited
{
	font-size: 10px;
	font-weight: bold;
	color: #114111;
	line-height: 10px;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 4px 0 4px 19px;
}

.menue ul li a:hover,
.menue ul li a.aktiv { color: #A00000; }



/*  Buttons  */
.menue ul.menue_blau li a { background: url(../images/assets/btn-menu.gif) no-repeat left 2px; }
.menue ul.menue_blau li a:hover,
.menue ul.menue_blau li a.aktiv{ background: url(../images/assets/btn-menu.gif) no-repeat left -28px; }

.menue ul.menue_orange li a { background: url(../images/assets/btn-menu.gif) no-repeat left -13px; }
.menue ul.menue_orange li a:hover,
.menue ul.menue_orange li a.aktiv{ background: url(../images/assets/btn-menu.gif) no-repeat left -28px; }

/*  /Menue 
---------------------------------------------------------------------------------------------------- */




/* ----------------------------------------------------------------------------------------------------
	Typo
---------------------------------------------------------------------------------------------------- */

h1
{
	width: 800px;
	height: 170px;
	margin: 0;
	text-indent: -1999em;
	/* Image Replacement */
}

h2
{
	height: 30px;
	padding: 0;
	margin: 2px 0 0 0px;
	text-indent: -1999em;
	/* Image Replacement */
}

h3
{
	font-size: 13px;
	line-height: 16px;
	margin: 13px 0 12px 0px;
}

h4 /* zb. index.htm -> "Treten Sie ein in eine komplett andere Welt!" */
{
	font-size: 11px;
	line-height: 14px;
	margin: 13px 0 12px 0px;
	padding: 0;
}

h5 /* zb. seminarebuchen.htm -> "Feng Shui Berater Grund-Ausbildung" */
{
	font-size: 11px;
	line-height: 14px;
	color: #C96;
	font-weight: bold;
	margin: 0px;
	/*display: inline;*/
}


.content h3 img /* Das Bild im Subhead */
{
	margin: -5px 0 0 0;
	padding: 0;
	float: left;
	display: block;
}

p { margin: 0 20px 0 0px; }




.sprache a {font-size: 10px;color: #B3B3B3;text-decoration: none;}
.sprache a:hover {color: #898989;}
.sprache .aktiv{color: #898989;}


/* 	/Typo
----------------------------------------------------------------------------------------------------*/




/* ----------------------------------------------------------------------------------------------------
	HEADLINES
	Image Replacement 
	Der Header (h1) und die Headline (h2) bekommen eine eigne class mit dem entsprechenden 
	background-image.
---------------------------------------------------------------------------------------------------- */

h1.willkommen { background: url(../images/assets/head_willkommen.jpg) no-repeat; }
h1.vision { background: url(../images/assets/head_vision.jpg) no-repeat; }
h1.baliinfos { background: url(../images/assets/head_baliinfos.jpg) no-repeat; }
h1.impressionen { background: url(../images/assets/head_impressionen.jpg) no-repeat; }
h1.resort { background: url(../images/assets/head_resort.jpg) no-repeat; }
h1.bungalows { background: url(../images/assets/head_bungalows.jpg) no-repeat; }
h1.villen { background: url(../images/assets/head_villen.jpg) no-repeat; }
h1.mieten { background: url(../images/assets/head_mieten.jpg) no-repeat; }
h1.pauschalangebote { background: url(../images/assets/head_pauschalangebote.jpg) no-repeat; }
h1.seminare { background: url(../images/assets/head_seminare.jpg) no-repeat; }
h1.seminareplanen { background: url(../images/assets/head_seminareplanen.jpg) no-repeat; }
h1.seminarebuchen { background: url(../images/assets/head_seminarebuchen.jpg) no-repeat; }
h1.restaurant { background: url(../images/assets/head_restaurant.jpg) no-repeat; }
h1.wellness { background: url(../images/assets/head_wellness.jpg) no-repeat; }
h1.aktivitaeten { background: url(../images/assets/head_aktivitaeten.jpg) no-repeat; }
h1.coaching { background: url(../images/assets/head_coaching.jpg) no-repeat; }
h1.veranstaltungen { background: url(../images/assets/head_veranstaltungen.jpg) no-repeat; }
h1.ecokonzept { background: url(../images/assets/head_ecokonzept.jpg) no-repeat; }
h1.news { background: url(../images/assets/head_news.jpg) no-repeat; }
h1.newsletter { background: url(../images/assets/head_newsletter.jpg) no-repeat; }
h1.partner { background: url(../images/assets/head_partner.jpg) no-repeat; }
h1.kontakt { background: url(../images/assets/head_kontakt.jpg) no-repeat; }
h1.impressum { background: url(../images/assets/head_impressum.jpg) no-repeat; }
h1.kaufen { background: url(../images/assets/head_kaufen.jpg) no-repeat; }
h1.headdatenschutz { background: url(../images/assets/head_datenschutz.jpg) no-repeat; }

h2.willkommen { background: url(../images/assets/titel_willkommen+.jpg) no-repeat left top; }
h2.vision { background: url(../images/assets/titel_vision.jpg) no-repeat left top; }
h2.baliinfos { background: url(../images/assets/titel_baliinfos.jpg) no-repeat left top; }
h2.impressionen { background: url(../images/assets/titel_impressionen.jpg) no-repeat left top; }
h2.resort { background: url(../images/assets/titel_resort.jpg) no-repeat left top; }
h2.bungalows { background: url(../images/assets/titel_bungalows.jpg) no-repeat left top; }
h2.villen { background: url(../images/assets/titel_villen.jpg) no-repeat left top; }
h2.mieten { background: url(../images/assets/titel_mieten.jpg) no-repeat left top; }
h2.pauschalangebote { background: url(../images/assets/titel_pauschalangebote.jpg) no-repeat left top; }
h2.seminare { background: url(../images/assets/titel_seminare.jpg) no-repeat left top; }
h2.seminareplanen { background: url(../images/assets/titel_seminareplanen.jpg) no-repeat left top; }
h2.seminarebuchen { background: url(../images/assets/titel_seminarebuchen.jpg) no-repeat left top; }
h2.restaurant { background: url(../images/assets/titel_restaurant.jpg) no-repeat left top; }
h2.wellness { background: url(../images/assets/titel_wellness.jpg) no-repeat left top; }
h2.aktivitaeten { background: url(../images/assets/titel_aktivitaeten.jpg) no-repeat left top; }
h2.coaching { background: url(../images/assets/titel_coaching.jpg) no-repeat left top; }
h2.veranstaltungen { background: url(../images/assets/titel_veranstaltungen.jpg) no-repeat left top; }
h2.ecokonzept { background: url(../images/assets/titel_ecokonzept.jpg) no-repeat left top; }
h2.news { background: url(../images/assets/titel_news.jpg) no-repeat left top; }
h2.newsletter { background: url(../images/assets/titel_newsletter.jpg) no-repeat left top; }
h2.partner { background: url(../images/assets/titel_partner.jpg) no-repeat left top; }
h2.kontakt { background: url(../images/assets/titel_kontakt.jpg) no-repeat left top; }
h2.kaufen { background: url(../images/assets/titel_kaufen.jpg) no-repeat left top; }

/* 	/Image Replacement
----------------------------------------------------------------------------------------------------*/




/* ----------------------------------------------------------------------------------------------------
	listen
---------------------------------------------------------------------------------------------------- */

ul.blume_rosa {list-style-image: url(../images/assets/blume_liste_rosa.jpg);padding-left:22px;}
ul.blume_weiss { list-style-image: url(../images/assets/blume_liste_weiss.jpg);padding-left:22px; }

/* 	/listen
---------------------------------------------------------------------------------------------------- */



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



/* allgemeine einstellungen fuer tabellen */

table{
	border:0;
	/*table-layout:fixed;*/
	border-spacing:0;
	/*border-collapse:collapse;*/
}

td { 	
	text-align:left;
	border: #FFF 1px solid;
	padding: 5px 0; /* innenabstand oben/unten */
	vertical-align:top; 
	/*overflow:hidden; */
}

/* ende allgemeine einstellungen fuer tabellen */


/* individuelle einstellungen */

.table_5 {	
	width:380px; /* indiviuelle breite für eine tabelle mit 5 zellen */
}

.table_5 td {
	width: 20%;
	background-color: #FFFF99;
	/* die background color kannst du auch direkt allgemein in td schreiben. 
	falls alle tabellenzellen die gleiche hintergrundfarbe haben sollen... */
	text-align: center;
}


.table_7 {	
	width:400px; /* indiviuelle breite für eine tabelle mit 7 zellen */
}

.table_7 td{
	width:14%;
	background-color:#FFFF99; /* siehe .table_5 td */
	text-align: center;
}

.verkauft {
	color: red;
}

.reserviert {
	color: blue;
}



/* ----------------------------------------------------------------------------------------------------
	Images global
---------------------------------------------------------------------------------------------------- */

.content p img { margin: 0; }
.content img { margin: 13px 15px 0 0; }

/* 	/Images global
---------------------------------------------------------------------------------------------------- */

em.bildunterschrift {
	margin-top: 5px;
	display:block;}

.content a,
.footer a
{
	color: #000;
	text-decoration: underline;
} /* die allgemeine text farbe */
.content a:hover,
.footer a:hover{ color: #723B02; }  /* die rollover farbe */



/*  button kaufen */

a.btn_kaufen
{
	height: 60px;
	width: 310px;
	display: block;
	background: url(../images/assets/btn-kaufen.jpg) no-repeat;
	background-position: 0px 0px;
	padding: 70px 0 0 60px;
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	text-decoration: none;
	margin-left: -15px;
}
a.btn_kaufen:hover
{
	background: url(../images/assets/btn-kaufen.jpg) no-repeat;
	background-position: 0px -130px;
	color: #6E2E04;
}

.btn_subhead_zusatz
{
	font-size: 11px;
	color: #FFF;
	font-weight: normal;
	padding: 2px 0 0 0;
	display: block;
}

/*  /button kaufen */


/*  preislisten */


ul.produkte li {display:block;list-style:none;margin-left:-40px;width:380px;padding:4px 0 4px 0;}
.produkt {float:left;}
.preis {float:right;width:160px;}




/* ----------------------------------------------------------------------------------------------------
	Footer
---------------------------------------------------------------------------------------------------- */

.footer
{
	width: 800px;
	background-image: url(../images/assets/bg-footer.png);
	background-repeat: repeat;
	padding: 0px 0 30px 0;
	margin:0 auto;
}

/* 	Boxen
---------------------------------------------------------------------------------------------------- */
.footer_schatten
{
	background-color: transparent;
	background-image: url(../images/assets/bg-schatten.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	height:9px;
	width:800px;
	display:block;
	margin: 0 0 21px 0;
}
.footer_box_links
{
	width: 160px;
	float: left;
	padding: 0 0 0 30px;
	display: block;
}

.footer_box_mitte
{
	width: 260px;
	float: left;
	padding: 0 0 0 0px;
	display: block;
}

.footer_box_rechts
{
	width: 350px;
	float: left;
	padding: 0 0px 0 0px;
	display: block;
}




a.footer_menu,
a.footer_menu:link,
a.footer_menu:visited
{
	color: #114111;
	text-decoration: none;
	font-weight: bold;
	padding: 0 8px 0 8px;
}

a.footer_menu:hover {color: #723B02;}


.v_card
{
	background-image: url(../images/assets/icon-vcard.png);
	background-repeat: no-repeat;
	background-position: 150px 0px;
	display: block;
	height: 19px;
	padding:4px 0 0 0;
	width:200px;
}

.org { font-weight: bold; }

/* 	Formular
---------------------------------------------------------------------------------------------------- */

a.cuva,
a.cuva:link,
a.cuva:visited
{
	color: #723B02;
	text-decoration: none;
	font-weight: bold;
}

a.cuva:hover {color: #000;}

/* /foot */




.invis {display: none;}


.clear
{
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}