/**
 *	general
 */
body{
	color: #555555 !important;
	font-family: Verdana, Arial, sans-serif !important;
	font-size: 12px !important;
	background-image: url('../images/layout/mobile_background.png') !important;
	min-height: 600px;
	min-width: 0;
}
.ui-body-c, .ui-overlay-c {
    text-shadow: none!important;
}
h1 {
	font-family: "timeacle-regular",Tahoma,Verdana, Arial, sans-serif;
	font-weight: normal;
}
.h1{
	font-family: "timeacle-regular",Tahoma,Verdana, Arial, sans-serif;
	font-size: 30px;
}
h2 {
	font-size:22px;
}
img {
	border: none;
}
p, h1, h2, h3, h4 {
	margin: 10px 0;
}
table {
	border-collapse:collapse;
}
/*
 * MAIN LAYOUT
 */
#mainpage {
	background-color: #FFFFFF;
}
#navmenu {
	background-color: #393939;
    color: #FFFFFF;
    display: none;
    float: right;
    font-family: "timeacle-regular",Tahoma,Verdana, Arial, sans-serif;
    height: 100%;
    left: auto;
    overflow: hidden;
    padding-top: 20px;
    position: absolute;
    right: 0;
    top: 55px;
    width: 240px;
    z-index:1000;
}
#answer_message {
	width: 100%;
	margin-bottom: 20px;
}
.main_nav {
	font-size: 25px;
	text-shadow: 1px 1px 0px #000;
	margin-bottom: 50px;
	margin-left: 20px;
}
.main_navlink,
.active_navlink {
	margin-bottom: 18px;
	line-height: 35px;
}
.active_navlink a span{
	color: #279DE1 !important;
}
.main_navlink a {
	color: white!important;
	display: block;
    width: 100%;
    font-weight: normal;
}
#small_nav {
	margin-top:65px;
	font-size: 18px;
	text-shadow: 1px 1px 0px #000;
}
.small_navlink {
	margin-bottom: 10px;
}
.small_navlink a{
	color: #FFFFFF!important;
}
#login_link {
	cursor: pointer;
}
.nav_text {
	display: block;
}
.nav_image {
	background-image: url("/images/icons/nav_icons_sprite.png");
    display: block;
    float: left;
    height: 34px;
	margin: 1px 20px 10px 0;
    width: 34px;
}
/*#nav_image_search {
	 background-position: 1px 0;
}*/
#nav_image_home, #nav_image_search {
	 background-position: 55px 1px;
}
#nav_image_mytime {
	 background-position: -37px 34px;
}
/*
#nav_image_search_active {
	 background-position: -32px 2px;
}*/
#nav_image_home_active, #nav_image_search_active {
	 background-position: 1px -31px;
}
#nav_image_mytime_active {
	 background-position: 48px 34px;
}
#nav_image_imprint {
	 background-position: 33px 67px;
}
#nav_image_login {
	 background-position: -2px 35px;
}
#nav_image_logout {
	 background-position: -2px 35px;
}
#nav_image_coupons {
	background-image: url("/images/icons/mobile_menu/mytime_coupons_icon.png");
}
#nav_image_coupons_active {
	background-image: url("/images/icons/mobile_menu/coupon_blue.png");
}
#nav_image_favorites {
	background-image: url("/images/icons/mobile_menu/mytime_favoriten_icon.png");
}
#nav_image_favorites_active {
	background-image: url("/images/icons/mobile_menu/mytime_favoriten_icon_blue.png");
}
#nav_image_appointments {
	background-image: url("/images/icons/mobile_menu/mytime_termine_icon.png");
}
#nav_image_appointments_active {
	background-image: url("/images/icons/mobile_menu/mytime_termine_icon_blue.png");
}
#nav_image_appointments_active,#nav_image_appointments,
#nav_image_coupons,#nav_image_coupons_active,
#nav_image_favorites, #nav_image_favorites_active
{
	margin-top: 8px;
	background-repeat: no-repeat;
}

/**
 *	HEADER DIV
 */
#headwrapper {
	height: 55px;
	background-color: #393939;
	background-image: none;
}
#header {
	background: none;
	border: none;
	height: 52px;
	margin: 0 auto;
	width: 90%;
}
#header span{
	float: right;
	cursor: pointer;
}
.home_icon {
	background: url("../images/icons/main-nav-burger.png") no-repeat scroll center center / 22px auto;
    display: block;
    height: 42px !important;
    width: 32px !important;
}
#languages-button {
	font-size: 18px;
	margin-top: 18px;
	padding: 0 10px;
	color: #FFFFFF;
    display: inline-block;
    font-family: "timeacle-thin",Tahoma,Verdana,Arial,sans-serif;
    line-height: 28px;
	filter: Alpha(opacity=50);
	opacity: 0.5;
}
	.arrow, .arrow-dark {
		background-image: url("/images/index/arrow.png");
		background-repeat: no-repeat;
		display: inline-block;
		height: 13px;
		margin: 9px 0 0 5px;
		overflow: hidden;
		width: 6px;
	}
	.arrow-dark {
		background-image: url("/images/index/arrow-dark.png");
	}
	.arrow-down, .arrow-up {
		background-position: -26px 0;
		height: 6px;
		width: 13px;
	}
	#languages-button .arrow {
		margin-top: 10px;
	}
#languages {
	background-color: #393939;
	left: 0;
	padding: 10px 5px 10px 0;
	position: absolute;
	top: 50px;
	z-index: 200;
}
	#languages a {
		filter: Alpha(opacity=50);
		font-size: 18px;
		margin: 0 0 0 8px;
		color: #FFFFFF;
		font-family: "timeacle-thin",Tahoma,Verdana,Arial,sans-serif;
		opacity: 0.5;
	}
#header .active {
	filter: Alpha(opacity=100);
	opacity: 1;
}
.search_icon {
	background-image: url("../images/icons/search_icon.png");
    background-position: 0px 50% !important;
	background-repeat: no-repeat;
    display: block;
    height: 42px !important;
    width: 26px !important;
}

#headlogo {
	line-height: 50px;
}
#headlogo img {
	vertical-align: middle;
	max-height: 54px;
	max-width: 135px;
}
#topnav {
	position:relative;
	top: 5px;
}

#footer {
	margin-top: 0;
	margin-bottom: 20px;
	background-color: #F5F5F5;
	padding-top: 20px;
}

#footer a {
    font-weight: normal;
}

/**
 *	CENTERED PAGE WRAPPER
 */
#wrapper {
	width: 100%;
	padding: 0;
	background-color: #FFFFFF;
}
#main {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	min-height:0px;
}

/**
 *	FORM ELEMENTS
 */
input[type="text"], input[type="email"], input[type="password"], textarea {
	background-color:#BFBFBF !important;
	color:#FFFFFF !important;
	font-family:Verdana !important;
	font-size:12px !important;
	border-top-width:1px !important;
	border-top-color:#a7a7a7 !important;
	border-right-width:1px !important;
	border-right-color:#a7a7a7 !important;
	border-bottom-width:1px !important;
	border-bottom-color:#9b9b9b !important;
	border-left-width:1px !important;
	border-left-color:#9b9b9b !important;
	-webkit-border-radius:2px 2px 2px 2px !important;-moz-border-radius:2px 2px 2px 2px !important;border-radius:2px 2px 2px 2px !important;
}
.button, .ui-button {
	font-family: "timeacle-medium",Tahoma,Verdana, Arial, sans-serif !important;
}
.button.grey, .button.black {
    height: 60px;
    width: 100%;
}
.errors {
	list-style-type: none;
	font-size: 14px;
	color: #1888C8;
	text-shadow: none;
}
/**
 *	HELPER
 */
.ajaxanimation{
	width: 43px;
	height: 11px;
	background-image: url('../images/imageupload/loader_light_blue.gif');
	background-repeat:no-repeat;
	background-position:center center;
	margin:auto auto auto auto;
}

/**
 * JQUERYMOBILE ELEMENTS
 **/
.ui-shadow,
.ui-btn-up-a,
.ui-btn-hover-a,
.ui-btn-down-a,
.ui-body-b,
.ui-btn-up-b,
.ui-btn-hover-b,
.ui-btn-down-b,
.ui-btn-up-c,
.ui-btn-hover-c,
.ui-btn-down-c,
.ui-btn-up-d,
.ui-btn-hover-d,
.ui-btn-down-d,
.ui-btn-up-e,
.ui-btn-hover-e,
.ui-btn-down-e,
.ui-focus {
	text-shadow: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}

/**
 * REPEATING ELEMENTS
 **/

.description_small {
	font-size: 14px;
}

.description_medium {
	font-size: 20px;
}

.description_big {
	font-size: 22px;
}

/**
 * 	navi search
 */
#search_field-div, #search_field_form-div {
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
    color: #FFFFFF !important;
    font-family: Verdana !important;
    font-size: 12px !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 90%;
    height: 50px;
	margin-bottom: 10px;
	background-color: #BFBFBF;
    border-color: #A7A7A7 #A7A7A7 #9B9B9B #9B9B9B !important;
    border-radius: 2px 2px 2px 2px !important;
    border-width: 1px !important;
	-webkit-border-radius:2px 2px 2px 2px !important;
	-moz-border-radius:2px 2px 2px 2px !important;
	-moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:        border-box;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
}

input#navi_search_term {
    background: none repeat scroll 0 0 transparent !important;
    border: 0 none !important;
    float: left;
    height: 40px;
    margin-right: 10px;
    width: 60% !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    font-size: 18px !important;
    color: #000000 !important;
}
#search_field-div{
	display:none;
	height: 50px;
	overflow: hidden;
	position: relative;
}
#main #search_field_form-div {
	width: 100%;
	display:block;
	position: relative;
}
#search_term_buttons{
	width:30%;
	line-height:50px;
	display:inline-block
}
#submit_search, #submit_search_form{
	background-image: url("../images/icons/search_icon.png");
    background-position: center center !important;
    background-repeat: no-repeat;
    display: inline-block;
    height: 50px !important;
    width: 37px !important;
}
#close_search, #close_search_form{
	background-image: url("../images/x_white.png");
    background-position: center center !important;
    background-repeat: no-repeat;
    display: inline-block;
    height: 50px !important;
    width: 36px !important;
}
#search_field-div #submit_search, #search_field_form-div #submit_search_form{
	background-image: url("../images/icons/search_icon_black.png");
	margin-right: 5px;
	position: absolute;
	right: 0;
	top: 0;
}
#search_field-div #close_search, #search_field_form-div #close_search_form{
	background-image: url("../images/x_search.png");
	position: absolute;
    right: 40px;
    top: 0;
}
.blue_bg {
    background-color: #279DE1;
    color: #CEE9F8;
}
/**
 * message	overlay
 */
#message_layer{
	background-image: url('../images/layout/popup_background.png');
	font-family: "timeacle-regular",Tahoma,Verdana, Arial, sans-serif;
	font-size: 24px;
	color: #ffffff;
	padding-top: 20px;
	min-height: 600px !important;
	text-align: center;
	width: 100%;
}
#overlay_ok_button, #overlay_cancel_button{
	width: auto;
	height:50px;
	line-height:55px;
	padding: 0 20px;
}
.backtoticket-button {
	position: fixed;
	bottom: 0;
	width: 100%;
	min-height: 50px;
	background-color: #279DE1;
	color: #FFFFFF;
	z-index: 100000;
	padding-top: 5px;
}
#app_banner {
	width: 100%;
	position: relative;
	height: 60px;
	background-color: #279DE1;
	z-index: 10000;
}
#app_banner a{
	color: #FFFFFF!important;
	font-family: "timeacle-regular",Tahoma,Verdana,Arial,sans-serif;
	font-weight: normal;
}
#app_banner a p{
	font-size: 18px;
	margin: 10px 0 0;
}
#app_banner a p.smaller{
	font-size: 12px;
	margin: 0;
	opacity: 0.75;
}
#app_banner_inner {
	width: 90%;
	display: block;
	margin: 0 auto;
	height: 50px;
}
.app_promo_image {
	line-height: 50px;
	margin-right: 10px
}
.app_promo_image img {
	vertical-align: middle;
	max-height: 54px;
	max-width: 135px;
}
#headwrapper.margintop60 {
	margin-top: 60px;
}
#headwrapper.margintop60 + #navmenu {
	top: 115px;
}
#app_banner .right.button.white {
	font-family: "timeacle-regular",Tahoma,Verdana,Arial,sans-serif!important;
	margin-top: 10px;
	font-size: 18px;
	font-weight: normal;
	height: 30px;
	padding: 10px 20px 0;

}

#mainpage #privacy-notice {
	background-color: #279DE1;
	color: #FFFFFF;
	font-family: "timeacle-thin",Verdana,Arial,sans-serif;
	font-size: 16px;
	padding: 30px 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10001;
}
#mainpage #privacy-text {
	margin: 0 auto;
	max-width: 90%;
}
#mainpage #privacy-button {
	padding:20px;
}
#mainpage #privacy-notice button {
	background-color: #FFFFFF;
	border: none;
	color: #000000;
	font-family: "timeacle-regular",Verdana,Arial,sans-serif;
}
#mainpage #privacy-notice a {
	color: #FFFFFF;
	text-decoration: underline;
}
#mainpage #privacy-layer {
	bottom: 0;
	height: 100%;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}
.white-button {
	background-color: #FFFFFF;
	border: none;
	color: #000000;
	display: inline-block;
	font-family: "timeacle-regular",Verdana,Arial,sans-serif;
	font-size: 16px;
	height: 50px;
	line-height: 24px;
	padding: 15px 20px;
	text-align: left;
}
html .info_overlay {
	background-color: #5D5D5D !important;
	width: 200px!important;
	right: 10px!important;
	position: absolute!important;
	left:auto!important;
}
html .info_overlay .ui-dialog-content .left{
	float:none;
	padding:5px;
}
html .info_overlay .ui-dialog-content .right{
	float:none;
	position: relative;
	left:170px;
}
html .info_overlay .info_overlay_triangle{
	display: none;
}
html .info_overlay .ui-dialog-content{
	min-height:auto!important;
}