@media only screen and (max-device-width: 600px) {
	/******************************/
	/* New styles from hotfix.css */
	/******************************/
	
	/*Resort Page: the greenboxes with the resort input fields are larger than the page, which causes the page to scroll */
	#resortsBody .bg-dark-green,
	#resortsBody .box-large {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}

@media only screen and (max-device-width: 900px) {
	/* responsive Klassen */
	.responsive_auto {
		width: auto;
	}
	.responsive_100 {
		width: 100%;
		height: auto;
	}
	.competition .description img.wide {
		width: 100%;
		height: auto;
	}
	/*COMPETITION*/
	/*ALLGEMEIN*/
	.competition p, td, h1, h3, a, label {
		font-size: 14px;
	}
	.competition .sub_content h1 {
		font-size: 21px;
		padding-top: 10px;
	}
	.competition .sub_content {
		margin: 10px;
	}
	.competition .sub_content {
		margin-left: 30px !important;
		margin-right: 30px !important;
	}
	body {
		margin: 0px;
	}
	.footer {
		display: none;
	}
	.competition li {
		line-height: 150% !important;
	}
	/*CONTENT CONTAINER*/
	.competition .content_container {
		width: auto;
		min-width: 500px;
	}
	.bodyEnterTicket .content_container {
		width: auto;
		min-width: 500px;
	}
	/* Ticketeingabe - Skipass Image */
	.skipass_248x394, .skipass_other {
		position: relative;
		left: 0px;
		top: 0px;
		overflow: hidden;
		margin-top: 10px;
		height: 204px;
	}
	.skipass_248x394 img.ticket {
		position: relative;
		top: -210px;
		left: 19px;
		border-radius: 12px;
	}

	/* Skipass Marker-Linie */
	.skipass_248x394 img.number_marker, .skipass_other img.number_marker {
		display: none;
	}
	/* Datepicker */
	.ui-datepicker td, .ui-datepicker th {
		font-size: 16px;
	}
	.ui-datepicker-trigger {
		right: 0px;
		top: 0px;
		height: 34px;
	}

	/* LIKE BUTTONS */
	.competition .likeButtons {
		display: none;
	}
	/* Competition Table */
	table.image_panel.competition {
		width: auto;
		table-layout: fixed;
	}
	.competition td#_icon.icon {
		display: none;
	}
	table.image_panel {
		left: 0px;
	}
	.competition .description table {
		width: auto;
	}
	/* BADGES */
	.competition .badges {
		width: auto;
	}
	.competition .badges .description {
		width: auto;
		padding: 10px 25px;
		left: auto;
		border: 1px solid silver;
		margin-top: 20px;
	}
	.competition div.arrow {
		display: none
	}
	/* TABS */
	.tabs a.active {
		padding-bottom: 7px;
		border-radius: 5px;
		background-color: #dedede
	}
	/* TOP NAVI */
	.competition .top_navi .login_box {
		float: left;
		margin-left: 20px;
	}
	.competition .top_navi a.logo {
		margin-right: 20px;
		margin-bottom: 20px;
	}
	.competition .top_navi .login_form .uname, .top_navi .login_form .passw
		{
		width: 110px;
	}
	.competition .login_form .uname, .login_form .passw {
		font-size: 12px;
	}
	ul.mainmenu {
		margin-left: 20px;
	}
	.competition ul.mainmenu_profile, .bodyEnterTicket ul.mainmenu_profile {
		float: left !important;
		margin-left: 20px !important;
	}
	.top_navi a.mailbox {
		display: none;
	}
	.competition div#profile_tip.tooltip_menu_main_div, .bodyEnterTicket div#profile_tip.tooltip_menu_main_div
		{
		left: 20px !important;
	}
	/* Competition Skimovies */
	.competition .tiles_container {
		width: 100%;
		max-height: none;
		min-width: 480px
	}
	.competition .tiles_container .items div {
		width: 100%;
	}
	/* Competition participate */
	#competitionBody .sub_content form.participate .imageContainer {
		display: none;
	}
	#competitionBody.participate .legal {
		overflow: visible !important;
		height: auto !important;
	}
	#competitionBody form.participate {
		width: auto;
	}
	/*Passwort vergessen Popup */
	#forgotPasswordOverlay.css-tooltip.tooltip {
		position: fixed;
		top: 100px;
		left: 220px;
	}

	/* Ticketeingabe allgemein */
	#enterTicketNumberBody a.resorts_link {
		position: relative;
		left: 0;
		margin-right: 20px;
		float: right;
	}
	#enterTicketNumberBody .resort_logo {
		width: auto;
		border: none;
	}
	#ticket_form {
		margin-right: 20px;
	}
	#enterTicketNumberBody .legal {
		overflow: visible !important;
		height: auto !important;
		width: auto;
		left: 20px;
		margin: 20px;
	}
	/* Werbebanner rechts */
	#google_ads_div_sl_right_ad_wrapper {
		display: none;
	}

	/*Skigebietsauswahl bei Wettbewerb*/
	#competitionBody .resort_list {
		position: inherit;
		top: 0;
		background-color: whitesmoke;
		border-radius: 15px;
		background-image: inherit;
		height: 530px;
	}
	#competitionBody .resort_list ul {
		margin: 0;
		height: auto;
		overflow: inherit;
		padding: 20px;
		bottom: inherit;
	}
	
	/******************************/
	/* New styles from hotfix.css */
	/******************************/
	
	/*The mobile site: menu items of your profile not in one line and not selectablable on Windows-Firefox and IOS 6*/
	/*Theres is a mediaquery in skiline.min.css which sets the font-size to a bigger font-size, thats why the elements break in French and on the Iphone*/
	#topNavi .tooltip_menu_main_div { font-size: 13px; } /*we set the font-size back to normal**/
    .tooltip_menu_main_cell_div_float { padding: 7px 8px 0px 8px; } /*reducing the top padding of 1px fixes the weird placement of the 3rd and 4th item on IOS*/ 
}

/*
*
* Responsive styles for Skiline portal
*
*/

/***media queries***/
@media screen and (max-width: 960px) {
	body {
		margin: 0px
	}
	.home .loggedIn .main_body .container {
		position: relative
	}
	.main_body {
		min-height: 20px
	}
	#view {
		/*photobook*/
		max-width: 800px;
		width: 100%;
	}
	.ticket_enter_helper {
		height: auto !important;
	}
	.ticket_enter_input_text_div {
		left: 3%;
	}
	/* enter ticket: swisspass, responsive styling of the ticket image fix overlapping ticket variants */
	.skipass_248x156 {
		position:static;
	}
	.skipass_248x156 img.ticket {
		position:relative;
	}
	.right {
		float: none
	}
	.resorts p {
		width: 94%
	}
	table.badges.details tr td:nth-child(3), table.badges.details tr td:nth-child(4)
		{
		display: none
	}
	.home.loggedIn .ticket_links {
		top: 0px;
		position: relative;
	}
	#homeBody.loggedIn .main_body .container {
		background-position-x: 0px
	}
	.content_container {
		width: 100%;
		/*overflow: hidden;*/
	}
	.sub_content {
		width: 96%;
		margin: 0 3%;
	}
	.tab-box-search-content {
		width: 100%
	}
	.tab-box {
		display: inline-block;
		float: none;
	}
	.footer {
		display: block;
	}
	/*skilines table**/
	.day_selector .month_day {
		top: 80px;
	}
	#ticketListForm .skiingdays .resort_name {
		display: none
	}
	#ticketListForm .skiingdays tr.ticket_totals td.metric:nth-child(4) {
		display: none
	}
	#ticketListForm .skiingdays .resort_name {
		width: 60px
	}
	#ticketListForm .skiingdays td.lifts {
		width: 50px
	}
	#ticketListForm .skiingdays td.slopedist {
		width: 50px
	}
	#ticketListForm .skiingdays td.vm {
		width: 60px
	}
	table.image_panel td.text {
		font-size: 12px
	}
	.IPHONE_OS .ski_resort_panel_list table.image_panel td.text {
		font-size: 8px
	}
	.IPHONE_OS #ticketListForm div.ski_resort_panel_list .h3 {
		font-size: 8px
	}
	.IPHONE_OS .ticket_list_container strong:last-child {
		display: block
	}
	#ticketListForm:j_id510: 0:ticket .h3 {
		font-size: 12px
	}
	.profile.tickets .sub_content .sub_right {
		width: 94%;
		margin: 0 3%;
	}
	.competition_teaser_container {
		width: 100%;
		float: none;
	}
	.photobook_teaser_container {
		float: none;
		width: 100%;
	}
	#new_album_form {
		display: none
	}
	#personalProfileBody h2 {
		margin-top: 10px
	}
	div[style="height: 480px"] {
		height: auto !important
	}
	.bodyEnterTicket .content_container {
		min-width: 0;
		width: 100%;
	}
	#favorite_resorts {
		width: 100%;
		margin-left: 3%;
	}
	#enterTicketBody .sub_content .help {
		width: 94%;
		margin-left: 3%;
	}
	#homeBody .main_body h1 {
		padding-left: 30px
	}
	#enterTicketNumberBody .resort_logo {
		position: static;
		margin-left: 3%;
	}
	.skipass_other {
		position: static
	}
	.main_body.large {
		min-height: 180px
	}
	.home.loggedIn .ticket_links {
		left: 30px
	}
	.headline_main_info_div {
		margin-left: 3%;
		width: 100%;
	}
	/**** header***/
	div.top_navi div.login_box {
		margin: 0 20px 0px 0
	}
	.top_navi a.logo {
		display: inline-block;
		margin-right: 10px;
	}
	.ticket_enter_resort_left_side_anker {
		display: none
	}
	/******homepage**/
	#intro_pic_main_info {
		left: 0px !important;
		width: 100% !important;
	}
	#intro_pic_main_info, #intro_pic_main_info img {
		width: 100% !important
	}
	.subcontent_big_image {
		width: 100%;
		margin-left: -90px;
	}
	.common_text_main_info_div {
		width: 500px
	}
	.main_info_side_tile_skimovie,
	.main_info_side_tile_photopoint {
		display: none
	}
	.ticket_enter_resort_main_page {
		height: 200px
	}
	.ticket_enter_input_text_diabled_div {
		left: 100px;
		top: 100px;
	}
	.ticket_enter_button_text_diabled_div {
		left: 300px;
		top: 100px;
	}
	.ticket_enter_next_button {
		left: 310px
	}
	div.top_navi div.login_box {
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.ticket_links a.other_resort {
		right: 0
	}
	.ticket_enter_result_layer_div {
		left: 3%
	}
	.main_info_side_link_competition, .main_info_side_link_skiline,
		.main_info_side_link_photopoint, .main_info_side_link_skimovie {
		display: none
	}
	.subcontent_big_image {
		width: 100%;
		margin-left: 0;
		padding: 10px 0 40px 0;
	}
	.common_text_main_info_div {
		width: 94%;
		margin: 0 auto;
	}
	iframe#intro_movie_main_info {
		width: 100%;
		left: 0 !important;
	}
	.tiles_container .items>div {
		max-width: 900px;		
		width: auto;
		float: left;
	}
	div.top_navi div.login_box {
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.main_info_side_link_competition, .main_info_side_link_skiline,
		.main_info_side_link_photopoint, .main_info_side_link_skimovie {
		display: none
	}
	.sub_content {
		margin: 20px auto;
		width: 96%;
	}
	.subcontent_big_image {
		width: 100%;
		margin-left: 0;
		padding: 10px 0 40px 0;
	}
	.common_text_main_info_div {
		width: 94%;
		margin: 0 auto;
	}
	iframe#intro_movie_main_info {
		width: 100%;
		left: 0 !important;
	}
	#top_login_popup, .top_login_popup {
		left: 50%
	}

	/***footer**/
	.footer_main_table_td_border_middle {
		display: none
	}
	.footer_main_table_td_border {
		padding: 0 10px 0 10px
	}
	.footer_main_table_td_border {
		padding: 0 0 0 10px
	}
	.skipass_248x394 {
		position: relative;
		top: 0;
		left: -20px;
	}
	#enterTicketNumberBody .container {
		height: auto;
		width: 70%;
	}
	.enterTicket .main_body.large {
		height: auto;
		min-height: 20px;
	}
	#enterTicketNumberBody h2.rname {
		padding-top: 20px;
		position: static !important;
		margin-left: 12%;
		display: block;
	}
	#enterTicketNumberBody a.resorts_link {
		margin-top: 10px;
		margin-left: 12%;
		padding-bottom: 10px;
		position: static;
		float: none;
		display: block;
		text-align: left;
	}
	#ticket_form .image_panel .text {
		width: 100%
	}
	#ticket_form:tnr_skidata {
		width: 70%
	}
	.mt {
		margin-left: 3%
	}
	#ticketListForm:j_id510: 2:ticket {
		width: 90%
	}
	/**profile page **/
	.myInfo .statistics, .myInfo #personalProfileBody h2, .myInfo .borderpanel.info:last-child,
		.myInfo h2 {
		display: none
	}
	#changePasswordBody form {
		width: 100%;
		max-width: 500px;
		margin: 0 auto;
	}
	table.image_panel td.text p {
		margin-top: 10px;
		width: 90%;
	}
	.profile.edit .profile_action_box img {
		display: none
	}
	div.ski_resort_panel_list table.image_panel td.icon {
		display: block
	}
	table.image_panel td.icon {
		display: none
	}
	table.image_panel td.text {
		display: block
	}
	.profile.tickets .sub_content {
		margin-right: 3%
	}
	#ticketListForm div.ski_resort_panel_list {
		width: 100%;
		max-width: 600px;
		margin-top: 20px;
	}
	#edit_race_form {
		width: 94%;
		margin: 0 auto;
		left: 0;
	}
	#edit_race_form>table td {
		display: block
	}
	#ticket_form {
		width: 94%;
		margin-left: 3%;
		margin-right: 3%;
		top: 0;
		left: 0;
	}
	/*Tagebuch*/
	#personalProfileBody.profile.diary .main_body {
		background: #4dabfa
	}
	.profile.diary .fields .field_container {
		width: 100%;
		max-width: 400px;
		float: none;
	}
	.profile.diary .fields {
		float: none
	}
	div.ski_diary_month {
		float: none;
		margin: 20px auto;
		display: inline-block;
	}
	.profile.diary .calendar_container, .calendar {
		float: none;
		width: 100% !important;
	}
	.profile.calendar .sub_content {
		margin: 0
	}
	.profile.calendar .sub_content {
		margin: 20px auto
	}
	.ski_diary {
		margin-left: 3%
	}
	#personal_profile_image_panel .borderpanel a.privacy,
		#personal_profile_image_panel .borderpanel a.edit {
		visibility: visible
	}
	#personal_profile_image_panel .borderpanel a.edit {
		float: left;
		margin: 20px auto;
	}

	/*********profil bearbeiten formular********/
	#edit_personal_profile_form {
		max-width: 700px;
		width: 100%;
		left: 0;
	}
	div.form_field, label.form_field {
		float: none
	}
	.input_text {
		clear: both
	}
	#edit_personal_profile_form div.cb_newsletter,
	#edit_personal_profile_form div.cb_parentalConsent {
		max-width: 550px;
		width: 100%;
	}
	#edit_personal_profile_form .city {
		max-width: 430px;
		width: 100%;
	}
	#edit_personal_profile_form .street {
		max-width: 420px;
		width: 100%;
	}
	#edit_personal_profile_form .mobile {
		float: none
	}
	#personalProfileBody.myTickets .main_body {
		background: #4DABF7
	}
	#edit_personal_profile_form div.about_me, #edit_personal_profile_form div.languages,
		#edit_personal_profile_form div.address, #edit_personal_profile_form   div.email,
		#edit_personal_profile_form div.name_privacy,
		#edit_personal_profile_form div.newsfeed_notification {
		max-width: 550px;
		width: 100%;
	}
	#edit_personal_profile_form .last_name {
		float: right;
		width: 47%;
		max-width: 270px;
	}
	div.form_field .form_label {
		float: none;
		display: block;
		padding-bottom: 10px;
		text-align: left;
	}
	#edit_personal_profile_form .user_name {
		width: 100%;
		max-width: 400px;
	}
	#edit_personal_profile_form .first_name {
		max-width: 270px;
		width: 50%;
	}
	#edit_personal_profile_form .phone, #edit_personal_profile_form .mobile
		{
		width: 100%
	}
	.field_container select {
		width: 100%
	}
	.profile .newest_days {
		display: none
	}
	.profile.tickets .sub_content .sub_left {
		width: 100%;
		float: none;
	}
	.profile.tickets .sub_content .sub_right {
		float: none;
		margin-left: 20px;
	}
	.calendar_paginator_links {
		width: 100%
	}
	.profile_card {
		float: none;
		margin: 0 auto;
	}
	.main_body .container   .profile_card {
		position: relative;
		top: 0;
		left: 0;
	}
	.main_column_0 {
		float: none;
		position: static;
		width: 94% !important;
		padding: 0;
		margin: 0 auto;
		text-align: center;
		bottom: 0;
		height: auto;
	}
	.tabs .active {
		padding-bottom: 7px;
		margin-bottom: 10px;
	}
	.tabs a {
		float: none;
		display: inline-block;
	}
	.main_body .container {
		height: 240px;
		position: static;
	}
	.ticket_list_container {
		width: 100%;
		max-width: 690px;
		left: 0;
		margin: 20px 2%;
	}
	.ski_ticket_totals>div {
		float: none;
		display: inline-block;
	}
	.ski_ticket_totals {
		margin: 10px 3%;
		width: 94%;
		height: 60px;
	}
	#ticketDetailsBody table {
		width: 94%;
		margin: 10px 3% 0 3%;
	}
	#add_lift_form {
		width: 100%
	}
	.ticket.skiline .day_selector {
		display: none;
	}
	div.sltp.seasonPaginator {
		margin-right: 0;
		margin-left: 3%;
	}
	.calendar_paginator_links {
		float: none;
		display: inline-block;
		width: 94%;
		margin: 10px 3%;
	}
	#personalProfileBody.myInfo .main_body {
		background-image: none
	}
	table.privacy_settings {
		width: 50%;
		margin: 20px 3%;
		margin-left: -3%;
		font-size: 11px;
	}
	table.privacy_settings td {
		font-size: 10px
	}
	.sub_content .sub_left_60 {
		/*competitions page */
		float: none;
		width: 94%;
		margin-left: 3%;
		margin-top: 20px;
		border: none;
	}
	.profile.competitions .sub_content {
		margin: 20px 3%;
		width: 96%;
	}
	a.competitions.all {
		margin-right: 3%
	}
	.profile.competitions .sub_content .sub_right_40, .sub_content .sub_right_40
		{
		margin-left: 3%;
		padding-left: 0;
		float: none;
	}
	#competitionsBody #resort_selection.small {
		display: none
	}
	#competitionsBody .main_body .container {
		background: #4DABFA
	}
	.ranking .empty_info_container {
		background: none
	}
	.sub_content .likeButtons {
		position: relative;
		margin-left: 3%;
		margin-bottom: 20px;
		top: 0;
		right: 0;
	}
	#personalProfileBody .main_body {
		background: #4dabfa;
		min-height: none;
	}
	#competitionBody .tabs {
		position: relative;
		float: left;
	}
	.main_column_competition {
		margin-top: 190px;
	}
	.competition .content_container {
		width: 100%;
		margin: 0 auto;
		min-width: 0;
	}
	#competitionsBody .main_body h1 {
		padding-left: 6%;
		width: 80%;
		padding-top: 20px;
	}
	#competitionBody>div.sub_content>iframe {
		width: 94%;
		margin-left: 0 !important;
	}
	#competitionBody>div.sub_content>iframe body#bm {
		width: 90% !important;
	}
	.tab-box-search-content {
		padding: 0
	}
	.profile .competitions .main_body .container {
		height: 420px !important
	}
	.competitionBody .main_body .container {
		height: 240px
	}
	table.image_panel.competition {
		width: 94%
	}
	.ranking .empty_info_container {
		padding: 20px
	}
	.competition .sub_content {
		margin: 20px 30px !important;
	}
	.description table tr td {
		display: block;
		width: 100%;
	}
	#panorama_overlay {
		width: 100% !important;
		max-width: 960px;
		overflow: scroll;
	}
	.panorama .legend {
		width: 960px
	}
	#panorama_overlay img {
		width: 60%
	}
	.panorama.overlay .close {
		top: 0;
		right: -240px;
	}
	#personalProfileBody .profile_action_box {
		top: 0px;
		background: none;
		left: 3%;
		width: 80%;
		position: relative;
		height: auto;
	}
	.profile_action_box h1 {
		font-size: 20px
	}
	table.image_panel.large td.icon {
		display: block
	}
	#personal_profile_image_panel_image img {
		width: 100%
	}
	.profile.media .empty_info_container {
		padding: 40px;
		background: none;
	}
	.fakefile .browse {
		display: inline-block
	}
	/****Kalender Badges friends***/
	.trophies_box>div {
		display: none
	}
	.profile_action_box.badges {
		display: none
	}
	.profile.badge_list .badge_def img {
		margin: 0 20px 0 8px
	}
	div.sltp {
		margin-left: 3%
	}
	.profile.badge_list .badge_counts {
		margin-left: 3%
	}
	#inviteFriendsBody .main_body {
		min-height: 0
	}
	#inviteFriendsBody .container {
		background: #4dabfa;
		height: 100px;
	}
	#inviteFriendsBody .main_body h1 {
		padding-top: 20px
	}
	.profile.friends.ranking .friendsRanking {
		right: 0
	}
	form.inline_text, div.inline_text {
		margin-right: 0
	}
	table.badges.details {
		max-width: 770px;
		width: 94%;
		margin-left: 3%;
		margin-right: 3%;
	}
	#personalProfileBody h1 {
		padding-bottom: 4px;
		font-size: 18px;
	}
	.profile_action_box a.arrow {
		padding-left: 24px
	}
	.profile.friends .friendsRanking, .profile.friends .sub_content {
		right: 3%
	}
	.profile.friends .sub_content {
		margin-left: 3%;
		right: 0;
	}
	.profile.ranking .sub_right, .profile.ranking .sub_left {
		float: none;
		width: 100%;
	}
	#personalProfileBody table.ranking {
		width: 94%;
		margin-left: 3%;
	}
	.profile_action_box a.arrow {
		/*suche Freunde*/
		position: static;
	}
	/* kalender Skitage */
	.skiline_scroller {
		overflow-x: scroll;
		width: 100%;
	}
	#skilinePanoramaBody {
		overflow-x: scroll
	}
	#ticket_details_skiline {
		width: 1000px;
		overflow-x: scroll;
	}
	#panorama_container {
		overflow-x: scroll
	}
	#skilinePanoramaBody .skiline_container
    #skilinePanoramaBody {
		overflow-x: scroll
	}
	#skilinePanoramaBody .skiline_container {
		max-width: 900px;
		top: 700px !important;
		margin-left: 0px;
	}
	/* skiing day & panorama skiing day: incorrect display on mobile devices, overflow of elements */
	#skilinePanoramaBody .skiline_container,
	#skilinePanoramaBody .skiingEventContainer,
	#skilinePanoramaBody .track {
		display:none;
	}   

	.ticket.skilinePanorama .zoom {
		position: relative;
		left: 3%;
	}
	.ticket.skiline .actions {
		float: left;
		padding: 20px 3%;
	}
	.SkilinePanorama .skiingEventContainer {
		width: 100%
	}
	.user_day_info_header .user_badge_preview {
		width: auto
	}
	.ski_diary_month table {
		width: 50%;
		display: inline-block;
	}
	.field_container select.select {
		max-width: 400px;
		width: 80%;
	}
	.pl3 {
		padding-left: 3%
	}
	.ticket.skiline .panomax_panorama_preview {
		margin-top:0;
		width: 100%;
		overflow-x: scroll;
	}
	.skiline_container .tooltip {
		display: none !important
	}
	#ticketDetailsBody .tiles1 .tiles_container {
		top: 0px;
		overflow-x: scroll;
		width: 100%;
	}
	/* skiing day & panorama skiing day: incorrect display on mobile devices, overflow of elements */
	#ticketDetailsBody .sub_content {
		width:100%;
	}
	#ticketDetailsBody .skiline_container .skiline_scroller {
		overflow-x: scroll;
		width:76%;
	}
	
	.vjs-poster {
		display: none; /*doppelte preview */
	}
	#skimovieBody .container {
		max-width: 800px;
		width: 100%;
	}
	#skimovieBody #playerDiv, #movie_player {
		width: 100% !important;
		left: 0;
		height: auto;
	}
	.sl_right {
		position: relative;
		display: none;
	}
	#skimovieBody .ratingPanel.sub_sub_content {
		width: 80%;
		margin: 0 auto;
	}
	.profile.skiMovies .empty_info_container {
		background: none;
		left: 0;
		padding: 40px 3% 0px 3%;
	}
	#mainSidebar {
		float: none;
		padding-left: 0;
		margin: 0 auto;
	}
	.skimovies .profile_action_box {
		left: 3%
	}
	.skiMovies .profile_action_box .blue_bg {
		background: #69B9FD !important
	}
	.skiMovies .profile_action_box.trophies_box .notEmpty {
		background: none
	}
	#personalProfileBody.skiMovies div.pt {
		margin-left: 3%
	}
	.button_panel, .button_panel_inline {
		float: none;
		margin-top: 0;
	}
	.enter_skipass .ticket {
		font-size: 18px
	}
	.enter_skipass.small.transparent {
		display: block;
		position: relative;
		padding: 10px 0;
	}
	.skiMovies .profile_action_box .teaserText {
		display: none
	}
	#media_player img {
		width: 100%;
		height: auto !important;
	}
	.media-grid {
		width: 90%;
		margin: 0 auto;
	}
	.sub_sub_content {
		width: 100%
	}
	.profile_action_box .media-grid.header .slider, .profile_action_box.photo .current_photo
		{
		display: none
	}
	h1.ellipsis.albumTitle {
		width: 100%;
		position: relative;
		left: 3%;
		top: 14px !important;
	}
	#langSelection {
		margin-right: 3%
	}
	.user_day_info_header  .resort_logo {
		margin-top: 60px
	}
	.user_day_info_header .user_badge_preview {
		margin-top: 60px
	}
	.user_day_info_header {
		height: 110px
	}
	.user_day_info_header .info {
		width: 80%;
		margin-right: 3%;
	}
	.skimovie_info {
		white-space: normal;
		height: auto;
		line-height: 1.5em;
	}
	#skimovieBody .main_body .container {
		height: auto
	}
	#skimovieBody #playerDiv {
		top: 0;
		position: relative;
		left: 0;
		height: auto;
	}
	#skimovieBody #sidebarDiv {
		display: none
	}
	.tiles_container .scrollable_container {
		height: 180px;
		overflow-x: scroll;
	}
	.tiles_container .items.scrollable {
		width: 2701px;
	}
	#skimovieBody .tiles_container {
		overflow-x: scroll;
		width: 100%:;
	}
	.tile .footer span {
		margin-left: 6px
	}
	#skimoviesBody .container {
		background: #4dabfa
	}
	.tab-box a.tab-bubble {
		float: none
	}
	#skimoviesBody .sub_content, #skimovieBody .sub_content {
		margin-top: 20px
	}
	#skimoviesBody .tiles_container, #skimovieBody .tiles_container {
		overflow-x: scroll
	}
	.tiles1 a.prevPage, .tiles1 a.nextPage {
		display: none
	}
	.profile_action_box .teaserText {
		padding-top: 0px
	}
	.enter_skipass.small .button_left {
		bottom: 60px
	}
	.white.button_left:hover, .white.button_left:focus, .white.button_left:active
		{
		background-color: #fff
	}
	.enter_skipass.small.transparent {
		display: none
	}

	/***groups***/
	#personalProfileBody .groups .profile_action_box {
		top: 230px;
		background: none;
		left: 3%;
		width: 70%;
	}
	.profile.groups .empty_info_container {
		background: none;
		padding: 20px 0;
		margin: 0 3%;
	}
	.profile.groups .empty_info .create_new {
		padding: 20px 0;
		position: relative;
		margin: 0 3%;
	}
	.profile.groups .empty_info .create_new a {
		position: relative;
		margin-left: 3%;
		display: block;
		left: 0;
		top: 20px;
	}
	.profile_action_box a.plus {
		position: static
	}
	.groups .profile_action_box h3 {
		display: none
	}

	/******search result***/
	#searchBody .descr {
		max-height: none
	}
	#searchBody .main_body {
		background: none
	}
	#category_boxes {
		display: none
	}
	#search_result {
		margin: 20px 3%;
		width: 94%;
	}
	#searchBody .container {
		background: #6abbfe;
		height: 180px;
	}
	.tab_left, .tab_right, .tab_content {
		float: none;
		display: inline-block;
		height: 30px;
	}
	.tab-box.active .tab_content {
		background-color: white;
		border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;
	}
	.tab-box-search .tab_content {
		background-color: #4dabfa !important
	}
	.tab-box.inactive .tab_content {
		height: 30px
	}
	#newsfeedBody .main_body .container {
		background: none;
		height: auto;
	}
	#search_result_type_menu {
		min-width: 200px !important;
		max-width: 100% !important;
		left: 100px;
	}
	div.sltp {
		margin-top: 20px
	}
	#not_published {
		padding-right: 150px
	}
	.newsfeed .right_panel {
		float: none;
		width: 100%;
	}
	.newsfeed .vert_separator {
		display: none
	}
	.newsfeed .right_panel .button_left {
		float: none;
		margin-left: 0;
	}
	.newsfeed .news {
		width: 94%;
		margin: 20px 3%;
	}
	#newsfeedBody .vmCounter {
		display: none
	}
	descr {
		width: 100%
	}

	/*******Skigebiete*************/
	#resortsBody .sub_content {
		margin: 40px auto;
		width: 94%;
		position: static !important;
	}
	#resortsBody .container {
		position: relative
	}
	.bg-dark-green {
		width: 100%;
		left: 0 !important;
		margin-top: 130px;
	}
	.country_province {
		width: 100% !important;
		left: 0;
	}
	.sub_content.faq {
		width: 94%;
		margin: 20px 3%;
	}
	.resort.info .general_info, .resort.info .logo_country {
		float: none;
		width: 100%:;
	}
	#resortDetailsBody .main_body .container {
		height: 240px;
		position: relative;
	}
	#resortDetailsBody .main_column_0 {
		position: absolute
	}
	.resort.info .general_info {
		width: 80%
	}
	.mb2 th, .mb2 td, .mb2 td a {
		font-size: 11px
	}
	.mb2 tr {
		display: block
	}
	.resort.info .webcams .items>div {
		width: 80% !important;
		max-width: 320px;
		float: none;
	}
	.resort.info .panorama img {
		max-width: 320px;
		width: 80% !important;
	}
	.weather_snow_info .subtitle {
		text-align: left
	}
	.country_outline {
		position: relative;
		top: 0;
	}
	.resort.info .ski_rent {
		left: 0;
		width: 100%;
	}
	.resort.info .weather_snow_info {
		float: none;
		width: 94%;
	}
	.green.button_left, .green.button_left:visited {
		margin-bottom: 8px;
	}
	.box-container-large {
		width: 100%;
	}
	#skimovieSpotsBody .tab-box {
		float: none;
		position: static;
		margin-top: 10px;
	}
	#skimovieSpotsBody .container {
		background: #4dabfa
	}
	#skimovieSpotsBody .field_container {
		position: static;
		margin-top: 10px;
	}
	.panorama_cams .main_body {
		background-size: cover;
	}
	.country_province .province {
		float: none;
	}
	#resortsBody .box-large {
		height: 110px;
	}
	#resortsBody .ticket_enter_input_text_div, #resortsBody>div.box-container-large>div.box-large.bg-dark-green>a
		{
		top: 100px !important;
	}
	/**faq***/
	#faqBody .main_body h1 {
		position: relative;
		padding-top: 60px;
		margin-left: 3%;
		font-size: 20px;
		text-align: left;
		width: 90%;
	}
	.news table.image_panel td.icon {
		display: inline-block;
		padding-bottom: 0;
	}
	/********email******/
	#new_mail_actionbox {
		position: relative;
		max-width: 440px;
		width: 100%;
		left: 0;
		background: none;
	}
	#mailboxBody .container {
		background: none
	}
	.actionBoxForm {
		background: none
	}
	div.login {
		width: 100%;
		left: 0;
	}
	.login_form .passw {
		width: 100%
	}
	.login_form .uname {
		width: 100%
	}
	/***Registrierung***********/
	#enterTicketNumberBody .legal {
		position: static !important;
		width: 94% !important;
		margin: 0 auto !important;
	}
	/**regeln page ***/
	.container {
		width: 100% !important;
		background: #fff;
	}
	.shadow {
		background: none !important;
		background-image: none;
	}
	.shadow-top {
		height: 0;
		background: #fff !important;
	}
	.shadow .titleSeparator {
		display: none
	}
	.page-jobs nav.mod_customnav {
		position: relative;
		top: 0;
	}

	/***photobook***/
	#photobook_content {
		max-width: 800px;
		width: 100%;
		margin-left: 0;
	}
	#view {
		max-width: 800px;
		width: 100%;
	}
	.photobook #main_container {
		height: auto;
		width: 100%;
	}
	#competitionBody .main_body .container {
		height: 240px !important;
	}
	#competitionBody .tabs {
		float:left !important;
		position:relative;
	}
	
	/* Enter ticket page (http://www.skiline.cc/ticket/jungfrau) - OCC Variant: Date Tooltip: remove it on mobile */
	.enterTicket .dateTooltip, .competition .dateTooltip {
		display:none !important;
	}
	
	
	/* New Styles merges from hotfix.css */
	
	#competitionBody .tabs {
		float: left !important;
		position: relative;
	}
	
	/******************************/
	/* New styles from hotfix.css */
	/******************************/
	
	.main_body .container {
		height: 240px !important;
	}
	#competitionBody .tabs {
		float: left !important;
		position: relative;
	}
	.main_column_competition {
		margin-top: 190px !important;
	}
	.tabs a, .tabs .active {
		border-radius: 3px;
	}
	#enterTicketNumberBody .container {
		background-color: initial !important;
		background-image: none;
		height: auto !important;
	}
	#enterTicketNumberBody .updnWatermark, #enterTicketNumberBody .input .text_input
		{
		font-size: 12px;
	}
	#personalProfileBody .profile_action_box {
		display: none;
	}
	#faqBody .main_body, #registrationBody .main_body {
		background-image: none;
	}
	.registration_form {
		width: 80%;
		margin: 0 auto;
	}
	#registrationBody .container {
		height: auto !important;
	}
	.login-page #top_navi {
		height: auto;
	}
	div.login {
		margin: 0 auto;
		width: 80%;
	}
	#loginBody .container {
		height: auto !important;
	}
	
	/* because of the border-box styles the height of the boxes were incorrect on certain breakpoints */
    .box-container-large,
    #resortsBody .box-large,
    .box-large .bg-dark-green {
        box-sizing: border-box;                                  
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .box-container-large {
    	height: 270px;
   	}
    #resortsBody .country_province,
    #resortsBody .bg-dark-green { 
    	height: 140px;
   	}
    #resortsBody .ticket_enter_input_text_div,
    #resortsBody > div.box-container-large > div.box-large.bg-dark-green > a {
    	top: 40px !important;
   	}
   	
   	/*logged out: the login page (when you enter are invalid username) has padding on the loginbox, this creates a overflow which causes the page to scroll, setting the div to border-box fixes this */
	.logged-out #loginBody div.login {
        -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box; 
        overflow-x: hidden;
	}	
    .logged-out div.login #login_form {
    	width: 100%;
   	}	
	/* setting the error message to the middle of the screen */
    .logged-out .dark_form ul.messages {
    	margin: 0 0px 10px 0px;
   	}
   	
	/*Logged-in: The profile container and tabs have a fixed height, we set it to auto so that the edit profile menu doesnt break on mobile, this happens on the page where you can edit your sports and equipment */
   	.main_body .container {
   		height:auto!important;
	}
	#profileTabs.main_column_0 {
		height: auto;
	}
	
	/* brimar - 18.08.2016 */
	#resortsBody .box-container-large { height: 160px; }
	#resortsBody .field_container select.select { width: auto; }
    #resortsBody .box-large.bg-dark-green { margin-top: 50px; }
    #resortsBody .box-large.country_province { padding-top: 10px; padding-bottom: 10px; }
    #resortsBody .resort_thumb { margin-right: 0; height: 145px; }
    #resortsBody .resorts_content { max-width: 800px; }
	
    #ticketDetailsBody .user_day_info_header { height: 50px; }
    #ticketDetailsBody #ticket_details_skiline { width: auto; }
    #ticketDetailsBody .user_day_info_header  .resort_logo { margin-top: 0; }
    #ticketDetailsBody .skiline_container .skiline_scroller { width: 100%; }
	#competitionBody .tabs {float:left !important; position:relative;}
	
	
	.top100 .withDateSelection .dateSelection {right: 50px; top: 185px;}
	#competitionBody ul.messages {width: 94.5%;}
	.top100 select.instance {width: 97%;}
	.top100 .result_container {width: 96%;}
	
	#termsConditionsBody .form_wrapper {
	    width:662px;
	    box-sizing:border-box;
	    -moz-box-sizing:border-box;
	    -webkit-box-sizing:border-box;
	    margin:0 auto; 
    }
}


@media screen and (max-width : 900px) {
	/******************************/
	/* New styles from hotfix.css */
	/******************************/
	
	.title_overlay {
		width: 90% !important;
		max-width: 90%;
		min-width: 90%;
		left: 5% !important;
	}
	.tabs a, .tabs .active {
		border-radius: 3px;
	}
	#ticketListForm .skiingdays table {
		width: 100%;
	}
	#skimoviesBody .tiles_container, #skimovieBody .tiles_container {
		width: 104%;
	}
	#personalProfileBody.skiMovies .borderpanel {
		display: none;
	}
	div.login {
		width: 80%;
	}
	
	/* myprofile/tickets -> if there are no tickets, there is an div called "empty" with an image - Solution: in the mobile view, remove div empty */
	.profile.tickets .sub_left .empty {
		display:none;
	}
	
	#registrationBody .registration_form.wrapper {
	    width:662px;
	    box-sizing:border-box;
	    -moz-box-sizing:border-box;
	    -webkit-box-sizing:border-box;
	    margin:0 auto; 
    }
}

@media screen and (max-width: 680px){
    
    #registrationBody .registration_form.wrapper{width:100%;} 
    .field_container.firstname, .field_container.lastname{width:48%;}
        
    #registrationBody .social_login_form, 
    #registrationBody form#registration_form,
    #termsConditionsBody .form_wrapper{
        padding-left: 10%; 
        padding-right: 10%; 
        margin:0 auto; 
        width:100%; 
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        padding-bottom: 0;
    }    
    
    #termsConditionsBody .side_content,
    #termsConditionsBody .form_content{
    	width: 100%;
    }
    
    #registrationBody .additional_information,
    #termsConditionsBody .side_content {
    	display: none;
    }
}

@media screen and (max-width: 600px) {
	/* fix teaser popup mobile view */
	body div.competition_teaser_popup {
		width: 100%;
		margin-left: 0 !important;
		left: 0 !important;
	}
	div.competition_teaser_popup img {
		width:100% !important;
	}
}
	
@media screen and (max-width: 768px) {
	#competitionBody.top100 .container div {width: 80%; margin-left: 30px; margin-right: 30px;}
	#competitionBody.top100 .container img {margin-right: 30px;}
	#competitionBody.top100 .result_container {width: 100%; max-width: 100%;}
	#competitionBody.top100 .withDateSelection .dateSelection {width: 100%; position: static;}
	#competitionBody.top100 .withDateSelection .dateSelection .calendar > div {width: 100%;}
	.top100 .calendar.month .next a {float: right;}
	.top100 .withDateSelection .rankingTable {width: 100%;}
	#competitionsBody.top100 table a {display: inline-block;!important}
	#competitionBody td.images {min-width: 70px;}
	#competitionBody p.myResult-info {text-align: left; font-size: 16px; line-height: 1.4;}
	#competitionBody .sub_content {overflow: hidden; width: 90%;}
	#competitionBody .result_container {overflow: auto; margin-right: 30px;}
	#competitionBody .borderpanel.info {width: 100%;}
	.top100 select.instance {width: 100%;}
	#competitionBody ul.messages {width: 97%;}
	table.rankingTable tr:hover {background-color: transparent;}
	table.rankingTable td.images .flag {margin-right: 0;}
	table.rankingTable td.difference {padding-right: 20px; min-width: 80px;}
	.likeButtons .googlePlus, .fbLike {width: auto;}
	
	/******************************/
	/* New styles from hotfix.css */
	/******************************/
	
	/* because of the border-box styles the height of the boxes were incorrect on certain breakpoints */
    .box-container-large {
    	height: 130px;
   	}
    #resortsBody .ticket_enter_input_text_div,
    #resortsBody > div.box-container-large > div.box-large.bg-dark-green > a {
    	top: 40px;
   	}
    #resortsBody > div.box-container-large > div.box-large.bg-dark-green {
    	height: 150px;
   	}
    #resortsBody .country_province {
    	height: 170px;
   	}
    #resortsBody .ticket_enter_input_text_div,
    #resortsBody > div.box-container-large > div.box-large.bg-dark-green > a {
    	top: 80px !important;
	}
	
	/* Logged-out: The login inputboxes are to big on mobile and create a scrollbar */
	.logged-out #top_navi .login-box input {
     	max-width: 150px;
     	width:150px;
	}
	
	/* brimar - 16.08.2016 */
	#resortsBody .box-large.bg-dark-green { margin-top: 10px; }
    #resortsBody .links { display: none; }
    
	#ticketDetailsBody .links a { display: none; }
}

/* fix sharing popup, center popup */
@media (min-width:900px) {
    div#post_facebook_popup.title_overlay, 
    div#send_link_email_popup.title_overlay,
    div#copy_link_popup.title_overlay,
    div#post_youtube_popup.title_overlay {
    	margin-left: 50% !important;
    	left: -350px !important;
   	}
}

/***********500px***************************************************************/
@media screen and (max-width: 500px) {
	.profile.competitions .sub_content .sub_right_40 {
		width: 90%;
	}
	.day_selector .month_day {
		top: 80px;
	}
	.profile_card tr>td, .profile_card tr>td a {
		display: inline !important;
	}
	#homeBody .sub_content.tiles {
		width: 50%;
		margin: 0 auto;
	}
	ul.mainmenu {
		margin: 0
	}
	.ticket_enter_next_button {
		left: 300px
	}
	.ticket_enter_input_text_diabled_div {
		left: 40px
	}
	.ticket_enter_button_text_diabled_div {
		left: 240px
	}
	.top_navi .login_form a.register {
		position: absolute;
		top: 0px;
		left: 110px;
	}
	div.top_navi div.login_box {
		margin-left: 40px
	}
	.top_navi {
		padding: 16px 0px 20px 0px
	}
	#intro_movie_main_info {
		width: 100%;
		max-width: 500px;
		left: 0;
	}
	#top_login_popup, .top_login_popup {
		left: 140px !important
	}
	/***Label Sprache im Footer**/
	.footer_main_table_td_border_middle {
		display: none
	}
	.footer_main_table_td_border {
		padding: 0 10px 0 10px
	}
	.top_navi .login_form a.register {
		position: absolute;
		top: 70px;
		left: 0px;
	}
	a.roundedButton.topLoginSubmit {
		margin-top: 0;
	}
	div.top_navi div.login_box {
		margin-left: 40px;
		margin-bottom: 40px;
	}
	#top_login_popup a {
		font-size: 11px
	}
	.top_navi {
		padding: 16px 0px 10px 0px
	}
	/***Label Sprache im Footer**/
	.footer {
		display: block
	}
	.footer_main_table td a {
		font-size: 11px !important
	}
	.footer_main_table_td_border_middle {
		display: none
	}
	.footer_main_table_td_border {
		padding: 0 10px 0 10px
	}
	.footer_main_table_td_border {
		padding: 0 0 0 10px
	}
	.footer_main_table_td_no_border {
		padding: 0 0 0 5px
	}
	.footer_main_table_td_right {
		padding: 0;
		font-size: 11px;
	}
	#homeBody.loggedIn .main_body .container {
		background-position-x: 0px
	}
	.sub_content.tiles {
		margin-left: 20px
	}
	#homeBody.loggedIn .main_body h1 {
		padding-left: 30px
	}
	#intro_pic_main_info {
		width: 600px !important
	}
	#intro_pic_main_info img {
		width: 600px !important
	}
	#intro_movie_main_info {
		width: 100%;
		max-width: 500px;
		left: 0;
	}
	.resort_thumb {
		margin: 10px auto;
	}
	#favorite_resorts {
		margin-top: 20px
	}
	.main_body.large {
		min-height: 290px
	}
	div.skiingdays table, 
	div.skiingdays table a {
		display: block
	}
	table.badges.details {
		font-size: 11px
	}
	.profile.competitions .empty_info_container {
		background: none;
		padding: 40px;
	}
	.spotPanel {
		width: 90%;
		display: block;
		margin: 20px auto;
		float: none;
		background-size: cover;
	}
	ul.mainmenu {
		margin: 0
	}
	.top_navi a.mailbox {
		display: none
	}
	#resortsBody .main_body {
		height: 230px
	}
	.sub_content .ranking th, .sub_content .ranking td, .sub_content .ranking td.name a
		{
		font-size: 11px
	}
	.sub_content .ranking th:last-child, .sub_content .ranking td:last-child
		{
		display: none
	}
	.layout {
		/*about skiline page **/
		font-size: 16px;
	}
	div.login form {
		margin: 10px 0 0 0
	}
	fld_existing_user {
		width: 90%
	}
	#loginBody .main_body .container {
		width: 100%
	}
	#login_form {
		width: 80%
	}
	.user_day_info_header .info {
		width: 70%
	}
	.user_day_info_header .resort_logo {
		margin-top: 70px
	}
	.competitions .container  h1 {
		display: none
	}
	.friends .container .profile_action_box h3 {
		display: none
	}
	/**Skipass eingeben **/
	#enterTicketNumberBody .resort_logo {
		position: static
	}
	#enterTicketNumberBody .resort_logo img {
		margin-left: 0
	}
	.ticket_enter_input_text_div .updnWatermark,
		.ticket_enter_input_text_diabled_div {
		font-size: 16px
	}
	.ticket_enter_input_text {
		width: 200px
	}
	.ticket_enter_input_dropdown_button {
		left: 190px
	}
	.ticket_enter_next_button {
		left: 260px
	}
	.ticket_enter_input_text_diabled_div {
		left: 40px
	}
	.ticket_enter_button_text_diabled_div {
		left: 240px
	}
	#enterTicketNumberBody .updnWatermark, #enterTicketNumberBody .input .text_input
		{
		font-size: 10px
	}
	/********Skigebiete*******/
	.resort_thumb td.name a {
		max-width: none
	}
	.resort_thumb {
		float: none;
		width: 250px;
	}
	.resort_thumb .icons.hasicons {
		display: block;
		margin-bottom: 40px;
	}
	#resortsBody .links a {
		display: block;
	}
	#resortsBody .links a:last-child {
		margin-top: 10px
	}
	.country_province .country {
		float: none;
		margin-right: 0;
	}
	#resortsBody .links {
		float: none;
		display: static !important;
	}
	.panorama_cams .main_body {
		min-height: 110px
	}
	
	/* brimar - 16.08.2016 */
	#resortsBody .map_container { height: 230px; }
    #resortsBody .resort_thumb { float: left; }
    /* undo a change in the hotfix. the controls look weird when they are below each other. */
    #resortsBody .country_province .country { float: left; margin-right: 5px; }
    #resortsBody .links a { display: inline-block; }
    #resortsBody .links a:last-child { margin-top: 0; }
    #resortsBody .resort_thumb { width: 160px; }
	#resortsBody .ticket_enter_result_layer_div {top:75px; left:0px}
	#competitionBody td,
	#competitionBody td a {font-size: 13px;}
	#competitionBody table.rankingTable td.rank {max-width: 20px; padding-right: 5px;}
	#competitionBody td.images {min-width: 30px;}
	#competitionBody table.rankingTable td.images .user-image {width: 20px; margin-left: 5px;}
	#competitionBody table.rankingTable td.name {max-width: 100px; padding-right: 5px; overflow: hidden; text-overflow: ellipsis;}
	#competitionBody table.rankingTable td.date {max-width: 110px; padding-right: 0;}
	table.rankingTable td.result {padding-right: 5px;}
	#competitionBody table.rankingTable td.difference {max-width: 70px; padding-right: 0;}
	#competitionBody table.rankingTable td.disqualified {padding-left: 10px;}
	
	.field_container.firstname, .field_container.lastname{width:100%;}
}

@media screen and (max-width: 480px) {
	#competitionBody.top100 .container div { display: block; width: 100%; max-width: 81%; }
	#competitionBody.top100 .container div h1 { font-size: 18px; }
	#competitionBody.top100 .container img { float: none; margin: 20px auto; display: block; }
	#competitionBody.top100 .result_container,
	#competitionBody.top100 .withDateSelection .dateSelection { width: 90%; }
}


@media screen and (max-width: 480px) {
	/* fix mobile view, profile info, statistic table is too big */
    td#personal_profile_image_panel_text table.statistics,
    td#personal_profile_image_panel_text h2.statistics,
    td#personal_profile_image_panel_text div.info.statistics {
    	display:none;
   	}
}


@media screen and (max-width:420px){
	/* enter ticket: swisspass, responsive styling of the ticket image fix overlapping ticket variants */
	#ticket_form .type_selections span{
		display:block;
	    text-align:center;
	    border:1px solid #ddd;
	    border-radius:0;
	    margin-top:-1px;
	}
    #ticket_form .type_selections span.selected, 
	#ticket_form .type_selections span:hover {
		border:1px solid #e6007e;
	}
	.ui-datepicker-trigger {
		height:auto;
		top:6px;
	}
}


@media screen and (max-width: 400px) {
	/******************************/
	/* New styles from hotfix.css */
	/******************************/
	
	/* because of the border-box styles the height of the boxes were incorrect on certain breakpoints */
    #resortsBody .country_province {
    	height: 180px;
   	}
   	
}


/* login box has no margin on iphone 4, this style reduces the inputs box size and therefore adds the margin again */
@media (max-width: 320px) {
	/******************************/
	/* New styles from hotfix.css */
	/******************************/
	
    .logged-out #top_navi .login-box input {
        max-width: 140px;
     	width:140px;
   	}
   	#resortsBody .resort_thumb {width: 100%;}
}


@media print { 
	/* enter ticket: swisspass, responsive styling of the ticket image fix overlapping ticket variants */
	.skiline_container { 
		background-color: #66c6ee;
		background-image: url(http://www.skiline.cc/about/header-skiline-bg.png)!important;
		-webkit-print-color-adjust: exact; color-adjust: exact;
	}
	.sl_right {
		display:none;
	}
	* {
		-webkit-print-color-adjust: exact;
		color-adjust: exact;
	}
	#footer,
	.footerWrapper {
		-webkit-print-color-adjust: economy;
		color-adjust: economy;
	}
	#footer p,
	#footer a {
		color:black;
	}
 }