html
{
	height:				100%;
	margin:				0;
	padding:			0;
}


body
{
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			9pt;
	margin:				0;
	padding:			0;
	background:			#fff url('/img/nav/verlauf_rechts.gif') left bottom fixed repeat-x;
}


img
{
	border:				none;
}


.clear
{
	clear:				both;
}


a
{
	text-decoration:	none;
	color:				inherit;
}

p
{
	margin:				0;
	padding:			0;
}

#body
{
	min-width:			1000px;	
}

#main
{
	margin:				14px 15px 0 15px;
	position:			relative;
}


#logo
{
	position:			absolute;
	width:				168px;
	height:				125px;
	z-index:			9999;
	top:				0;
	left:				39px;
}


#bgimg
{
	width:				100%;
	height:				auto;
	z-index:			10;
}


#headline
{
	position:			absolute;
	bottom:				0;
	left:				39px;
	/*opacity:			0.3;*/
	z-index:			100;
}

span.sub
{
	font-size:			7pt;
	line-height:		8pt;
}

/*************** Navigation ***************/
/******************************************/

div#nav
{
/*	margin:				0 15px 0 0;*/
/*	background:			transparent url('/img/nav/verlauf_rechts.jpg') left top scroll repeat-x;*/
}

div#nav div#leftSpace
{
/*	background:			transparent url('/img/nav/verlauf_links.jpg') left top scroll no-repeat;*/
	width:				55px;
	height:				107px;
	float:				left;
}

div#nav div#metanav
{
	float:				right;
	padding:			83px 15px 0 0;
	height:				24px;
}

div#nav div#metanav img
{
	vertical-align:		top;
}

div#nav div#metanav img.icon
{
	margin:				0 0px 0 6px;	
}

div#nav div#metanav img.dotline
{
	margin:				0 3px;
}

div#nav a
{
	color:				#666;
}

div#nav a:hover, div#nav a.navactive
{
	color:				#663366;
}

div#nav ul
{
	list-style-type:	none;
	padding:			0;
	margin:				0;
}


div#nav ul li.navblock
{
	display:			block;
	float:				left;
	padding:			12px 0 0 9px;
	margin:				0;
	height:				95px;
	width:				110px;
	background:			transparent url('/img/nav/vdots.gif') left top scroll repeat-y;
}

div#nav ul li#navblock_gastronomie
{
	width:				135px;
}

div#nav h1
{
	font-size:			11pt;
	color:				#333;
	margin:				0 0 5px 0;
	padding:			0;
	font-weight:		normal;
}

.navitem 
{
	line-height:		140%;
}

a#fullscreen
{
	visibility:			hidden;
}


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

div#contentwrap
{
	width:				329px;
	position:			absolute;
	top:				10%;
	height:				80%;
	right:				0;
	z-index:			110;
	overflow:			auto;
}

div.content
{
	width:				309px;
	position:			relative;
	line-height:		18px; /*150%;*/
}

div.scroller
{
	position:			absolute;
	top:				15%;
	right:				329px;
	z-index:			200;
}

div.content h1
{
	background:			transparent url('/img/common/hdotline.gif') center bottom scroll repeat-x;
	font-size:			14px;
	text-transform:		uppercase;
	margin:				0 0 16px 0;
	padding:			7px 0 17px 0;
	font-weight:		normal;
	position:			relative;
}

div.content h1 img
{
	position:			absolute;
	top:				-3px;
	right:				3px;
}

div.content ul
{
	list-style:			none;
	margin:				5px 0;
	padding:			0 0 0 14px;
}

div.content li
{
	padding:			0 0 0 10px;
	margin:				7px 0 7px 0;
	line-height:		120%;
/*	background:			transparent url('/img/common/li.gif') 0 7px scroll no-repeat;*/
	background:			transparent url('/img/common/li4.gif') 0 2px scroll no-repeat;
}

.closer
{
	position:			absolute;
	top:				10%;
	right:				20px;
	z-index:			120;
	border-left:		1px solid #cccccc;
	border-bottom:		1px solid #cccccc;
	display:			none;
}

div.boxbg
{
	opacity:			0.75;
	z-index:			-1;
	position:			absolute;
}


.box
{
	background:			#ffffff;
	color:				#333;
	margin-bottom:		5px;
	padding:			15px 18px;
	position:			relative;
}


table.boxtbl
{
	border:				0;
	margin:				-1px -1px 5px -1px;
	width:				313px;
	border-spacing:		1px;
	border-collapse:	collapse;
}


table.boxtbl tr
{
	background:			#ffffff;
	color:				#333;
	border:				0;
	margin:				0 0 10px 0;
}

table.boxtbl tr td
{
	padding:			7px 18px;
	margin:				0 0 10px 0;
	width:				100%;
	border:				0;
}

div.block .box
{
	margin-bottom:		1px;
	padding:			7px 18px;
}

div.block table.boxtbl
{
	margin-bottom:		0;
}

div.block
{
	margin-bottom:		5px;
}

div.block div.bgImageSwitch
{
	background-color:	#fff;
}

div.block div.bgImageSwitch img
{
	margin:				5px 0 5px 5px;
	float:				left;
}

.box .boxdesc
{
	float:				left;
}
.box .boxval
{
	float:				right;	
}

div.content tr.light td
{
	background-color:	#eeeeee;
}

div.content tr.dark td
{
	background-color:	#dddddd;
}

div.content td.pricecol
{
	text-align:			right;
	white-space:		nowrap;
	vertical-align:		bottom;
}

div.content td
{
	padding:			3px;
}

/********************* hotel *****************/
/*********************************************/
div#hotel div#contentwrap
{
	width:				209px;
}



div#hotel div.content
{
	width:				189px;
}

div#hotel div.box
{
	padding:			15px;
}

div.box#hotelflag
{
	text-align:			right;
}

div.box#hotelflag img
{
	padding:			0;
	margin:				0 0 0 5px;
	width:				22px;
	height:				16px;
}

div.box img.paymenticon
{
	padding:			0;
	margin:				0 2px 0 0;
	width:				24px;
	height:				16px;
}

div.box#rauchfrei img, div.box#wlan img
{
	width:				34px;
	height:				34px;
	float:				right;
}

div#hotel div.box#rauchfrei, div#hotel div.box#wlan
{
	font-size:			10pt;
}

div#hotel div.box#rauchfrei
{
	padding-top:		11px;
	padding-bottom:		14px;	
}

div#hotel div.box#rauchfrei img
{
	margin-top:			4px;
}

div#hotel div.box#rauchfrei span.sub
{
	display:			block;
	margin-top:			3px;
}
/**************Galerie*******************/
/****************************************/

#galeriePrevious, #galerieNext
{
	position:			absolute;
	top:				45%;
	width:				69px;
	height:				69px;
	z-index:			110;
}

#galerieLine .content
{
	width:				100%;
	height:				100%;
}

#galerieLine .box
{
	padding:			0;
	margin:				0;
	width:				100%;
	height:				100%;
}

#galeriePrevious
{
	left:				20px;
}

#galerieNext
{
	right:				20px;
}

#galeriePrevious img, #galerieNext img
{
	height:				69px;
	width:				69px;
}


/************** AGB *************/
/********************************/

div#agb div#contentwrap
{
	width:				735px
}


div#agb .content
{
	width:				715px
}