/* ------------------------------------------------------------------------
	#BASIC RESET
------------------------------------------------------------------------- */

* 					{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
caption, th, td 	{ text-align: left; }
:focus				{ outline: 0; }
table 				{ border-collapse: collapse; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */
ul					{ list-style-image: none; list-style-type: none; }

/* ------------------------------------------------------------------------
	#GLOBAL LAYOUT CLASSES
------------------------------------------------------------------------- */

.clear 				{ clear: both; }
.clear_left			{ clear: left; }
.clear_right		{ clear: right; }
.nobreak 			{ white-space: nowrap; }
.align_center 		{ text-align: center; }
.align_right	 	{ text-align: right; }
.align_left		 	{ text-align: left; }
.align_top			{ vertical-align: top; }
.align_middel		{ vertical-align: middle; }
.align_bottom		{ vertical-align: bottom; }
.float_left			{ float: left; }
.float_right		{ float: right; }


/* ------------------------------------------------------------------------
	#GRID
	16.06.09: Currently testing, Grid-Based indention
	inspired by: http://www.blueprintcss.org/tests/parts/grid.html
	but very poorly implemented
------------------------------------------------------------------------- */

.indent1			{ margin-left: 10px; }
.indent2			{ margin-left: 20px; }
.indent3			{ margin-left: 30px; }
.indent10			{ margin-left: 100px; }
.indent20			{ margin-left: 200px; }
.indent30			{ margin-left: 300px; }

.marginTop0			{ margin-top: 0px; }
.marginTop1			{ margin-top: 10px; }
.marginTop2			{ margin-top: 20px; }
.marginTop3			{ margin-top: 30px; }
.marginTop4			{ margin-top: 40px; }
.marginTop10		{ margin-top: 100px; }
.marginTop20		{ margin-top: 200px; }
.marginTop30		{ margin-top: 300px; }

.paddingBottom0		{ padding-bottom: 0px; }
.paddingTop1		{ padding-top: 5px;}
.paddingTop2		{ padding-top: 10px;}

.marginBottom0		{ margin-bottom: 0px; }
.marginBottom1		{ margin-bottom: 5px; }
.marginBottom2		{ margin-bottom: 10px; }
.marginBottom3		{ margin-bottom: 25px; }
.marginBottom4		{ margin-bottom: 50px; }

#contentCenter .marginBottom4		{ margin-bottom: 30px; }

/* ------------------------------------------------------------------------
	#FONTS, COLORS, TEXT-DECORATION, MARGINS ETC.
------------------------------------------------------------------------- */

*					{ font-family: Arial, sans-serif; font-size: 11px; }

address, input, label, li, option, p, pre, select, span, td, textarea, th, a, caption, #JT_close_left, #JT_close_right
					{ font-size: 11px; color: #676c6a; }

p					{ margin-bottom: 5px; }
pre					{ margin-bottom: 5px; font-family: "Courier New", monospace; font-size: 11px; }

h1					{ color: #a8a38d; font-size: 19px; margin-bottom: 20px;padding-left: 0px;font-weight: bold;}
h2					{ color: #676c6a; font-size: 14px; font-weight: bold; line-height:29px; }
h3					{ color: #a8a38d; font-size: 13px; margin-bottom: 10px;font-weight: bold;  }
h4					{ color: #004a7f; font-size: 11px; margin-bottom: 5px; font-weight: bold; }
h5					{ color: #004a7f; font-size: 11px; margin-bottom: 5px; font-style: italic; }
h6					{ color: #004a7f; font-size: 11px; margin-bottom: 5px; }

hr					{ height: 1px; border-bottom: 1px solid #cdcdcd; width: 100%; margin: 10px 0;}
.hr_big				{ height: 1px; border-bottom: 1px solid #cdcdcd; width: 100%; margin: 20px 0;}

em					{ color: #ec6b22;}
strong, b			{ font-weight: bold;}

a:link	 			{ color: #676c6a;}
a:visited			{ color: #676c6a; }
a:hover 			{ text-decoration: underline; color: #274c04; }
a:active			{ text-decoration: underline; color: #274c04; }

a.arrow_white, a.arrow_white:link, a.arrow_white:active, a.arrow_white:visited, a.arrow_white:hover
					{ color: #fff; padding-left: 8px; background: transparent url(../img/arrow_white.gif) center left no-repeat; line-height: 100%; }

a.arrow_green, a.arrow_green:link, a.arrow_green:active, a.arrow_green:visited, a.arrow_green:hover
					{ color: #274c04; padding-left: 8px; background: transparent url(../img/arrow_green.gif) center left no-repeat; line-height: 100%; }

a.arrow_pdf, a.arrow_pdf:link, a.arrow_pdf:visited 	{ color: #707572; background: transparent url(../img/pdf_pfeil.gif) no-repeat scroll left 0px; line-height: 100%; padding: 7px 0 0 43px; text-decoration: none; height: 24px; display: block;  }
a.arrow_pdf:hover, a.arrow_pdf:active				{ text-decoration: underline; }

a.backAsImg			{ margin-right: 5px; }
a.forthAsImg 		{ margin-left: 5px; }

ul 					{ padding: 2px 0; margin-bottom: 5px; }
ul li				{ background: transparent url(../img/icon_arrow_list.gif) 0 5px no-repeat; padding-left: 13px; margin-left: 10px; }

ol 					{ list-style-type: decimal; list-style-position:inside; padding: 2px 0; margin-bottom: 5px; }
ol li				{ margin-left: 10px; }

.font_10px			{ font-size:10px;}

.underline			{ text-decoration:underline;}


/* ------------------------------------------------------------------------
	#BOX-MODEL
------------------------------------------------------------------------- */
html								{ height:100%;}
body								{ background: #fff; width: 100%; height: 100%;background: transparent url(../img/bg.gif) 0 0 repeat-y; }
#canvas								{ width: 938px; position: relative;min-height:100%;}
	#header							{ height: 346px; position: relative;width: 100%; background: transparent url(../img/header_bg_wildermann.png) 0 0 no-repeat;}
		#header_lang				{ height: 16px; position: absolute; top: 4px; right: 4px; }
		#header_back				{ width: 211px; height:20px; position: absolute; top: 8px; right: 165px; text-align:right; }
		#header_logo				{ width: 211px; height: 136px; position: absolute; top: 25px; }
		#header_hl					{ position: absolute; top: 9px; left: 14px; }
		#header_flash				{ width: 726px; height: 290px; position: absolute; top: 24px; left: 212px; }
		#header_newsletter			{ width: 200px; height: 130px; position: absolute; top: 182px; left: 8px; }
		#header_headline			{ width: 938px; height: 29px; position: absolute; top: 316px; left: 0px; text-align:center; }
		#facebook					{ position:absolute; top:3px; left: 250px;}
	#content_wrapper				{ padding-bottom: 60px;}
		#contentLeft				{ width: 211px; float: left;}
		#contentCenter				{ width: 457px; float: left;padding:30px;}
		#contentCenter_FullWidth	{ width: 667px; float: left;padding:30px;}
		#contentRight				{ width: 210px; float: left;  }
	#footer							{ width: 910px; position: absolute; bottom:0; margin: 15px 0px 10px 13px; padding: 6px 0 0 0; border-top: 1px solid #cacccb; }


/* ------------------------------------------------------------------------
	#NAVIGATION
------------------------------------------------------------------------- */

#nav														{ margin:0; padding:0;}
#nav li														{ margin:0; padding:0; background: none;}
#nav li a,#nav li a:link,#nav li a:visited					{ background: transparent url(../img/nav_bg.png) top left no-repeat;padding-left: 10px;display: block;line-height: 30px; width:201px; height:30px; text-decoration:none;font-family: Arial, sans-serif;font-size:11px;font-weight:bold; }
#nav li a:hover,#nav li a:active, #nav li a#current	 		{ background-position: 0px -30px;color: #a9a389; }
#nav li a#current.subhover 									{ background-position:0px -60px;}

#nav li ul 													{ background: transparent url(../img/subnav_ul_bg.png) bottom left no-repeat;padding:0 0 12px 0; margin:0px;}
#nav li ul li a,#nav li ul li a:link,#nav li ul li a:visited				{ background: #efecdd;margin:0;padding:0px;padding-left:20px;display: block;line-height: 16px; width:190px; height:16px; text-decoration:none;font-family: Arial, sans-serif;font-size:11px;font-weight:normal; }
#nav li ul li a:hover,#nav li ul li a:active, #nav li ul li a#currentsub	{ background: #c3bda2;color: #ffffff; }


/* ------------------------------------------------------------------------
	#BOXES
------------------------------------------------------------------------- */

#boxBooking					{ height: 115px ; padding: 16px 12px 10px 12px; background: transparent url(../img/bg_box_booking.jpg) 0 0 repeat-y; }
#boxBooking h3				{ color: #ffffff; font-size: 13px; margin:0;font-weight: normal;}
#boxBooking p				{ color: #ffffff; padding:10px 0 10px 0; margin:0;}

#boxUniversal				{ margin-top:1px; padding: 16px 12px 10px 12px; background: transparent url(../img/bg_box.gif) 0 0 repeat-x; }
#boxUniversal h3			{ color: #676c6a; font-size: 13px; margin:0;font-weight: normal;}
#boxUniversal p				{ padding:10px 0 10px 0; margin:0;}


.boxUniversal				{ margin-top:1px; padding: 16px 12px 10px 12px; background: transparent url(../img/bg_box.gif) 0 0 repeat-x; }
.boxUniversal h3			{ color: #676c6a; font-size: 13px; margin:0;font-weight: normal;}
.boxUniversal p				{ padding:10px 0 10px 0; margin:0;}

.boxDirections				{ height: 100px; }
.boxDirectionsMap			{ height: 140px; }
.boxRoomsEvents				{ height: 110px; }
.boxRoomsEventsPdfOnly		{ height: 520px; }
.boxRestaurantFacts			{ height: 290px; }


/* ------------------------------------------------------------------------
	#LAYOUT
------------------------------------------------------------------------- */

.content					   	{ padding: 5px 10px; }

#contentCenter p 				{ margin-bottom:10px;}

/*	LANGUAGE-FLAGS	*/
#header_lang		{ text-align: right; }
#header_lang img	{ margin-left: 13px;margin-top:0px;}



/* ------------------------------------------------------------------------
	#LAYOUT BOXES
------------------------------------------------------------------------- */

.boxBorder, .imageBorder		{ border: 1px solid #959b9e; padding: 1px; }
#contentCenter .boxBorder		{ margin-left: 12px; }

#contentCenter p				{ text-align: justify;}
.imageBorder					{ background-color: #fff; }

.content					   	{ padding: 5px 10px; }
.bg							   	{ padding: 1px; }

.bgBlueShort h1					{ margin: 0; }
.separator					   	{ height: 18px; }

.bgGreyShort				   	{ background: transparent url(../img/bg_gradient_short_grey.gif) 0 0 repeat-x; }
.bgBlueShort				   	{ background: transparent url(../img/bg_gradient_short_beige.gif) 0 0 repeat-x; }
.bgBlueLong					   	{ background: transparent url(../img/bg_gradient_long_beige.gif) 0 0 repeat-x; }

.boxHalfLeft					{ width: 47.5%; float: left;}
.boxHalfRight					{ width: 47.5%; float: right; }

.boxNews em						{ color:#274C04;}


/* ------------------------------------------------------------------------
	#FORMS
------------------------------------------------------------------------- */

a.button, span.button							{ border: 1px solid #cdcdcd; background: #cdcdcd url(../img/bg_submit.gif) 0 0 repeat-x; background-color: #fff; color: #515553; padding: 2px 5px; text-decoration: none;
													font-size: 10px; }
span.button										{ color: #cdcdcd; } 		/* simulate disabled button for preview of offer */
a.button.float_right, span.button.float_right	{ margin-left: 5px; }
a.button.float_left, span.button.float_left		{ margin-right: 5px; }

input											{ border-top: 2px solid #959b9e; border-left: 2px solid #959b9e; border-bottom: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; background-color: #fff; color: #515553; padding: 1px 2px;
													margin-right: 2px; height: 15px; }
input.submit									{ width:90px;border:0px; background: url(../img/arrow_green.gif) 0 8px no-repeat; margin: 0; height: 20px;padding-left:6px;text-decoration:underline;font-size:11px; }
input.submit.button								{ border: 1px solid #cdcdcd; background: #959b9e url(../img/bg_submit.gif) 0 0 repeat-x; margin: 0; height: 20px; }
input.submit.large								{ width: 130px; }
input.submit[disabled]							{ color: #cdcdcd; }
input.file										{ height: auto; }

input.submit.float_right						{ margin-left: 5px; }	/* this is to prevent that multiple floated buttons get squished */

select											{ border-top: 2px solid #959b9e; border-left: 2px solid #959b9e; border-bottom: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; background-color: #fff; color: #515553; padding: 1px 2px;
													margin-right: 2px; }

label											{ display: block; }
input											{ margin: 5px 0 10px 0; }
select											{ margin: 5px 0 10px 0; }
input.nl										{ display: block; }
input[disabled]									{ background-color: #cdcdcd; }
select											{ margin-bottom: 10px; }
select.nl										{ display: block; }


input.nl										{ border:1px solid #676c6a;margin:5px 0 5px 0;}

input.checkbox_vertical							{ margin: 0; float: left; clear: both; border: none; }
label.checkbox_vertical							{ line-height: 15px; margin-left: 20px; padding-bottom: 5px; }
input.checkbox_horizontal						{ margin: 0; float: left; border: none; }
label.checkbox_horizontal						{ margin: 0 15px 0 5px; float: left;}

input.checkbox									{ margin: 0; padding: 0; height: auto; }

input.radio_vertical							{ margin: 0; float: left; clear: both; border: none; }
label.radio_vertical							{ line-height: 15px; margin-left: 20px; padding-bottom: 10px; }
input.radio_horizontal							{ margin: 0; float: left; border: none; }
label.radio_horizontal							{ margin: 0 15px 0 5px; float: left; }

label.error, input.error, textarea.error		{ color: #cc1947; }
input.error, textarea.error						{ margin-bottom: 0px; border-top-color: #cc1947; border-left-color: #cc1947; border-right-color: #cc1947; border-bottom-color: #cc1947; }
label.error										{ margin-bottom: 5px;clear:both; }
select.error									{ margin-bottom: 0px; }

label.left										{ float: left; width: 85px; padding: 3px 15px 0 0; line-height: 15px; }
label.long										{ width: 150px; }

/* DIMENSIONS */

input.extra_short								{ width: 50px; }
input.short										{ width: 100px; }
input.medium									{ width: 190px; }
input.long										{ width: 300px; }
input.extra_long								{ width: 400px; }

select.extra_short								{ width: 57px; }
select.short									{ width: 107px; }
select.medium									{ width: 207px; }
select.long										{ width: 307px; }
select.extra_long								{ width: 407px; }

/* COMBINED INPUT FIELDS */

.combLeft										{ margin-right: 5px; }

input.combMediumShorter							{ width: 65px; }
input.combMediumLonger							{ width: 123px; }
input.combLongShorter							{ width: 80px; }
input.combLongLonger							{ width: 208px; }
input.combExtraLongShorter						{ width: 100px; }
input.combExtraLongLonger						{ width: 288px; }

select.combShortShorter							{ width: 44px; }
select.combShortLonger							{ width: 60px; }
select.combMediumShorter						{ width: 72px; }
select.combMediumLonger							{ width: 130px; }



/* ------------------------------------------------------------------------
	#SPECIAL FORMS
------------------------------------------------------------------------- */

textarea										{ border-top: 2px solid #676C6A; border-left: 2px solid #676C6A; border-bottom: 1px solid #676C6A; border-right: 1px solid #676C6A; background-color: #fff; color: #515553; padding: 1px 2px;
													margin-bottom: 10px; width: 400px; height: 100px; }
textarea.full									{ width: 99%; }
textarea.heigh									{ height: 500px; }
textarea.mediumHeigh							{ height: 250px; }


label.file										{ padding-top: 6px; }
p.file											{ padding-top: 9px; padding-left: 10px; }


div.image_removable 							{ margin: 5px 15px 0 0; position: relative; padding: 10px 15px 0 0; float: left; }
div.image_removable .icon_remove img			{ position: absolute; top: 3px; right: 3px; }


div.pdf_removable								{ margin: 5px 15px 0 0; position: relative; padding: 10px 15px 0 0; float: left; }
div.pdf_removable .icon_remove img				{ position: absolute; top: 3px; right: 3px; }


/* ------------------------------------------------------------------------
	#TABLES
------------------------------------------------------------------------- */


table.light caption											{ margin-top: 10px; caption-side:top; font-weight: bold; }
table.light td 									{ border-left: 1px solid #cdcdcd; padding: .3em 1em; }
table.light th 									{ border-bottom: 1px solid #cdcdcd; border-left: 1px solid #cdcdcd; padding: .3em 1em; }
table.light th.column1              						{ background-color: #eee; border-bottom: 1px solid #fff; text-align: center; }
table.light th.column1_2              						{ background-color: #eee; border-bottom: 1px solid #fff; text-align: left; }
table.light thead th										{ text-align: center; color: #676C6A; font-size: 13px; border-bottom-width: 2px; padding-top: 5px; padding-bottom: 5px;}
table.light tfoot th 										{ text-align:center; font-size: 12px; color: #676C6A; padding-top: 12px; padding-bottom: 12px; }
table.light tfoot th                						{ border-top: 1px solid #cdcdcd; }
table.light tfoot td                						{ border-bottom: 1px solid #cdcdcd; }
table.light 									{ width: 100%; border-top: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; margin: 10px auto; }
table.light										{ margin: 10px 0; }
table.light th  								{ padding: 2px; background: none; font-size: 11px; }
table.light th.column1, table.light th.column1_2, table.light td			{ border-bottom: 1px solid #cdcdcd; }


table.lightWM																{ margin: 10px 0; }
table.lightWM thead th  													{ padding: 2px; background:none; 	font-size: 11px; text-align:center; border-right: 1px solid #2b5521; }
table.lightWM thead .green													{ padding: 2px; background:#2b5521; font-size: 11px; text-align:left; color:#ffffff; }
table.lightWM tbody th  													{ padding: 2px; background:#f0ecdb; font-size: 11px; text-align:left; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; }
table.lightWM tbody td  													{ padding: 2px; background:#f0ecdb; font-size: 11px; text-align:center; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; }
table.lightWM tbody .white  												{ padding: 2px; background:#ffffff; font-size: 11px; text-align:center; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; }
table.lightWM tfoot td	  													{ height: 10px; background:#c0bfa0; border-top:3px solid #ffffff; }


/* ------------------------------------------------------------------------
	#LISTS
------------------------------------------------------------------------- */

.ul_cross li 							{ background: transparent url(../rpp_img1/icon_cross_list.gif) 0 6px no-repeat; padding-left: 13px; margin-top: 3px; display: block; }
.ul_arrow li							{ background: transparent url(../img/icon_arrow_list.gif) 0 5px no-repeat; padding-left: 13px; margin-left: 10px;font-size: 11px; }

.checkmarks li 							{ background: transparent url(../rpp_img1/icon_checkmark.gif) 0 3px no-repeat; padding-left: 26px; margin-top: 3px; font-size: 13px; line-height: 1.3em; }

.ul_plus 								{ border-top: 1px dashed #cdcdcd; border-bottom: 1px dashed #cdcdcd; padding: 2px 0; margin-bottom: 5px; }
.ul_plus li 							{ background: transparent url(../rpp_img1/icon_plus.gif) 0 3px no-repeat; padding-left: 13px; margin-left: 10px; font-size: 11px; }
.ul_plus li em 							{ font-weight: bold; }
.ul_plus li ul 							{ margin: 2px 0 2px -10px; }
.ul_plus li ul li						{ background: transparent url(../img/icon_arrow_list.gif) 0 5px no-repeat; padding-left: 13px; margin-left: 10px;font-size: 11px; }

.ul_categories 							{ padding: 2px 0; margin-bottom: 5px; }
.ul_categories li 						{ background: transparent url(../rpp_img1/icon_arrow_category.gif) 0px 4px no-repeat; padding-left: 10px; margin-left: 0px; font-size: 11px; }
.ul_categories li em 					{ font-weight: bold; }
.ul_categories li a:link, .ul_categories li a:visited
										{ color: #004a7f; text-decoration: none; }
.ul_categories li a:hover, .ul_categories li a:active
										{ text-decoration: underline; }
.ul_categories li ul 					{ margin: 2px 0 2px 0px; }
.ul_categories li ul li 				{ background: transparent url(../rpp_img1/icon_cross_list.gif) 0 6px no-repeat; padding-left: 10px; margin-top: 0px; display: block; }
.ul_categories li ul li a, .ul_categories li ul li a:link, .ul_categories li ul li a:visited
										{ color: #515553; text-decoration: none; }
.ul_categories li ul li a:hover 		{ color: #004a7f; }
.ul_categories li ul li a.current		{ text-decoration:underline;color:#004A7F;}

.removable li a 						{ position: relative; }
.removable li a img						{ position: absolute; right: -9px; bottom: 7px; display: none; }

.ul_underline_divs li						{ background-position: 0 8px; }
.ul_underline_divs li div 					{ border-bottom: 1px dashed #cdcdcd; }
.ul_gray_link li div a, .ul_gray_link li div a:link, .ul_gray_link li div a:visited
											{ color: #515553; text-decoration: none; line-height: 2em; }
.ul_gray_link li div a:hover 				{ color: #004a7f; }
.ul_gray_link_normal li div a, .ul_gray_link_normal li div a:link, .ul_gray_link_normal li div a:visited
											{ color: #515553; text-decoration: none; }
.ul_gray_link_normal li div a:hover 		{ color: #004a7f; }

.ul_links li					{ margin-bottom:15px;}


p.caption					{ margin: 0; float: left; line-height: 25px; }
ul.actionList				{ margin: 0 0 0 50px; padding: 0; }
ul.actionList li			{ display: block; float: left; margin: 2.5px 0 2.5px 10px; background: none; padding: 0; }
ul.actionList li a.button	{ display: block; min-width: 100px; text-align: center; }



/*	ERROR- / NOTICE-HANDLER	*/
#noscript								{ margin-top: 5px; border: 1px solid #959b9e; padding: 10px; background-color: red; }

#errorMessage							{ margin-bottom: 20px; border: 1px solid #959b9e; padding: 10px; display:none;}
#errorMessage.error						{ background-color: #C3BDA2; }
#errorMessage.notice					{ background-color: #eeeeee; }
#errorMessage h1						{ margin: 0 0 10px 0; }
#errorMessage p							{ font-size: 12px; margin-bottom: 5px; }

.messageHeadlineOnly h2					{ margin: 0; }

p.error, em.error						{ color: #a4ca1d; font-size: 12px; }
p.error									{ margin: 5px 0; }


#googleMapsContainer {
height:300px;
}


/* NEWS */

.newsItem em	{ color:#274c04;}
.newsItem img	{ float:left; padding: 0 8px 8px 0;}

/* Events */

.eventItem em	{ color:#274c04;}
.eventItem img	{ float:left; padding: 0 8px 8px 0;}
#contentCenter .eventItem p	{ margin:0px;}