/* Copyright (c) 2011 Wolfgang Mahr
*  
*  CSS wm_jtempl
* 
*********************************************/

/* RESET
*********************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0; font-size:100%; margin:0; padding:0;}
a {outline:none;}
table {border-collapse:collapse; border-spacing:0;}
fieldset, img {border:0;}
del, ins {text-decoration:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:500; -color:#89B834; margin-bottom: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; }
h3 { font-size: 14px; }
q:before, q:after {content:'';}
abbr, acronym {border:0; font-variant:normal;}
sup, sub {-vertical-align:baseline; font-size: 8px;}
legend {color:#000;}
input, button, textarea, select, optgroup, option {color: #000;font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;}
input, button, textarea, select {*font-size:100%;}
address { font-style: normal; }


/* Schriften
************************************************************


/* OPTIK
*********************************************/
html {height:100%; max-height: 100%; overflow-y:scroll;}
body {
	background-color:#333; 
	color: #fff;
	font:normal normal normal 11px/135% Verdana, Arial, Helvetica, sans-serif; 
	height:100%; 
	max-height: 100%;
	position: relative;
}

h1, h2, h3, h4, h5, h6 {
	color: #fff;
}

#head-stuff,
#left > *,
#nav > ul > li,
#main-content,
#footer {
	background: url(../images/bg_turquoise_85.png);
	background: url(../images/bg_petrol_85.png);
	background: url(../images/bg_pantone3135_85.png);
	background: rgba(28,125,146, 0.85); /* turqoise */
	background: rgba(22,104,122, 0.85); /* petrol */
	background: rgba(0,147,189, 0.85); /* PANTONE 3135 */
}

#left .custom.home {
	background: #fff;
	background: rgba(255,255,255,0.85);
	color: #000;
	text-transform: uppercase;
}

#left .custom.home a {
	color: #555;
}

#logo, #head-stuff, 
#quickbuchung, 
#left > *, 
#main-content,
.indicatorContainerClass > div {
	border-radius: 20px/100px;
	border-radius: 10px;
	overflow: hidden;
}

#nav ul li,
#left ul li,
#footer ul li {
	list-style-type: none;
}

#nav > ul > li,
#footer ul li {
	display: block;
	float: left;
}

#main-content	{ line-height: 145%; }

#main-content table th,
#main-content table td {
    border-top: 1px solid #96e7fe;
	border-top: 1px solid rgba(150,231,254,0.5);
    padding: 2px 10px;
	text-align: right;
}

#main-content table th {
	border-top: 0;
}

#main-content table th:first-child, 
#main-content table td:first-child {
    border-right: 1px solid #96e7fe;
	border-right: 1px solid rgba(150,231,254,0.5);
    padding-left: 0;
	text-align: left;
}

table .m2 {
    border-right: 1px solid #96e7fe;
	border-right: 1px solid rgba(150,231,254,0.5);
}

img {max-width: 100%;}
/* LAYOUT
*********************************************/

#wrapper		{position: relative; padding-top: 30px; }
.no-js #wrapper	{ display: block; }

#header {
	width: 100%;
	height: 120px;
	margin: 0 0 13px;
	clear: both;
}

#logo			{background: #fff; text-align: center;}
#logo a			{ display: block; }

#head-stuff		{ height: 100%;}

#hotel-head		{height: 100%; float: left; }
#hotel-head .custom { font-size: 9px; text-transform: uppercase; }
#hotel-head .custom p { margin-top: 5px; }

#quickbuchung	{height: 100%; float: left; background: #454545; }
#quickbuchung.col-md-5 {
  padding-right: 0;
  position: relative;
  right: -16px;
}

#nav			{ width: 100%; height: 35px; position: relative; z-index: 300; }

#content-wrapper	{ margin: 13px 0 40px; }

#left			{ position: relative; overflow: auto; }
#left > *		{ margin-bottom: 13px; }
#left .moduletable .custom,
#left .custom.home > div { padding: 20px 25px; }

#content-container		{position: relative; margin-bottom: 50px; }
#content-container.expand { width: auto; float: none; }

#main-content		{ padding: 35px 40px 40px; }
@media (max-width: 768px) {
	#main-content {padding: 50px 10px 40px;}
}

#footer				{ position: fixed; left: 0; bottom: 0; width: 100%; height: 36px; font-size: 9px; z-index: 500; color: #000; background: #fff; }
@media (max-width: 768px) {
	#footer {position: relative; left: 0; bottom: 0; width: 100%; height: auto; font-size: 9px; z-index: 500; color: #000; background: #fff;}
}
#footer > div 		{ width: 960px; margin: 0 auto; clear: both; overflow: hidden; height: 100%; text-align: left; }
@media (max-width: 768px) {
	#footer > div 		{ width: 100%; margin: 0 auto; clear: both; overflow: hidden; height: 100%; text-align: left; }
}
/* Mobile Font Set */
xxbody {font-size:75%;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}


/* LINKS - GENERELL
*********************************************/
a:link, a:visited { text-decoration:none; color: #96e7fe; }
a:hover	{ -color: #89B834; text-decoration: underline; }

a[href$=".pdf"] {
	background: url(../images/icon_pdf.png) no-repeat 0 0;
	padding: 2px 0 2px 20px;
}

#left a[href$=".pdf"],
#footer a[href$=".pdf"] {
	background: transparent;
	padding: 0 8px;
}

body#hell a:link,
body#hell a:visited { -text-decoration:none;-color:#D07100;}

body#hell a:hover,
body#hell a:focus { -text-decoration:underline;-color:#999;}

xxxxa[href^="http:"] {background:transparent url('https://www.hotel-amenity-munich.com/templates/assetconcept/css/img/aoutside.gif') 100% 50% no-repeat;padding-right:10px;}
.breadcrumbs a:link, .breadcrumbs  a:visited {color:#eee;}

/* MENUS - NAVIGATION
*********************************************/

/* Nav1 */

#nav ul								{ margin:0px; padding: 0; }
#nav > ul > li						{ display: inline; border-left: 1px solid #aaa; border-right: 1px solid #555; border-left: 1px solid rgba(255,255,255,0.5); border-right: 1px solid rgba(0,0,0,0.5); }
	
#nav ul.menu li						{ list-style-type:none; }
#nav ul.menu li:first-child			{ border-left: none; }
#nav ul.menu li:last-child			{ border-right: none; }
#nav ul.menu li a,
#left ul.menu li a					{ display: block; padding: 10px 35px; font-size: 11px; text-transform:uppercase; color: #fff; }
#nav ul.menu li:first-child  a		{  }
#nav ul.menu > li > a:link,
#nav > ul.menu > li > a:visited			{ color:#fff; background: transparent; }
#nav > ul.menu > li:hover > a 		{ background: #fff; background: rgb(255,255,255); color: #000; text-decoration: none; }
#nav ul.menu li a:active 			{ }
#nav ul.menu li.current a:link,
#nav ul.menu > li.current > a:visited	{ color: #000; }
#nav ul.menu li.active a:hover		{ }
#nav ul.menu > li.active > a:active		{  }
#nav ul.menu li ul					{ display: none; position: absolute; z-index: 300; width: 230px; background: rgb(255,255,255); padding: 4px 0 5px; border-bottom: 2px solid #777; box-shadow: 1px 3px 3px rgba(0,0,0,0.25); }
#nav ul.menu li li					{ }

.no-js #nav ul.menu li ul		{ display: none !important; }

#nav ul.menu li ul li a			{ padding: 3px 30px 4px; text-transform: none; color: #000; background: none; }

#nav ul.menu li.current > a		{ background: rgb(255,255,255); }

#nav ul.menu ul li.current > a,
#nav ul.menu li ul li a:hover			{ background: #1F879B; background: #0093bd; text-decoration: none; color: #fff !important; }

/* Nav2 */

#left ul.menu 						{ padding:10px 0; }
#left ul.menu li:first-child 		{ padding-top:0; }
#left ul.menu li a					{ padding: 3px 20px; }
#left ul.menu li a:link,
#left ul.menu li a:visited			{ color:#fff;xxxbackground-color:#222; }
#left ul.menu li a:hover 			{ text-decoration: none; background: rgb(255,255,255); color: #000; }
#left ul.menu li a:active 			{ color:#000; }
#left ul.menu li.active a:link,
#left ul.menu li.active a:visited	{ color:#000; background: #fff; .background: rgba(255,255,255,0.7); }
#left ul.menu li.active a:hover	{}
#left ul.menu li.active a:active	{ color:#555; background: #fff; background: rgb(255,255,255); }

/* Nav std */

#footer ul.menu					{ margin: 0; padding: 0; padding: 11px 0 0 30px; width: 60%; float:left; }
#footer ul.menu + ul.menu		{ width: 30%; float:right; padding: 11px 0 0; }
#footer ul.menu li				{ list-style-type:none; display:block; float: left; }
#footer ul.menu + ul.menu li	{ float: right; }
#footer ul.menu li a			{ padding: 0 8px; font-size:9px; color: #000; text-transform: uppercase; border-left: 1px solid #fff; }
/*#footer ul.menu li a:before		{ content: "."; padding-right: 10px; }*/
#footer ul.menu:first-child li:first-child a{ margin-left: 0px; background: none; padding-left: 0; border-left: none; }
#footer ul.menu li:first-child a:before { content: ""; }
#footer ul.menu li a:link,
#footer ul.menu li a:visited	{-color:#aaa;}
#footer ul.menu li a:hover,
#footer ul.menu li.current a	{ color: #000; text-decoration: none; }
#footer ul.menu li a:active 	{ color:#000;}

#footer li.item-132 a {
	display: block;
	width: 32px;
	height: 15px;
	text-indent: -999em;
	overflow: hidden;
	padding: 0 !important;
	position: relative;
	top: -1px;
	background: url(../images/icon_de.gif) no-repeat 0 0;
}

/* Nav lang */

ul.menu-lang				{ margin:0; padding:10px 0 0; width: 130px; height: 100%; float: right; margin-right: 65px; text-align: right; border-left: 1px solid #ababab; }
ul.menu-lang li				{ list-style-type:none;display:inline; }
ul.menu-lang li	a			{ padding: 0 8px 0 0; -margin-left:8px;font-size:9px; color: #ababab; text-transform: uppercase; }
ul.menu-lang li + li a:before { content: "."; padding-right: 10px; }
ul.menu-lang li	a.lang-en	{ background: url(../images/flagge_en.gif) no-repeat; display: block; text-indent: -9999px; overflow: hidden; }
ul.menu-lang li	a.lang-de	{ background: url(../images/flagge_de.gif) no-repeat; display: block; text-indent: -9999px; overflow: hidden; }
ul.menu-lang li	a:hover		{ text-decoration: none; color: #777 !important; }

/* STANDARD
*********************************************/
.clear {clear:both;}
strong	{ font-weight: bold; }
em		{ font-style: italic; }
ul		{ padding-left: 15px; }
/*#main-content a { text-decoration: underline; }*/

/* MODULES
*********************************************/

/* Quickbook */

#quickbuchung .custom {
	padding: 13px 20px;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
}

#quickbuchung h2 {
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
}

.onlinebuchung p {
	margin: 5px 0;
}

.onlinebuchung input, .onlinebuchung select {
	background: #fff;
	border: 1px solid #ccc;
	background: rgba(255,255,255,0.8);
	border: 1px solid rgba(255,255,255,0.8);
}

.onlinebuchung input {
	width: 120px;
	margin-right: 10px;
	background-image: url(../images/kalender_icon_small.gif);
	background-repeat: no-repeat;
	background-position: 99% 0px;
}

.onlinebuchung label {
	display: block;
	width: 60px;
	float: left;
}

.quickbuchungskopf,
.quickbuchungsknopf {
	padding: 0 5px;
}

.quickbuchungskopf:first-child,
.quickbuchungsknopf:first-child {
	padding-left: 0;
} 

.ui-datepicker-trigger {
	position: absolute;
	-moz-transform: scale(0.8);
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	cursor: pointer;
	right: 140px;
	top: 79px;
}

#quickbook-btn {
	margin-top: 10px;
}

a#submit,
a#submit:hover {
	background: url(../images/quickbook_button_bg.jpg);
	background: -moz-linear-gradient(top, #797979 0%, #797979 45%, #4b4b4b 55%, #4b4b4b 100%);
	background: -webkit-linear-gradient(top, #797979 0%, #797979 45%, #4b4b4b 55%, #4b4b4b 100%);
	background: -ms-linear-gradient(top, #797979 0%, #797979 45%, #4b4b4b 55%, #4b4b4b 100%);
	background: -o-linear-gradient(top, #797979 0%, #797979 45%, #4b4b4b 55%, #4b4b4b 100%);
	background: linear-gradient(top, #797979 0%, #797979 45%, #4b4b4b 55%, #4b4b4b 100%);
	padding: 3px 6px;
	border: 1px solid #999;
	text-transform: uppercase;
	color: #fff;
	margin-top: 3px;
	text-decoration: none;
	display: block;
	width: 110px;
	text-align: center;
	border-radius: 5px;
}


/* WETTER */

#cont_f212c39361e59fb14badd1ba3a9ceed6 {
	padding-top: 15px;
	margin: 0 auto;
}

/* TABELLEN
*********************************************/
.preistabelle { width: 500px; }

.preistabelle tr td:first-child { width: 250px; }

.preistabelle .leistung-btn {
	color: #89B834;
	cursor: pointer;
}

.preistabelle .leistung-content { padding: 0; }

.preistabelle ul {
	margin: 5px 0px !important;
	margin-left: 20px !important;
}

.th {
	border: none !important;
	border-top: 1px solid #bcbcbc !important;
}


/* CONTENT
*********************************************/
/* standard content - gilt für alle Ansichten */
#main-content p {margin-bottom:10px; -padding-right:25px;}
#main-content h1 {
	font-size:12px;
	-margin-bottom:8px; 
	-text-align: right; 
	position: absolute;
	top: 0;
	right:47px;
	padding: 6px 10px;
	border-radius: 0 0 10px 10px;
	background: #6DBCD2;
	background: rgba(255,255,255,0.35);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
#main-content h2 { 
	font-size:18px; 
	margin-bottom:10px;
}
#main-content .item-page > h2 {padding-top:0;}
#main-content .item-page > h2:first-child { text-transform: uppercase; }
#main-content h2 a:link, #content_main h2 a:visited {color:#D07100;}
#main-content h2 a:hover {text-decoration:underline !important;}
#main-content h3 {-color:#bb31a9; font-size:140%; margin:20px 0;}
#main-content legend {padding:0 10px;}
#main-content ul {margin: 8px 0px 15px;}
#main-content ol {margin: 8px 20px 15px;}
#main-content ol ol,
#main-content ul ul { margin:0 }

/* blog frontpage - featured */
/*.blog-featured > h1,
.blog-featured > h2:first-child,
.blog > h2:first-child,
.item-page > h2:first-child { text-transform: uppercase; margin-bottom: 10px !important; font-size: 18px !important; } 
*/
	.items-leading	{margin-bottom:25px; }	/* der obere haupt-artikel */
		.items-leading > div { margin: 20px 0 25px; position: relative; }
		.items-leading .leading-0 { margin-top: 0; }
xxx.items-row	{} /* mehrspaltiges Layout, Zeile */
xxx.cols-2		{} /* mit 2 Spalten */
xxx.row-0		{} /* und zwar konkret die erste */

/* blog */
.cols-2 .item {float:left; width:49.999%; xxborder-right:10px solid red;} /* einzelnes element im 2-spaltigen Layout */
xxx.items-leading p, xxx.cols-2 .item p {padding-right:15px;} /* einzelnes element im 2-spaltigen Layout */
xxx.column-1 {}	/* linke spalte */
xxx.column-2 {}	/* rechte spalte */
xxx.item-separator {} /* unterhalb, in Spalte */
.row-separator {clear:both; display:block; height:24px; width:100%;} /* unterhalb, geht über beide Spalten */

/* blog layout grundsätzlich */
.blog-featured .items-leading h2,
.blog .items-leading h2 { text-transform: none; padding-bottom: 3px; border-bottom: 1px dotted #96e7fe; border-bottom: 1px solid rgba(255,255,255,0.5); }

.category-desc { margin-bottom: 25px; }

xxx		.leading-0	{}
xxx			dl.article-info	{}
xxx			p.readmore	{}
xxx			p.readmore a	{}

/* single article layout */
xxx.item-page h2 {}
ul.pagenav, ul.actions	{list-style-type:none; margin-left:0 ! Important;}
ul.pagenav li, ul.actions li	{display:inline;margin-right:10px;}
xxx.item-page ul.pagenav li a	{}

/* login */
.login h1 {border-bottom:1px dotted #8d8d8d; color:#666; font-size:160%; margin-bottom:8px; padding:16px 0 12px 0; width:100%;}
.login-description {margin-bottom:20px;}
.login-fields {margin-bottom:10px;}
#username-lbl, #password-lbl {display:block; float:left; width:120px;}
#username, #password {border:1px solid #8d8d8d; padding:3px;}
.button {margin-top:10px;}

/* search */
.search h1 {border-bottom:1px dotted #8d8d8d; color:#666; font-size:160%; margin-bottom:8px; padding:16px 0 12px 0; width:100%;}
#search_searchword {border:1px solid #8d8d8d; padding:3px;}
.searchintro {margin-top:10px;}
.phrases {border:1px solid #8d8d8d; margin-bottom:10px; padding:10px;}
	.phrases-box {margin-bottom:10px;}
	.ordering-box {margin-bottom:10px;}
.only {border:1px solid #8d8d8d; margin-bottom:10px; padding:10px 10px 20px 10px;}
.form_limit {}
.search_results {}
	.result-title {border-top:1px dotted #8d8d8d; margin-top:20px; padding-top:12px;}
	.result-category {color:#8d8d8d; font-size:11px; font-style:italic; margin:0; padding:0;}
	.result-text {}
	.result-created {}
	
/* contact */
xxx.contact h2 {}
.jicons-icons {display:none;}
.jcontact-street {display:block;}
.jcontact-suburb {}
.jcontact-postcode {float:left; padding-right:10px;}
.jcontact-telephone {display:block;}
.jform-required {padding-right:10px; text-align:right; width:120px;}
.contact_email {}
.contact_email div {min-height:30px; height:auto !important; height:30px; }
.contact_email label {display:block; float:left; padding:0 10px; text-align:right; min-width:110px; width:auto !important; width:110px;}
#contact_name {border:1px solid #8d8d8d; padding:3px;}
#contact_email {border:1px solid #8d8d8d; padding:3px;}
#contact_subject {border:1px solid #8d8d8d; padding:3px;}
#contact_text {border:1px solid #8d8d8d; font:normal normal normal 14px/20px arial,sans-serif; margin-bottom:20px; padding:3px;}
#div_email_copy {padding-left:130px;}	/* damit diese Klasse exisitiert benötigen wir ein override */
	#contact_email_copy {float:left;}
	#div_email_copy label {padding:0 10px; text-align:left; width:auto !important;}
.contact_email .button {margin-left:130px;}

/* READMORE */

.readmore-trigger,
p.readmore {
	-position: absolute;
	-top: 1px;
	-right: 0;
	-z-index: 999;
	-background: rgba(0,0,0,0.3);
	-padding: 2px 0 0;
	-border-radius: 5px 5px 0 0;
	-moz-transition: all 0.3s ease-in 0.2s;
}

p.readmore {
	-width: 90px;
	-text-align: right;
}

.readmore-trigger:hover,
.readmore-trigger.triggert,
p.readmore a:hover {
	-text-decoration: none;
	-background: rgba(135,193,99,0.3);
	-color: #0078b8;
	-moz-transition: all 0.3s ease-out;
}

.readmore-content {
	display: none;
}

.readmore-content.open {
}

.no-js .readmore-content {
	display: block;
}

/* OVERRIDES
*********************************************/
.search label {display:none}

/* SYSTEM - Systemhinweise
**************************************************/

/* OpenID icon style */
input.system-openid,input.com-system-openid { background:url(../../../login-bg.gif) no-repeat; background-color:#fff; background-position:0 50%; color:#000; padding-left:18px; }

/* Unpublished */
.system-unpublished { background:#e8edf1; border-top:4px solid #c4d3df; border-bottom:4px solid #c4d3df; }

/* System Messages */
#system-message { margin-bottom:10px; padding:0; }
#system-message dt { font-weight:bold; }
#system-message dd { margin:0; font-weight:bold; text-indent:30px; }
#system-message dd ul { color:#0055BB; margin-bottom:10px; list-style:none; padding:10px; border-top:3px solid #84A7DB; border-bottom:3px solid #84A7DB; }

/* System Standard Messages */
#system-message dt.message { display:none; }
#system-message dd.message { }

/* System Error Messages */
#system-message dt.error { display:none; }
#system-message dd.error ul { color:#c00; background-color:#E6C0C0; border-top:3px solid #DE7A7B; border-bottom:3px solid #DE7A7B; }

/* System Notice Messages */
#system-message dt.notice { display:none; }
#system-message dd.notice ul { color:#c00; background:#EFE7B8; border-top:3px solid #F0DC7E; border-bottom:3px solid #F0DC7E; }

/* Debug */
#system-debug { color:#ccc; background-color:#fff; padding:10px; margin:10px; }
#system-debug div { font-size:11px; }

/* GENERAL - Formvalidierung, Buttons, Tooltips, Kalender
**************************************************/

.actions {
	padding: 0;
	margin-top: 15px !important;
	border-top: 1px dotted #96e7fe;
	border-top: 1px solid rgba(255,255,255,0.2);
}

.actions a {
	-text-decoration: none !important;
}

span.tab {
	display: inline-block;
}

span.tab.date {
	width: 120px;
}


/* BACKGROUND GALLERY
**************************************************/
#background-gallery {
    display: none;
	width: 100%;
    height: 100%;
	position: fixed;
    left: 0;
	top: 0;
    overflow: hidden;
    z-index: -1;
}

#background-gallery img {
    display: block;
    left: 0;
    min-height: 100%;
    position: absolute;
    top: 0;
}

html.no-js #background-gallery {
	display: block;
}

.indicatorContainerClass {
	top: 9px;
	right: 50px;
	position: absolute;
	z-index: 9999;
	height: 48px;
}

.indicatorContainerClass div.indicatorClass {
    background: #fff;
	background: rgba(255,255,255,0.7);
	width: 10px;
	height: 10px;
	float: left;
	margin: 0 0 0 5px;
	cursor: pointer;
	-moz-transition: background 0.8s ease-in 0.1s;
	-webkit-transition: background 0.8s ease-in 0.1s;
	-o-transition: background 0.8s ease-in 0.1s;
	-ms-transition: background 0.8s ease-in 0.1s;
	transition: background 0.8s ease-in 0.1s;
}

.indicatorContainerClass div.indicatorClass.aktiv {
	background: #000;
	background: rgba(0,0,0,0.7);
	-moz-transition: background 0.2s ease-out;
	-webkit-transition: background 0.2s ease-out;
	-o-transition: background 0.2s ease-out;
	-ms-transition: background 0.2s ease-out;
	transition: background 0.2s ease-out;
}

.indicatorContainerClass div.indicatorClass div {
	display: none;
}

#gallery-control {
	position: absolute;
	top: 6px;
	right: 0;
	overflow: hidden;
}


#gallery-slow	{ background: url(../images/gallery_speed_slow.png) no-repeat 0 0; }
#gallery-fast	{ background: url(../images/gallery_speed_fast.png) no-repeat 0 0; }

.gallery-speed-btn {
	width: 17px;
	height: 17px;
	float: left;
	margin-left: 5px;
	background-color: #454545 !important;
	text-indent: -9999em;
	overflow: hidden;
	border: none;
	border-radius: 25%;
	cursor: pointer;
}

.gallery-speed-btn.pressed {
	background-color: #1f879b !important;
}

.gallery-speed-btn.active {
	background-color: #000 !important;
}

.activeGallery {
	opacity: 0.4;
	-moz-transition: opacity 0.4s ease;
	-webkit-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	-ms-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}

img.gallery {
	margin: 0;
}

img.gallery.first,
img.gallery.second {
	margin-bottom: 5px;
}

img.gallery.first,
img.gallery.third {
	margin-right: 5px;
}

.slim img.gallery {
	margin: 0 0 0 2px;
}

.slim a:first-child img.gallery {
	margin-left: 0;
}


/* SITEMAP
**************************************************/
#xmap {
	overflow: auto;
}

#xmap > h2 {
	margin-bottom: 15px;
	text-transform: uppercase;
}

#xmap > div {
	-border-left: 1px solid #555;
	height: 100%;
	padding-left: 30px;
}

#xmap > div:first-child {
	border-left: none;
	padding-left: 0;
}

#xmap ul {
	margin: 0;
	width: 100%;
}

#xmap ul ul {
	margin-left: 20px;
}

#xmap ul ul ul {
	display: none;
}

#xmap li {
	list-style-type: none;
}

#xmap > div > ul > li > a {
	font-weight: bold;
}

#xmap > div > ul > li > ul > li {
    background: url("../images/sitemap_arraow.gif") no-repeat scroll 0 4px transparent;
    padding-left: 15px;
}

/* FORMULARE
**************************************************/
.bfQuickMode {
	position: relative;
}

/*.bfPageIntro,
.bfSectionDescription {
	display: none !important;
}*/

.bfPage > p { 
	margin: 0 !important;
}

.bfQuickMode label {
	width: 100px !important;
}

.bfQuickMode input[type="text"],
.bfQuickMode textarea {
	width: 350px !important;
	border: 1px solid #fff !important;
	color: #000;
}

.bfQuickMode select {
	padding: 1px 2px 0 0 !important;
	width: 75px !important;
}

.bfQuickMode input[type="text"], .bfQuickMode textarea, .bfQuickMode select {
    background: #fff !important;
	border: 1px solid #ccc !important;
	background: rgba(255,255,255,0.8) !important;
	border: 1px solid rgba(0,0,0,0.2) !important;
}

.bfQuickMode span.bfRequired {
	position: absolute;
	left: 95px;
}

#bfElemWrap492 span.bfRequired,
#bfElemWrap143 span.bfRequired,
#bfElemWrap756 span.bfRequired,
#bfElemWrap940 span.bfRequired {
	left: -13px;
}

.bfPage .bfNoSection > p {
	margin-bottom: 0px !important;
	padding: 3px 0px !important;
	float: none;
}

.bfPage .bfNoSection > div {
	clear: both;
}

.bfPage > div > div {
	margin: 3px 0 !important;
}

.bfCaptcha #ff_capimgValue {
	width: 180px !important;
}

#bfCaptchaEntry {
	width: 130px !important;
	float: right !important;
	margin-left: 10px !important;
}

.bfCaptcha a.ff_elem {
	-float: right !important;
	margin-left: 11px !important;
	position: relative;
	top: -27px;
}

.bfQuickMode #bfSubmitButton {
	float: none !important;
	margin-left: 376px !important;
	background-image: none !important;
	background: #04ADD8 !important;
	color: #fff !important;
	border: none !important;
	padding: 3px 6px !important;
	position: relative;
	top: -45px !important;
	cursor: pointer;
	text-transform: uppercase;
	
}

.bfQuickMode #bfSubmitButton span {
	background: none !important;
	padding: 4px !important;
	height: auto !important;
}

#ff_elem75,
#ff_elem76,
#ff_elem77 {
	width: 120px !important;
}

span.bfElemWrap.bfLabelLeft {
	padding: 0 !important;
}

#bfElemWrap150 span {
	width: auto !important;
}

textarea {
	height: 50px !important;
}

#ff_formdiv1 > div:last-child {
	display: none;
}

#Lieferadresse2 {
	margin-top: 20px;
}

.bfQuickMode input[type="text"], .bfQuickMode textarea, .bfQuickMode select {
    border: 1px solid #fff;
	border-top: 1px solid #aaa;
}

#Zimmerart {
	position: relative;
}

#zimmerContainer {
  position: absolute;
  right: 297px;
  top: -103px;
}

#Zimmerart > p {
	padding: 5px 0 !important;
}

#Zimmerart label {
	width: 105px !important;
}

.formError .formErrorContent {
    background: none repeat scroll 0 0 #89B834 !important;
    border: 2px solid #DDDDDD;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 6px #000000;
}

.formError .formErrorArrow div {
    background: none repeat scroll 0 0 #89B834 !important;
    -border-left: 2px solid #DDDDDD;
    -border-right: 2px solid #DDDDDD;
    -box-shadow: 0 2px 3px #444444;
}


/* NEWSLETTER
**************************************************/

#acymodifyform table th,
#acymodifyform table td {
	border: none !important;
	text-align: left !important;
}

#acymodifyform table th:first-child,
#acymodifyform table td:first-child {
	width: 170px;
}

.adminform legend {
	display: none;
}

#acymodifyform input[type="text"] {
	width: 300px;
	background: rgb(204, 204, 204);
	background: rgba(255, 255, 255, 0.8);
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
}

#trcaptcha td {
	padding-top: 15px !important;
}

.acymodifybutton .button {
	background-color:#000000;
	border:none;
	color:#FFFFFF;
	cursor:pointer;
	margin-left:410px;
	padding:3px 6px;
	position:relative;
	text-transform:uppercase;
}

#acyusersubscription th.title {
	font-size: 14px;
}


#acyusersubscription {
	margin-top: 25px;
}

#trcaptcha img {
	vertical-align: text-bottom;
}

#trcaptcha input {
	position: relative;
	top: -13px;
	width: 100px !important;
}

.list_name {
	font-size: 12px !important;
	font-weight: bold;
	padding-top: 3px;
}

.list_description {
	display: none;
}


/* MEDIAQUERIES
**************************************************/
@media screen and (max-height: 800px) {

	#left-bottom {
		margin-top: 50px;
	}

}

@media screen and (min-height: 1050px) {
	
	#left-bottom {
		margin-top: 300px;
	}
	
}


/* Extra-Styles für Chrome */

@media screen and (-webkit-min-device-pixel-ratio:0) { 

	#main-content .bfPage textarea {
		width: 345px !important;
	}

	.ui-datepicker-trigger {
		vertical-align: text-bottom;
		--webkit-transform: scale(0.8);
		position: relative;
		top: 1px;
	}

	.bfPage span.bfRequired {
		top: 0 !important;
	}

}


/* Form validation */
.invalid { border-color:#ff0000; }
label.invalid { color:#ff0000; }

/* Buttons */
button#toggle-slide {
	position: absolute;
	top: 0;
	right: 48px;
	width: 78px;
	height: 34px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/toggle_slide_trigger.png) no-repeat 0px 0px;
	border: none;
	cursor: pointer;
	padding: 0;
}

button#toggle-slide:hover {
	opacity: 1;
}

#toggle-info {
	background: #fff;
	color: #000;
	padding: 10px 20px;
	position: absolute;
	top: 35px;
	right: 0;
	display: none;
	z-index: 99999999;
}

#editor-xtd-buttons { padding:5px; }
.button2-left,.button2-right,.button2-left div,.button2-right div { float:left; }
.button2-left a,.button2-right a,.button2-left span,.button2-right span { display:block; height:22px; float:left; line-height:22px; font-size:11px; color:#666; cursor:pointer; }
.button2-left span,.button2-right span { cursor:default; color:#999; }
.button2-left .page a,.button2-right .page a,.button2-left .page span,.button2-right .page span { padding:0 6px; }
.page span { color:#000; font-weight:bold; }
.button2-left a:hover,.button2-right a:hover { text-decoration:none; color:#0B55C4; }
.button2-left a,.button2-left span { padding:0 24px 0 6px; }
.button2-right a,.button2-right span { padding:0 6px 0 24px; }
.button2-left { background:url(../images/system/j_button2_left.png) no-repeat; float:left; margin-left:5px; }
.button2-right { background:url(../images/system/j_button2_right.png) 100% 0 no-repeat; float:left; margin-left:5px; }
.button2-left .image { background:url(../images/system/j_button2_image.png) 100% 0 no-repeat; }
.button2-left .readmore,.button2-left .article { background:url(../images/system/j_button2_readmore.png) 100% 0 no-repeat; }
.button2-left .pagebreak { background:url(../images/system/j_button2_pagebreak.png) 100% 0 no-repeat; }
.button2-left .blank { background:url(../images/system/j_button2_blank.png) 100% 0 no-repeat; }

/* Tooltips */
div.tooltip { float:left; background:#ffc; border:1px solid #D4D5AA; padding:5px; max-width:200px; z-index:13000; }
div.tooltip h4 { padding:0; margin:0; font-size:95%; font-weight:bold; margin-top:-15px; padding-top:15px; padding-bottom:5px; background:url(../images/system/selector-arrow.png) no-repeat; }
div.tooltip p { font-size:90%; margin:0; }

/* Caption fixes */
.img_caption.left { float:left; margin-right:1em; }
.img_caption.right { float:right; margin-left:1em; }
.img_caption.left p { clear:left; text-align:center; }
.img_caption.right p { clear:right; text-align:center; }

/* Calendar */
a img.calendar { width:16px; height:16px; margin-left:3px; background:url(../images/system/calendar.png) no-repeat; cursor:pointer; vertical-align:middle; }

.page-header {border-bottom: 0 none; margin: 0;}
label {font-weight: normal;}