@import 'https://fonts.googleapis.com/css?family=Alef';
@import 'https://fonts.googleapis.com/css?family=Bevan';
@import 'https://fonts.googleapis.com/css?family=Open+Sans';
@import 'https://fonts.googleapis.com/css?family=Lalezar';

* {margin: 0; padding: 0px;}

body {margin: 0; height: 100%; color: #475661; font-family: 'Open Sans', sans-serif; font-size:18px; background:#fff;}

a{text-decoration:none; color:#970f20;}
a:hover{text-decoration:underline;}

h1{color:#fff; font-size:50px; font-family: 'Lalezar', cursive;}
h2{color:#fff; font-size:33px;}
h3{color:#fff; font-size:27px;}
@media screen and (max-width: 768px){
	h1{font-size:40px; line-height:42px;}
}
@media screen and (max-width: 480px){
	h1{font-size:30px; line-height:32px;}
}

p{margin:10px 0;}

ul{padding:0 0 0 18px;}

.text-center{text-align:center;}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.datepicker{
    background: url(images/kalender-icon.jpg) no-repeat #fff right 3px;
}
#yform-formular-field-13, #yform-formular-field-15 {
    background: url(images/kalender-icon-small.jpg) no-repeat #fff right 3px;
}
.ui-datepicker-trigger{display:none;}

#yform-formular-erwachsene,
#yform-formular-kinder,
#yform-formular-hunde{
	width:230px;
	float:left;	
	margin-right:10px;
}
#yform-formular-anreise{clear:both;}

.wrapper_center {max-width: 1200px; min-width: 300px; margin: 0 auto; position: relative; padding: 0 10px;}
.wrapper_center_ohne {max-width: 1200px; min-width: 300px;  margin: 0 auto;  position: relative; padding: 0;}

/* Header + Navi */
header{-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);	-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3); z-index:9999; 	width:100%; transition: all 0.4s ease; height:60px;	background:url(images/bg_nav.jpg) repeat-x bottom;}

#nav_desktop {display:none;}

@media screen and (max-width: 1184px){
	#logo{position:absolute; top:0; left:10px; z-index:99999999;}
	#logo img{height:50px; width:auto; margin:5px 0 0 0;}
}

#facebook{display:none;}

@media screen and (min-width: 1185px){
	header #logo{width:300px; transition: all 0.4s ease;}
	header #logo img{width:100%; height:auto;}
	header.sticky {height: 49px;}
	header.sticky #logo{float:left;	margin:5px 0 0 0; transition: all 0.4s ease; width:120px;}
	Xheader.sticky #logo{float:left;	margin:5px 0 0 0; transition: all 0.4s ease; height:40px;}
	headerX.sticky #logo img{height:40px; width:auto;}	
	header.sticky ul#menu li a {padding:0px 20px 0 20px; height:49px; line-height:49px;}
	header.sticky ul#menu ul li a {height:40px; padding:0 15px 0 15px;}
	header.sticky #nav_desktop{margin: 0 0 0 0;}
	header.sticky #nav_desktop ul#menu ul {top: 49px;}
	
	#menumobil{display:none !important;}
	header{height: 130px; background:#fff; position:fixed; width:100%; top:0; z-index: 9999999;}
	#logo{float:left; margin:15px 0 0 0; transition: all 0.4s ease;}
	#sticky_menu{display:block;}
	#nav_desktop{display:block; font-size:12px; float:right; margin:75px 0 0 0; transition: all 0.4s ease;}
	#nav_mobil{display:none;}
	.sb-toggle-right{display:none;}
	ul#menu {margin:0px auto; padding:0; position:relative; width:auto;	display:inline-block;}
	ul#menu li {display:inline;	margin:0 0 0 0;	padding:0; float:left; position:relative; text-align:center;}
	ul#menu li a {padding:15px 20px 0 20px;	color:#475661; text-decoration:none; display:inline-block; font-size:18px; text-transform:uppercase; height:40px; transition: height 0.4s ease; }
	ul#menu li:hover > a{color:#fff;}
	ul#menu li:hover > a,
	ul#menu li > a.aktiv {background:#454a50; color:#fff;}
	ul#menu ul li:hover > a,
	ul#menu ul li > a.subaktiv {background:#afacb3 !important;}
	
	/* Drop-Down menu */
	ul#menu li:hover > ul{visibility:visible; opacity:1;}
	ul#menu ul, ul#menu ul li ul {list-style: none;	margin: 0; padding: 0; visibility:hidden; position: absolute; z-index: 99999; background:#fff; opacity:0;}
	ul#menu ul {top: 55px;	left: 0px;	white-space:nowrap;	background:none;}
	ul#menu ul li ul {top: 0; left: 181px;}
	ul#menu ul li {clear:both; width:100%; margin:0; text-align:left; background-color:rgba(71, 86, 97, 0.8);}
	ul#menu ul li a {background:none; color:#fff; text-decoration:none; display:inline-block; border:0 none; float:left; clear:both; width:calc(100% - 30px); height:40px; line-height:40px; font-size:16px; padding:0 15px 0 15px; text-transform:uppercase;}
	ul#menu li a.first {border-left: 0 none;}
	ul#menu li a.last {border-right: 0 none;}
	
	#facebook{float:right; margin-top:85px; transition: all 0.4s ease; margin-left:10px; display:block;}
	header.sticky #facebook{margin-top:10px;}
}
/* ENDE Header + Navi */

/* Footer */
footer{background:#d0d1d2; font-family: 'Alef', sans-serif; font-size:20px; color:#2e343a; padding:40px 0;}
footer p{margin:10px 0;}
footer a{color:#2e343a;}
footer a:hover{}
.footer_button{display:inline-block; background:#2e343a; padding:5px 15px; color:#e7e6e5; text-transform:uppercase;}

#footer2{background:#1f282e; color:#fff; text-align:center; font-size:15px; padding:10px 0;}


.footer1{float:left; width:calc(40% - 0px);}
.footer2{float:left; width:calc(40% - 0px);}
.footer3{float:right; width:calc(20% - 0px);}
.footer_topic{font-size:23px; font-weight:bold; text-transform:uppercase;}

.footer1 p{font-size:16px;}

#anfahrt{margin:-20px 0 0 -20px;}
#anfahrt img{width:100%; height:auto; max-width:343px;}
.footer1 .footer_button{margin:40px 0 0 0;}
.footer2 .footer_button{margin:10px 0 0 70px;}

#facebook_footer{padding-top:20px;}
#impressum{padding-top:20px; text-transform:uppercase; font-weight:bold;}
#footer_icons{padding-top:45px;}

#icon_vab{width:50px; height:auto;}
#icon_kwt{width:50px; height:auto;}
#icon_fb{width:30px; height:auto;}

@media screen and (max-width: 768px){
	.footer1{width:100%;}
	.footer2{width:100%; padding-top:30px; margin-top:30px; border-top:1px solid #767676;}
	.footer3{width:100%; padding-top:30px; margin-top:30px; border-top:1px solid #767676;}
	#anfahrt{margin:0;}
	.footer2 .footer_button{margin:20px 0 0 0px;}
}

/* ENDE Footer */

.main{padding:0px 0 20px 0; font-family: 'Open Sans', sans-serif; font-size:20px; line-height:32px;}
@media screen and (min-width: 1185px){
	.main{padding-top:130px;}	
}

.mod_bg{background:#fff; padding:10px 10px;}

/* Abstands Modul */
.abstand_desktop{display:block;}
.abstand_mobil{display:none;}
@media screen and (max-width: 768px){
	.abstand_desktop{display:none;}
	.abstand_mobil{display:block;}
}
/* ENDE Abstands Modul */

/* Slider */
.slider-wrapper{position:relative;}
#slider{
	margin:0;	
	padding:0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;	
}
.slider-wrapper .nivo-caption{}
.slider-wrapper .nivo-caption .caption_first{font-size:50px; font-family: 'Lalezar', cursive; text-transform:uppercase; text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);}
.slider-wrapper .nivo-caption .caption_second{font-size:40px; padding-left:200px; text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);}
@media screen and (max-width: 900px){
	.nivo-caption {left:20px !important; bottom:20px !important;}
	.slider-wrapper .nivo-caption .caption_first{font-size:55px; }
	.slider-wrapper .nivo-caption .caption_second{font-size:25px; padding-left:100px;}		
}
@media screen and (max-width: 767px){
	.slider-wrapper{display:none;}	
}
/* ENDE Slider */

/* google map responsive */
.map_container{max-width:1200px; margin:0 auto; padding:0 0px;}
.google-maps {
	position: relative;
	padding-bottom: 75%; 
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
/* ENDE google map responsive */

/* Youtube responsive */
.elastic-video {
	position: relative;
	padding-bottom: 55%;
	padding-top: 15px;
	height: 0;
	overflow: hidden;
}
.elastic-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* ENDE Youtube responsive */

/* Parallax */
.parallax-background {width:100%; overflow:hidden; background-size: cover; position:static; background-attachment:fixed; background-repeat:repeat-y; margin:0; padding:100px 0; color:#fff; text-align:center;}
.parallax-center{max-width:1120px; margin:0 auto;}
.parallax_topic{font-size:50px; color:#fff; padding:0 10px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1); font-family: 'Lalezar', cursive;}
.parallax_text{font-size:28px; padding:0 10px;}
.parallax_images{margin-top:50px;}
.parallax_images_single{float:left; width:32%; margin-left:2%;}
.parallax_images_single:first-child{margin-left:0%;}
.parallax_images_single img{width:calc(100% - 8px); height:auto; border:4px solid #fff;}
.parallax_link{background:#c8031e; display:inline-block; margin-top:40px;}
.parallax_link a{color:#fff; text-decoration:none; text-transform:uppercase; font-size:16px; padding: 10px 10px; display:block;}
/* ENDE Parallax */

/* Text Modul */
.mod_text{padding:20px 0;}

@media screen and (max-width: 1184px){
	.mod_text{padding:20px 10px;}	
}
/* ENDE Text Modul */

/* Iconblock Modul */
.mod_iconblock{padding:20px 0;}
.mod_iconblock a{color:#fff;}
.mod_iconblock a:hover{text-decoration:none;}
.mod_iconblock .item{-webkit-flex-basis: 20%; -moz-flex-basis: 20%; flex-basis: 20%; overflow:hidden; text-align:center; padding:20px 20px 0 20px;}
.mod_iconblock .item .outer{display: table-cell; vertical-align: bottom;}
.mod_iconblock .item .inner{display: table-cell; vertical-align: bottom;}
.icon_img{width:115px; height:90px; margin:0 auto;}
.icon_img_first{width:153px; height:90px; margin:0 auto;}
.icon_img img{height:90%; width:auto; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.icon_topic{padding-top:15px; font-size:24px; text-transform:uppercase; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; color:#2e343a;}
.icon_text{padding-top:20px; line-height: 22px; font-size:16px;}
.mod_iconblock .item:hover .icon_img img{height:100%;}
.mod_iconblock .item:hover .icon_topic{color:#970f20;}
@media screen and (max-width: 1184px){
	.mod_iconblock{padding:20px 10px;}	
}
@media screen and (max-width: 768px){
	.mod_iconblock .item{-webkit-flex-basis: 40%; -moz-flex-basis: 40%; flex-basis: 40%;}	
}
@media screen and (max-width: 480px){
	.mod_iconblock .item{-webkit-flex-basis: 100%; -moz-flex-basis: 100%; flex-basis: 100%; padding-bottom:30px;}		
}
/* ENDE Iconblock Modul */

/* Facebook und Anfrage Modul */
.mod_wetterbuchen{padding:30px 0; color:#000;}
.item_30_fb{-webkit-flex-basis: 300px; -moz-flex-basis: 300px; flex-basis: 300px; background:#2e343a;}
.item_70_fb{-webkit-flex-basis: calc(100% - 315px); -moz-flex-basis: calc(100% - 315px); flex-basis: calc(100% - 315px); background: url(images/bg_buchen.jpg) no-repeat center;}
.buchen{background:url(images/bg_buchen.jpg) no-repeat center; position:relative;}
.anfragen{background-color:rgba(255, 255, 255, 0.8); width:260px;  padding:20px 30px; overflow:hidden; margin:30px 0 0 80px;}
.anfrage_topic{font-size:30px; line-height:40px; text-transform:uppercase; font-weight:bold;}
.anfragen label{text-transform:uppercase; padding-top:10px; display:block;}
.anfragen input{width:calc(100% - 20px); padding:0 10px; border:none; height:48px; line-height:48px; font-size:30px;}
.anfragen select{width:calc(100% - 0px); padding:0 10px; border:none; height:48px; line-height:48px; font-size:20px;}

.anfragen label.checkbox {
  display: block;
  padding-left: 15px;
  text-indent: -15px;
}
.anfragen input.checkbox {
  width: 13px;
  height: 13px;
  padding: 0;
  margin:0;
  vertical-align: bottom;
  position: relative;
  top: -5px;
  *overflow: hidden;
}

#yform-formular-skispind label {
  display: block;
  padding-left: 15px;
  text-indent: -15px;
}
#yform-formular-skispind input{
  width: 13px;
  height: 13px;
  padding: 0;
  margin:0;
  vertical-align: bottom;
  position: relative;
  top: -5px;
  *overflow: hidden;
}

.anfragen input[type="submit"]{background:#000; color:#fff; width:auto; margin-top:10px;}
.preisinfo{background-color:rgba(0, 0, 0, 0.8); width:260px; height:170px; padding:20px 20px; overflow:hidden; position:absolute; bottom:30px; right:40px; color:#fff; font-family:Arial, Helvetica, sans-serif;}
.preisinfo .zeile1{font-size:29px; text-align:center;}
.preisinfo .zeile2{font-size:130px; text-align:center; font-weight:bold;}
@media screen and (max-width: 1110px){
	.anfragen{left:20px;}
	.anfrage_topic{font-size:35px; line-height:35px; }
	.anfragenXXX input{height:38px; line-height:38px; font-size:20px;}	
	.preisinfo{right:20px;}
}
@media screen and (max-width: 1110px){
	.preisinfo{width:200px; height:130px;}
	.preisinfo .zeile1{font-size:26px;}
	.preisinfo .zeile2{font-size:100px;}		
}
@media screen and (max-width: 910px) and (min-width: 769px){
	.preisinfo{display:none;}
}
@media screen and (max-width: 950px){
	.anfrage_topic{font-size:30px; line-height:30px; }
	.anfragenXXX input{height:28px; line-height:28px; font-size:18px;}	
}
@media screen and (max-width: 768px){
	.item_30_fb{-webkit-flex-basis: 100%; -moz-flex-basis: 100%; flex-basis: 100%;}
	.item_70_fb{-webkit-flex-basis: 100%; -moz-flex-basis: 100%; flex-basis: 100%; margin-top:10px;}	
	.buchen{}
	.anfragen{margin: 10px 0 10px 80px;}
}
@media screen and (max-width: 480px){
	.anfragen{margin: 10px 0 10px 10px;}	
}
@media screen and (max-width: 610px){
	.preisinfo{display:none;}	
}
/* ENDE Facebook und Anfrage Modul  */

/* Bild volle Inhaltsbreite */
.mod_bildfull{padding:20px 0;}
.mod_bildfull img{width:100%; height:auto; display:block;}
/* ENDE Bild volle Inhaltsbreite */

/* Video volle Inhaltsbreite */
.mod_videofull{padding:20px 0;}
/* ENDE Bild volle Inhaltsbreite */

/* Bildblock Modul */
.mod_bildblock{padding:30px 0;}
.mod_bildblock .item{-webkit-flex-basis: 32.5%; -moz-flex-basis: 32.5%; flex-basis: 32.5%; padding:7px 0 7px 0;}
.mod_bildblock .item img{width:100%; height:auto; display:block;}
.mod_bildblock a.linktext{display:block; background:#970f20; color:#fff; text-transform:uppercase; padding:5px 10px; line-height: 26px;}
.mod_bildblock a:hover.linktext{background:#2e343a; color:#fff; text-decoration:none;}
@media screen and (max-width: 768px){
	.mod_bildblock .item{-webkit-flex-basis: 100%; -moz-flex-basis: 100%; flex-basis: 100%; padding:5px 0;}
}
/* ENDE Bildblock Modul */

/* Swipebox Lupe */
a.swipebox {background:#970f20; display:block;	position:relative;}
a.swipebox:after,a.swipebox:before {content:'';	opacity:0; position:absolute; transition:opacity .3s; z-index:1;}
a.swipebox:hover:after,a.swipebox:hover:before {opacity:1;}
a.swipebox img {transition:opacity .3s;}
a.swipebox:hover img {opacity:.5;}
a.swipebox:before {border:1px solid #fff; bottom:0; left:0; right:0; top:0; transition:all .3s;}
a.swipebox:hover:before {bottom:20px; left:20px; right:20px; top:20px;}
a.swipebox:after {background:url(images/lupe.png) no-repeat; height:50px; left:50%; margin:-25px 0 0 -25px; top:50%;	width:50px;}
/* ENDE Swipebox Lupe */

/* Pfeil Modul */
.pfeil{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 50px 0 50px;
	border-color: #e7e6e5 transparent transparent transparent;
	margin: 0 auto;
}
@media screen and (max-width: 768px){
	.pfeil{border-width: 30px 30px 0 30px;}
}
/* Pfeil Modul */

/* Bildboxen */
.bilderbox_single { width:calc(100% - 20px); max-width:1200px; margin:0 auto; position:relative; background:#fff; padding:10px;}
.bilderbox_triple { margin-bottom:10px; max-width:1200px; margin:0 auto; background:#fff; padding:10px 0px;}
.bilderbox_triple_w { margin-bottom:10px; max-width:1200px; margin:0 auto; background:#fff; padding:10px;}
.bilderbox_triple_w_right { margin-top:10px; }
.bilderbox_triple_w_left_first { width:49%; float:left; position:relative; }
.bilderbox_triple_w_left_second { width:49%; float:right; position:relative; }
.bilderbox_triple_w_left_trenner { display:none; }
.bilderbox_single img, .bilderbox_triple img, .bilderbox_triple_w img { width:100%; height:auto; display:block; }
.bilderbox_triple_left { position:relative; }
.bilderbox_triple_right { margin-top:10px; }
.bilderbox_triple_right_first { width:49%; float:left; position:relative; }
.bilderbox_triple_right_second { width:49%; float:right; position:relative; }
.bilderbox_triple_right_trenner { display:none; }
.bilderbox_hovertext { position:absolute; top:30px; left:0px; display:inline; padding:5px 35px 5px 10px; display:none; }
.bilderbox_single a, .bilderbox_triple a  { color:#404043; }
.bilderbox_single a:hover, .bilderbox_triple a:hover  { text-decoration:none; color:#404043; }
.bilderbox_single .bilderbox_hovertext { background:url(../layout/pfeil_dunkel.png) no-repeat #fff right top; }
.bilderbox_triple .bilderbox_hovertext { background:url(../layout/pfeil_dunkel2.png) no-repeat #fff right top; }
.bilderbox_hovertext_first { text-transform:uppercase; font-weight:bold; }
.bilderbox_single .bilderbox_hovertext_first { font-size:24px; }
bilderbox_triple .bilderbox_hovertext_first { font-size:20px; }
.bilderbox_hovertext_second { }
.bilderbox_single .bilderbox_hovertext_second { font-size:16px; }
.bilderbox_triple .bilderbox_hovertext_second { font-size:14px; }

@media screen and (min-width: 768px){
	.bilderbox_triple_left { width:66%; float:left; }
	.bilderbox_triple_right { width:33%; float:right; position:relative; margin-top:0; }
	.bilderbox_triple_right_first { width:100%; float:none; }
	.bilderbox_triple_right_second { width:100%; float:none; }
	.bilderbox_triple_right_trenner { display:block; position:absolute; top:48.5%; left:0%; width:100%; border-top:10px solid #fff; }

	.bilderbox_triple_w_left { width:33%; float:left; position:relative; margin-top:0; }		
	.bilderbox_triple_w_right { width:66%; float:right; margin-top:0; }
	.bilderbox_triple_w_left_first { width:100%; float:none; }
	.bilderbox_triple_w_left_second { width:100%; float:none; }
	.bilderbox_triple_w_left_trenner { display:block; position:absolute; top:48.5%; left:0%; width:100%; border-top:10px solid #fff; }	
}
/* ENDE Bildboxen */

/* News Slider */
.bx-loading{display:none !important;}
.news_slide{}
.news_slide_bild{float:left; width:40%; border:4px solid #d9d9d9;}
.news_slide_bild img{width:100%; height:auto;}
.news_slide_inhalt{float:right; width:53%; position:relative; height:155px;}
.news_slide_titel{font-size:21px; overflow:hidden; height:24px;}
.news_slide_text{margin:5px 0px; font-family: "Roboto",sans-serif; height:105px; overflow:hidden;}
.news_slide_mehr{position:absolute; bottom:0; left:0;}
.news_slide_mehr a{display:block; background:#75b12c; color:#fff; padding:2px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.news_slide_mehr a:hover{background:#475661; text-decoration:none;}

@media only screen and (max-width: 480px) {
	.news_slide_bild{float:none; width:calc(100% - 40px); }
	.news_slide_inhalt{float:none; width:calc(100% - 40px); }
}
/* ENDE News Slider */

/* News Übersicht */
.news_box{padding-top:20px;}
.news_box_bild img{width:100%; height:auto; display:block;}

.news_details_img img{width:100%; height:auto; display:block;}
.news_details_topic{padding-top:20px;}
@media only screen and (max-width: 768px) {
	.news_box.flex_basis{display:block; margin-top:20px;}
	.flex_item_30, .flex_item_70{width:100%;}	
}
/* ENDE News Übersicht */

/* Flex Boxen */
.flex_basis{
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;	
}

.flex_item_30{
	-webkit-flex-basis: 28%;
	-moz-flex-basis: 28%;
	flex-basis: 28%;	
	overflow:hidden;
}
.flex_item_50{
	-webkit-flex-basis: 48%;
	-moz-flex-basis: 48%;
	flex-basis: 48%;	
	overflow:hidden;
}
.flex_item_70{
	-webkit-flex-basis: 68%;
	-moz-flex-basis: 68%;
	flex-basis: 68%;
	overflow:hidden;
}

@media only screen and (max-width: 768px) {
	.flex_item_50{
		-webkit-flex-basis: 100%;
		-moz-flex-basis: 100%;
		flex-basis: 100%;
		padding-left:0%;	
	}
}
/* ENDE Flex Boxen */

/* Referenz Details */
.ref_details{padding-top:20px;}
.ref_details .text1{font-size:20px;}
.ref_details .text2{padding-top:20px;}
.ref_details .arbeiten{padding-top:40px;}
.ref_details .ref_detail_punkt{border-bottom:1px solid #475661; line-height:28px;}
.ref_details .ref_detail_punkt:last-child{border-bottom:none;}
@media only screen and (max-width: 768px) {
	.ref_details.flex_basis{display:block; margin-top:20px;}
	.ref_half.flex_item_50{width:100%;}	
}
/* ENDE Referenz Details */

/* JSSOR Slider */
/* jssor slider arrow navigator skin 05 css */
/*
.jssora05l                  (normal)
.jssora05r                  (normal)
.jssora05l:hover            (normal mouseover)
.jssora05r:hover            (normal mouseover)
.jssora05l.jssora05ldn      (mousedown)
.jssora05r.jssora05rdn      (mousedown)
*/
.jssora05l, .jssora05r {
	display: block;
	position: absolute;
	/* size of arrow element */
	width: 40px;
	height: 40px;
	cursor: pointer;
	background: url('img/a17.png') no-repeat;
	overflow: hidden;
}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }

/* jssor slider thumbnail navigator skin 01 css */
/*
.jssort01 .p            (normal)
.jssort01 .p:hover      (normal mouseover)
.jssort01 .p.pav        (active)
.jssort01 .p.pdn        (mousedown)
*/
.jssort01 .p {
	position: absolute;
	top: 0;
	left: 0;
	width: 72px;
	height: 72px;
}

.jssort01 .t {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.jssort01 .w {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.jssort01 .c {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 68px;
	height: 68px;
	border: #000 2px solid;
	box-sizing: content-box;
	background: url('img/t01.png') -800px -800px no-repeat;
	_background: none;
}

.jssort01 .pav .c {
	top: 2px;
	_top: 0px;
	left: 2px;
	_left: 0px;
	width: 68px;
	height: 68px;
	border: #000 0px solid;
	_border: #fff 2px solid;
	background-position: 50% 50%;
}

.jssort01 .p:hover .c {
	top: 0px;
	left: 0px;
	width: 70px;
	height: 70px;
	border: #fff 1px solid;
	background-position: 50% 50%;
}

.jssort01 .p.pdn .c {
	background-position: 50% 50%;
	width: 68px;
	height: 68px;
	border: #000 2px solid;
}

* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {
	/* ie quirks mode adjust */
	width /**/: 72px;
	height /**/: 72px;
}
/* ENDE JSSOR Slider */

/*** Table Styles **/

.table-fill {
  background: white;
  border-radius:3px;
  border-collapse: collapse;
  height: 320px;
  margin: auto;
  max-width: 600px;
  padding:5px;
  width: 100%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  animation: float 5s infinite;
}
 
th {
  color:#D5DDE5;;
  background:#1b1e24;
  border-bottom:4px solid #9ea7af;
  border-right: 1px solid #343a45;
  font-size:23px;
  font-weight: 100;
  padding:24px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}

th:first-child {
  border-top-left-radius:3px;
}
 
th:last-child {
  border-top-right-radius:3px;
  border-right:none;
}
  
tr {
  border-top: 1px solid #C1C3D1;
  border-bottom-: 1px solid #C1C3D1;
  color:#666B85;
  font-size:16px;
  font-weight:normal;
  text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
}
 
tr:hover td {
  background:#4E5066;
  color:#FFFFFF;
  border-top: 1px solid #22262e;
  border-bottom: 1px solid #22262e;
}
 
tr:first-child {
  border-top:none;
}

tr:last-child {
  border-bottom:none;
}
 
tr:nth-child(odd) td {
  background:#EBEBEB;
}
 
tr:nth-child(odd):hover td {
  background:#4E5066;
}

tr:last-child td:first-child {
  border-bottom-left-radius:3px;
}
 
tr:last-child td:last-child {
  border-bottom-right-radius:3px;
}
 
td {
  background:#FFFFFF;
  padding:20px;
  text-align:left;
  vertical-align:middle;
  font-weight:300;
  font-size:18px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
  border-right: 1px solid #C1C3D1;
}

td:last-child {
  border-right: 0px;
}

th.text-left {
  text-align: left;
}

th.text-center {
  text-align: center;
}

th.text-right {
  text-align: right;
}

td.text-left {
  text-align: left;
}

td.text-center {
  text-align: center;
}

td.text-right {
  text-align: right;
}