body {
	font-family: Gorgia, serif !important;
	background: none #ffffff;
	}
	
.main {
	background: none;
}
a, .cst-geo-location-insert a:hover{
	color:#333;
}
h1, h2 {
font: 18px Gorgia, serif;
color: #59473D;
margin: 10px 20px 6px;
}
.toolbar {
	height: 104px;
	background:#ffffff;
	padding:0;
	border:none;
}

.toolbar * {
	color: #fff;
}
.toolbar h1 {
	display: none;
}

.custom_header {
	height: 35px;
	padding: 4px;
	background: #433328;
	width:100%;
}
.custom_header a {
	float: left;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}
.custom_header a:last-child {
	float: right;
	margin-right: 10px;
}
.toolbar span.custom {
	display: block;
	height: 104px;
	background: url("/static/mobile/i/logo_dolomit_family_resort.png") no-repeat center;
}
.toolbar span.custom2 {
	display: block;
	position: absolute;
	top: 7px;
	right: 0;
	width: 125px;
	height: 58px;
}
.back {
	color: #fff;
	padding: 0 12px;
	font-size: 11px;
	line-height: 22px;
	text-shadow: 0 0;
	-webkit-border-image: none;
	background: url("/static/mobile/i/backButton.png") top left no-repeat;
	font-weight: normal;
}
ul li.cst-book-info-progress-step{
color:#fff;
}

ul.cst-timeframes{
background:none;
}
/* menu */
#menulist,
ul.individual {
	border: none;
	background: none;
}
#menulist li,
ul.individual li {
	width: 42%;
	float: left;
	margin: 2px 0px;
	line-height:40px;
	padding:0px;
	padding-left:10px;
	background:#59473d;
	height:40px;
}
#menulist li *,
ul.individual li * {
	text-transform:uppercase;
	color: #fff;
	font-weight: normal;
	font-family: Georgia, serif;
}
#menulist li:last-child {
	clear: both;
}
#menulist li:nth-child(2n+2) {
	clear: none;
	float: right;
	margin-right:10px;
}
ul li.load .site_loading div {
	background: #2b2b2b;
}
ul li.arrow a,
#menulist li.active a{
	/*background-image: url("/static/mobile/i/arrow.png");*/
	/*background-position: right 10px;*/
	/*background-repeat: no-repeat;*/
	/*padding-right: 25px;*/
	/*display:block;*/
	/*margin-right:-12px;*/
}



#menulist a {
	padding-top:9px;
	font-size:16px;
}

ul.striped li.arrow a{
	background:url("/static/mobile/i/arrow_white.png") no-repeat right;
	margin-right:0px;

}

ul{
	color: #ffffff;
	border: none;
	padding: 0;
	font-family: Georgia, serif;
	margin: 15px 10px 17px 10px;
	-webkit-border-radius: none;
	border-radius: 0;
}
ul.striped{
	font-weight: normal;
	font-family: Georgia, serif;
}
ul.striped b{
}
ul.striped span{
	color: #fff;
}

ul li.active{
	background: none;
}

/* image startseite */
.main:first-child .box {
	padding: 0px;
	border: none;
	background: none;
}
.main:first-child .box img {
	border: 1px solid #5B0A13 ;
}

/* content */

li:last-child, body li:last-child a {
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
}

li:first-child, body li:first-child a {
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
}
body div.box{
	background:none;
	border:none;
	font-family: Georgia, serif;
	font-weight:normal;
	color: #3C3C3C;
	float:left;
	clear:both;
	margin:0 auto;
	text-align: center;
	width:100%;
}
.box{
	font-family: Georgia, serif;
	font-weight:normal;
}
.whiteButton{
	border:none;
	background:#59473d;
	color:#fff;
	font-weight:normal;
}

ul li.load .site_loading div {
	background: #fff;
}

/* footer */

.info {
	background: none repeat scroll 0 0 #443329;
	border: medium none;
	color: #FFFFFF;
	float: left;
	height: 69px;
	line-height: 2px;
	margin-top: 20px;
	overflow: hidden;
	padding: 10px 1%;
	width: 98%;
}

.info,
.info a {
	color: #fff;
	font-size: 11px;
	text-shadow: 0 0;
	font-weight: normal;
}

.info a {
	line-height: 20px;
	text-decoration: underline;
	text-transform: uppercase;
	text-decoration: none;
	text-align: left;
}

ul li a, li.img a + a {
	color:#fff;
}
.cst-list {
	padding: 10px;
}
.cst-list li {
	color: #fff;
	background-image: url("/static/mobile/i/listArrowwhite.png") !important;
}

.box.room-type-description {
	color: #fff;
	border-radius: 0;
	background:#59473d;
}


.cst-book-container .cst-list{
	padding:0;
}

.cst-book-container .cst-list li{
	background-image:none!important;
}

body .cst-book-containerdiv.cst-box-20-roomtypes-group a.cst-book-roomtype-group,
.cst-book-container div.cst-box-30-indicators a.cst-book-indicator,
.cst-book-container div.cst-box-30-indicators a.cst-book-indicator:hover {
	background:none;
	color:#433328;
}

body div.cst-book-container a.cst-button,
body div.cst-book-container a.cst-button span{
	color:#433328;
}

div.cst-distribution-box-info-box a.cst-button:hover,
body div.cst-book-container a.cst-button:hover,
body div.cst-book-container a.cst-button:focus,
body div.cst-book-container a.cst-button:active {
	background: #433328;
}

.cst-book-container table.cst-book-roomtype td.cst-book-roomtype-content ul.cst-buttons {
	padding-top:0;
	margin-top:10px;
}

ul.garberhof,
ul.alpenhof {
	color: #FFFFFF;
	float: left;
	font-family: Georgia,serif;
	font-weight: normal;
	margin-right: 4%;
	text-transform: uppercase;
	width: 42%;
	margin-top:0;
}

ul.alpenhof{
	margin-right: 0;
	margin-left: 26px;
}

.menu_custom li{
	margin:0 10px 3px;
	margin-left:0;
}

body .alpenhof li{
	padding-left:10px;
}

.menu_custom a {
	font-size:16px;
	line-height: 40px;
	padding:0 10px;
}

ul.garberhof a{
	background:#6b6f08;
}

ul.garberhof li.logo,
ul.alpenhof li.logo{
	background:url(/static/mobile/i/logo_hotel_garberhof.png) no-repeat center #ffffff;
	height:80px;
	width: 90%;
	text-align: center;
	padding:0;
	padding-bottom: 20px;
	border:0;
}

ul.alpenhof li.logo{
	background:url(/static/mobile/i/logo_hotel_alpenhof.png) no-repeat center #ffffff;
}

ul.garberhof li.logo_kinderhotels,
ul.garberhof li.logo_familienhotels,
ul.alpenhof li.logo_familotel{
	background:url(/static/mobile/i/kinderhotels_logo.jpg) no-repeat center #ffffff;
	height:22px;
	padding:0;
	width:100%;
	margin-top: 0;
}

ul.garberhof li.logo_kinderhotels,
ul.garberhof li.logo_familienhotels{
	margin-left: -9px;
}

ul.garberhof li.logo_familienhotels{
	background:url(/static/mobile/i/familienhotels_logo.jpg) no-repeat center #ffffff;
}

ul.alpenhof li.logo_familotel{
	background:url(/static/mobile/i/familotel_logo.jpg) no-repeat center #ffffff;
}

ul.garberhof li.logo_familienhotels{
	margin-bottom: 23px;
}

ul.alpenhof li.logo_familotel{
	margin-bottom: 48px;
}

ul.alpenhof a{
	background:#b51f1e;
}

ul li.arrow a{
	background-image:none;
}

ul.garberhof li a:after,
ul.alpenhof li a:before
{
	content: url("/static/mobile/i/arrow_green.png");
	position: absolute;
	right: -12px;
	top: 0;
}

ul.alpenhof li a:before {
	content: url("/static/mobile/i/arrow_red.png");
	left:-12px;
	right:auto;
}

ul.alpenhof li a:after {
	content:'';
}

div.address_garberhof,
div.address_alpenhof{
	width:42%;
	margin-right: 4%;
	color: #636F08;
	font-family: Cabin;
	font-size: 12px;
	line-height: 20px;
	float:left;
	text-align: left;
}


div.address_garberhof a,
div.address_garberhof a:hover{
	color: #636F08;
	text-decoration: none;
}

div.address_alpenhof a,
div.address_alpenhof a:hover{
	color: #B51F1E;
	text-decoration: none;
}

div.address_garberhof{
	margin-left:20px;
	float:left;
}

div.address_alpenhof{
	margin-right: 20px;
	float:right;
	text-align: right;
	color:#B51F1E;
}

.languages{
	margin:0 auto;
	width:100%;
	text-align: center;
	float:none;
	clear:both;
	margin-top: 10px;
}

.languages a{
	float:none;
	position:relative;
	top:20px;
	text-transform: none;
}

.left{
	text-align: left;
	padding-left:4px;
}

.right{
	text-align: right;
	padding-right:4px;
}

@media only screen and (max-width:480px){
	.menu_custom a{
		font-size: 13px;
	}

	div.address_garberhof{
		margin-top: 10px;
		margin-bottom: 20px;
	}

	div.address_garberhof,
	div.address_alpenhof{
		width:100%;
		float: left;
		text-align: left;
		margin-left: 10px;
	}
}



@media only screen and (max-width:320px){
	.menu_custom a{
		font-size: 12px;
	}
}