/****************************************************
 * CONECTO Business Communication GmbH              *
 * Project:		Sporthotel Ellmau                   *
 * Author:		Alexander Dick <a.dick@conecto.at>  * 
 * Type:		screen                              *
 ****************************************************/

@import url(default.css);

body {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 13px;
	color: #6c6e73;
	background-color: #ededed; 
	background-repeat: repeat-x; 
	background-position: center 24px;
	line-height: 1.5em;	
}

input,
select,
textarea {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	border: 1px solid #d6d6d6;
	color: #6c6e73;
	background: #fff;
	font-size: 11px;
}
input {
	padding: 1px 0 1px 3px;
}
.checkbox {
	border: 0; 
	background: none;
	padding: 0;
}

a.button {
	display: block;
	background: url(../img/layout/header-box-submit.gif) no-repeat left top; 
	width: 170px;
	height: 20px;
	line-height: 20px;
	color: #fff !important; 
	font-size: 12px; 
	text-align: center; 
	text-decoration: none !important;
	border: 0;
	margin: 3px 0 0 3px;
	cursor: pointer;
}
a.button:hover {
	color: #e4e4e4 !important;
}

/**
 * fonts
 */

@font-face {
    font-family: 'ArialNarrow';
    src: url(../fonts/arialnarrow-webfont.eot);
    src: url('../fonts/arialnarrow-webfont.eot?#iefix') format('embedded-opentype'),
         url(../fonts/arialnarrow-webfont.woff) format('woff'),
         url(../fonts/arialnarrow-webfont.ttf) format('truetype'),
         url('../fonts/arialnarrow-webfont.svg#ArialNarrow') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* ui */
#ui-datepicker-div {
	z-index: 4;
	display: none;
}
.ui-datepicker table {
	font-size: 11px;
}
.ui-slider-handle {
	cursor: pointer !important;
}

.clear,
.clearer {
	clear: both; 
	padding: 0 !important; 
	margin: 0 !important;
}

div#wrap {
	background: url(../img/layout/wrap-bg.png) no-repeat center 0;
}

	div#page-top {
		height: 25px;
		line-height: 24px;
		position: relative;
		background: url(../img/layout/page-top-bg.gif) repeat-x left top;
	}
	
		div#page-top-inner {
			width: 690px;
			height: 25px;
			margin: 0 auto 0 auto;
			position: relative;
		}

	div#container {
		width: 920px;
		margin: 0 auto 0 auto;
		background: transparent;
	}
	
		div#page-top {
			
		}
		
			div#page-top-inner,
			div#page-top-inner a {
				color: #959292;
				text-decoration: none; 
				font-size: 11px;
			}	
			div#page-top-inner a:hover,
			div#page-top-inner a.active {
				color: #737171;
			}
	
				div#language-selection {
					
				}
				
					div#language-selection a {				
						display: block; 
						height: 25px;
						float: left;
						text-decoration: none; 
						text-transform: uppercase;
						color: #959292;
					}
					div#language-selection a:hover,
					div#language-selection a.active {						
						background: url(../img/layout/page-selection-active.gif) no-repeat center 20px;
					}
					div#language-selection a.lang-en:hover,
					div#language-selection a.lang-en.active {
						background: url(../img/layout/page-selection-active-en.gif) no-repeat center 20px;
					}
					div#language-selection span {
						display: block; 
						width: 15px; 
						float: left;
						text-indent: -10000px;
						background: url(../img/layout/page-selection-sep.gif) no-repeat center top;
					}
					
				div#page-top-login {
					position: absolute; 
					left: 145px; 
					top: 0;					 
					line-height: normal;
					padding-top: 1px;
				}
					a#cn-fbconnect-login,
					a#cn-fbconnect-logout {
						color: #fff !important;
					}
					
					div#cn-fbconnect-welcome-message {
						color: #737171;
						height: 20px; 
						line-height: 20px;
					}
					
				div#page-top-quicknav {
					float: right;
				}
				
					div#page-top-quicknav ul {
						float: left;
					}
				
					div#page-top-quicknav li {
						display: inline;
						padding-right: 10px;
					}			

			
	div#header {
		
	}	
	
		div#header-top {
			height: 144px;
			position: relative;
		}
		
			a#header-logo {
				/*position: absolute; 
				left: 380px; 
				top: 22px;
				*/
				display: block;
				width: 160px; 
				height: 120px;
				background: url(../img/layout/header-logo.png) no-repeat 0 0;
				margin: 22px auto 0 auto;
			}
			
			div#header-facebook {
				height: 155px;
				position: absolute;
				right: 10px;
				top: 5px;
				width: 200px;
			}
				
				div#cn-fbconnect-profilepic {
					background: url(../img/layout/header-facebook-bg.jpg) no-repeat left top;
					height: 155px;
					width: 143px; 
					position: absolute;
					right: 0; 
					top: 0;
				}
				
					div#cn-fbconnect-profilepic img {
						position: absolute;
						left: 59px; 
						top: 41px;
						border: 2px solid #e5e5e5;
					}
		
		div#header-main {
			margin: 0 30px;
			position: relative;
			height: 434px;
			overflow: hidden;
		}	
				
			div#header-boxes {
				position: absolute; 
				left: 129px; 
				top: 0;
				/*width: 610px;
				height: 300px;*/
				z-index: 2;
			}
			
				div.header-box-item {
					width: 200px; 
					float: left;
					margin: 1px 1px 0 0;
				}
						
					h3.header-box-headline {
						background: #fff url(../img/layout/header-box-headline-bg.gif) no-repeat 170px 0;
						text-transform: uppercase;
						font-size: 11px; 
						text-align: center;
						cursor: pointer;
					}
					div.header-box-item.active h3 {
						background-position: 170px -17px;
					}
					div.header-box-content {
						display: none;
						margin-top: 0;
						font-size: 11px;
						background: #fff;
						background: rgba(255, 255, 255, 0.85);
					}
					
					div.header-box-content-inner {
						padding: 10px;
						height: 175px;
						overflow: hidden;
					}
								
						div.header-box-content-inner a {
							color: #a5010b;
							font-weight: bold;
							text-decoration: none;
						}
						div.header-box-content-inner a:hover {
							text-decoration: underline;
						}
							
					div.header-box-item.active h1 {
						background-position: 0 0;
					}
					div.header-box-item.active div.header-box-content {

					}
					
					/* Anfrage im Header */
					div#header-box-inquiry {
						
					}
					
						div#header-box-inquiry input {
							font-size: 11px;
						}
						div#header-box-inquiry a.button {							
							margin: 3px 0 0 5px;
						}
											
						div.slider-wrap {
							clear: both;
							height: 25px; 
						}
						div.slider-wrap label {
							display: block; 
							width: 70px; 
							float: left;
						}
						div.slider {
							width: 70px;
							margin: 4px 10px 0 0;
							float: left;
						}
						input.slider-input {
							width: 20px;
							float: left;
							text-align: center;					
						}	
						
						div.field-wrap {
							clear: both;
							height: 25px; 
						}
						div.field-wrap label {
							display: block; 
							width: 135px; 
							float: left;
						}
						div.field-wrap input,
						div.field-wrap select {
							float: right;
							width: 40px;
						}
						
						/* Seekda */
						div.advancefieldRow {
							padding: 5px; 
							border: 1px solid #d6d6d6;
							margin-bottom: 5px;
							height: 60px; 
							overflow: hidden;
						}
							div.advancefieldRow p {
								color: #aaa;
								/*border-bottom: 1px solid #dedede;*/
								margin-bottom: 3px;
								font-size: 11px; 
								height: 12px; 
								line-height: 12px;
							}
							div.advancefieldRow label {
								width: 63px;
							}
											
						input.hasdatepicker {
							background-image: url(../img/layout/calendar.gif); 
							background-repeat: no-repeat; 
							background-position: right top;
						}
						input#arrival_date,
						input#departure_date {
							width: 175px;
							margin: 0 0 5px 0;
						}
						
					/* Angebot im Header */
					div#header-box-offer,
					div#header-box-package {
						padding: 0;
						height: 180px;
					}
					div#header-box-offer h4,
					div#header-box-package h4 {
						padding-left: 10px;
						color: #a5010b;
						font-weight: bold; 
						font-size: 12px;
					}
					div#header-box-offer p,
					div#header-box-package p {
						padding: 3px 10px 0 10px;
					}
					div#header-box-offer a.more,
					div#header-box-package a.more {
						margin-left: 10px;
						font-weight: normal; 
						text-decoration: underline;
					}

			div#header-flash {
				position: absolute; 
				top: 0;
				width: 860px; 
				height: 393px;
				z-index: 0;			
				background: #fff;
			}		
			
				div#header-flash img {
					width: 100% !important;
				}
			
				/*div#header-flash div.nivo-slice {
					background-size: 100% !important;
				}*/	
			
			div#header-nav {
				z-index: 3;
				position: absolute;
				bottom: 0; 
				left: 0;
				background: #4c4e51;	
				width: 840px;
				height: 40px;
				line-height: 40px;
				padding: 0 10px;
				white-space: nowrap;
			}
			
				ul#mainnav li.level-1 {
					display: block;
					position: relative;
					float: left;
					background: url(../img/layout/mainnav-sep.gif) no-repeat right center;
					padding-right: 1px;
				}
				ul#mainnav li.level-1.last {
					background: none;
				}
				
					ul#mainnav a.level-1 {
						font-family: 'ArialNarrow', Arial, Helvetica, Sans-Serif;
						display: block;	
						float: left;				
						color: #fff;
						text-transform: uppercase;
						text-decoration: none;	
						font-size: 15px;		
						font-weight: normal;						
						padding: 0 14px 0 12px;										
					}
								
				ul#mainnav a.level-1:hover,
				ul#mainnav li.level-1:hover a.level-1,
				ul#mainnav a.level-1.active {
					background: #5a5d61;			
				}
				
				ul#mainnav ul.level-2 {
					display: none;
					position: absolute; 
					left: 0; 
					bottom: 40px;
					width: 180px;
					line-height: 0;					
				}
				ul#mainnav li.level-1.last ul.level-2 {
					left: auto; 
					right: 0;
				}
				
				ul#mainnav li.level-1:hover ul.level-2 {
					display: block;
				}
				
				ul#mainnav li.level-2 {
					float: none;		
					position: relative;			
					background: url(../img/layout/mainnav-sub-li-bg.gif) repeat-x 0 0;
					height: 25px;	
					line-height: 24px;
					vertical-align: middle;
				}				
				
					ul#mainnav a.level-2 {
						display: block;
						background: #fff;
						height: 24px;
						line-height: 24px;
						font-weight: normal;
						text-transform: none;						
						color: #393d40;	
						padding: 0 10px 0 10px;
						font-size: 12px;								
						text-decoration: none;								
					}
					
					ul#mainnav a.level-2:hover,
					ul#mainnav a.level-2.active {
						background: #fff url(../img/layout/mainnav-sub-a-bg.gif) no-repeat right center;			
						color: #a5010b;
					}	
						
					ul#mainnav ul.level-3 {
						display: none;				
						position: absolute; 
						left: 180px; 
						bottom: 0;
						width: 180px;
					}
					ul#mainnav li.level-2:hover ul.level-3,
					ul#mainnav li.level-2.active ul.level-3 {
						display: block;
					}
					ul#mainnav li.level-3 {
						background: none;						
						padding-bottom: 1px;
					}
					ul#mainnav a.level-3 {
						display: block;
						height: 24px;
						line-height: 24px;
						text-decoration: none; 
						font-size: 11px;
						background: rgba(0, 0, 0, 0.8);
						padding-left: 6px;
						color: #fff;
					}
					ul#mainnav a.level-3:hover,
					ul#mainnav a.level-3.active {						
						background: #a5010b;
						color: #fff;
					}					

			select#mainnav-select {
				display: none;
			}


	div#content-wrap {
        padding: 0 30px 10px 30px;
		background: #fff;
	}
	
	
		div#breadcrumb {
			position: relative;
			height: 20px;
			line-height: 20px;
			margin: 10px 0 20px 0;
			padding: 0;
			border-bottom: 1px solid #dfe0e0;
			border-top: 1px solid #dfe0e0;
			color: #a6aaad;
			text-transform: uppercase;
			font-size: 11px;	
		}
		
		/* auf der Home Seite nicht anzeigen */
		body#page-20 div#breadcrumb {
			visibility: hidden;
			margin: 0;
		}
		
			div#breadcrumb a {
				color: #a6aaad !important;
				text-decoration: none !important;

			}
			a#breadcrumb-print {
				display: block; 
				width: 16px; 
				height: 13px; 
				background: url(../img/layout/print.gif) no-repeat left top;
				text-indent: -10000px; 
				position: absolute; 
				right: 0; 
				top: 3px;
			}

	
		div#content {
			width: 640px; 
			float: left;
			/*overflow: hidden;*/
		}
		
		
			div#content p {
				margin: 0 0 20px 0;
			}
			div#content p.with-line {
				background: transparent url(../img/layout/content-p-bg.gif) repeat-y left top;
				padding: 8px 8px 8px 20px;
			}
			div#content a {
				text-decoration: underline; 
				color: #000;
			}
			div#content a:hover {
				color: #44494c;
			}
			div#content h1,
			div#content h2, 
			div#content h3,
			div#content h4 {
				font-family: 'ArialNarrow', Arial, Helvetica, Sans-serif;
				color: #a5010b;
				margin-bottom: 20px;					
			}
			
			div#content h1 {
				font-size: 22px;
				/*height: 24px;*/
			}
			div#content h2 {
				font-size: 18px;
				/*height: 20px;*/
				margin-bottom: 15px;			
			}
			div#content h3 {
				font-size: 19px;
				/*height: 18px;*/
				margin-bottom: 10px;		
				text-transform: uppercase;		
			}
			div#content h4,
			div#content h4 a {
				font-size: 14px;
				color: #a8132b;	
				text-decoration: none;
				font-weight: bold;
			}
			.graphical {
				text-indent: -10000px;
			}
            div#content hr {
                border: 0;
                color: #ededed;
                background-color: #ededed;
                height: 5px;
                margin: 20px 0;
            }
			
				div#nuggets {
					margin-bottom: 20px;
				}
			
				div#content div.nugget {
					float: left;
					position: relative;
					margin-right: 10px;
					background: url(../img/layout/nugget-bg.gif) no-repeat left top;
					padding: 10px;
					width: 186px;
					height: 210px;
				}
				
				div#content div.nugget h2 {
					color: #cd9c02;
					font-weight: bold;
					margin-bottom: 8px;
				}
				div#content div.nugget p {
					padding: 0; 
					background: none; 
					margin: 0;
					font-size: 11px;
				}
				div#content a.nugget-more {
					display: block; 
					width: 180px;
					height: 20px;
					line-height: 20px;
					position: absolute; 
					left: 10px; 
					bottom: 7px;
					text-indent: 15px;
					font-size: 11px;
					text-decoration: none;
					color: #0c6daf;
				}
				div#content a.nugget-more:hover {
					color: #cd9c02;
				}
		
				/**
				 * Content images
				 */
				div.content-element {
					clear: both;
					margin: 0 0 20px 0;
					overflow: hidden;
				}
				div.csc-default {
					clear: both;
				}		
				/*div.image-left,
				div.image-right,
				div.image-large {
					
				}*/
								
				div.image-left p,
				div.image-right p {
				}
				
				div.content-element img {
					border: 1px solid #eee;
					padding: 4px; 
				}
				
				div.image-left img {
					float: left;		
					margin-right: 15px;		
				}				
				div.image-right img { 
					float: right;		
					margin-left: 15px;		
				}
				
				/*div.image-three {
					height: 140px;
				}*/
				
					div.image-three img {					 
						margin: 0 10px 0 0;	
						float: left;
					}
						div.image-three img.last {
							margin: 0;
						}
				
				/**
				 * Liste
				 */
				div#content ul {
					list-style-type: square; 
					margin: 0 0 20px 25px;
				}
					div#content ul ul {
						margin: 0 0 0 25px;
					}
				
				/**
				 * Content Tabelle
				 */		
				.contenttable {
					width: 100%;
					margin-bottom: 20px;
					border-collapse: collapse;
				}
				
				div#content .contenttable a {
					text-decoration: none; 
					color: inherit; 
					cursor: pointer;
				}
				div#content .contenttable h1,
				div#content .contenttable h2,
				div#content .contenttable h3 {
					margin: 0;
					color: inherit;
				}
				
				.contenttable thead {
					background: url(../img/layout/thead-bg.gif) repeat-x left top;
				}
				
				.contenttable th { 				
				    color: #fff;
					font-weight: bold;
					height: 40px;
				}
			
				.contenttable th,
				.contenttable td {
					vertical-align: middle;
					padding: 4px 8px;
					text-align: center;
					border-bottom: 1px solid #fff;					
				}
				
				.contenttable td {
					background: #eef0f1;
					color: #6c6e73;
				}
				
				.contenttable th p,
				.contenttable td p {
					margin: 0 !important;
				}
				
				table.contenttable tr:hover td {
					background: #dee1e3;					
				}
				table.contenttable tr:hover td a {
					
				}
				table.contenttable th:first-child,
				table.contenttable td:first-child,
				table.contenttable th.first,
				table.contenttable td.first {
					text-align: left;
				}
				
	
		div#sidebar {
			width: 190px;
			padding: 0;
			float: right;
			background: #fff;
		}
		
			div#sidebar h2 {
				color: #fff;
				background: #a5010b;
				margin-bottom: 18px;
				font-weight: bold;
				text-transform: uppercase; 
				font-size: 12px;
				height: 25px;
				line-height: 25px;
				text-indent: 10px;
			}
					
			div.sidebar-nav {
				font-size: 11px;
				margin-bottom: 30px;
			}
			
				div.sidebar-nav li {
					background: url(../img/layout/sidebar-nav-line.gif) repeat-x left top;
					padding: 2px 0 1px 0;
				}
			
				div.sidebar-nav a {
					display: block; 
					height: 21px; 
					line-height: 21px;
					background: url(../img/layout/sidebar-nav-arrow.gif) no-repeat 170px center;		
					padding-left: 10px;
					color: #6c6e73;				
					text-decoration: none;					
				}
				div.sidebar-nav a:hover,
				div.sidebar-nav a.active {
					text-decoration: none;
					color: #fff;
					background: #999ea1 url(../img/layout/sidebar-nav-arrow-active.gif) no-repeat 170px center;		
				}
				
				/* 2. Ebene */
				div.sidebar-nav ol {
					
				}
					div.sidebar-nav ol li {
						background: none;
					}
					div.sidebar-nav ol a {
						padding-left: 30px;
						background: none;						
					}
					div.sidebar-nav ol a:hover,
					div.sidebar-nav ol a.active {						
						color: #000;
						background: url(../img/layout/sidebar-nav-bullet.gif) no-repeat 15px center;	
					}
		
		div#sidebar-quick-inquiry {
						
		}
			div#sidebar-quick-inquiry h2 {
				
				margin: 0;
			}
			
			div#sidebar-quick-inquiry form {
				padding: 10px;
				border: 1px solid #cacccc; 
				border-top: 0;
				font-size: 11px;
			}
			
				div#sidebar-quick-inquiry label {
					display: block; 
					float: left; 
					clear: left;
					width: 70px;
					margin-bottom: 5px;
				}
				
				div#sidebar-quick-inquiry input {
					display: block;
					float: left; 
					width: 93px;
					margin-bottom: 5px;
				}
				
				div#sidebar-quick-inquiry button {
					background: #393d40; 
					color: #fff; 
					text-transform: uppercase; 
					text-align: center; 
					width: 168px; 
					cursor: pointer;
					border: 0;
					font-size: 11px;
					height: 20px; 
					line-height: 20px;
					margin-top: 5px;
				}
		
				
		
	div#footer-wrap {
		padding-top: 30px;
		background: #24282b;
		color: #8d9aa4;
		font-size: 11px;
	}
	
		div#footer {
			width: 860px;			
			margin: 0 auto;
		}
	
		div#footer a {
			color: #88949b;
			text-decoration: none;
		}
		div#footer a:hover {
			color: #88949b;
			text-decoration: underline;
		}
		
			div#footer-upper,
			div#footer-lower {
				width: 860px; 
				margin: 0 auto;
			}
		
		
			div#footer-upper {
				background: url(../img/layout/footer-line.gif) repeat-x left bottom;
				height: 40px;
			}
		
				div#footer-text {
					position: relative;
					width: 540px;
					float: left;
					padding-left: 40px;
					background: url(../img/layout/footer-logo.gif) no-repeat left top;
				}
					
					p#footer-address {					
					
					}
									
				div#footer-copyright {
					position: relative;
					float: right;
					width: 140px; 
					height: 40px;
				}
					
					a#copy-microgast,
					a#copy-conecto {
						display: block; 
						height: 20px;
						position: absolute; 
						right: 0; 
						text-indent: -10000px;
					}
					
					a#copy-microgast {
						width: 66px;
						background: url(../img/layout/microgast.gif) no-repeat left top;
						top: 0;
					}
					a#copy-conecto {
						width: 110px; 
						background: url(../img/layout/conecto.gif) no-repeat left top;
						bottom: 0;
					}
			
			
			div#footer-lower {
				padding-top: 10px;
				height: 25px;
			}				
			
				div#footer-nav {
				
				}
				
					div#footer-nav li {
						display: inline;
					}
				
					div#footer-nav a {
						display: block; 
						float: left;
						padding: 0 10px;
						margin-right: 5px;
												
						height: 24px; 
						line-height: 24px;
						background: #323639;
						color: #8d9aa4;
						text-transform: uppercase;
						
						-webkit-border-radius: 5px;
						-khtml-border-radius: 5px;	
						-moz-border-radius: 5px;
						border-radius: 5px;
					}
					
					div#footer-nav a:hover,
					div#footer-nav a.active {
						color: #fff;
						text-decoration: none;
					}
		
			div#footer-sitemap {				
				padding-bottom: 17px;
				border-bottom: 2px solid #45484b;
			}
			
				a#footer-sitemap-handle {					
					display: block;
					float:right;
					background: url(../img/layout/footer-sitemap-handle.gif) no-repeat left top;
					width: 145px; 
					height: 17px;
					text-indent: -10000px;
					cursor: pointer;
				}
								
				div#footer-sitemap-content {
					display: none;					
					clear: both;
					background: #45484b;					
					
					-webkit-border-radius: 5px;
					-khtml-border-radius: 5px;	
					-moz-border-radius: 5px;
					border-radius: 5px;
										
					-webkit-border-top-right-radius: 0;
					-khtml-border-radius-topright: 0;	
					-moz-border-radius-topright: 0;
					border-top-right-radius: 0;
				}
				
					div#footer-sitemap-content-inner {
						padding: 20px;
					}
				
				div#footer-sitemap-content ul {
					float: left;
					margin-right: 10px;
					margin-bottom: 10px;
					height: 200px;
					
					min-height: 200px;
					height: auto !important;
					height: 200px;
				}
				/*
				div#footer-sitemap-content ul#list-8 {
					clear: both;
				}*/
				
				div#footer-sitemap-content ul.last {
					margin-right: 0;	
				}
				div#footer-sitemap-content li a {
					display: block;					
					height: 20px; 
					line-height: 20px;
					padding: 0 5px;
					white-space: nowrap;
				}
				div#footer-sitemap-content li a:hover,
				div#footer-sitemap-content li a.active {
					color: #fff;
					text-decoration: none;
				}
				div#footer-sitemap-content li.first a {
					font-weight: bold;
					background: none !important;
				}
		
/* tt_news */

	.page-browser {
		background: #fff;			
		position: relative;
		font-size: 11px;
		height: 30px;
		margin-bottom: 10px;		
	}
	
		.page-browser-entries,
		.page-browser-browse-links {
			position: absolute;			
			top: 5px;
			height: 20px;
			line-height: 20px;
		}
				
		.page-browser-entries {		
			left: 0;			
			width: 250px;
		}
		.page-browser-browse-links {			
			right: 10px;
			text-align: right;			
			width: 350px;
		}
		
		
	.news-list-entry {		
		height: 95px;
		padding: 10px 0;
		margin-bottom: 20px;
		overflow: hidden;
		position: relative;
		border-bottom: 1px solid #cacccc;		
		font-size: 11px;
	}
	
		.news-list-img {
			position: absolute;
			height: 100px;
			left: 0;
			top: 10px;
			width: 110px;
		}
        .news-list-img img {
            border: 1px solid #eee;
            padding: 4px; 
        }
		.news-list-entry-text {
			position: absolute;
			left: 110px;
			top: 10px;
			width: 400px;
		}
		
	
	.news-list-date {
		position: absolute;
		right: 0;
		top: 15px;
	}
		
	.news-list-more {
		bottom: 5px;
		height: 20px;
		position: absolute;
		right: 0;
		width: 100px;
	}
		
	
	/* detail */
	.news-detail {
		position: relative;
		margin-top: 40px;
	}
	
		.news-detail-img {			
			width: 190px;
            float: left;
			margin: 0 15px 0 0;
		}
        .news-detail-img img {
            border: 1px solid #eee;
            padding: 4px; 
        }
		.news-detail-back-link {
			position: absolute; 
			left: 0; 
			top: -30px;			
		}
		.news-detail-back-link a {
			font-size: 11px;
		}
		.news-detail-date {
			position: absolute;
			top: 20px;
			right: 0;
		}
		.contact-info {
			margin-bottom: 20px;
		}


/**
 * Powermail
 */
.tx_powermail_pi1_form fieldset {
	position: relative;		
	margin-bottom: 20px;
}

.tx_powermail_pi1_form fieldset legend {
	font-weight: bold;
	width: 640px;
	height: 35px;
	line-height: 35px;
	text-indent: 8px;
	background: url(../img/layout/thead-bg.gif) repeat-x 0 0;	
	color: #fff;
}
.tx_powermail_pi1_form fieldset label {
	width: 180px;
	display: block; 
	float: left;
	padding-right: 10px;
}
.tx_powermail_pi1_form fieldset label a {
	display: none;
}
.powermail_mandatory {
	padding-left: 5px;
}

.tx_powermail_pi1_fieldwrap_html {
	margin: 0;
	background: #eef0f1;
	padding: 4px 8px;
	border-bottom: 1px solid #fff;
	line-height: 22px;
}
.tx_powermail_pi1_fieldwrap_html_submit {
	padding-left: 198px;
}

	.powermail_text,
	.powermail_textarea,
	.powermail_submit {
		width: 200px;
		height: 18px;
		padding: 2px;
	}
	.powermail_text {		 
		width: 194px;
		height: 14px;
		background-position: 181px 1px !important;		
	}	
	.powermail_submit {
		cursor: pointer;
		text-transform: uppercase;
		height: auto !important; 
		color: #fff; 		 
		background: #a5010b;		
	}
	.powermail_textarea {
		height: 80px;
		width: 280px;
	}
	.powermail_select,
	.powermail_countryselect {
		width: 200px;			
	}

	.tx_powermail_pi1_form p {
		margin: 0 0 10px 0 !important;
	}
	
	.tx_powermail_pi1_fieldwrap_html_check p {
		display: none;
	}
	
	
/* Powermail - Wellness Anwendungen */
div#fieldwrap-wellness-packages {
	height: 20px; 
	overflow: hidden;	
}

div#wellness-packages {
	float: left;
	width: 280px;
}
	
	a#wellness-packages-toggle {		
		display: block;
		width: 240px; 
		height: 16px;
		line-height: 16px;		
		text-indent: 25px;
		margin: 3px 0 10px 0;			
		background: url(../img/layout/arrow-inquiry.gif) no-repeat 0 0;
		cursor: pointer;
		text-decoration: none !important;
		
	}
	a#wellness-packages-toggle:hover {
		color: #000 !important;
	}
		
	div#wellness-packages.open a#wellness-packages-toggle {
		background-position: 0 -16px;
	}
	
	span#wellness-packages-toggle-hide {
		display: none;
	}
	
	div#wellness-packages.open span#wellness-packages-toggle-hide {
		display: block; 
	}
	div#wellness-packages.open span#wellness-packages-toggle-show {
		display: none; 
	}
	
	div.wellness-package-item {
		height: 25px; 		
	}

	div#wellness-packages div.wellness-package-item input {
		text-align: center; 
		margin-right: 5px;
		margin-top: 2px;
		padding: 2px;
		float: left; 
		width: 20px;
	}
	div#wellness-packages div.wellness-package-item a {
		text-decoration: none;
		color: #6C6E73; 
		display: block;
		float: left; 
		width: 220px;	
	}
	
	

/* Kontakt Seite */
a.goToInquiry {
	margin: 0 0 20px 0;
}


/** 
 * Bildergalerie
 */

div.tx-cngallery-pi1 {
	margin-bottom: 20px;
}

div.cn_gallery-albumlist div.cn_gallery-album {
	position: relative;
	margin-bottom: 10px;
    height: 140px;	
}

div.cn_gallery-albumlist div.cn_gallery-album p {
	padding-right: 10px;
	margin: 0;
}

div.cn_gallery-album div.pageBrowser,
div.cn_gallery-album div.pageBrowser a {
	font-size: 11px;
}

div.cn_gallery-image {
	margin-top: 20px;
}

div.cn_gallery-thumbs {
	padding-top: 5px;
}

div.cn_gallery-thumb {
	float: left; 
	/*width: 80px; */
	margin: 0 5px 1px 0;
}

div.cn_gallery-thumb.first {
	
}

div.cn_gallery-thumb.last {
	margin-right: 0;
}

div.cn_gallery-album-thumb img,
div.cn_gallery-thumb img {
	 border: 1px solid #eee;
     padding: 4px; 
}

div.cn_gallery-thumbs div.cn_gallery-thumb img {
	
}

div.cn_gallery-thumbs div.cn_gallery-thumb a:hover img {
	background: #eee;
}

div.cn_gallery-albumlist .cn_gallery-album-title,
div.cn_gallery-albumlist .cn_gallery-album-description,
div.cn_gallery-albumlist .cn_gallery-album-more {
	width: 620px;
	float: right;
}

div.cn_gallery-albumlist .cn_gallery-thumb {
	float: left;
	width: 124px;
	height: 122px;
	margin-right: 20px;
}

div.cn_gallery-albumlist h3 {
    margin-left: 144px;
}

.cn_gallery-back {
	display: block;
	margin-bottom: 20px;
}

.cn_gallery-download-link {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

.cn_gallery-pages {
	margin-top: 5px;
}

.cn_gallery-album a {
	display: block;
	color: #000;
	text-decoration: none;
	height: 15px;
	line-height: 15px;
	padding-left: 15px;
	margin: 5px 0 0 171px;
	background: url(/fileadmin/templates/img/layout/bullet_linkMore.png) no-repeat left;
}
.cn_gallery-albumlist .cn_gallery-album a {
	margin: 0 !important; 
	display: inline !important;
	padding: 0 !important;
}

.cn_gallery-album a:hover {
	color: #000;
	text-decoration: underline;
}
.cn_gallery-thumb a,
.cn_gallery-back a {
	display: inline;
	padding-left: 0px;
	margin: 0 0 0 0;
	background: none;
}
/* pagebrowse */ 
ul.tx-pagebrowse,
ul.tx-pagebrowse li {
	margin: 0 !important; 
}	

	.tx-pagebrowse-pi1 {	
		height: 25px; 
		line-height: 25px;
		margin-bottom: 5px;	
		font-size: 11px;
	}
		
	.tx-pagebrowse-pi1 li {
		float: left;
		display: block;
		text-align: center;		
		margin: 0 !important;
	}
	
	.tx-pagebrowse-pi1 li a {
		text-decoration: none;
		margin: 0 !important;
		padding: 0 !important;
		display: inline !important;		
	}
	
	.tx-pagebrowse-pi1 .tx-pagebrowse-first {
		width: 10%;		
	}    
    .tx-pagebrowse-pi1 .tx-pagebrowse-prev {
        width: 15%;
    }
	
	.tx-pagebrowse-pi1 .tx-pagebrowse-first a,
	.tx-pagebrowse-pi1 .tx-pagebrowse-prev a {
			
	}
	
	.tx-pagebrowse-pi1 .tx-pagebrowse-pages {
		/*width: 525px;*/
		width: 50%;
		
	}
	
	.tx-pagebrowse-pi1 .tx-pagebrowse-pages li {
		float: none; 
		display: inline;
		padding: 3px;
	}
	
	.tx-pagebrowse-pi1 .tx-pagebrowse-pages li a {
		
	}
	
	.tx-pagebrowse-pi1 .tx-pagebrowse-pages li a:hover {
		text-decoration: none;
	}
	
	.tx-pagebrowse-pi1 .tx-pagebrowse-page a {
		text-decoration: underline;
	}	
	
	.tx-pagebrowse-pi1 .tx-pagebrowse-current {
		color: #44494c;
	}	
	
    .tx-pagebrowse-pi1 .tx-pagebrowse-next {
        width: 15%;
    }    
	.tx-pagebrowse-pi1 .tx-pagebrowse-last {
		/*width: 60px;*/
		width: 10%;		
	}
	.tx-pagebrowse-pi1 .tx-pagebrowse-next a,
	.tx-pagebrowse-pi1 .tx-pagebrowse-last a {
		
	}


/**
 * Nuggets Startseite
 */
div#newsSwitcher {
	/*height: 192px;*/
	overflow: hidden;
	border: 1px solid #efefef;
	margin: 0 0 20px 0;
}

	ul#newsSwitcherNav,
	ul#newsSwitcherNav li {
		list-style: none;
		margin: 0 !important;
		padding: 0;
	}
	
	ul#newsSwitcherNav {
		float: left;
		width: 208px;
	}
	
	ul#newsSwitcherNav a {
		display: block;
		background: url(../img/layout/news-switcher-nav-bg.jpg) no-repeat 0 -66px;
		color: #a9afb1;
		cursor: pointer;	
		height: 65px;
		line-height: 65px;
		font-weight: bold;	
		text-decoration: none;
		text-indent: 30px;
	}
	
	ul#newsSwitcherNav a:hover,
	ul#newsSwitcherNav a.active {
		background-position: 0 -1px;
		color: #24282b;
	}
	
	div#newsSwitcherContent {
		width: 420px;
		/*height: 195px;*/
		float: left;
		font-size: 12px;
	}
	div#newsSwitcherContent h1,
	div#newsSwitcherContent h2,
	div#newsSwitcherContent h3,
	div#newsSwitcherContent h4,
	div#newsSwitcherContent p {
		margin: 0 0 10px 0;
	}
	
	div#newsSwitcherContent h2 {
		color: #6c6e73; 
		font-weight: bold; 
		font-size: 16px;
		font-family: Arial, Helvetica, sans-serif;
	}
	div#newsSwitcherContent img {
		border:1px solid #eee;
		padding: 2px; 
		margin: 0 10px 0 0;
		float: left;
	}

	div#newsSwitcherContent div,
	div#newsSwitcherContent div.active {
		background: #fff;
		display: none;
		overflow: hidden;
		padding: 15px;
	}
	
	div#newsSwitcherContent div.active {
		display: block;
	}
	

/**
 * Hotel Rooms
 */
div#content div.room-list-item-content {
	width: 410px;
}


	
	
/**********************************************************************************
 * Being Responsive ;-)
 */

/**
 * Tablet Layout 768px
 */
@media only screen and (min-width: 768px) and (max-width: 991px) {

	/*
	img[data-src-720px] {
        content: attr(data-src-720px, url);
    }*/

	body {
		background: #fff !important;
		font-size: 16px;		
	}

	div#wrap {
		background: #fff url(../img/layout/wrap-bg-tablet.png) no-repeat center 0;
		/* ededed */
	}
	
		div#container {
			width: 730px;
		}
		
			div#page-top-inner {
				width: 730px;
			}
		
			a#header-logo {				
				left: 280px;
			}
		
			div#header-main {
				margin: 0;
				height: 375px;
			}
			
				div#header-boxes {
					left: 63px;
				}
				
				div#tx-cnheader {
					width: 100% !important;
					height: 375px !important;
				} 
				
					div#header-flash {
						width: 100%;					
					}
					
					div#tx-cnheader img {
						display: none;
					}
					
					div#tx-cnheader img:first-child {
						display: block !important;
						width: 730px !important;	
						height: auto !important;				
					}
												
				ul#mainnav a.level-1 {
	   				font-size: 14px; 
	   			}
	   		
			div#content-wrap  {
				padding: 0 0 20px 0;
			}
			
				div#breadcrumb {
					display: none;
				}
			
				div#content {
					width: 100%;
					padding: 20px 0;
				}
				
					ul#newsSwitcherNav {
						display: none;
					}
					
					div#newsSwitcher {
						border: 0;
					}
					
					div#newsSwitcherContent {
						width: auto; 
						font-size: 16px;
					}
					
						div#newsSwitcherContent h2 {
							font-size: 20px;
						}
					
					div#newsSwitcherContent div, 
					div#newsSwitcherContent div.active {
						padding: 0;
					}
					
					div#content div.room-list-item-content {
						width: auto;
						float: none; 
						padding-left: 200px;
					}	
					
					div.content-element.image-large img {
						width: 100%; 
						height: auto;
					}
			
					div.content-element.image-three img {
						width: 27%; 
						height: auto;
					}
					
				
					/* Anfrage */ 
				
					
					.tx_powermail_pi1_form fieldset legend {
						width: 100%;
					}
					.tx_powermail_pi1_form fieldset label {
						width: 260px;
					}
					
					.tx_powermail_pi1_form fieldset input[type=text],
					.tx_powermail_pi1_form fieldset select {
						font-size: 14px; 
						height: 25px; 
						padding: 3px; 						
						background: none;
					}
					
					.tx_powermail_pi1_form .powermail_submit {
						width: 100%;
						font-size: 16px;
					}
						
									
					.tx_powermail_pi1_form fieldset textarea {
						width: 240px;
					}	
					
					.tx_powermail_pi1_fieldwrap_html_submit {
						padding-left: 0;						
					}
										
					.tx_powermail_pi1_fieldwrap_html {
						padding: 4px 0;
						background: #fff;
					}		
						
					a.button {
						font-size: 14px;
					}
				
						
						
						
			div#sidebar {
				float: left;
				width: 100%;
				border-top: 2px solid #999EA1;
				padding-top: 20px;
			}
			
				div#sidebar a {
					font-size: 13px;
				}
							
				div.sidebar-nav a {
					background-position: left center;
					padding-left: 20px;
				}
				div.sidebar-nav a:hover,
				div.sidebar-nav a.active {
					background-position: left center;
				}
				
				div#sidebar-quick-inquiry label {
					font-size: 12px;
				}
				
				div#sidebar-quick-inquiry input {
					font-size: 12px;
					width: auto;
					height: 22px;
					background-position: 3px center;
					padding-left: 25px;
				}
							
				div#sidebar-quick-inquiry button {
					width: 100%;
				}
								
			
			
		div#footer {
			width: 730px; 
		}
		
		div#footer-upper, 
		div#footer-lower {    
    		width: 730px;
		}
	
}


/**
 * Mobile layout bis 480px
 */
@media only screen and (max-width: 479px) {
	
		div.room-list-item-image img {
			width: 100px; 
			height: auto; 
		}
		
		body div#content div.room-list-item-content {
			padding-left: 0;
		}
}

/**
 * Mobile Layout 320px und 480px
 */

@media only screen and (max-width: 767px) {
		
	body {
		background: #fff !important;
		font-size: 16px;
	}
	
		div#wrap {
			background: #fff;			
		}
			
			div#container {
				width: auto;
				padding: 0 20px;
			}
		
				div#page-top {
					padding: 0 20px;					
				}	
			
											
					div#page-top-inner {
						width: 100%;
					}				
													
						div#page-top-login {
							display: none;
						}
			
						div#page-top-quicknav a {
							display: none;
						}
			
				div#header-top {
					height: 20px;					
				}	
			
				body#page-20 div#header-top {					
					height: 115px;
				}
			
			
					a#header-logo {		
						display: none;									
						width: 120px; 
						height: 90px;
						/* zu klein...
						width: 100px; 
						height: 75px;
						background-image: url(../img/layout/header-logo-320.png);
						*/
						background-image: url(../img/layout/header-logo-480.png);		
					}
					body#page-20 a#header-logo {
						display: block;
					}
					
					div#header-facebook {
						display: none;
					}
			
								
				div#header-main {
					position: static;
					margin: 0;		
					height: auto;			
				}					
				
					
					div#header-boxes {
						display: none;
					}
					
					div#header-flash {
						position: static;
						width: 100%;	
						height: auto;
						margin-bottom: 5px;	
					}
					
												
						div#tx-cnheader {
							width: 100% !important;						
						}
								
							div#tx-cnheader img:first-child {
								display: block !important;
								width: 100% !important;	
								height: auto !important;			
							}	
					
				
				div#header-nav {
					position: static;
					width: 100%; 
					height: 35px;
					padding: 0;
					background: none;	
				}
				
					ul#mainnav {
						display: none; 
		   			}
		   			
		   			select#mainnav-select {
		   				display: block;
		   				width: 100%; 
		   				height: 35px; 
		   				font-size: 16px;
		   				padding: 5px 6px;
		   			}
				
			
			div#content-wrap  {
				padding: 0 0 20px 0;
			}
			
				div#breadcrumb {
					display: none;
				}
			
				div#content {
					width: 100%;
					padding: 20px 0;
					overflow: hidden;
				}
				
					ul#newsSwitcherNav {
						display: none;
					}
					
					div#newsSwitcher {
						border: 0;
					}
					
					div#newsSwitcherContent {
						width: auto; 
						font-size: 16px;
					}
					
						div#newsSwitcherContent h2 {
							font-size: 16px;
							height: auto;
						}
					
					div#newsSwitcherContent div, 
					div#newsSwitcherContent div.active {
						padding: 0;
					}
					
					div#content div.room-list-item-content {
						width: auto;
						float: none; 
						padding-left: 200px;
					}	
					
					div.content-element.image-large img {
						width: 100%; 
						height: auto;
					}
			
					div.content-element.image-three img {
						width: 27%; 
						height: auto;
					}
					
					/* Anfrage */ 
					
					div#fieldwrap-wellness-packages {
						display: none;
					}
					
					.tx_powermail_pi1_form fieldset legend {
						width: 100%;
					}
					
					.tx_powermail_pi1_form fieldset label {						
						width: auto;
						float: none;
					}
					
					.tx_powermail_pi1_form fieldset input[type=text],
					.tx_powermail_pi1_form fieldset select {
						font-size: 14px; 
						height: 25px; 
						padding: 3px; 						
						background: none;
					}
					
					.tx_powermail_pi1_form .powermail_submit {
						width: 100%;
						font-size: 16px;
					}
						
					.tx_powermail_pi1_form fieldset input[type=text],
					.tx_powermail_pi1_form fieldset select  {
						width: 93%;
					}	
									
					.tx_powermail_pi1_form fieldset textarea {
						width: 240px;
					}	
					
					.tx_powermail_pi1_fieldwrap_html_submit {
						padding-left: 0;
					}
										
					.tx_powermail_pi1_fieldwrap_html {
						padding: 4px 0;
						background: #fff;
					}		
						
					a.button {
						font-size: 14px;
					}
				
						
						
			div#sidebar {
				float: left;
				width: 100%;
				border-top: 2px solid #999EA1;
				padding-top: 20px;
			}
			
				div#sidebar a {
					font-size: 13px;
				}
							
				div.sidebar-nav a {
					background-position: left center;
					padding-left: 20px;
				}
				div.sidebar-nav a:hover,
				div.sidebar-nav a.active {
					background-position: left center;
				}
				
				div#sidebar-quick-inquiry label {
					font-size: 12px;
				}
				
				div#sidebar-quick-inquiry input {
					font-size: 12px;
					width: auto;
					height: 22px;
					background-position: 3px center;
					padding-left: 25px;
				}
							
				div#sidebar-quick-inquiry button {
					width: 100%;
				}
								
			
			div#footer {
				width: auto;
				height: 100px;
				padding: 0 10px 20px 10px;
			}
			
				div#footer-upper, 
				div#footer-lower,
				div#footer-text {
					width: auto;
				}
				
				div#footer-upper {
					height: 45px;
				}
				
				div#footer-copyright {
					float: left;
					clear: left;
					padding-top: 10px;
				}
					
					div#footer-copyright a {
						position: static;
					}
				
				div#footer-nav {
					display: none;
				}
									
				div#footer-sitemap {
					display: none;
				}
		
}

/**
 * Wide mobile Layout 480px bis 767px, abgeleitet von Mobile Layout 320px
 * bsp. iPhone 3 landscape und iPhone 4
 */

@media only screen and (min-width: 480px) and (max-width: 767px) {

	div#wrap {
		
	}

		div#container {
				
		}
		
			div#page-top {
				
			}
		
				div#page-top-quicknav a {
					display: inline;
				}
		
			/*			
			div#header-top {
				height: 115px;
			}		
				
				a#header-logo {									
					width: 120px; 
					height: 90px;
					background-image: url(../img/layout/header-logo-480.png);			
				}
			*/
			
			div#header-main {
				
			}
				
				/*	
				div#header-boxes {
					display: block;
					left: 132px;
				}
				
					div.header-box-item {
						display: none;
					}
					
					div.header-box-item:first-child {
						display: block;
					}
				*/
				div#header-flash {				
					
				}
								
				div#header-nav {				
					height: 40px;						
				}
								   			
		   			select#mainnav-select {	   				
		   				width: 100%; 
		   				height: 40px; 
		   				font-size: 20px;
		   				padding: 6px 4px;
		   			}
	
			div#content-wrap  {
				
			}
			
				div#content {
					
				}
						
					
					div#newsSwitcherContent h2 {
						font-size: 20px;
					}
					
					.tx_powermail_pi1_form fieldset label {						
						width: 200px;
						float: left;
					}
					
					.tx_powermail_pi1_form fieldset input[type=text],
					.tx_powermail_pi1_form fieldset select {
						width: 240px;
						
					}	
					
									
			div#sidebar {
				
			}
			
				div#sidebar a {
					
				}
				
				div#sidebar-quick-inquiry label {
					
				}
				
				div#sidebar-quick-inquiry input {				
				
				}
							
				div#sidebar-quick-inquiry button {
					
				}
				
	

		div#footer-nav {
			display: block;
		}
		
		div#footer-copyright {
			clear: none;
			float: right;
		}
		
			div#footer-copyright a {
				position: absolute;
			}

}