/* Start of CMSMS style sheet 'Master' */
@charset "UTF-8";
/* CSS Document */
/******************** General ******************/
body {
background-color:#f8f7f5;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#867e73;
text-align:justify;
}
p {
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#867e73;
text-align:justify;
}
div {
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#867e73;
text-align:justify;
}

ul, ol, dl {
position: relative; 
}

#container {
width:890px;
margin:auto;
background-color:#f9f7f6;
border:15px solid white;

}
#content {
padding-left:45px;
padding-right:45px;
border-top:15px solid white;

}
.image_title {
padding-bottom:25px;
padding-top:40px;
}

ul.inline {
list-style:none;
}
ul.inline li {
display:inline;
}

.title {
font-family:Arial, Helvetica, sans-serif; 
text-transform:uppercase; 
letter-spacing: 2px; 
font-weight:bold; 
font-size:9px;
padding:0px;
margin:0px;
color:#736b62;
}

div.hr {
padding-bottom:5px;
border-bottom:1px solid #e8e1db;
}

a {
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#867e73;
}
a:hover {
text-decoration:underline;
}
.preise_tabelle {
border-bottom:1px solid #C2B5A5;border-right:1px solid #C2B5A5;
}
/******************** Navigation ******************/

#gourmet_restaurant {
background:url(img/new_nav/on/restaurant-on.gif) transparent no-repeat;
}
#gourmet_weinbistro {
background:url(img/new_nav/on/weinbistro-on.gif) transparent no-repeat;
}
#gourmet_kalender {
background:url(img/new_nav/on/kalender-on.gif) transparent no-repeat;
}
#gourmet_kontakt {
background:url(img/new_nav/on/kontakt-on.gif) transparent no-repeat;
}
#hotel_suiten {
background:url(img/new_nav/on/suiten-on.gif) transparent no-repeat;
}
#hotel_spa {
background:url(img/new_nav/on/spa-on.gif) transparent no-repeat;
}
#hotel_vip {
background:url(img/new_nav/on/vip-on.gif) transparent no-repeat;
}
#hotel_preise {
background:url(img/new_nav/on/preise-on.gif) transparent no-repeat;
}
#hotel_kontakt {
background:url(img/new_nav/on/kontakt-on.gif) transparent no-repeat;
}
#events_raumlichkeiten {
background:url(img/new_nav/on/raumlichkeiten-on.gif) transparent no-repeat;
}
#events_technik {
background:url(img/new_nav/on/technik-on.gif) transparent no-repeat;
}
#events_services {
background:url(img/new_nav/on/services-on.gif) transparent no-repeat;
}
#events_preise {
background:url(img/new_nav/on/preise-on.gif) transparent no-repeat;
}
#events_kontakt {
background:url(img/new_nav/on/kontakt-on.gif) transparent no-repeat;
}
#weinarchiv_kollektion {
background:url(img/new_nav/on/kollektion-on.gif) transparent no-repeat;
}
#weinarchiv_keller {
background:url(img/new_nav/on/keller-on.gif) transparent no-repeat;
}
#weinarchiv_events {
background:url(img/new_nav/on/events-on.gif) transparent no-repeat;
}
#weinarchiv_kontakt {
background:url(img/new_nav/on/kontakt-on.gif) transparent no-repeat;
}
#weinarchiv_raumlichkeiten {
background:url(img/new_nav/on/raumlichkeiten-on.gif) transparent no-repeat;
}
#palais_karriere {
background:url(img/new_nav/on/karriere-on.gif) transparent no-repeat;
}
#palais_philosophie {
background:url(img/new_nav/on/philosophie-on.gif) transparent no-repeat;
}
#palais_sicherheit {
background:url(img/new_nav/on/sicherheit-on.gif) transparent no-repeat;
}
#palais_anreise {
background:url(img/new_nav/on/anreise-on.gif) transparent no-repeat;
}
#palais_kontakt {
background:url(img/new_nav/on/kontakt-on.gif) transparent no-repeat;
}

ul.menu {
	margin: 0;
	padding: 247px 0 0;
	width: 890px;
	height: 43px;
	display: inline;
	float: left;
	list-style: none;
	background: #fff url(img/header_bg.jpg) no-repeat 0 0;
	font-size: 1em;
	overflow: hidden !important;

}
ul.menu li {
	margin: 0 3px 0 0;
	padding: 0;
	display: inline;
	float: left;
	position: relative;
	list-style: none;
	font-size: 1em;
}
ul.menu li ul {
	margin: 0;
	padding: 0;
	width: 100%;
	display: inline;
	float: left;
	position: absolute;
	left: 0;
	bottom: 30px;
	list-style: none;
	background: none;
	font-size: 1em;
	display: none;
}
ul.menu li.hidden ul {
	left: -9999px;
}
ul.menu li ul li {
	margin: 0 0 0px;
	padding: 0 0 0px;
	width: 175px;
	display: inline;
	float: left;
	list-style: none;
	font-size: 1em;
	border-bottom:2px solid white;
}
ul.menu li.type_1 {
	width: 175px;
}
ul.menu li.type_2 {
	width: 175px;
}
ul.menu li.type_3 {
	width: 175px;
}
ul.menu li.type_4 {
	width: 175px;
	margin-left:1px;
}
ul.menu li.type_5 {
	width: 175px;
	margin-left:1px;
}
ul.menu li.type_6 {
	width: 175px;
	margin-left:1px;
	margin:0px;
	margin-left:1px;
}
ul.menu li:hover ul {
	display: block;
}

/* 03.Images */
img, a img {
	border: 0;
}

/* 04.Links */
a:link, a:visited, a:hover, a:focus, a:active {
	color: #746c67;
	text-decoration: none;
       font-weight:bold;
}
a:hover {
	text-decoration: underline;
}
a:focus, a:active {
	color: #000;
	background: #fff;
}
ul.menu li a:link, ul.menu li a:visited, ul.menu li a:hover, ul.menu li a:active {
	border-bottom: 10px solid #d5c8bc;
	height: 23px;
	display: block;
	color: #000;
/*	background: #cdc1b4;
*/	text-align: center;
	cursor: pointer;
}
.idList {
height:32px;
border-bottom-width:10px;
border-bottom-style:solid;
border-bottom-color:#c9bdaf;
}
ul.menu li a:hover, ul.menu li a:focus, ul.menu li a:active {
/*	border-color: #fff;
*//*	background: #938a80;
*/}
ul.menu li ul li a:link, ul.menu li ul li a:visited, ul.menu li ul li a:hover, ul.menu li ul li a:active {
	border: 0;
/*	background: #938a80;
*/}



/******************** Header ******************/

#header {
}

/******************** Footer ******************/

#footer {
background-image:url(img/footer_bg.gif);
background-repeat:no-repeat;
background-position:top left;
height:85px;
width:890px;
background-color:#FFFFFF;
}
ul.footer_list {
padding-top:45px;
float:left;
}
img.list_image {
vertical-align:middle;
}
li.image {
background-image:url(img/list_image.gif);
background-repeat:no-repeat;
background-position:center left;
padding-left:10px;
padding-right:10px;
}
ul.inline li a {
font-weight:normal;
}
.relais_image {
float:right;
padding-top:25px;
}
ul.right {
float:right;
padding-top:45px;
padding-right:25px;
}

/******************** 2a Teaser ******************/

.teaser_box {
padding-top:50px;
}
#teaser_box_first {
padding-top:20px;
}
.box_image {
float:left;
width:200px;
padding-right:22px;
}
.box_text {
float:left;
width:500px;
}



/******************** 3a Übersicht ******************/
.content_left {
float:left;
width:520px;
padding-right:22px;
}

.content_right {
float:left;
width:199px;
}

div.hr2 {
padding-bottom:5px;
border-bottom:1px solid #ccbcad;
margin-bottom:10px;
}
.ubersicht_links {
padding-top:5px;
padding-bottom:5px;
}
/******************** Breadcrumbs ******************/
.last_item {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#847c74;
}
.bread_crumbs {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#ccc0b4;
}
#bread_bar {
background-color:#ffffff;
width:850px;
padding-top:3px;
padding-left:50px;
}










/* End of 'Master' */

/* Start of CMSMS style sheet 'Gallery' */
#myGallery, #myGallerySet, #flickrGallery
{
	width: 199px;
	height: 113px;
	z-index:5;
	margin-left:0px;

 }

#flickrGallery
{
	width: 782px;
	height: 509px;
}

#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
	display: none;
}

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center center;
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center center;
}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
	padding: 0;
	font-size: 80%;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: inherit;
}

.jdGallery .slideInfoZone p
{
	padding: 0;
	font-size: 60%;
	margin: 2px 5px;
	color: #eee;
}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 291px;
	width: 100%;
	z-index: 11;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: -5px;
	right: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding-left:10px;
	padding-right:10px;
	padding-bottom: 0px;
	padding-top:30px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
	vertical-align:bottom;
	margin:0px;
	z-index:11;
}

.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 271px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdExtCarousel
{
	overflow: hidden;
	position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 200px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
	cursor: pointer;
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #fff;
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
	margin-bottom: 10px;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
	font-size: 10px;
	position: absolute;
	bottom: 5px;
	right: 10px;
	padding: 1px 2px;
	margin: 0;
	background: #222;
	border: 1px solid #888;
	cursor: pointer;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
	color: #b5b5b5;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
	filter:alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdGallery a.left
{
	left: 0;
	top: 0;
/*	background: url('../images/slideshow/img/fleche1.png') no-repeat center left;
*/}

* html .jdGallery a.left { 
/*background: url('../images/slideshow/img/fleche1.gif') no-repeat center left; 
*/}

.jdGallery a.right
{
	right: 0;
	top: 0;
/*	background: url('../images/slideshow/img/fleche2.png') no-repeat center right;
*/}

* html .jdGallery a.right { 
/*background: url('../images/slideshow/img/fleche2.gif') no-repeat center right; 
*/}

.jdGallery a.open
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.withArrows a.open
{
	position: absolute;
	top: 0;
	left: 25%;
	height: 99%;
	width: 50%;
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

/* .withArrows a.open:hover { background: url('../images/slideshow/img/open.png') no-repeat center center; }

* html .withArrows a.open:hover { background: url('../images/slideshow/img/open.gif') no-repeat center center;
	filter:alpha(opacity=80); }
*/	
	
/* Gallery Sets */

.jdGallery a.gallerySelectorBtn
{
	z-index: 15;
	position: absolute;
	top: 0;
	left: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
	opacity: .4;
	-moz-opacity: .4;
	-khtml-opacity: 0.4;
	filter:alpha(opacity=40);
}

.jdGallery .gallerySelector
{
	z-index: 20;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
}

.jdGallery .gallerySelector h2
{
	margin: 0;
	padding: 10px 20px 10px 20px;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
}

.jdGallery .gallerySelector .gallerySelectorWrapper
{
	overflow: hidden;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
	margin-left: 10px;
	margin-top: 10px;
	border: 1px solid #888;
	padding: 5px;
	height: 40px;
	color: #fff;
	cursor: pointer;
	float: left;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
	background: #333;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
	background: #000;
	background-position: center center;
	float: left;
	border: none;
	width: 40px;
	height: 40px;
	margin-right: 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	color: #aaa;
}
/* End of 'Gallery' */

