@charset "utf-8";

/*********************************************************
 * Reset deault Browser Styles                           *
 *********************************************************/
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #000;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
strong, b { font-weight: bold; }
em, i { text-decoration: underline; }




/*********************************************************
 * Site Styles                                           *
 *********************************************************/


body {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #778a72;
	background: #0d5218 url(../img/layout/bg_body.jpg) repeat-x top left;
	overflow-x: hidden;
}

.clearer { clear: both; }


#containerSiteOuter {
	background: url(../img/layout/bg_containerSite.jpg) no-repeat top;
}

#containerSite {
	width: 1003px;
	margin: 0 auto 0 auto;
	position: relative;
}

#containerHeader {
	height: 366px;
	overflow: hidden;
	position: relative;
	padding-top: 30px;
}
	#logo {
		position: absolute;
		top: 0px;
		left: 30px;
		width: 294px;
		height: 90px;
		overflow: hidden;
	}
		#logo a {
			display: block;
			width: 294px;
			height: 90px;
			overflow: hidden;
			text-indent: -999em;
			background: url(../img/layout/logo.gif) no-repeat top left;
		}
	#containerMainNav {
		position: absolute;
		top: 25px;
		left: 325px;
		width: 678px;
		height: 65px;
	}
		ul#mainNavList {
			height: 65px;
			width: 678px;
			overflow: hidden;
			float: left;
		}
		ul#mainNavList li { float: left; }
		ul#mainNavList li a {
			display: block;
			height: 52px;
			overflow: hidden;
			background-repeat: no-repeat;
			float: left;
			text-decoration: none;
			text-transform: uppercase;
			text-indent: -999em;
			margin-right: 1px;
		}
		ul#mainNavList li a:hover,
		ul#mainNavList li.active a {
			height: 68px;
			background-position: bottom left;
		}


#containerContent {
	background: #e9eee7;
	padding-bottom: 30px;
}
	#containerBreadcrumb {
		height: 30px;
		background: #778a72 url(../img/layout/bg_sidebarShadow.gif) no-repeat top right;
		overflow: hidden;
		line-height: 30px;
		color: #cad5c6;
		padding-left: 9px;
	}
		#containerBreadcrumb a {
			color: #cad5c6;
			text-decoration: none;
		}
		#containerBreadcrumb a:hover { text-decoration: underline; }



	#content {
		padding: 30px;
		width: 618px;
	}
	#content h1 { margin: 5px 0 15px 0; }
	#content h2 { margin: 5px 0 10px 0; }
	#content h3 {
		font-size: 13px;
		color: #5a6856;
		text-transform: uppercase;
		font-weight: bold;
		margin-top: 5px;
	}
	
	#content p {
		margin: 5px 0 15px 0;
	}
	
	#content p a {
		color: #778a72;
		text-decoration: underline;
	}
	#content p a:hover { text-decoration: none; }
	
	.csc-sitemap ul li {
		font-weight: bold;
		margin-bottom: 20px;
	}
	.csc-sitemap ul li ul li {
		font-weight: normal;
		margin-bottom: 0px;
	}
	.csc-sitemap ul li ul { margin-left: 20px; }
	.csc-sitemap ul li ul li ul { margin-left: 20px; }
	.csc-sitemap a {
		color: #778a72;
		text-decoration: underline;
	}
	.csc-sitemap a:hover { text-decoration: none; }
	
	#content .trennlinie {
		height: 1px;
		overflow: hidden;
		background: url(../img/layout/hLine.gif) repeat-x top left;
		margin: 5px 0 15px 0;
		clear: both;
	}
	
	#content .imgLeft {
		width: 221px;
		float: left;
	}
		#content .imgLeft div {
			width: 206px;
			height: 154px;
			margin: 0 0 15px 0;
			border: none;
		}
		#content .imgLeft .last { margin: 0px; }
		#content .txtRight {
			margin: 5px 0 15px 0;
			min-height: 160px;
		}
		#content .txtRight h2,
		#content .txtRight h1 { margin-left: 221px; }
	
	#content .imgRight {
		width: 221px;
		float: right;
	}
		#content .imgRight img {
			display: block;
			margin: 0 0 15px 0;
			border: none;
		}

	#content .imgTwo {
		height: 228px;
		margin: 5px 0 15px 0;
	}
		#content .imgTwo div {
			width: 304px;
			float: left;
			margin-right: 10px;
		}
		#content .imgTwo div.last { margin-right: 0px; }
		
	#content .imgFour {
		height: 110px;
		margin: 5px 0 15px 0;
	}
		#content .imgFour div {
			width: 147px;
			float: left;
			margin-right: 10px;
		}
		#content .imgFour div.last { margin-right: 0px; }
		
	#content .imgBig {
		margin: 5px 0 15px 0;
	}
	
	
		#content table.contenttable {
			border-collapse: collapse;
			width: 100%;
			margin: 5px 0 15px 0;
		}
		
		#content table.contenttable th,
		#containerContent table.contenttable td {
			border: 1px solid #e9eee7;
			background-color: #fff;
			color: #333;
			text-align: center;
			padding: 6px 8px;
		}
		
		#content table.contenttable thead th {
			background: #778a72;
			font-weight: bold;
			color: #fff;
		}
		
		#content table.contenttable tr:hover td {
			background-color: #f4f7f3;
		}
		
		#content table.contenttable th:first-child,
		#content table.contenttable td:first-child,
		#content table.contenttable th.first,
		#content table.contenttable td.first {
			text-align: left;
			width: 30%;
		}
		#content table.contenttable td:first-child,
		#content table.contenttable td.first { background-color: #f4f7f3; }
		
		#content table.contenttable th.width150 { width: 150px; }
		
		#content table.contenttable th.width200 { width: 200px; }
		
		#content table.contenttable th.width50 { width: 50px; }
		
		#content table.contenttable p {
			display:inline;
			margin:0;
			padding:0;
		}
	
	
	/* Pagebrowser */
	.naanPageBrowserContainer { margin: 5px 0 15px 0; }
	.naanPageBrowserContainer ul {
		height: 29px;
		overflow: hidden;
		background: url(../img/layout/bg_dottedLine.gif) repeat-x top left;
	}
	.naanPageBrowserContainer ul li a {
		color: #5a6856;
		text-decoration: underline;
	}
	.naanPageBrowserContainer ul li a:hover { text-decoration: none; }
	.naanPageBrowserContainer ul li {
		display: block;
		float: left;
		line-height: 29px;
	}
	.naanPageBrowserContainer ul li.pageBrowserBackLink { width: 70px; text-align: left; padding: 0 5px; }
	.naanPageBrowserContainer ul li.pageBrowserNextLink { width: 70px; text-align: right; padding: 0 5px; }
	.naanPageBrowserContainer ul li.pageBrowserPageLink { width: 458px; text-align: center; }
	

	/* Gallery */
	#content div.ql_simple_gallery-boxes { margin: 5px 0 15px 0; }
		#content div.ql_simple_gallery-boxes div.ql_simple_gallery_box_album {
			width: 304px;
			height: 228px;
			overflow: hidden;
			float: left;
			margin: 0 10px 10px 0;
			position: relative;
		}
		#content div.ql_simple_gallery-boxes div.ql_simple_gallery_box_album a { border: none; }
		#content div.ql_simple_gallery-boxes div.last { margin-right: 0px; }
		#content div.ql_simple_gallery-boxes div.ql_simple_gallery_box_album div.ql_simple_gallery_image {}
		#content div.ql_simple_gallery-boxes div.ql_simple_gallery_box_album div.ql_simple_gallery_text {
			text-align: center;
			width: 284px;
			height: 60px;
			background: url(../img/layout/bg_albumBox.gif) no-repeat bottom left;
			position: absolute;
			bottom: 10px;
			left: 10px;
			font-weight: bold;
		}
			#content div.ql_simple_gallery-boxes div.ql_simple_gallery_box_album div.ql_simple_gallery_text a {
				color: #fff;
				text-decoration: underline;
				display: block;
				height: 20px;
				padding: 20px;
				line-height: 20px;
			}
			#content div.ql_simple_gallery-boxes div.ql_simple_gallery_box_album div.ql_simple_gallery_text a:hover { text-decoration: none; }
	
	#content div.ql_simple_gallery_detail_boxes { margin: 5px 0 20px 0; }
		#content div.ql_simple_gallery_detail_boxes div.ql_simple_gallery_box {
			width: 147px;
			height: 110px;
			float: left;
			margin: 0 10px 10px 0;
			display: block;
		}
		#content div.ql_simple_gallery_detail_boxes div.last { margin-right: 0px; }
		#content div.ql_simple_gallery_detail_boxes div.ql_simple_gallery_box img {}
		#content div.ql_simple_gallery_detail_boxes div.ql_simple_gallery_box a { border: none; }
	
	/*#content #albumTitleDescContainer { position: relative; }
	#content #albumTitleDescContainer #backLink {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 150px;
		height: 20px;
		text-align: right;
	}
	#content #albumTitleDescContainer #backLink a {
		padding: 2px 5px;
		background: #c80419;
		color: #fff;
		text-decoration: none;
		border: none;
	}*/

	/**
	 * News
	 */

	#content  .newsListContainer {
		margin: 5px 0 15px 0;
	}
	
	#content .newsListImg {
		width: 221px;
		float: left;
	}
		#content .newsListImg img {
			width: 206px;
			height: 154px;
			margin: 0;
			border: none;
		}

	#content .readMoreCont a {
		padding: 3px 10px;
		background: url(../img/layout/bg_readMore.gif) no-repeat top left;
		color: #fff;
		text-decoration: none;
		text-align: center;
	}
	#content .readMoreCont a:hover { text-decoration: underline; }
	
	#content .newsSingleContainer .newsListImg img {
		width: 206px;
		height: 154px;
		margin: 0 0 10px 0;
		border: none;
	}
	#content .newsSingleContainer .newsBackLink a,
	#content #backLink a {
		display: block;
		line-height: 29px;
		padding: 0 6px;
		color: #5a6856;
		text-decoration: none;
		background: url(../img/layout/bg_dottedLine.gif) repeat-x top left;
		margin-bottom: 20px;
	}





#containerSidebar {
	position: absolute;
	top: 206px;
	right: 30px;
	width: 265px;
	padding: 15px;
	background: #fff;
}
	#sidebar {
	}

	ul#subNav li a {
		display: block;
		width: 265px;
		height: 30px;
		text-indent: -999em;
		background-position: top left;
		background-repeat: no-repeat;
		margin-bottom: 1px;
	}
	ul#subNav li a:hover,
	ul#subNav li a.active {
		background-position: bottom left;
	}
	
	#sidebar .sidebarBox { margin-bottom: 15px; }
	#sidebar .sidebarBoxContent {
		background: #b1c5ac url(../img/layout/corner_lb_light.gif) no-repeat bottom left;
		padding: 10px;
		color: #fff;
	}
	#sidebar .sidebarBoxContent a { color: #fff; }
	#sidebar .sidebarBoxContent a:hover { text-decoration: none; }
	
	#sidebar .sidebarBox h2.hlBuchungsanfrage {
		height: 35px;
		overflow: hidden;
		text-indent: -999em;
		background: #778a72 url(../img/layout/headlines/hl_sb_buchungsanfrage.gif) no-repeat top left;
		margin-bottom: 1px;
	}
	#sidebar .sidebarBox .contAnreise,
	#sidebar .sidebarBox .contAbreise {
		height: 57px;
		margin-bottom: 1px;
		overflow: hidden;
		position: relative;
		background: #b1c5ac url(../img/layout/corner_lb_light.gif) no-repeat bottom left;
		color: #fff;
	}
	#sidebar .sidebarBox .contAnreise label,
	#sidebar .sidebarBox .contAbreise label {
		position: absolute;
		display: block;
		font-weight: bold;
		text-transform: uppercase;
		top: 10px;
		left: 10px;
		line-height: 15px;
		height: 15px;
		overflow: hidden;
	}
	#sidebar .sidebarBox .contAnreise select,
	#sidebar .sidebarBox .contAbreise select {
		display: block;
		position: absolute;
		width: 43px;
		height: 18px;
		top: 30px;
		left: 10px;
		border: 1px solid #fff;
		color: #778a72;
		font-size: 10px;
	}
	#sidebar .sidebarBox .contAnreise select#from_m,
	#sidebar .sidebarBox .contAbreise select#to_m {
		width: 115px;
		left: 65px;
	}
	#sidebar .sidebarBox .contAnreise select#from_y,
	#sidebar .sidebarBox .contAbreise select#to_y {
		width: 61px;
		left: 192px;
	}
	
	#sidebar .sidebarBox h2.hlAnsichtskarten {
		height: 35px;
		overflow: hidden;
		text-indent: -999em;
		background: #778a72 url(../img/layout/headlines/hl_sb_ansichtskarten.gif) no-repeat top left;
		margin-bottom: 1px;
	}
	
	#sidebar .sidebarBox .contAnsichtskarten {
		height: 62px;
		padding-left: 89px;
		background: url(../img/layout/bg_sb_ansichtskarten.gif) no-repeat top left;
	}
	
	#sidebar .sidebarBox h2.hlKontaktdaten {
		height: 35px;
		overflow: hidden;
		text-indent: -999em;
		background: #778a72 url(../img/layout/headlines/hl_sb_kontaktdaten.gif) no-repeat top left;
		margin-bottom: 1px;
	}
	
	#sidebar .sidebarBox h3.hlHotelUrbisgut {
		height: 12px;
		overflow: hidden;
		text-indent: -999em;
		background: url(../img/layout/headlines/hl_sb_kontakt_hotel_urbisgut.gif) no-repeat top left;
		margin-bottom: 8px;
	}
	#sidebar .sidebarBox .sidebarLogo { margin-bottom: 15px; }
	
	#sidebar #copyright a {
		display: block;
		color: #fff;
		text-decoration: none;
		height: 27px;
		line-height: 27px;
		overflow: hidden;
		padding: 0 10px;
		background: #d0dccd url(../img/layout/corner_lb_light.gif) no-repeat bottom left;
	}


#containerFooter {
	margin: 0 30px;
	width: 590px;
	height: 40px;
	overflow: hidden;
	padding: 0 14px;
	background: #fff;
	line-height: 40px;
	position: relative;
}
	#containerFooter #footerToTop {
		position: absolute;
		top: 10px;
		right: 10px;
		width: 114px;
		height: 20px;
	}
	#containerFooter #footerToTop a {
		display: block;
		height: 20px;
		width: 114px;
		text-indent: -999em;
		background: url(../img/layout/btn_toTop.gif) no-repeat top left;
	}
	
	#containerFooter #footerText { color: #999; }
	#containerFooter #footerText a {
		color: #999;
		text-decoration: none;
	}
	#containerFooter #footerText a:hover { text-decoration: underline; }





#guestbookForm {
	padding-bottom: 30px;
	border-bottom: 10px solid #eff2ed;
	margin-bottom: 30px;
}
#guestbookForm .formFieldWrap_std { margin-bottom: 5px; }
#guestbookForm .formFieldWrap_std label {
	display: block;
	width: 78px;
	float: left;
}
#guestbookForm .formFieldWrap_std input,
#guestbookForm .formFieldWrap_std textarea,
#guestbookForm .formFieldWrap_std select {
	display: block;
	width: 536px;
	border: 1px solid #fff;
	font-size: 12px;
	padding: 2px;
}
#guestbookForm .formFieldWrap_std textarea { height: 120px; }

#guestbookForm .formFieldWrap_secondCol { padding-left: 78px; }

.errorBox .guestbookFormError { font-weight: bold; }
.errorBox ul {
	display: block;
	border: 1px solid #f00;
	background: #ffb9b9;
	color: #f00;
	padding: 20px;
	margin-bottom: 30px;
}


		#naan_Weather table#weatherDetail {
			border-collapse: collapse;
			width: 100%;
			margin: 5px 0 15px 0;
		}
		
		#naan_Weather table#weatherDetail th,
		#naan_Weather table#weatherDetail td {
			border: 1px solid #e9eee7;
			background-color: #fff;
			color: #333;
			text-align: center;
			padding: 6px 8px;
		}
		
		#naan_Weather table#weatherDetail thead th {
			background: #778a72;
			font-weight: bold;
			color: #fff;
		}
		
		#naan_Weather table#weatherDetail tbody tr:hover td {
			background-color: #f4f7f3;
		}
		
		#naan_Weather table#weatherDetail th:first-child,
		#naan_Weather table#weatherDetail td:first-child,
		#naan_Weather table#weatherDetail th.first,
		#naan_Weather table#weatherDetail td.first {
			text-align: left;
			width: 153px;
		}
		#naan_Weather table#weatherDetail td:first-child,
		#naan_Weather table#weatherDetail td.first { background-color: #f4f7f3; }
		
		#naan_Weather table#weatherDetail p {
			display:inline;
			margin:0;
			padding:0;
		}
		#naan_Weather table#weatherDetail tr.flashRow th {
			padding: 0px;
			width: 153px;
			height: 153px;
			background: #fff;
		}




.tx-powermail-pi1 {}

.tx-powermail-pi1 fieldset {
	border: none;
}
.tx-powermail-pi1 fieldset legend {
	display: none;
}
.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html {
	clear: both;
	margin-bottom: 5px;
	background: none;
	position: relative;
}
.tx-powermail-pi1 fieldset label {
	display: block;
	font-weight: bold;
	width: 150px;
	float: left;
}
.tx-powermail-pi1 fieldset .tx_powermail_pi1_fieldwrap_html_text input,
.tx-powermail-pi1 fieldset .tx_powermail_pi1_fieldwrap_html_textarea textarea {
	display: block;
	width: 466px;
	border: 1px solid #fff;
	font-size: 12px;
	padding: 2px;
}
.tx-powermail-pi1 fieldset .tx_powermail_pi1_fieldwrap_html_text input.validation-failed,
.tx-powermail-pi1 fieldset .tx_powermail_pi1_fieldwrap_html_textarea textarea.validation-failed {
	border: 1px solid #f00;
}
.tx-powermail-pi1 fieldset .tx_powermail_pi1_fieldwrap_html_select select {
	border: 1px solid #fff;
	font-size: 12px;
	padding: 2px;
}
.tx-powermail-pi1 fieldset .tx_powermail_pi1_fieldwrap_html_textarea textarea { height: 120px; }
.tx_powermail_pi1_fieldwrap_html_submitgraphic { text-align: right; }
.tx_powermail_pi1_fieldwrap_html_submitgraphic input {
	width: 74px;
	height: 23px;
}

.validation-advice {
	position: absolute;
	top: -31px;
	right: -170px;
	z-index: 99;
	width: 220px;
	height: 20px;
	padding: 4px 4px 17px 4px;
	line-height: 20px;
	background: url(../img/layout/bg_form_validation_box.png);
	color: #fff;
	font-weight: bold;
	text-align: center;
}

#powermaildiv_uid10 {
	padding-left: 150px;
}
#powermaildiv_uid10 label { width: 240px; font-weight: normal; }
#powermaildiv_uid10 input { width: 226px; }

