@import url(inc_mobile.css);
@import url(slimbox.css);

.csc-textpic-caption {
	font-size: 0.8em;
}

h2.toggle {
	background: url(../images/back_contact.png) repeat-x left -280px;
	line-height: 32px;
	padding: 0 0.5em;
	margin: 0;
	margin-bottom:1px;
	color: black;
}

h2.toggle img {
	width: 8px;
	height: 17px;
	background: url(../images/icon_expand2.gif) no-repeat left center;
	vertical-align: text-top;
	margin-right: 0.5em; 
}


h2.active img {
	background-image: url(../images/icon_expand2_act.gif);
}

ul.mainnav, ul.subnav, #contactswindow ul, ul.breadcrumb {
	margin:0;
	padding:0;
	list-style-type: none;
	list-style-position: outside;
	overflow: hidden;
}

/*
 * Header
 */

#header {
	position: relative;
	text-align: center;
	background: white;
	padding:8px;
}

#lang {
	position: absolute;
	top: 9px;
	right: 9px;
}

#lang img {
	border: 0;
	height: 19px;
	width: 24px;
	background: url(../images/back_lang.png) no-repeat left top;
}

#lang img.de {
	background-position: right top;
}

#siteby {
	text-align:center;
	margin-top:15px;
}

#siteby a {
	font-size:10px;
	color:#999;
	text-decoration:none;
}

/*
 * Kontakt
 */

#contactsbar {
	background: #f3e9ce;
	overflow: hidden;
	padding: 4px 0 3px 0;
}

#contactsbar a {
	text-decoration: none;
	display: block;
	padding: 0.2em 10px;
}

#tel {
	height: 24px;
	float: left;
	width: 50%;
}

#anfragebutton {
	background: url(../images/back_contact.png) repeat-x left top;
	height: 24px;
	width: 50%;
	float: right;
}

#anfragebutton a {
	background: url(../images/back_contact.png) no-repeat 6px -24px;
	padding-left: 20px;
}

#anfragebutton a.opened {
	background-position:6px -312px;
}

#contactswindow {
	background: #f5edd7;
	display: none;
	position: absolute;
	width: 100%;
	z-index: 100;
}
#contactswindow a, #roomrequest a {
	text-decoration: none;
	display: block;
}
#contactswindow ul {
	border-bottom: 4px solid #c8a651;
}
#contactswindow li, #roomrequest li {
	border-top: 1px solid #e4ce94;
	padding: 7px 10px;
}
#contactswindow li img, #roomrequest li img {
	background: url(../images/back_contactwindow.gif) no-repeat left center;
	width: 16px;
	height: 16px;
	border: none;
	vertical-align: text-top;
}
#contactswindow li.telefon img, #roomrequest li.telefon img {
	background-position: -16px center;
}
#contactswindow li.buchen img, #roomrequest li.telefon img {
	background-position: -32px center;
}
#roomrequest ul {
	border-bottom: 1px solid #e4ce94;
	list-style:none;
	margin:0;
	padding:0;
}


/*
 * Footer
 */

#footer { background: #c8a651; text-align: center; padding: .5em 0; margin-top: 5px;}
#footer a { color: white; }

/*
 * Breadcrumb
 */

ul.breadcrumb {
	overflow: hidden;
	background: #c8a651;
	color: white;
	padding: 10px;
}

ul.breadcrumb a {
	color: white;
	text-decoration: underline;
}

ul.breadcrumb li {
	float: left;
	margin-right: 1ex;
}

/*
 * Startseite
 */

#imageheader {
	margin-top: 5px;
	height: 220px;
	overflow: hidden;
}
#imageheader img {
	width: 100%;
	vertical-align: middle;
}

ul.mainnav li {
	width: 50%;
	float: left;
}
ul.mainnav li a {
	color:#333;
	text-decoration: none;
	display: block;
	padding-left: 0.7em;
	padding-right: 20px;
	background: url(../images/back_contact.png) no-repeat right -88px;
}
ul.mainnav li a span {
	background: url(../images/back_ornament.gif) no-repeat left 15px;
	padding-left:16px;
	display:block;
}

ul.mainnav li div {
	margin: 5px 5px 0 5px;	
	height: 40px;
	background: url(../images/back_contact.png) repeat-x left -48px;
	line-height: 40px;
	overflow:hidden;
}

ul.mainnav li.nav0 div {
	margin: 5px 5px 0 0;
}

ul.mainnav li span {
	vertical-align: middle;
}

/*
 * Subnavigation
 */
table.subnav {
	margin-top: 5px;
}
table.subnav td {
	border-bottom: 5px solid #ffffff;
	background: url(../images/back_contact.png) repeat-x left -128px;
	height: 60px;
}

table.subnav td.link {
	background: url(../images/back_contact.png) no-repeat right -188px;
	width: 17px;
}


table.subnav a {
	color:#333;
	text-decoration: none;
	display: block;
	padding: 0 20px 0 0.7em;
}

table.subnav td.image {
	width: 80px;
	vertical-align: top;
}
table.subnav td.image a {
	padding:0;
	display: inline;
	background: none;
}



/*
 * Content
 */
#content {
	background: #f8f1de;
	padding: 0 10px 10px 10px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

#content .content {
	overflow: hidden;
	padding: 0.5em 0;
}

div.anfragelink a {
	background: url(../images/back_contact.png) repeat-x left -299px;
	display: block;
	color: white;
	text-decoration: none;
	padding: 8px 5px 11px 5px;
	font-weight: bold;
}

div.anfragelink img {
	vertical-align: middle;
	margin-right: 2px;
	background: url(../images/back_contactwindow.gif) no-repeat left center;
	width: 16px;
	height: 16px;
	border: none;
}

/*
 * Zimmerdarstellung
 */
#rooms {
	margin-top:5px;
}
#rooms h2.toggle {
	background-position: left -248px;
}

/*
 * Wetter
 */
.weather_det_item {
	overflow: hidden;
	clear: both;
	margin-bottom: 1em;
}
.weather_det_icon {
	float: left;
	margin-right: 0.5em; 
}


.tx-emgooglemap-pi1, .tx-emgooglemap-pi1 input { font-size: 0.8em; }