/*-----------------------------------*/
/*-------------=global---------------*/
/*-----------------------------------*/

* {
	margin: 0;
	padding:0;
	outline:none;
}
html, body {
	height: 100%;
	width:100%;
}

body	{
	background:#41281b url(../images/bg-body.jpg) 0 0 repeat-x;
	font:12px/22px Arial, Helvetica, sans-serif;
	color:#551d0c;
}

html[xmlns^="http"] {
 overflow-y: scroll;
}

.clear {
	font-size: 0.0001em;
	line-height: 0.0001em;
	text-indent: -9999px;
	overflow: hidden;
	height: 0;
	clear: both;
}

ul	{
	list-style-type:none;
}

ul li	{
	float:left;
}

a	{
	color:#551D0C;
	text-decoration:underline;
}

a:hover	{
	text-decoration:none;
}

h3	{
	font-size:12px;
}

.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}

/*-----------------------------------*/
/*------------=container-------------*/
/*-----------------------------------*/

#container {
	background:url(../images/bg-container.png) 0 0 repeat-y;
	width: 970px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 25px auto -15px;
}

/*-----------------------------------*/
/*--------------=header--------------*/
/*-----------------------------------*/

#header	{
	background:url(../images/bg-header.jpg) 0 0 no-repeat;
	width:970px;
	height:325px;
	position:relative;
}

/*-------------=naviAdd-------------*/

#naviAdd	{
	position:absolute;
	top:-20px;
	right:-4px;
}

#naviAdd li.line	{
	background:url(../images/bg-naviAdd-li.gif) 0 7px no-repeat;
	width:1px;
	display:block;
	text-indent:-9999px;
	padding:0 9px 0 0;
}

#naviAdd li	{
	color:#c1a995;
	padding:0 10px 0 0;
}

#naviAdd li a	{
	color:#c1a995;
	text-transform:uppercase;
	text-decoration:none;
	font-size:10px;
}

#naviAdd li a:hover	{
	text-decoration:underline;
}

#naviAdd li.active a	{
	color:#eae2dc;
}

/*------------=header-image------------*/

#header-image	{
	width:749px;
	height:296px;
	position:absolute;
	left:9px;
	top:9px;
	z-index:10;
}

/*-------------=branding--------------*/

#branding a	{
	background:url(../images/branding.jpg) 0 0 no-repeat;
	width:200px;
	height:178px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	left:34px;
	top:8px;
	z-index:20;
}

/*------------=headerLine-------------*/

#headerLine	{
	background:url(../images/bg-headerLine.png) 0 0 no-repeat;
	width:952px;
	height:51px;
	display:block;
	z-index:30;
	position:absolute;
	top:274px;
	left:9px;
}

/*-----------=headerChromatic------------*/

#headerChromatic	{
	background:url(../images/bg-chromatic.jpg) 0 0 no-repeat;
	width:203px;
	height:317px;
	display:block;
	position:absolute;
	right:9px;
	top:9px;
	z-index:30;
}

/*-----------------------------------*/
/*---------=contentContainer---------*/
/*-----------------------------------*/

#contentContainer	{
	background:#eee3d9 url(../images/bg-contentContainer.gif) 0 0 repeat-x;
	width:952px;
	margin:0 auto;
}

/*-----------------------------------*/
/*----------=contentSidebar----------*/
/*-----------------------------------*/

#contentSidebar {
	width:230px;
	float:left;
	padding:0 21px 0 0;
	position:relative;
	z-index:2;
	margin:0 0 -15px 0;
}

/*--------------=navi---------------*/

#navi {
	height:302px;
	position:relative;
	left:-5px;
	padding:0 0 30px 0;
}

#navi li {
	height:28px;
	padding:0 0 9px 0;
}

#navi li a	{
	background:url(../images/bg-navi.gif) 0 0 no-repeat;
	display:block;
	width:230px;
	text-indent:-9999px;
	height:29px;
}

#navi li a.startseite	{
	background-position:0 0;
}

#navi li a.startseite:hover	{
	background-position:0 -319px;
}

#navi li.active a.startseite, #navi li.active a.startseite:hover	{
	background-position:0 -637px;
}

#navi li a.aktuelles	{
	background-position:0 -37px;
}

#navi li a.aktuelles:hover	{
	background-position:0 -355px;
}

#navi li.active a.aktuelles, #navi li.active a.aktuelles:hover	{
	background-position:0 -673px;
}

#navi li a.zimmer-und-suiten	{
	background-position:0 -109px;
}

#navi li a.zimmer-und-suiten:hover	{
	background-position:0 -391px;
}

#navi li.active a.zimmer-und-suiten, #navi li.active a.zimmer-und-suiten:hover	{
	background-position:0 -709px;
}

#navi li a.tagungen	{
	background-position:0 -145px;
}

#navi li a.tagungen:hover	{
	background-position:0 -463px;
}

#navi li.active a.tagungen, #navi li.active a.tagungen:hover	{
	background-position:0 -781px;
}

#navi li a.buchung-und-anfrage	{
	background-position:0 -182px;
}

#navi li a.buchung-und-anfrage:hover	{
	background-position:0 -500px;
}

#navi li.active a.buchung-und-anfrage, #navi li.active a.buchung-und-anfrage:hover	{
	background-position:0 -818px;
}

#navi li a.arrangements	{
	background-position:0 -218px;
}

#navi li a.arrangements:hover	{
	background-position:0 -536px;
}

#navi li.active a.arrangements, #navi li.active a.arrangements:hover	{
	background-position:0 -854px;
}

#navi li a.rund-um-essen	{
	background-position:0 -254px;
}

#navi li a.rund-um-essen:hover	{
	background-position:0 -572px;
}

#navi li.active a.rund-um-essen, #navi li.active a.rund-um-essen:hover	{
	background-position:0 -890px;
}

#navi li a.anfahrt	{
	background-position:0 -290px;
}

#navi li a.anfahrt:hover	{
	background-position:0 -608px;
}

#navi li.active a.anfahrt, #navi li.active a.anfahrt:hover	{
	background-position:0 -926px;
}

#navi li a.restaurant	{
	background-position:0 -73px;
}

#navi li a.restaurant:hover	{
	background-position:0 -427px;
}

#navi li.active a.restaurant, #navi li.active a.restaurant:hover	{
	background-position:0 -745px;
}

/*------------=subNavi-------------*/

#navi li#subLi:hover #subNavi {
	display:block;
}

#subNavi {
	position:absolute;
	top:109px;
	left:69px;
	list-style-type:none;
	width:181px !important;
	display:none;
}

#subNavi li {
	float:left;
	background:none;
	margin:0 0 2px 0;
	padding:0;
	height:28px;
}

* html #subNavi li {		/*IE HACK*/
	padding:0;
	margin:0 0 1px 0;
}

#subNavi li a {
	float:left;
	background:#55bc7e url(../images/bg-subNavi-li.gif) 15px 14px no-repeat;
	color:#FFFFFF !important;
	font:12px/28px Arial, Helvetica, sans-serif;
	text-indent:0 !important;
	text-decoration:none;
	width:128px !important;
	padding:0 0 0 33px;
}

#subNavi li a:hover,
#subNavi li:hover a,
#subNavi li.active a {
	text-decoration:underline;
}

/*-----------=newsletter------------*/

#sidebar-newsletter	{
	background:url(../images/bg-newsletter.jpg) 0 0 no-repeat;
	width:199px;
	position:relative;
	left:-4px;
	padding:10px 0 45px 30px;
}

#sidebar-newsletter h3	{
	text-transform:uppercase;
	line-height:18px;
	font-size:11px;
	letter-spacing:0.1em;
	padding:0 0 1px 0;
}

#sidebar-newsletter p	{
	font-size:11px;
	line-height:15px;
	padding:0 0 16px 0;
}

#sidebar-newsletter #email.inputField	{
	background:url(../images/bg-newsletter-input.gif) 0 0 no-repeat;
	width:150px;
	height:18px;
	border:none;
	position:relative;
	left:-30px;
	color:#471607;
	font-size:11px;
	padding:4px 0 0 28px;
	float:left;
}

#sidebar-newsletter #abschiken	{
	background:url(../images/bg-newsletter-button.gif) 6px 6px no-repeat;
	width:18px;
	height:18px;
	display:block;
	border:none;
	position:relative;
	left:-23px;
	top:3px;
}

* html #sidebar-newsletter #abschiken	{		/*IE HACK*/
	background:url(../images/bg-newsletter-button.gif) 0 9px no-repeat;
	width:21px;
	height:20px;
	display:block;
	border:none;
	position:relative;
	left:-17px;
	float:left;
	top:0;
}

#indent	{
	background:url(../images/bg-ruhr.gif) 0 0 no-repeat;
	width:229px;
	height:107px;
	text-indent:-9999px;
	position:relative;
	left:-4px;
}

/*-----------------------------------*/
/*-----------=contentMain------------*/
/*-----------------------------------*/

#contentMain {
	width:701px;
	float:left;
	padding:0 0 15px 0;
}

#contentMain p	{
	padding: 0 0 22px 0;
}

/*---------=contentMain h2----------*/

#contentMain h2	{
	text-indent:-9999px;
	width:279px;
	height:49px;
	display:block;
	position:relative;
	top:0px;
}

#contentMain h2.startseite	{
	background:url(../images/h2/willkommen.gif) 0 0 no-repeat;
	padding:0 0 22px 0;
}

#contentMain h2.aktuelles-h2	{
	background:url(../images/h2/aktuelles.gif) 0 0 no-repeat;
}

#contentMain h2.zimmer-und-suiten-h2	{
	background:url(../images/h2/zimmer-und-suiten.gif) 0 0 no-repeat;
}

#contentMain h2.tagungen-h2	{
	background:url(../images/h2/tagungen.gif) 0 0 no-repeat;
}

#contentMain h2.arrangements-h2	{
	background:url(../images/h2/arrangements.gif) 0 0 no-repeat;
}

#contentMain h2.messe-in-essen-h2	{
	background:url(../images/h2/messe-in-essen.gif) 0 0 no-repeat;
}

#contentMain h2.highlights-in-essen-h2	{
	background:url(../images/h2/highlights-in-essen.gif) 0 0 no-repeat;
}

#contentMain h2.buehne-in-essen-h2	{
	background:url(../images/h2/buehne-in-essen.gif) 0 0 no-repeat;
}

#contentMain h2.freizeit-in-essen-h2	{
	background:url(../images/h2/freizeit-in-essen.gif) 0 0 no-repeat;
}

#contentMain h2.essen-ruettenscheid-h2	{
	background:url(../images/h2/essen-ruettenscheid.gif) 0 0 no-repeat;
}

#contentMain h2.kontakt-danke-h2	{
	background:url(../images/h2/kontakt-danke.gif) 0 0 no-repeat;
}

#contentMain h2.kontakt-h2	{
	background:url(../images/h2/kontakt.gif) 0 0 no-repeat;
}

#contentMain h2.anfahrt-h2	{
	background:url(../images/h2/anfahrt.gif) 0 0 no-repeat;
}

#contentMain h2.impressum-h2	{
	background:url(../images/h2/impressum.gif) 0 0 no-repeat;
}

#contentMain h2.buchung-und-anfrage-h2	{
	background:url(../images/h2/buchung-und-anfrage.gif) 0 0 no-repeat;
}

#contentMain h2.newsletter-h2	{
	background:url(../images/h2/newsletter.gif) 0 0 no-repeat;
}

#contentMain h2.restaurant-h2	{
	background:url(../images/h2/restaurant.gif) 0 0 no-repeat;
}

/*---------=contentColumn1----------*/

#contentColumn1{
	width:325px;
	float:left;
	padding:0 34px 0 0;
}	

/*---------=contentColumn2----------*/

#contentColumn2{
	width:325px;
	float:left;
}

a.restaurant-reservierung {
	background:url(../images/restaurant-reservierung.jpg) 0 0 no-repeat;
    padding: 0;
    width: 229px;
	height:116px;
	display:block;
	text-indent:-9999px;
	margin-left:-5px;
	margin-top:10px;
	margin-bottom:20px;
}

#contentColumn2 span {

}
#video	{
	background:url(../images/bg-video.jpg) 0 0 no-repeat;
	width:316px;
	height:221px;
	position:relative;
	margin:-70px 0 0 0;
	padding:0 0 47px 0;
}

/*-----------------------------------*/
/*--------------=footer--------------*/
/*-----------------------------------*/

#footer {
	width: 708px;
	height: 15px;
	margin:0 auto;
	font-size:11px;
	padding:0 0 0 253px;
	position:relative;
	line-height:normal;
	z-index:1;
	background:url(../images/bg-footer.gif) 5px 14px no-repeat;
}

#push { 	
	height:15px;
	clear:both;
	float:none;
	line-height:1px;
	font-size:1px;
}

/*--------------=footer--------------*/

#info	{
	width:690px;
}

#info li	{
	background:url(../images/bg-info-li.gif) right 3px no-repeat;
	padding: 0 7px 0 7px;
}

#info li.no-img	{
	background:none !important;
	padding: 0 0 0 7px;
}

#info li a	{
	color:#551d0c;
	text-decoration:underline;
}

#info li a:hover	{
	text-decoration:none;
}

/*-----------------------------------*/
/*-------------=Kalendar-------------*/
/*-----------------------------------*/

h3.kalender	{
	font-size:14px;
	line-height:24px;
	padding:0 0 3px 0;
	float:left;
}

p.kalender-info	{
	font-size:11px;
	line-height:24px;
	float:right;
	padding:0 25px 0 0 !important;
}

* html p.kalender-info	{		/*IE HACK*/
	padding:0;
	margin:0 6px 0 0;
}

#belegungstabelle table	{
	font-size:12px;
	width:110px;
	margin:0 2px 38px 0;
	float:left;
	display:block;
}

#belegungstabelle table tr	{
	display:block;
	margin:0 0 1px 0;
	float:left;
	width:110px;
}

#belegungstabelle th	{
	font-weight:normal;
	float:left;
	background:#c0997c;
	color:#FFFFFF;
	width:110px;
	height:14px;
	text-align:center;
	line-height:13px;
	border-bottom:1px solid #ecdfd0;
}

#belegungstabelle td	{
	float:left;
	margin:0 1px 0 0;
	text-align:center;
	background:#FFFFFF;
}
* html #belegungstabelle td	{
	margin:0;
}

#belegungstabelle td.empty	{
	width:27px;
	height:22px;
}

#belegungstabelle td.ez	{
	width:41px;
	height:22px;
}

#belegungstabelle td.dz	{
	width:40px;
	height:22px;
	margin:0;
}

#belegungstabelle td.day	{
	width:27px;
	height:13px;
	font-size:10px;
	line-height:13px;
}

#belegungstabelle td.box1	{
	width:41px;
	height:13px;
	line-height:13px;
	font-size:10px;
}

#belegungstabelle td.box2	{
	width:40px;
	height:13px;
	margin:0;
	line-height:13px;
	font-size:10px;
}

/*----------=fieldset----------*/

#adresse	{
	width:325px;
	float:left;
}

#message	{
	width:338px;
	float:left;
}

/*----------=contentBuchung----------*/

#contentBuchung	{
	border-top: 3px solid #c0997c;
	width:675px;
	float:left;
	padding:20px 0 40px 0;
}
/*-----------------------------------*/
/*---------------=CMS----------------*/
/*-----------------------------------*/

/*------------=aktuelles-------------*/

.cms-block	{
	padding:0 0 30px 0;
	float:left;
	width:680px;
}

.pdfLink	{
	width:142px;
	float:right;
/*	background:url(../images/icons/pdf.gif) 0 0 no-repeat;
*/	height:30px;
	padding:7px 0 20px 0;
}

a.pdfDownload	{
	color:#551d0c;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	background:#f4ece5;
	padding:3px 14px 3px 14px;
	margin:0 0 0 24px;
}

a.pdfDownload img	{
	border:none;
	width:24px;
	height:29px;
	float:left;
	position:relative;
	top:-7px;
}

.cms-images	{
	border-top: 3px solid #c0997c;
	padding:23px 0 0 0;
	width:672px;
	float:left;
}

.image-big {
	border:1px solid #c0997c;
	width:150px;
	height:150px;
	float:left;
	display:block;
}

.imageHolderBig	{
	width:150px;
	height:150px;
	display:block;
	position:relative;
	float:left;
	margin:0 20px 20px 0;
}

.plusBig	{
	background:url(../images/icons/plus.gif) 0 0 no-repeat;
	width:7px;
	height:7px;
	display:block;
	position:absolute;
	top:144px;
	left:144px;
}

.imageHolderSmall	{
	width:100px;
	height:100px;
	display:block;
	position:relative;
	float:left;
	margin:0 10px 10px 0;
}

.image {
	border:1px solid #c0997c;
	width:100px;
	height:100px;
	float:left;
	display:block;
}

.noMargin	{
	margin:0 0 10px 0;
}

.plusSmall	{
	background:url(../images/icons/plus.gif) 0 0 no-repeat;
	width:7px;
	height:7px;
	display:block;
	position:absolute;
	top:94px;
	left:94px;
}

/*-----------------------------------*/
/*-----------=content-CMS------------*/
/*-----------------------------------*/

.image-wide	{
	width:323px;
	height:125px;
	border:1px solid #c0997c;
	float:left;
	display:block;
	margin:0 0 14px 0;
}

.imageHolderWide	{
	width:323px;
	height:125px;
	display:block;
	position:relative;
}

.imageHolderWide p	{
	float:left;
	margin:0;
	padding:0 !important;
}

.plusWide	{
	background:url(../images/icons/plus.gif) 0 0 no-repeat;
	width:7px;
	height:7px;
	display:block;
	position:absolute;
	top:151px;
	left:317px;
}

#contentMain h4	{
	font-size:12px;
	font-weight:bold;
	line-height:32px;
}

.image-square	{
	border:1px solid #c0997c;
	width:148px;
	height:125px;
	float:left;
	display:block;
}	

.imageHolderSquare	{
	width:148px;
	height:125px;
	display:block;
	position:relative;
	float:left;
	margin:0 13px 13px 0;
}

.plusSquare	{
	background:url(../images/icons/plus.gif) 0 0 no-repeat;
	width:7px;
	height:7px;
	display:block;
	position:absolute;
	top:119px;
	left:142px;
}

/*------------=table CMS---------------*/

table h5	{
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
}

table h6	{
	font-size:10px;
	line-height:13px;
	color:#551D0C;
	text-align:center;
}



#player {

margin-bottom: 10px; }