@import url("master.css");
@import url("icons.css");

/******* Basics *******/
.icon    { margin-right: 3px; vertical-align: middle }

/******* General *******/

body {
	background: url(../gfx/bg_main.png) top left no-repeat;
}

img #logo_main { 
	position: absolute; 
	top: 0px; 
	left: 0px;
}

#main_nav_wrapper {
	position: absolute; 
	top: 103px; 
	left: 287px;
	height: 26px;
	width: 717px;
	background: url(../gfx/main_nav_bg.png) top left no-repeat;
}

#sub_nav_wrapper {
	position: absolute; 
	top: 403px; 
	left: 0px;
	height: 51px;
	width: 1004px;
	background: url(../gfx/sub_nav_bg.png) top left no-repeat;
}

/******* Text Styles *******/

.green { color: #175C4E }

/******* Title Theme *******/

div.title {
	position: absolute; 
	top: 129px; 
	left: 0px;
	height: 274px;
	width: 1004px;
	background: url(../gfx/schlemmen_title.png) top left no-repeat;
}

div#schlemmen { background: url(../gfx/schlemmen_title.png) top left no-repeat; }
div#wohlfuehlen { background: url(../gfx/wohlfuehlen_title.png) top left no-repeat; }
div#feiern { background: url(../gfx/feiern_title.png) top left no-repeat; }
div#tagen { background: url(../gfx/tagen_title.png) top left no-repeat; }
div#entspannen { background: url(../gfx/entspannen_title.png) top left no-repeat; }
div#neutral { background: url(../gfx/neutral_title.png) top left no-repeat; }

p.title {
  position: relative;
  top: 183px; left: 400px;
  margin: 0;
  padding: 0;
  font: 12px/17px arial, helvetica, sans-serif;
  color: #82A29B;
  width: 340px;
}

p.title_tagen {
  position: relative;
  top: 183px; left: 400px;
  margin: 0;
  padding: 0;
  font: 12px/17px arial, helvetica, sans-serif;
  color: #82A29B;
  width: 400px;
}

p.title_feiern {
  position: relative;
  top: 160px; left: 400px;
  margin: 0;
  padding: 0;
  font: 12px/17px arial, helvetica, sans-serif;
  color: #82A29B;
  width: 340px;
}

p.title_schlemmen {
  position: relative;
  top: 160px; left: 400px;
  margin: 0;
  padding: 0;
  font: 12px/17px arial, helvetica, sans-serif;
  color: #82A29B;
  width: 340px;
}

p.title_wohlfuehlen {
  position: relative;
  top: 185px; left: 400px;
  margin: 0;
  padding: 0;
  font: 12px/17px arial, helvetica, sans-serif;
  color: #82A29B;
  width: 520px;
}

p.title_neutral {
  position: relative;
  top: 185px; left: 500px;
  margin: 0;
  padding: 0;
  font: 12px/17px arial, helvetica, sans-serif;
  color: #82A29B;
  width: 520px;
}


/******* Main Navigation *******/

ul#nav_main {
	position: relative;
	top: 8px; left: 37px;
	height: 23px;
	margin: 0;
	padding: 0;
}

ul#nav_main li {
	display: inline;
	text-transform: uppercase;
	padding: 0;
}

li#nav_wohlfuehlen { margin: 0; }
li#nav_schlemmen { margin: 0 0 0 42px; }
li#nav_feiern { margin: 0 0 0 62px; }
li#nav_entspannen { margin: 0 0 0 67px; }
li#nav_tagen { margin: 0 0 0 65px; }

li#nav_home { margin: 0 0 0 55px; }
li#nav_home a { color: #82A29B; text-decoration: none }
li#nav_home a:hover { color: #82A29B; text-decoration: underline }

.nav_main a { color: #515353; text-decoration: none; }
.nav_main a:hover { color: #996600; text-decoration: none; }
.nav_main_active a { color: #996600; text-decoration: none; }
.nav_main_active a:hover { color: #515353; text-decoration: none; }

/******* Sub Navigation 1 *******/

ul#sub_navi_1 {
	position: relative;
	top: 3px; left: 505px;
	width: 550px;
	height: 23px;
	margin: 0;
	padding: 0;
}

ul#sub_navi_1 li {
	display: inline;
	margin: 0 10px 0 0;
	padding: 0;
}

ul#sub_navi_1 li a {
	color: #DBCAA6;
}

ul#sub_navi_1 li a:hover {
	color: #DBCAA6;
	text-decoration: underline;
}

/******* Sub Navigation 2 *******/

ul#sub_navi_2 {
	position: relative;
	top: 0px; left: 0px;
	height: 23px;
	margin: 0;
	padding: 0;
}

ul#sub_navi_2 li {
	display: inline;
	margin: 0 0 0 32px;
	padding: 0;
}

ul#sub_navi_2 li a {
	color: #996600;
}

ul#sub_navi_2 li a:hover {
	color: #996600;
	text-decoration: underline;
}

/******* Content *******/

#content_wrapper {
	position: absolute;
	top: 480px; left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}

#content_list {
	float: left;
	margin: 0 30px 30px 30px;
	padding: 4px 0 0 0;
	width: 250px;
}

*html #content_list {
	float: left;
	margin: 0 15px 30px 15px;
	padding: 4px 0 0 0;
	width: 250px;
}

#content_details {
	float: left;
	margin: 0 0 30px 0;
	padding: 0;
	width: 680px;
}

.list_box_wrapper {
	margin: 0 0 10px 0;
	padding: 0; 
	height: 115px;
	border: 1px solid #D1DEDC;
}

.list_box { 
	float: right;
	width: 161px;
	margin: 0px;
	padding: 3px;
}

.list_box_speisekarte { 
	margin: 0px;
	padding: 3px 0px 3px 3px;
	width: 240px;
}

.list_box p {
	margin: 0;
	padding: 0 0 0 5px;}

.list_box_subline {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #D1DEDC;
}
.list_box_subline p.subline {
	margin: 0;
	padding: 5px;	
	color: #996600; }

.list_box p.headline {
	font: 17px/15px arial, helvetica, sans-serif;
	margin: 5px 0 5px 4px;
	padding: 0;
	color: #175C4E; }
	
h1 {
  color: #175C4E;
  font: 26px/26px arial, helvetica, sans-serif;
  margin: 0;
  padding: 0;
}

p.intro {
  color: #175C4E;
  font: 12px/15px arial, helvetica, sans-serif;
  margin: 9px 0 9px 2px;
}

p.intro2 {
  color: #175C4E;
  font: 14px/17px arial, helvetica, sans-serif;
  margin: 9px 0 9px 2px;
}


p.main {
  color: #666666;
  font: 12px/15px arial, helvetica, sans-serif;
  margin: 0 0 0 2px;
}

p.main2 {
  color: #666666;
  font: 12px/15px arial, helvetica, sans-serif;
  margin: 0 0 0 2px;
}

#content_details p.main img {
  float: left;
  display: inline;
  margin: 0 9px 0 0;
}

#content_details p.main2 img {
  float: right;
  display: inline;
  margin: 0 0 0 9px;
}

.news_listing_wrapper {
	width: 669px;
	padding: 5px;
	margin: 6px 0 0 0;
	background: #D1DEDC;
}

.news_listing_wrapper span {
	display: block;
}

.news_listing_wrapper p.teaser {
	margin-top: 5px;
}

.news_listing_wrapper h3 a {
	margin: 0;
	color: #996600;
	font: 17px/17px arial, helvetica, sans-serif;	
}

.paging_control_1 {
	float: left;
	margin: 0 10px 0 0;
}
.paging_control_2 {
	float: left;
	margin: 0 10px 0 0;
}
.paging_control_3 {
	float: left;
}


.content_listing_wrapper {
	width: 669px;
	height: 100px;
	padding: 5px;
	margin: 10px 0 0 0;
	background: #D1DEDC;
}

.content_listing_wrapper img {
	float: right;
}

.content_listing_wrapper p.content_headline {
	margin: 0;
	padding: 5px;	
	color: #996600;
	font: 17px/17px arial, helvetica, sans-serif; 
}

.content_listing_wrapper p.content_details {
	margin: 0;
	padding: 0 5px 5px 5px;	
	width: 500px;
	color: #666666;
	font: 12px/14px arial, helvetica, sans-serif; 
}

.content_listing_wrapper p.content_details2 {
	margin: 0;
	padding: 0 5px 5px 5px;	
	width: 350px;
	color: #666666;
	font: 12px/14px arial, helvetica, sans-serif; 
}

.content_listing_wrapper p.content_subline_1 {
	position: relative; top: 34px;
	margin: 0;
	padding: 5px 5px 0 5px;	
	color: #175C4E;
	font: 12px/14px arial, helvetica, sans-serif; 
}

.content_listing_wrapper p.content_subline_2 {
	position: relative; top: 20px;
	margin: 0;
	padding: 5px 5px 0 5px;	
	color: #175C4E;
	font: 12px/14px arial, helvetica, sans-serif; 
}

.content_listing_wrapper p.content_subline_3 {
	position: relative; top: 6px;
	margin: 0;
	padding: 5px 5px 0 5px;	
	color: #175C4E;
	font: 12px/14px arial, helvetica, sans-serif; 
}


/******* Kontakt *******/

div.kontakt {
  font: 12px/17px arial, helvetica, sans-serif;
  margin: 9px 0 0 0px;
  padding: 0 0 0 1px;
}
  
span.greenb { color: #175c4e; font-size: 17px; padding: 0 0 0 1px; }
.red {
	color: #990000;
    font-weight: bold;
    padding: 0 0 0 1px; 
}
.arangements_menu { color: #000; background-color: #d1dedc; width: 100%; padding: 4px 4px 4px 10px; border-bottom: 1px solid #fff; }
.news_menu { color: #000; background-color: #d1dedc; width: 100%; padding: 4px 4px 4px 10px; border-bottom: 1px solid #fff; }

/******* Einblicke Galerie *******/

#gallery_wrapper_sm {
	width: 700px; 
	margin: 0; 
	padding: 0; 
}

.gallery_thumbnail {
	width: 150px; 
	height: 114px;
	margin: 0 8px 10px 2px; 
	padding: 4px; 
	border: 1px solid #D1DEDC; 
	float: left; 
}

*html .gallery_thumbnail {
	width: 200px; 
	margin: 0 6px 10px 2px; 
	padding: 4px; 
	border: 1px solid #D1DEDC; 
	float: left; 
}

.gallery_thumbnail_news {
	margin: 0 8px 10px 2px; 
	padding: 4px; 
	border: 1px solid #D1DEDC; 
	float: left; 
	width: auto;
}

.gallery_thumbnail_news img {
	margin: 0 0 5px 0;
}

*html .gallery_thumbnail_news {
	width: auto; 
	height: 114px;
	margin: 0 6px 10px 2px; 
	padding: 4px; 
	border: 1px solid #D1DEDC; 
	float: left; 
}

#gallery_wrapper_sm #navigation {
	text-align: right;
	float: right;
	margin: 0 20px 15px 0; 
	padding: 0; 
}
	
#gallery_wrapper_sm #navigation a { color: #666; }

#thumbnails { margin: 0; padding: 0 }

.aktiv {
	padding: 1px 3px 1px 3px;
	background-color: #175C4E;
	color: #ffffff;
}

.aktiv a {
	padding: 1px 3px 1px 3px;
	background-color: #175C4E;
	color: #ffffff;
}

.aktiv a:hover {
	padding: 1px 3px 1px 3px;
	background-color: #fff;
	color: #175C4E;
}

/******* Downloads *******/

ol {
    list-style: none;
	margin: 0; 
	padding: 0;
}

ol li.pdf {
	background: url(../gfx/icons/pdf.gif);
	background-repeat: no-repeat;
	background-position: 0 0.3em;
	margin: 0;
	padding: 4px 0 3px 25px;
}

ol.preise {
	padding: 0 0 0 9px;
}

ol.freizeit {
	padding: 0 0 0 2px;
}

ol.freizeit li {
	background-color: #d1dedc; 
	padding: 3px; 
	border-bottom: 1px solid #fff;
}

/******* Foot Wrapper *******/

#foot_wrapper {
	position: relative;
	top: 0px;
	width: 100%;
	text-align: center;
	padding: 5px 0 5px 0;
	margin: 0;
	border-top: 1px solid #996600;
}

.social { width: 223px; margin: 0 auto; padding: 8px 0; }
* html .social { width: 230px; margin: 0 auto; padding: 8px 0 0 0; }

/******* Preise *******/

.price_container {
	float: left;
	margin: 0;
	padding: 0;
}

.price_container1 {
	float: right;
	margin: 10px 0 0 0;
	padding: 0;
}

.price_container2 {
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
}

.price_wrapper {
	float: left;
	border: 1px solid #D1DEDC;
	border-right: none;
	padding: 0;
	margin: 0;
	width: 150px;
}

.price_wrapper_right {
	border: 1px solid #D1DEDC;
	padding: 0;
	margin: 0 15px 0 0;
	width: 150px;
	float: left;
}

.price_wrapper_large {
	border: 1px solid #D1DEDC;
	border-right: none;
	padding: 0;
	margin: 0;
	width: 165px;
}

.price_wrapper_large2 {
	border: 1px solid #D1DEDC;
	padding: 0;
	margin: 0;
	width: 335px;
}

.price_wrapper_right_large {
	border: 1px solid #D1DEDC;
	padding: 0;
	margin: 0;
	width: 165px;
}

.price_headline {
	padding: 5px 5px 5px 8px;
	margin: 3px 3px 0 3px;
	background-color: #D1DEDC;
}

.price_main {
	padding: 8px;
	margin: 0;
	line-height: 20px;
}

.price_main_large {
	padding: 8px;
	margin: 0;
	height: 84px;
}

.price_main_large2 {
	padding: 8px;
	margin: 0;
	height: 50px;
}

.price_main_right {
	padding: 8px;
	margin: 0;
	line-height: 20px;
	text-align: right;
}

.price_main_right_large {
	padding: 8px;
	margin: 0;
	text-align: left;
	height: 84px;
}

.price_subline {
	padding: 5px 8px 5px 5px;
	margin: 0 2px 0 0;
	background-color: #D1DEDC;
	text-align: right;
	font-weight: bold;
	color: #175C4E;
}

.price_subline2 {
	padding: 5px 8px 5px 5px;
	margin: 0;
	background-color: #D1DEDC;
	text-align: right;
	font-weight: bold;
	color: #175C4E;
	width: 324px;
}

.price_attachement {
	border: 1px solid #D1DEDC;
	border-top: none;
	width: 587px;
	margin: 0;
	padding: 8px;
}

.price_highlight {
	background-color: #D1DEDC;
	width: 588px;
	margin: 0;
	padding: 9px;
}

/* SPEISEKARTE */

p.speisekarte_item {
	float: none;
	clear: both;
	margin: 0;
	padding: 5px 0 20px 0;
 	border-bottom: 1px solid #D1DEDC;
	text-align: center;
	color: #000;
}
div.speisekarte_trenner {
	font-size: 16px; 
	color: #D1DEDC; 
	margin: auto; 
	width: 50px; 
	background-color: #fff; 
	display:block;
	text-align: center; 
	position: relative; top: -6px;
}

p.speisekarte_item i {
	font-size: 10px;
}

p.speisekarte_item span {
	font-weight: bold;
	color: #175C4E;
}


h2.speisekarte_item {
	margin: 10px 0 0 0;
	padding: 20px 0 0 0;
	font-weight: bold;
	text-align: center;
	color: #175C4E;
	font-size: 18px;
}
/* SPEISEKARTE */

/* NEWS */
.list_item h3 {
	font-size: 14px;
}

/* Pressebereich */

.presse_wrapper {
	width: 160px;
	float: left;
	margin: 10px 10px 0 0;	 
	}

.presse_wrapper img {
	padding: 5px;
	border: 1px solid #D1DEDC;
	}

.presse_wrapper ul {
	padding: 0 5px 5px 5px;
	font: #175C4E 11px/100% arial, helvetica, sans-serif;
	}