@import url(layouthelp.css);

/**
* Force vertical scrollbars
**/
html[xmlns^="http"] {
	overflow-y:				scroll;
}

/**
* Disable padding and margin for all elements
**/
* {
	padding:				0px;
	margin:					0px;
}

body {
	font-family:			Tahoma, Arial, Helvetica, Verdana;
	font-size:				small;
	color:					#333;
	background:				#edd79d url(../images/bg_body.gif) repeat-x;
}

/**
* Set page centered
*/
#center {
	text-align:				center;
}

/**
* Define page width
* Set margin to auto, otherwise non IE Browser will display the page non centered
**/
#page {
	margin:					auto;
	margin-bottom:			10px;
	text-align:				left;
	width:					1004px;
	background:				#fff;
}

#header {
	height:					188px;
	background:				url(../../assets/HeaderImages/home.jpg) no-repeat;
	color:					#84081a;
}
#header.restaurant-catering {
	background:				url(../../assets/HeaderImages/restaurant.jpg) no-repeat;
}
#header.arrangements {
	background:				url(../../assets/HeaderImages/arrangements.jpg) no-repeat;
}
#header.touristisches {
	background:				url(../../assets/HeaderImages/tourismus.jpg) no-repeat;
}

#header a, #footer a {
	color:					#84081a;
	text-decoration:		none;
}

#header a:hover, #footer a:hover {
	text-decoration:		underline;
}

#header_left {
	padding:				12px 0px 0px 40px;
	float:					left;
}

#header_right {
	padding:				12px 27px 0px 0px;
	float:					right;
}

#navigation_top {
	margin:					0px 3px;
	background:				#6e0313 url(../images/bg_ul_navigation_top.gif) 0px 0px no-repeat;
	height:					3.1em;
}

*:first-child+html #navigation_top {
	height:					3.0em;
}

#navigation_top ul {
	list-style-type:		none;
	margin:					auto;
	font-size:				1.1em;
}

#navigation_top ul li {
	display:				inline;
}

#navigation_top ul li a {
	display:				-moz-inline-box;
	display:				inline-block;
	text-decoration:		none;
	color:					#fcf6e6;
	padding:				0.6em 1.5em 1.0em 1.5em;
	/*padding:				11px 15px 13px 15px;*/
	border-right:			1px solid #ffffff;
	background:				#fff url(../images/bg_li_navigation_top.gif) no-repeat;
}

*:first-child+html #navigation_top ul li a {
	padding-bottom:			0.9em;
}

#navigation_top ul li a.active {
	background:				#910519 url(../images/bg_li_navigation_top_active.gif) no-repeat;
}

#navigation_sub {
	padding:				32px 0px;
	min-height:				136px;
}

#navigation_sub ul {
	list-style-type:		none;
}

#navigation_sub ul li {
	border-bottom:			2px solid #fff;
	font-size:				1.1em;
}

#navigation_sub ul li.last {
	border-bottom:			none;
}

#navigation_sub ul li a {
	display:				block;
	color:					#333;
	font-weight:			bold;
	text-decoration:		none;
	padding:				12px 14px;
}

#navigation_sub ul li a.current, #navigation_sub ul li a.section {
	color:					#84081a;
	font-weight:			bold;
	background:				url(../images/bg_li_navigation_sub_active.gif) repeat-y;
}

#navigation_sub ul li ul li {
	border-bottom:			none;
	font-size:				1em;
	background:				#fcf5e5;
	border-top:				1px solid #fff;
}

#navigation_sub ul li ul li a {
	padding:				7px 10px 7px 30px;
}

#navigation_sub ul li ul li a.current, #navigation_sub ul li ul li a.section {
	background:				url(../images/bg_li_navigation_sub_sub_inactive.gif) 0px 0px no-repeat;
	font-weight:			bold;
}

#navigation_sub ul li ul li ul li {
	border-top:				none;
}

#navigation_sub ul li ul li ul li a {
	padding-left:			50px;
	background:				#f6e9c8 url(../images/bg_li_navigation_sub_sub_sub_inactive.gif) 35px 11px no-repeat;
}

#navigation_sub ul li ul li ul li a.current, #navigation_sub ul li ul li ul li a.section {
	background:				#f6e9c8 url(../images/bg_li_navigation_sub_sub_active.gif) 33px 15px no-repeat;
}

#navigation_spacer {
	height:					200px;
}

#content_left, #content_main, #content_main_twocol, #content_main_threecol, #content_right {
	float:					left;
	margin:					3px 0px;
}

#content_left, #content_right {
	width:					230px;
	margin:					3px;
	background:				#fcf5e5;
}

* html #content_left, * html #content_right {
	width:					230px;
	margin:					2px;
	background:				#fcf5e5;
}
#video_link {
	margin-bottom:			20px;
}
#video_link { margin-bottom: 110px\9 }
#video_link img {
	border:					none;
}
#hotel_widget {
	text-align:				center;
	margin:					20px 0px;
}

#address_field {
	float:					left;
	width:					230px;
	border-top:				3px solid #fff;
	background:				#84081a url(../images/bg_div_address_field.gif) no-repeat;
	color:					#fcf6e6;
	font-size:				1.1em;
}

*:first-child+html #address_field {
	font-size:				1.0em;
}
#address_field { font-size: 1.0em\9 }

#address_field h3 {
	padding:				10px 0px 0px 20px;
	font-size:				1.0em;
}
*:first-child+html #address_field h3 {
	font-size:				1.1em;
}
#address_field h3 { font-size: 1.1em\9 }
#address_field p {
	padding:				10px 20px;
}

#address_field p.first {
	padding-top:			0px;
}

#address_field a {
	color:					#fcf6e6;
	text-decoration:		none;
}

#content_right h2, #content_right h3 {
	color:					#84081a;
	border-bottom:			1px solid #84081a;
	padding:				15px;
	margin-bottom:			10px;
	background:				#f3e4bd;
}
#content_right span.message validation {
	width: 100px;
}

* html #content_right h2, * html #content_right h3 {
	color:					#84081a;
	border-bottom:			3px solid #84081a;
	padding:				15px 5px 15px 5px;
	margin-bottom:			10px;
}

#content_right .typography p {
	padding:				0px 15px;
}

* html #content_right .typography p {
	padding:				0px 0px 0px 7px;
}

#content_right {
	min-height:				402px;
}

#content_main_twocol {
	width:					765px;
	margin-right:			3px;
}

* html #content_main_twocol {
	width:					765px;
	margin-right:			3px;
}

#content_main_threecol {
	width:					532px;
}

#content_main_twocol .typography, #content_main_threecol .typography {
	padding:				15px 20px;
}

#footer {
	margin:					auto;
	margin-bottom:			20px;
	background:				transparent;
	text-align:				center;
	color:					#84081a;
	font-size:				0.9em;
}

div.WidgetHolder {
	/*border-top:				4px solid #fff;*/
}

/**
* Comments
**/
#CommentHolder ul {
	list-style: none;
	margin: 20px 0;
}

#PageComments li {
	margin: 5px 0;
	padding: 10px 10px 10px 10px;
}
#PageComments li.odd {
	background: #efefef url(../images/bg_li_page_comments_odd.gif) no-repeat 1% 10%;
	padding-left: 40px;
	padding-right: 10px;
}

#PageComments li.even {
	background: #fff url(../images/bg_li_page_comments_even.gif) no-repeat 1% 10%;
	padding-left: 40px;
	padding-right: 10px;
}

.actionLinks li {
	display: inline;
	border-right: 1px solid;
}
.actionLinks li.last {
	border-right: none;
}

.commentrss {
	background: transparent url(../images/bg_a_commentrss.png) no-repeat;
	padding-left: 20px;
}
#PageCommentsPagination p {
	text-align: center;
}

#PageCommentInterface_Form_PageCommentsPostCommentForm {
	margin-bottom:					10px;
}

#PageCommentInterface_Form_PageCommentsPostCommentForm_error {
	margin:							10px 0px;
	padding:						10px;
	border:							1px solid #ff0000;
	background-color:				#ff7676;
	font-weight:					bold;
	color:							#fff;
}

div.cb {
	clear:					both;
}

div.cl {
	clear:					left;
}

div.cr {
	clear:					right;
}
