/**********************************************
 * CONECTO Business Communication GmbH        *
 * Project: Hotel Sonnegg                     *
 * Type: screen                               *
 **********************************************/

@import url(default.css);

body {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 12px;
	line-height: 18px;
	color: #b9b5af;
	background: #42392c;
}

.clearer { clear: both; }

#containerSite {}


#containerHeader,
#containerContent,
#containerFooter {
	width: 961px;
	margin: 0 auto 0 auto;
}




#containerHeader {
	width: 961px;
	height: 366px;
	padding-top: 83px;
	margin-top: 29px;
	position: relative;
}
	#logo {
		width: 156px;
		height: 83px;
		overflow: hidden;
		position: absolute;
		top: 0px;
		left: 0px;
	}
		#logo a {
			display: block;
			width: 156px;
			height: 83px;
			overflow: hidden;
			text-indent: -999em;
			text-decoration: none;
			background: url(../img/layout/logo.png) no-repeat top left;
		}
		
	#containerMainNav {
		width: 526px;
		/*height: 22px;
		overflow: hidden;*/
		position: absolute;
		top: 56px;
		left: 156px;
	}
		#mainNavList li { float: left; position: relative; }
		#mainNavList li a.firstLevel {
			display: block;
			height: 16px;
			float: left;
			background-position: top left;
			background-repeat: no-repeat;
			text-indent: -999em;
			text-decoration: none;
			border-right: 1px solid #827e7b;
		}
			#mainNavList li.active a.firstLevel,
			#mainNavList li a.firstLevel:hover { background-position: bottom left; }
		
		#mainNavList li ul.subNav {
			display: none;
			position: absolute;
			top: 27px;
			left: 0px;
			z-index: 10;
			padding: 10px;
			font-size: 10px;
			/*background: #42392c;*/
			background: rgb(66,57,44);
			background: rgba(0,0,0,0.8);
		}
			#mainNavList li ul.subNav li {
				float: none; 
				position: static;
				display: block;
				width: 170px;
			}
				#mainNavList li ul.subNav li a {
					display: block;
					line-height: 22px;
					border-bottom: 1px solid #817158;
					text-decoration: none;
					color: #918d87;
					text-transform: uppercase;
				}
					#mainNavList li ul.subNav li.active a,
					#mainNavList li ul.subNav li a:hover {
						color: #f58220;
					}

	
	
	#headerSidebar {
		width: 279px;
		height: 393px;
		position: absolute;
		top: 56px;
		right: 0px;
	}
	
		#containerLangNav { position: relative; }
		#containerLangNav .currentLang {
			width: 279px;
			height: 22px;
			background: #28221a url(../img/layout/langNavAct_plus.png) no-repeat right;
			margin-bottom: 5px;
			cursor: pointer;
		}
		#containerLangNav .currentLang span {
			display: block;
			width: 228px;
			height: 22px;
			line-height: 22px;
			padding-left: 51px;
			background: url(../img/layout/flag_de.png) no-repeat 27px 7px;
			font-family: Garamond;
			font-size: 12px;
			font-weight: bold;
		}
			#containerLangNav .currentLang span.langEn { background-image: url(../img/layout/flag_en.png); }
			#containerLangNav .currentLang span.langIt { background-image: url(../img/layout/flag_it.png); }
		
		.availableLang {
			display: none;
			position: absolute;
			bottom: 22px;
			left: 0px;
			width: 279px;
			background: #28221a;
		}
		
			.availableLang a {
				display: block;
				width: 228px;
				height: 22px;
				line-height: 22px;
				padding-left: 51px;
				background: url(../img/layout/flag_de.png) no-repeat 27px 7px;
				font-family: Garamond;
				font-size: 12px;
				font-weight: bold;
				text-decoration: none;
				color: #b9b5af;
				border-bottom: 1px solid #42392c;
			}
				.availableLang a.langEn { background-image: url(../img/layout/flag_en.png); }
				.availableLang a.langIt { background-image: url(../img/layout/flag_it.png); }
				.availableLang a:hover { color: #fff; }
		
		#containerHeaderAccordion {
			width: 279px;
			height: 366px;
			background: #28221a;
		}
		
		#accordion .accContainer { border-bottom: 1px solid #504636; }
		#accordion h3 {
			height: 48px;
			padding: 25px 0 0 25px;
			cursor: pointer;
		}
			#accordion h3 span.firstLine {
				display: block;
				color: #504636;
				font-family: Garamond;
				font-size: 20px;
				text-transform: uppercase;
				font-weight: normal;
			}
			#accordion h3 span.secondLine {
				display: block;
				color: #fff;
				font-size: 10px;
				font-weight: bold;
				text-transform: uppercase;
			}
		#accordion .accContent { padding: 0 25px 25px 25px; }
		#accordion .accContent a {
			color: #f58220;
			text-decoration: underline;
		}
			#accordion .accContent a:hover { text-decoration: none; }
		
		#quickAnfrage .quickAnfrageForm {
			margin-bottom: 5px;
		}
		#quickAnfrage .quickAnfrageForm label {
			font-weight: bold;
			display: block;
		}
		#quickAnfrage .quickAnfrageForm select {
			border: 1px solid #28221A;
			font-size: 12px;
			padding: 2px;
			background-color: #42392C;
			color: #b9b5af;
		}
		#quickAnfrage #quickAnfrage_D1 { width: 60px; }
		#quickAnfrage #quickAnfrage_D2 { width: 160px; }
		#quickAnfrage #quickAnfrage_D3 { width: 100%; }
		#quickAnfrage #quickAnfrageBtn { width: 100%; }
		
		
		
		#quickAnfragePauschalen .quickAnfragePauschalenForm {
			margin-bottom: 5px;
		}
		#quickAnfragePauschalen .quickAnfragePauschalenForm label {
			font-weight: bold;
			display: block;
		}
		#quickAnfragePauschalen .quickAnfragePauschalenForm select {
			border: 1px solid #28221A;
			font-size: 12px;
			padding: 2px;
			background-color: #42392C;
			color: #b9b5af;
		}
		#quickAnfragePauschalen #quickAnfragePauschalen_D1 { width: 45px; }
		#quickAnfragePauschalen #quickAnfragePauschalen_D2 { width: 60px; }
		#quickAnfragePauschalen #quickAnfragePauschalen_DY { width: 100px; }
		#quickAnfragePauschalen #quickAnfragePauschalenBtn { width: 100%; }















#containerContentWrap {
	background: #504636;
	padding: 50px 0;
}

#content {
	width: 643px;
	float: left;
	padding-right: 39px;
}
	#content p {
		margin: 5px 0 15px 0;
	}
	
	#content a {
		color: #f58220;
		text-decoration: underline;
	}
		#content a:hover { text-decoration: none; }

	#content h1 {
		height: 30px;
		margin: 5px 0 15px 0;
		text-indent: -999em;
		background-repeat: no-repeat;
		background-position: top left;
	}
	#content h2 {
		height: 24px;
		margin: 5px 0 15px 0;
		text-indent: -999em;
		background-repeat: no-repeat;
		background-position: top left;
	}
		#content .imgLeftText h2 { margin-left: 250px; }

	#content h3 {
		font-size: 12px;
		color: #fff;
		font-weight: bold;
		margin: 5px 0 15px 0;
	}
	
		#content .pageHeadline h1 { margin: 5px 0 0 0; }
		#content .pageHeadline h3 { margin: 0px 0 30px 0; }


	.nuggetBox {
		width: 197px;
		height: 300px;
		float: left;
		margin: 0 26px 26px 0;
	}
		.nuggetBoxLast { margin-right: 0px; }
		
		.nuggetBox .nuggetImg { margin-bottom: 10px; }
			.nuggetBox .nuggetImg img { border: 3px solid #fff; }
		.nuggetBox .nuggetHeadline { color: #fff; margin-bottom: 5px; font-weight: bold; }
		.nuggetBox .nuggetContent { margin-bottom: 20px; }
		.nuggetBox .nuggetReadMore a { color: #fff; }
			.nuggetBox .nuggetReadMore a:hover { text-decoration: none; }

	
	#content a.readMoreLink,
	.sidebarBox a.readMoreLink {
		display: block;
		padding-left: 15px;
		background: url(../img/layout/bullet_linkMore.png) no-repeat left;
		margin: 5px 0 15px 0;
		color: #000;
		text-decoration: none;
	}
		#content a.readMoreLink:hover,
		.sidebarBox a.readMoreLink:hover { text-decoration: underline; }

	#content .contImgLeft {
		width: 250px;
		float: left;
		margin: 5px 0 15px 0;
	}
		#content .contImgLeft img { border: 3px solid #fff; }
		
	#content .contImgRight {
		width: 219px;
		padding-left: 31px;
		float: right;
		overflow: hidden;
		margin-bottom: 15px;
	}
		#content .contImgRight img { border: 3px solid #fff; }

	#content .imgFour {
		height: 130px;
		padding: 15px 0 30px 0;
		overflow: hidden;
	}
		#content .imgFour div {
			width: 197px;
			height: 122px;
			overflow: hidden;
			float: left;
			margin: 0 26px 0 0;
		}
			#content .imgFour div.last { margin-right: 0px; }
			#content .imgFour div img { border: 3px solid #fff; }
			
	#content .bigImg {
		width: 100%;
		overflow: hidden;
		margin: 5px 0 15px 0;
	}
		#content .bigImg img { border: 3px solid #fff; }


	#content .trennlinie {
		height: 1px;
		border-top: 5px solid #fff;
		overflow: hidden;
		margin: 5px 0 14px 0;
	}
	
	#content ul {
		margin: 10px 0 15px;
	}
	#content ul li {
		margin-left: 30px;
		list-style-type: square;
	}
	
	#content th.first,
	#content td.first {
		text-align: left;
	}
	
	#content table.contenttable {
		border-collapse: collapse;
		width: 100%;
		margin: 5px 0 15px 0;
	}
		#content .imgLeftText table.contenttable,
		#content .imgRightText table.contenttable { width: 390px; }
	
	#content table.contenttable thead,
	#content table.contenttable thead th {
		font-weight: bold;
		color: #fff;
		text-transform: uppercase;
	}
	#content table.contenttable thead th {
		background: #f58220;
	}
	#content table.contenttable th,
	#content table.contenttable td {
		text-align: center;
		padding: 6px 10px;
		border-bottom: 1px solid #504636;
	}
	#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;
	}
	#content table.contenttable tbody td {
		background: #695c47;
		color: #fff;
	}
	#content table .cellSubheader th,
	#content table .cellSubheader td {
		font-weight: bold;
		background-color: #817158;
		background-image: none;
		color: #fff;
	}
	#content table.contenttable p {
		padding: 0;
		margin: 0;
		display: inline;
	}
	
	#content #resultFrame { height: 2000px; }
	
	.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;
		width: 150px;
		float: left;
	}
	
	.tx-powermail-pi1 .powermail_check_inner {
		position: relative;
		padding-left: 150px;
	}
	.tx-powermail-pi1 .powermail_check_inner label {
		float: none;
		position: absolute;
		top: 0px;
		left: 180px;
		width: 400px
	}
	
	.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 #28221A;
		font-size: 12px;
		padding: 2px;
		background-color: #42392C;
		color: #b9b5af;
	}
	.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 #28221A;
		font-size: 12px;
		padding: 2px;
		background-color: #42392C;
		color: #b9b5af;
	}
	.tx-powermail-pi1 fieldset .tx_powermail_pi1_fieldwrap_html_textarea textarea { height: 120px; }



	.cn_gallery-albumlist .cn_gallery-album .cn_gallery-thumb {
		width: 250px;
		float: left;
		margin: 5px 0 15px 0;
	}
		.cn_gallery-albumlist .cn_gallery-album .cn_gallery-thumb img { border: 3px solid #fff; }
		.cn_gallery-albumlist .cn_gallery-album h2.albumHeadline { margin-left: 250px; }

	.cn_gallery-album .cn_gallery-thumbs .cn_gallery-thumb {
		width: 197px;
		height: 197px;
		overflow: hidden;
		float: left;
		margin: 0 26px 26px 0;
	}
		.cn_gallery-album .cn_gallery-thumbs .last { margin-right: 0px; }
		.cn_gallery-album .cn_gallery-thumbs .cn_gallery-thumb img { border: 3px solid #fff; }


	#roomSearch { margin: 5px 0 30px 0; }
	#roomSearch .roomSearchForm {
		padding-bottom: 10px;
		position: relative;
	}
		#roomSearch .roomSearchForm label {
			display: block;
			width: 150px;
			float: left;
			font-weight: bold;
		}
		#roomSearch .roomSearchForm select {
			border: 1px solid #504636;
			font-size: 12px;
			padding: 2px;
			background-color: #42392C;
			color: #b9b5af;
			
		}
		.roomSearch_typeBox { padding-left: 150px; margin-bottom: 5px; }
		.roomSearch_typeBox label {
			display: inline !important;
			width: auto !important;
			float: none !important;
			padding-left: 15px;
			font-weight: normal !important;
		}
		.roomSearchFormBtn { padding-left: 150px; }


	.videoBtnBox,
	.videoBtnBoxLast {
		width: 197px;
		height: 139px;
		margin: 0 22px 22px 0;
		float: left;
	}
	.videoBtnBoxLast { margin-right: 0px; }
	.videoHeadline {
		background: #f58220;
		color: #fff;
		font-weight: bold;
		line-height: 23px;
		padding-left: 9px;
		margin-bottom: 1px;
	}
	.videoImg {}
	.videoBtn {
		background: #42392c;
		padding: 17px 10px;
	}
	.videoBtn a.videoBtnLink {
		display: block;
		height: 16px;
		line-height: 16px;
		text-align: center;
		font-size: 11px;
		color: #fff !important;
		text-decoration: none !important;
		background: #645844;
		border: 1px solid #373025;
	}
		.videoBtn a.videoBtnLink:hover {
			background: #f58220;
		}



#containerSidebar {
	width: 244px;
	float: right;
	padding: 0 12px 0 23px;
}

	#sidebar h2,
	#sidebar a.subNavHeadline {
		display: block;
		height: 24px;
		margin: 5px 0 15px 0;
		text-indent: -999em;
		background-repeat: no-repeat;
		background-position: top left;
	}
	
	#sidebar h4 {
		font-size: 14px;
		font-weight: bold;
		font-family: Garamond;
		color: #fff;
		text-transform: uppercase;
		margin-bottom: 23px;
	}
	.sidebarBox {
		margin-bottom: 30px;
	}
	
	ul.sidebarLinks li a {
		display: block;
		width: 205px;
		height: 24px;
		line-height: 24px;
		padding-left: 35px;
		text-decoration: none;
		color: #b9b5af;
		border-bottom: 1px solid #6a6257;
		background: url(../img/layout/bullet_sidebarLinks.png) no-repeat 24px 0px;
	}
		ul.sidebarLinks li.active a,
		ul.sidebarLinks li a:hover { color: #fff; background-position: 24px -25px; }



#footer {
	position: relative;
	padding-top: 25px;
}
	#footer .footerLogos {
		width: 190px;
		height: 100px;
		float: left;
	}
	#footer .footerLogos img { margin-right: 15px; }
	
	#footer .footerNav { margin-bottom: 5px; }
	#footer .footerNav a {
		color: #b9b5af;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		font-family: Arial, Helvetica, sans-serif, Verdana;
		text-decoration: none;
	}
		#footer .footerNav a:hover { color: #fff; }

	#footer .footerText,
	#footer .footerText a { color: #716853; }
		#footer .footerText a:hover { text-decoration: none; }
		
	#footer a#copyright {
		display: block;
		position: absolute;
		top: 25px;
		right: 0px;
		text-indent: -999em;
		width: 109px;
		height: 8px;
		text-decoration: none;
		background: url(../img/layout/copyright.png) no-repeat top left;
	}