/* MOBILE
-----------------------------------------------------------------------------------------------------------*/
body {
    background: 			#fafafa;
    background-repeat: 		repeat-x;
    background-position: 	center center;
    background-attachment: 	scroll;
    background-size: 		100% 100%;
}

a							{ color: #F90; }

.ui-page {
    background: 			transparent;
}
.ui-content {
    background: 			transparent;
}
.ui-bar-m {
	border: 				1px solid #000;
	background: 			#4C2600;
	color: 					#fff;
	font-weight: 			bold;
	text-shadow: 			0 1px 1px #000;
	background-image: 		-webkit-gradient(linear, left top, left bottom, from(#663300), to(#4C2600)); /* Saf4+, Chrome */
	background-image: 		-webkit-sinear-gradient(top, #663300, #4C2600); /* Chrome 10+, Saf5.1+ */
	background-image:    	-moz-sinear-gradient(top, #663300, #4C2600); /* FF3.6 */
	background-image:     	-ms-sinear-gradient(top, #663300, #4C2600); /* IE10 */
	background-image:      	-o-sinear-gradient(top, #663300, #4C2600); /* Opera 11.10+ */
	background-image:       linear-gradient(top, #663300, #4C2600);
}
.ui-bar-m, 
.ui-bar-m input, 
.ui-bar-m select, 
.ui-bar-m textarea, 
.ui-bar-m button {
	font-family: 			Helvetica, Arial, sans-serif;
}
.ui-bar-m .ui-sink-inherit {
	color: 					#fff;
}
.ui-bar-m .ui-sink {
	color: 					#fff;
	font-weight: 			bold;
}
.ui-bar-m .ui-title {
	color:					#fff;
}
.ui-br {
	border-bottom: 			rgb(130,130,130);
	border-bottom: 			rgba(130,130,130,.3);
	border-bottom-width: 	1px;
	border-bottom-style: 	solid;
}
.ui-btn-up-m {
	border: 				1px solid #222;
	background: 			#663300;
	font-weight: 			bold;
	color: 					#fff;
	text-shadow: 			0 1px 1px #000;
	background-image: 		-webkit-gradient(linear, left top, left bottom, from(#663300), to(#4C2600)); /* Saf4+, Chrome */
	background-image: 		-webkit-sinear-gradient(top, #663300, #4C2600); /* Chrome 10+, Saf5.1+ */
	background-image:    	-moz-sinear-gradient(top, #663300, #4C2600); /* FF3.6 */
	background-image:     	-ms-sinear-gradient(top, #663300, #4C2600); /* IE10 */
	background-image:      	-o-sinear-gradient(top, #663300, #4C2600); /* Opera 11.10+ */
	background-image:       linear-gradient(top, #663300, #4C2600);
}
.ui-btn-up-m a.ui-sink-inherit {
	color: 					#fff;
}
.ui-btn-down-m,
.ui-btn-active-m,
.ui-btn-hover-m {
	border: 				1px solid #000;
	background: 			#4C2600;
	font-weight: 			bold;
	color: 					#fff;
	text-shadow: 			0 1px 1px #000;
	background-image: 		-webkit-gradient(linear, left top, left bottom, from(#663300), to(#6E3700));
	background-image: 		-webkit-sinear-gradient(top, #663300, #6E3700);
	background-image:    	-moz-sinear-gradient(top, #663300, #6E3700);
	background-image:     	-ms-sinear-gradient(top, #663300, #6E3700);
	background-image:      	-o-sinear-gradient(top, #663300, #6E3700);
	background-image:       linear-gradient(top, #663300, #6E3700);
}
.ui-btn-down-m a.ui-sink-inherit,
.ui-btn-hover-m a.ui-sink-inherit,
.ui-btn-active-m a.ui-sink-inherit {
	color: 					#fff;
}
.ui-btn-up-m,
.ui-btn-hover-m,
.ui-btn-down-m {
	font-family: 			Helvetica, Arial, sans-serif;
	text-decoration: 		none;
}
.ui-loader h1 {
	color:					#fff;
}

/* custom */
div.ui-content-block.ui-block-a,
div.ui-content-block.ui-block-b 			{ background-color: #412F25; }
div.ui-content-block:hover 					{ background-color: #4C2600; }
div.ui-body.ui-body-m img					{ width: 100%; height: auto; }
div.ui-body.ui-body-m .ui-link				{ text-decoration: none; color: #fff; font-weight: normal; }
.ui-body-c .ui-link-inherit					{ color: #fff; }

h1, h2, h3 									{ color: #d0872a; }
.logo										{ text-align: center; padding: 1em 0; }

img.mobile-img100 							{ width: 100%; height: auto; margin: 0; }
.ui-content ul#mobile-nav					{ margin-top: 25px; margin-bottom: 25px; }
.ui-content ul#mobile-nav li .ui-btn-text 	{ padding: 15px 0; }
.ui-content ul#mobile-nav img 				{ margin-top: 15px; }

.nav-glyphish .ui-btn .ui-btn-inner 		{ padding-top: 40px !important; }
.nav-glyphish .ui-btn .ui-icon 				{ width: 45px !important; height: 35px !important; margin-left: -24px !important;
											  box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important;
											  -webkit-border-radius: none !important; border-radius: none !important; }
#home .ui-icon 								{ background-image: url(/gfx/mobile/icon-house.png); background-position: 11px 5px; background-repeat: no-repeat; }
#leistungen .ui-icon 						{ background-image: url(/gfx/mobile/icon-star.png); background-position: 10px 3px; background-repeat: no-repeat; }
#praxis .ui-icon 							{ background-image: url(/gfx/mobile/icon-praxis.png); background-position: 10px 3px; background-repeat: no-repeat; }
#kontakt .ui-icon 							{ background-image: url(/gfx/mobile/icon-chat.png); background-position: 11px 6px; background-repeat: no-repeat; }

@media all and (max-width: 35em) {
	.ui-content-block .ui-block-a,
	.ui-content-block .ui-block-b,
	.ui-content-block .ui-block-c,
	.ui-content-block .ui-block-d,
	.ui-content-block .ui-block-e 			{ width: 100%; float: none;	}
	.logo img 								{ width: 100%; height: auto; }
}