html, body {height: 100%; width: 100%;}
body { background: url("../img/body_bg.jpg") repeat scroll 0 0 #974328; color: #000; font-family: "Times New Roman",Times,serif; font-size: 17px; line-height: 24px;}
.dlm {float: left; min-height: 10px; width: 10px; overflow: hidden; text-indent: -200px;}

#wrp { background: none repeat scroll 0 0 #fff; box-shadow: 0 5px 30px rgba(0, 0, 0, 0.75); margin: 0 auto 50px auto; min-height: 400px; position: relative; width: 1020px; z-index: 2;}
	#inn { padding: 0 10px 10px;}
		#overheader { height: 49px; padding-bottom: 10px;}
			#langspanel { background: #000; float: left; height: 49px; width: 250px;}
				#langs {width: 112px; margin: auto; padding-top: 9px;}
					#langs a {display: block; opacity: 0.5; width: 30px; height: 30px; float: left; overflow: hidden; text-indent: -1000px;}
						#langspanel .de {background-image: url('../img/langs/de.png');}
						#langspanel .en {background-image: url('../img/langs/en.png');}
						#langspanel .ru {background-image: url('../img/langs/ru.png');}
						#langs a:hover, #langs a.crnt {opacity:1;}
					#langs span {width: 11px; height: 30px; overflow: hidden; text-indent: -100px; display: block; float: left;}
					#moblangs {display: none;}
			#orderpanel {font-family: Arial, sans-serif; font-size: 12px; color: #8191c4; line-height: 49px; background: #152b74; float: left; height: 49px; width: 750px;}
				#orderpanel input {float: left; position: relative; top: 9px; background: #fff url('../img/calendar-lr.png') no-repeat 76px center; color: #010101; height: 31px; font-size: 12px; line-height: 31px; padding: 0 9px; border: 1px solid #c3c3c3; width: 98px;}
				#op_cap {display: block; font-weight: bold; float: left; padding: 0 10px 0 30px; color: #fff; text-transform: uppercase; }
				#op_opener {float: right; padding-right: 30px;}
					#op_opener span {display: block; float: left;}
					#anreisetag, #abreisetag {width: 90px; padding-right:10px; text-align: right;}
					#op_opener .row {float: left; width: 198px;}
		#header { background: #f0f0f0 none no-repeat right top; height: 500px;}
			#header_gray { background: #f0f0f0; float: left; height: 100%; width: 250px; position: relative; z-index: 3;}
				#logo { background: url("../img/logo.png") no-repeat center center; display: block; height: 141px; margin: 28px 25px 29px; width: 200px;}
				#mobmenu_trigger {display: none;}
			#checkers { background: url("../img/checkers_bg.png"); float: left; height: 500px; width: 250px; position: relative; z-index:2;}
			#secphoto {float: left; height: 500px; width: 500px; position: relative; z-index:1;}
			#mainmenu {border-top: 1px solid #e2e2e2;}
			#mainmenu ul {list-style: none outside none; margin: 0; padding: 0;}
				#mainmenu li {margin: 0; padding: 0; text-align: center;}
				#mainmenu a {font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; line-height:40px; height: 44px; padding: 1px 0; text-transform: uppercase; display: block; border-bottom: 1px solid #e2e2e2; color: #575757;
						-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
						-moz-box-sizing: border-box;    /* Firefox, other Gecko */
						box-sizing: border-box;
					}
					#mainmenu a:hover, #mainmenu ul ul a, #mainmenu a.crnt {border-color: #000; top:-1px; padding-top: 2px; height: 45px; margin-bottom: -1px; position: relative; text-decoration: none; color: #cf132b; background: #000;}
						#mainmenu a.crnt {}
				#mainmenu ul ul {position: absolute; top: 50%; left: 250px; width: 250px;}
					#mainmenu ul ul a {color: #fff;}
					#mainmenu ul ul ul {display: none;}
					
					/* vertical aligning second level menu */
					#mainmenu ul .chco_1 {margin-top: -22px;}
					#mainmenu ul .chco_2 {margin-top: -44px;}
					#mainmenu ul .chco_3 {margin-top: -66px;}
					#mainmenu ul .chco_4 {margin-top: -88px;}
					#mainmenu ul .chco_5 {margin-top: -110px;}
					#mainmenu ul .chco_6 {margin-top: -132px;}
					#mainmenu ul .chco_7 {margin-top: -154px;}
					#mainmenu ul .chco_8 {margin-top: -176px;}
					#mainmenu ul .chco_9 {margin-top: -198px;}
					#mainmenu ul .chco_10 {margin-top: -220px;}
					#mainmenu ul .chco_11 {margin-top: -242px;}
					#mainmenu ul .chco_12 {margin-top: -264px;}
					#mainmenu ul .chco_13 {margin-top: -286px;}
					
				.sidegallery {margin: 0 -15px -15px 0;}
					.sidegallery a {display: block; float: left; width: 210px; height: 210px; margin: 0 15px 15px 0;}
						.sidegallery a:hover {opacity: 0.8;}
				
			.sec_7 #header {height: 198px; overflow: hidden;}
			
.content { padding: 60px 30px 80px;}
	.content .dlm, .angebote .dlm  { width: 60px;}
	.left { float: left; min-height: 10px; width: 440px;}
	.right { float: left; min-height: 10px; width: 440px;}

.shadow_line {background: url('../img/shadow_line.png') no-repeat; background-size: 100% 100%; width: 100%; height: 19px;}
#overfooter {padding: 0 30px 30px 30px; font-family: Arial, sans-serif; line-height: 22px; font-size: 14px;}
	#overfooter .foo {float: left; min-height: 10px; width: 303px;}
		#overfooter .foo_2 {width: 302px; text-align: center;}
	#overfooter .dlm {width: 16px;}
	.foo_1 img {display: block; float: left; margin-left: 90px;}
	.socials {float: right; width: 180px;}
		.socials h4 {padding-bottom: 11px;}
		.socials a {display: block; background-position: 0 -50px; cursor: pointer; float: left; width: 50px; height: 50px;}
			.fb {background: url('../img/soc/fb.png') no-repeat;}
			.gp {background: url('../img/soc/gp.png') no-repeat;}
			.tw {background: url('../img/soc/tw.png') no-repeat;}
			.socials a:hover {background-position: 0 0px;}
			.socials span {float: left; display: block; width: 10px; height: 40px; text-indent: -100px; overflow: hidden;}
	

#footer {font-family: Arial, sans-serif; color: #747474; font-size: 14px; padding: 11px 0 20px 0;}
	#farm_logo {position: relative; text-align: center; white-space:nowrap; color: #575757; line-height: 16px; width: 30px; margin: 0px auto 0px auto;}
		#farm_logo img {position: relative;}
		#farm_logo .toleft {position: absolute; top: 8px; text-align:right; right: 38px;}
		#farm_logo .toright {position: absolute; top: 8px; text-align:left; left: 38px;}
		#farm_logo a {color: #575757; text-decoration: none;}
		#farm_logo a:hover {text-decoration: underline;}

#mainmobmenu {display: none;}

#grass_top { height: 180px; left: 0; pointer-events: none; position: absolute; top: 104px; width: 100%; z-index: 3;}
	#grass_top #grass1 { float: left; height: 100%; overflow: hidden; position: relative; width: 50%;}
		#grass_top #grass1 .ing { background: url("../img/pfeil_links.png") no-repeat scroll right 0px rgba(0, 0, 0, 0); height: 100%; position: absolute; right: 391px; top: 0; width: 220px;}
	#grass_top #grass2 { float: left; height: 100%; overflow: hidden; position: relative; width: 50%;}
		#grass_top #grass2 .ing { background: url("../img/pfeil_rechts.png") no-repeat scroll left 0px rgba(0, 0, 0, 0); height: 100%; left: 391px; position: absolute; top: 0; width: 220px;}

#grass_btm {pointer-events: none; position: relative; width: 100%; z-index: 3;}
	#grass_btm #grass1 { left: 0; top: -284px; height: 180px; overflow: hidden; position: absolute; width: 50%;}
		#grass_btm #grass1 .ing { background: url("../img/pfeil_links.png") no-repeat scroll right 0px rgba(0, 0, 0, 0); height: 100%; position: absolute; right: 391px; top: 0; width: 220px;}
	#grass_btm #grass2 { left: 50%; height: 180px; top: -284px; overflow: hidden; position: absolute; width: 50%;}
		#grass_btm #grass2 .ing { background: url("../img/pfeil_rechts.png") no-repeat scroll left 0px rgba(0, 0, 0, 0); height: 100%; left: 391px; position: absolute; top: 0; width: 220px;}

#bigvisual {float: left; position: relative; width: 750px; height: 450px; overflow: hidden;}
	#bigvisual .mark {position: absolute; top: 0; left: 0;}
#weather {float: left; position: relative; width: 750px; height: 50px; background: #000;}
	#weather .dlm {width: 50px;}
	.weblk {float: left; width: 350px; position: relative; height: 50px; font-size: 16px; font-family: Arial, sans-serif; line-height: 50px; color: #fff;}
		.weblk span {display: block; float: left;}
			.weblk span.cap {font-weight: bold; padding-right: 35px; padding-left:30px;}
			.weblk span.time {padding-right: 5px;}
.wea {position: relative; float: left; width: 60px; height: 50px; background-repeat: no-repeat; background-position: center center;}

.weather_01 {background-image: url('../img/weaico/sun.png')}
.weather_03,
.weather_04,
.weather_50 {background-image: url('../img/weaico/cloud.png')}
.weather_09 {background-image: url('../img/weaico/storm.png')}
.weather_02 {background-image: url('../img/weaico/sun-cloud.png')}
.weather_10 {background-image: url('../img/weaico/rain.png')}
.weather_11 {background-image: url('../img/weaico/thunderstorm.png')}
.weather_13 {background-image: url('../img/weaico/snow.png')}

/* weather end */

#marks2 {padding-top:10px;}
.mark2 {position: relative; overflow: hidden; height: 500px; margin-bottom: 10px; background-repeat: no-repeat;}
	.mark2 img {position: absolute; top: 0; left: 0; t-index: 1;}
	.mark2 a {text-decoration: underline;}
	.mark2 a:hover {text-decoration: none;}
.inmark2 {color: #fff; z-index: 2; background: #000; height: 100%; width: 334px; position: relative; left: 50%; margin-left: -167px; text-align: center;}
	.markpa {padding: 30px 30px 0 30px;}
	.inmark2 h2, .inmark2 h3, .inmark2 a {color: #fff;}
		.inmark2 h2 {font-size: 30px; line-height: 35px;}
		.mark2_1 img {left: auto; right: 0;}
	.mark2_1 .inmark2 {width: 500px; left: 0; margin: 0; background: #cf132b url('../img/panorama_logo.png') no-repeat center 21px;}
		.mark2_1 .markpa {padding-top: 220px; padding-bottom: 20px;}
	.mark2_2 .inmark2 {width: 500px; left: 0; margin-left: 500px; height: 100%; background: #152b74 url('../img/panorama_logo.png') no-repeat center 21px;;}
		.mark2_2 .markpa {padding-top: 220px;}
#marks2 .shadow_line {margin-top: -10px;}

.partcols, .partgals {display: table-row;}
.partcol, .partgal {display: table-cell; width: 500px; }
	.partcol_1 {background: #cf132b;}
	.partcol_2 {background: #152b74;}
	.pc_text {padding: 20px 30px; color: #fff;}
		.pc_text * {color: #fff;}

.partgal {padding: 30px 0 50px 0;}
.partgals .sidegallery {width: 450px; margin: auto; position: relative; left: 7px;}

.bigcenter {width: 700px; margin: auto; text-align: center; padding: 50px 0;}
	.bigcenter h1 {font-size: 50px; line-height: 55px;}


/* forms */
.hsu {display: none;}
#op_submit, .btn {display: block; margin-left: 17px; position: relative; top: 9px; font-weight: bold; text-transform: uppercase; background: #cf132b; float: left; white-space: nowrap; padding: 0px; width: 160px; text-align: center; line-height: 31px; font-size: 15px; color: #fff; text-decoration: none; cursor: pointer;}
	#op_submit:hover, .btn:hover {background: #ee2048; text-decoration: none;}
.frm {position:relative; float: left; width: 100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
}
.frm input, .frm textarea, .frm select {width: 100%;}
.frm textarea {height: 92px;}

.frm h3 {color:#838383; font-size: 14px; font-weight: normal; text-transform:none; line-height:22px; padding: 13px 0 1px 0;}

.form_main {position: relative;}
.form_loader {position: absolute; z-index: 335; display: none; top: 0; left: 0; width: 100%; background: rgba(255,255,255,0.5) url('../img/ajax-loader.gif') no-repeat center center;}
	.loading .form_loader {display: block;}


.keine_sz {padding-top:20px}

.error input, .error .cbox, .error textarea {border-color: #940000;}
.error h3 {color: #940000;}
.error .cbx_row .cbx_cap {color: #940000}
.cbx_cap .etrig {top: 2px;}

.etrig {display: none; top: 15px; cursor: pointer; right: 0; position:absolute; background: url('../img/error.png') no-repeat center center; width: 16px; height:16px;}
.error .etrig {display: block;}
.emsg {display: none; font-family: Arial, sans-serif; z-index: 223; box-shadow: 0 0 5px 1px rgba(0,0,0,0.3); max-width: 220px; position:absolute; border: 1px solid #a75c5c; background: #fff; color: #940000; padding: 2px 10px; font-size: 12px; line-height: 16px;}

.frm_ort {width: 310px;}
.frm_cardmon {width: 110px; margin-right: 20px;}
.frm_cardyear {width: 180px; margin-right: 20px;}
.frm_plz, .frm_cardcvv {width: 110px; }

.anfrage {margin: 20px 0;}
.frm_plz {margin-right: 20px;}
.anfrage .frm_ort {margin-right: 0px;}
.frm_dfrom, .frm_dto {width: 210px; margin-right: 20px;}
.frm_dto {margin-right: 0px;}

#anfrage_ok {margin: 20px 0; background: #f4f4f4; padding: 30px 10px; text-align: center;}

.angebote {width: 940px; margin: auto; padding-bottom: 50px; padding-top: 50px; font-family: Arial, sans-serif;}
	.angebot {border-top: 5px solid #152b74; padding-top: 20px;}
		.ang_desc {float: left; width: 600px; min-height: 10px; }
			.ang_desc h2 {padding: 0; font-size: 18px; line-height: 24px;}
			.ang_desc p {font-size: 14px; line-height:20px;}
			.ang_desc p.smallinfo, .angebot_form_desc {font-size: 12px; line-height:16px; color: #838383; padding: 0;}
			.ang_images {padding-top: 10px; margin-right: -24px; overflow: hidden;}
				.ang_images a {display: block; float: left; width: 80px; height: 80px; margin: 0 24px 24px 0;}
		.angebot .dlm {width: 20px;}
		.ang_form {float: left; min-height: 10px; float: left; width: 320px; text-align: center;}
			.ang_form label {font-weight: bold; display: block; padding-bottom: 10px;}
			.ang_price {width: 140px; float: left; min-height: 10px;}
				.angebot_baseprice {font-size: 14px;}
				.angebot_price {font-size: 18px; color: #cf132b;}
			.ang_qtty {width: 160px; float: left; min-height: 10px;}	
				.ang_qtty select {width: 100px;}
				.angebot_form_desc {padding-top: 5px;}

	.ang_buttonrow {padding: 0 20px; line-height: 49px; background: #152b74; color: #8191c4; font-size: 15px;}
		.ang_buttonrow .btn {float: right;}
		.summ_blk {float: left;}
			.ang_buttonrow label {display: block; float: left; margin-right: 5px;}
			.ang_buttonrow span {display: block; float: left; margin-right: 37px; color: #fff;}
	
	.cartrow, .fsline {border-top: 5px solid #152b74; padding: 14px 0; line-height: 27px}
		.cartrow h3 {font-size: 14px; line-height: 27px; padding: 0;}
		.cartline {font-size: 14px;}
			.cartline label {display: block; float: left; width: 153px;}
			.cartline span {display: block; float: left; white-space: nowrap;}
	.fsline {padding-bottom: 0;}
	.gesamt {font-size: 18px; font-weight: bold;}
	
	.room_nr_name {clear: both; font-weight: bold; padding: 25px 0 0 0;}
	
	.for_submit {padding-top: 15px;}
		.for_submit .btn {float: right;}
	.cart_finish_row {padding: 10px; background: #f4f4f4;}
		.cart_finish_row .dlm {float: none; width: auto;}
	
	.success_over, .errors_over {width: 700px; margin: auto; padding: 50px 0; text-align: center;}
	
	.sec_7 .bigcenter {padding-bottom:0}
	.sec_7 .content {display: none; width: 700px; margin: auto;}
		.sec_7 .content .left {float: none; text-align: center; width: auto;}
		.sec_7 .content .right, .sec_7 .content .dlm {display: none;}
		
	.sh_cartrows {display: none;}





@media screen and (max-width: 1020px) {
	body {background-image: none;}
	#wrp {width: 100%; margin: 0;}
		#inn {padding: 0;}
		#overheader {height: auto; position: fixed; z-index: 311; width: 100%; top: 0; left: 0;}
			#orderpanel {width: 100%; }
			#langspanel {position: absolute; width: 60px; height: 60px; left: 0; top: 49px; float: none;}
				#langs {width: 60px; padding: 0;}
				#langs a, #langs span {display: none;}
				#langs a.crnt {display: block; width: 60px; height: 60px; background-position: center center; background-repeat: no-repeat; background-size: 30px 30px;}
			#mobmenu_trigger {display: block;  cursor: pointer; z-index: 302; background: #000 url('../img/mobmenu_trigger.png') no-repeat center center; background-size: 25px 20px; position: fixed; width: 60px; height: 60px; right: 0; top: 49px;}
		#header {height: auto;}
			#bigvisual {width: 100%;}
				.mark {width: 100%; height: auto;}
					.mark img {width: 100%; height: auto;}
			#header_gray {height: 60px; box-shadow: 0 0 10px rgba(0,0,0,0.5); z-index: 300; position: fixed; left: 0; top: 49px; overflow: hidden; width: 100%;}
				#mainmenu {display: none;}
			#header_spacer {height: 109px;}
			#logo {background-size: 100% 100%; width: 72px; height: 53px; position:relative; left: auto; top: 4px; margin: auto;}			
		#weather {height: auto; width: 100%;}
			.weblk {width: 50%;}
				#weather .dlm {display: none;}
	#grass_top, #grass_btm {display: none;}
	.content {padding-left: 15px; padding-right:15px;}
		.left {float: none; width: auto;}
		.right {float: none; margin: auto;}
		.content .dlm {float: none; height: 50px;}
	#marks2 {}
		.mark2 {height: auto;}
			.mark2 img {position: static; width: 100%; height: auto;}
			.inmark2 {margin: auto; width: 100%; left: 0; height: auto;}
			.mark2_1 .inmark2 {width: 100%; margin: 0; left: 0;}
			.mark2_2 .inmark2 {width: 100%; margin: 0; left: 0;}
	#overfooter .foo {float: none; width: 100%;}
		#overfooter .foo_1 {margin: auto; width: 280px; position: relative; left: -10px;}
		#overfooter .dlm {float: none;}
		.socials {text-align: center; margin: auto; float: none;}
	.mobmenu {position: fixed; padding-top: 109px; top: 0; left: 0; z-index: 299; width: 100%; height: 100%; background: #f0f0f0;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;
	}
	.mobmenu ul {padding: 0; margin: 0; list-style: none outside none; font-family: Arial, sans-serif; font-size: 16px; line-height: 42px; text-transform: uppercase;}
	.mobmenu li {padding: 0; margin: 0;}
	.mobmenu a {color: #575757; border-top: 1px solid #e2e2e2; display: block; font-weight: bold; text-align: center;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;
	}
		.mobmenu a.crnt {color: #cf132b;}
		.mobmenu ul ul a {background: #000000; color: #f0f0f0; border-color:#151515;}
	.mobm_scroll { overflow: auto; height: 100%;}
	.noscroll {height: 100%; overflow: hidden;}
	#checkers {display: none;}
	#secphoto {float: none; width: 100%; height: auto;}
		#secphoto img {width: 100%; height: auto;}
	
	.bigcenter {width: auto; padding-left: 10px; padding-right: 10px;}
	.partcols, .partgals {display: block;}
	.partcol, .partgal {display: block; width: auto;}
	
	.sec_7 #header {height: 109px;}
	
	.angebote {width: auto; margin: 0 10px;}
	.ang_desc {width: auto; float: none; overflow: hidden;}
	.ang_form {float: none; clear: both; position: relative; left: -10px;  margin: auto; padding-bottom: 15px;}
	
	.ang_buttonrow {line-height: 30px; padding: 10px 20px;}
	.ang_buttonrow label {clear: both; width: 50%; margin: 0;}
	.ang_buttonrow span {width: 50%; margin: 0;}
	.summ_blk {float: none; width: auto; padding-bottom:5px;}
	.angebot .dlm {display: none;}
	.ang_form .dlm {display: block;}
	.ang_buttonrow .btn { float: none; width: auto; margin: auto; top: auto;}
	
	.ang_images {margin-right: -10px;}
	.ang_images a {margin: 0 10px 10px 0;}
	
	.frm_ort, .frm_cardmon, .frm_cardyear, .frm_plz, .frm_cardcvv {width: 100%; margin-right: 0px;}
	
	.success_over, .errors_over {width: auto; padding: 80px 10px 50px 10px;}
	
	h1 { font-size: 20px; line-height: 25px; margin-top: -5px; padding: 0 0 20px;}
	h2 { font-size: 16px; line-height: 24px; padding: 20px 0 15px;}
	h3 { font-size: 14px; line-height: 20px; padding: 15px 0 12px;}
	
	.bigcenter h1 {font-size: 30px; line-height: 35px;}
	
	.sec_7 .right {width: auto;}
	.cartrow {display: none;}
	
	.sh_cartrows {cursor: pointer; background: url('../img/arr_b_dn.png') no-repeat right center; line-height: 30px; cursor: #281d00; text-transform: uppercase; display: block; border-top: 5px solid #152b74;}
		.sh_cartrows .close {display: none;}
		.sh_cartrows_open {background-image: url('../img/arr_b_up.png');}
			.sh_cartrows_open .close {display: block;}
			.sh_cartrows_open .open {display: none;}
	
}

@media screen and (max-width: 700px) {
	.weblk {width: 100%; overflow: hidden;}
	#weather .dlm {display: block; height: 1px; min-height:1px; width: 100%; background: #151515;}
	
}

@media screen and (max-width: 750px) {
	#op_opener {display: none; position: absolute; width: 100%; top: 49px; padding-bottom: 15px; background: #152b74;}
	#op_cap {padding:0; float: none; cursor: pointer; width: 284px;  background: url('../img/arr_w_dn.png') no-repeat right center; text-align: center; margin: auto;}
		#op_cap.down {background-image: url('../img/arr_w_up.png');}
	#op_opener .row {float: none; width: auto; position: relative; padding: 0 20px 15px 120px;}
		#op_opener span {float: none;}
		#op_opener .row #anreisetag, #op_opener .row #abreisetag {position: absolute; line-height: 31px; top: 0; left: 0; float: none;}
		#op_opener .row input {float: none; width: 100%; top: auto; background-position: right center;}
		#op_submit {float: none; margin: 0 15px; position: static; top: auto; width: auto;}
}
.ui-datepicker td span, .ui-datepicker td a {padding: 1px;}
.ui-datepicker td, .ui-datepicker {line-height: 16px; font-size: 12px;}

@media screen and (max-width: 485px) {
	.right {width: auto;}
	.partgal {padding-left:10px; padding-right:10px;}
	.sidegallery, .partgals .sidegallery {margin-right: 0; left: auto; width: auto;}
	.sidegallery a {width: 100%; height: auto; padding: 0; margin-right: 0;}
	.sidegallery a img {width: 100%; height: auto;}
	
	#farm_logo {position: relative;  width: auto; margin: 0;}
	#farm_logo img {display: block; margin: 5px auto;}
	#farm_logo .toleft {position: static;  text-align:center; right: auto;}
	#farm_logo .toright {position: static;  text-align:center; left: auto;}
	.ui-datepicker td span, .ui-datepicker td a {padding: 3px;}
	.ui-datepicker td, .ui-datepicker {font-size: 16px; line-height: 24px;}
}



@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){
	   
	   #orderpanel input {background-image: url('../img/calendar-hr.png'); background-size: 20px 13px;}
	   
	   
}