@charset "UTF-8";

body {
	position: relative;
	margin-top: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: #000 url(../images/main-bg.jpg) no-repeat top center;
	/* font:smaller Arial, Helvetica, sans-serif;*/
	line-height: 1.3em;
	color: #f6e8d2;
}

.qty {
  width: 25px;
  height: 25px;
  font-size: 15px;
  text-align: center;
  border: none;
  border-radius: 2px;
}

input.qtyChange {
  width: 25px;
  height: 25px;
  border: 1px;
  border-color: black;
  font-size: 15px;
}

#loading{
    position: fixed;
    display: none;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1111;
    width: 60px;
}

#loading_network{
    position: fixed;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1111;
    width: 60px;
}

#divStationLab {
	text-align: left; 
	font-size: 14px; 
	line-height: 1.5; 
	margin-top: 5px;
}

.cart_div {
	right: 20px;
	position: absolute;
	top: 0px;
}

.cart_div a {
	color: #000;
	text-decoration: none;
}

.cart_div span {
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	background: #F68B1E;
	padding: 2px;
	border: 2px solid #fff;
	border-radius: 50%;
	position: absolute;
	top: -1px;
	left: 13px;
	color: #fff;
	width: 20px;
	height: 20px;
	text-align: center;
}

.cart .remove {
	background: none;
	border: none;
	color: #0067ab;
	cursor: pointer;
	padding: 0px;
}

.cart .remove:hover {
	text-decoration: underline;
}

.footerfont {
	margin-top: -50px;
	font-size: 1.5vh;
	/* color:#7A5200; */
}

.smallfont {
	margin-top: -25px;
	font-size: 1.5vh;
	/*color:#7A5200;*/
	/* color: #751E1E; */
}

.smallfont00 {
	font-size: 1.5vh;
	color: #7A5200;
}

.datefont {
	font-size: 2.0vh;
}

.timefont {
	font-size: 2.0vh;
	color: #7A5200;
}

.timefontwhite {
	font-size: 2.3vh;
	color: #E6E6FA;
}

.timefontblack {
	font-size: 2.3vh;
	color: #FFFFFF;
}

.bigtimefont {
	font-size: 3.2vh;
	color: #7A5200;
	margin-top: 3px;
}

.bigtimefontwhite {
	font-size: 3.2vh;
	color: #E6E6FA;
}

.bigtimefont a {
	cursor: pointer;
}

#image img {
	width: 65%
}

#justified {
	padding: 10px;
	text-align: justify;
}

/*
#back th,td {
	padding: 0px !important;
}
*/
button {
	background: none !important;
	border: none;
	font-size: 2.3vh;
	padding: 0 !important;
	/* color:#f6e8d2;     */
	text-decoration: none;
	cursor: pointer;
}

.buttonStyle{
  border-radius: 4px !important;
  padding: 15px !important;
  cursor: pointer;
  line-height: 0;
}

.icon {
	height: 2.0vh;
}

.iconmedium {
	height: 2.5vh;
}

.iconbig {
	height: 3.6vh;
}

/*
.icon:hover {
fill: #ace63c; 
}
*/

/* rotator in-page placement */
#rotator {
	margin-top: -16px;
	position: relative;
}
/* rotator css */
#rotator ul li {
	height: 379px;
	border-style: solid;
	border-width: 8px;
	border-color: #404f6d;
	z-index: 3;
	left: 50%;
	margin-left: -430.5px; /*half the size of width*/
	list-style: none;
	position: absolute;
}

/* rotator image style */
#rotator ul li.show {
	z-index: 2;
}

#containerMapHomePage{
	width: 960px;
	position: relative;
}
#inquiryblock {
	height: auto;
	top: 20px;
	left: 50%;
	margin-left: 160px;
	width: 260px;
	position: relative;
	z-index: 4;
}

.map-overlay {
	z-index: 10;
	display: inline-block;
	opacity: 100;
	position: absolute;
	width: 550px;
	height: 321px;
	background-color: rgba(0, 0, 0, 0.6);
	background: url(../images/europe-bg.png);
	background-position: top left;
	top: 22px;
	left: 0;
	margin: auto;
}

.train-overlay {
	z-index: 11;
	display: inline-block;
	opacity: 100;
	position: relative;
	width: 1280px;
	/*width: auto;*/
	height: 43px;
	background-color: rgba(0, 0, 0, 0.6);
	background: url(../images/nighttrain.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	bottom: -80px;
	/*left: 15%;*/
	margin: auto;
}

#dynamictable {
	/* position:relative; */
	overflow: auto;
	/*width:861px;*/
	width: 98%;
	height: 550px;
	/* padding:5pt; */
	/* background: url("/images/bkg-pat.png") repeat scroll 0 0 #F5F5F5; */
	background: #F5F5F5;
	color: #7F7F7F;
	font: 12px/1.5em Arial, Helvetica, sans-serif, "Arial Narrow";
	border-top-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-style: solid;
	border-color: #404f6d;
}

#dynamictable table {
	width: 100%;
	border-collapse: collapse;
	padding: 2px;
}

/*
#dynamictable tr:hover {
	background-color: #ddd;}
*/
#dynamictable a {
	text-decoration: none;
	color: #008000;
}

#dynamictable a:hover {
	text-decoration: underline;
	display: inline-block;
	/*  color: black; */
}

#dynamictable a:active {
	text-decoration: none;
	display: inline-block;
	background-color: #4CAF50;
	color: white;
	/* font-size:4vw;*/
}

#progress {
	width: 60%;
	height: 15px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: solid #008000;
	border-bottom-width: 5px;
	padding-bottom: 5px;
	border-collapse: collapse;
}

#current {
	color: white;
	padding-bottom: 4px;
	background-color: #008000
}

#formtable {
	/* position:relative; */
	/* margin-top: 10px;*/
	overflow: auto;
	/*width:855px;*/
	max-height: 445px;
	padding: 0px 3px 0px 3px;
	/* background: url("../images/bkg-pat.png") repeat scroll 0 0 #F5F5F5; */
	background: #F5F5F5;
	color: #7F7F7F;
	font: 12px/1.5em Arial, Helvetica, sans-serif, "Arial Narrow";
	/* border-top-width: 0px;
   border-left-width: 0px;
   border-bottom-width: 0px;
   border-right-width: 0px;
	border-style: solid;
   border-color: #404f6d;   */
	width: 95%;
}

#formtable th, td {
	padding: 3px 4px 3px 4px;
}

.formtable {
	border: solid 1px;
	margin-bottom: 10px;
}

.formtable table {
	width: 98%;
	border-collapse: collapse;
}

.formtable th td {
	display: inline;
	/*padding: 0px 3px 0px 3px;*/
	padding: 10px;
}

#formtable1 {
	float: right;
	margin-right: 120px
}

#timetable {
	/* position:relative; */
	/* margin-top: 10px;*/
	overflow: auto;
	/*width:855px;*/
	max-height: 550px;
	padding: 0px 3px 0px 3px;
	/* background: url("../images/bkg-pat.png") repeat scroll 0 0 #F5F5F5; */
	background: #F5F5F5;
	color: #7F7F7F;
	font: 12px/1.5em Arial, Helvetica, sans-serif, "Arial Narrow";
	/* border-top-width: 0px;
   border-left-width: 0px;
   border-bottom-width: 0px;
   border-right-width: 0px;
	border-style: solid;
   border-color: #404f6d;   */
	width: 95%;
}

#timetable th, td {
	padding: 3px 4px 3px 4px;
}

.timetable {
	border: solid 1px;
	margin-bottom: 10px;
}

.timetable table {
	width: 98%;
	border-collapse: collapse;
}

.timetable th td {
	display: inline;
	/*padding: 0px 3px 0px 3px;*/
	padding: 10px;
}

/* standard text with link titles, font and padding */
#htmlcontent {
	padding-left: 10px;
	padding-right: 10px;
	background: #F5F5F5;
	color: #7F7F7F;
	font: 12px/1.5em Arial, Helvetica, sans-serif, "Arial Narrow";
}

/* standard text with link titles, height limited */
#textblock {
	/* position:relative; */
	/* margin-top: 10px;*/
	overflow: auto;
	/*width:855px;*/
	max-height: 420px;
	/*padding:3px;*/
	/* background: url("../images/bkg-pat.png") repeat scroll 0 0 #F5F5F5; */
	background: #F5F5F5;
	color: #7F7F7F;
	font: 12px/1.5em Arial, Helvetica, sans-serif, "Arial Narrow";
	margin-bottom: 10px;
	/* border-top-width: 0px;
   border-left-width: 0px;
   border-bottom-width: 0px;
   border-right-width: 0px;
	border-style: solid;
   border-color: #404f6d;   */
	width: 95%;
}

#textblock th, td {
	padding: 0px 3px 0px 3px;
}

.textblock {
	border: solid 1px;
	margin-bottom: 10px;
}

.textblock table {
	width: 100%;
	border-collapse: collapse;
}

.textblock th td {
	display: inline;
	/*padding: 0px 3px 0px 3px;*/
	padding: 10px;
}

#textblock a {
	font-size: 15px;
	font-weight: bold;
}

#half {
	width: 50%
}

#textboxid {
	height: 20px;
	border-radius: 4px;
	border: 1.5px solid #7F7F7F;
	padding: 3px;
	width: 250px;
	/* font-size:14pt;*/
}

#textboxid1 {
	height: 20px;
	border-radius: 4px;
	border: 1.5px solid #7F7F7F;
	padding: 3px;
	width: 80px;
	/* font-size:14pt;*/
}

#dynamictable100 {
	margin-top: 10px;
	width: 98%;
	/*width:855px;*/
	overflow: auto;
	height: auto;
	max-height: 500px;
	/* padding:5pt; */
	/* background: url("../images/bkg-pat.png") repeat scroll 0 0 #F5F5F5; */
	background: #F5F5F5;
	/*color: #7F7F7F;*/
	color: #666;
	font: 12px/1.5em Arial, Helvetica, sans-serif, "Arial Narrow";
	border-top-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-style: solid;
	border-color: #404f6d;
}

#dynamictable100 table {
	border-collapse: collapse;
}

.no-border {
	margin-bottom: 15px;
}

.no-border tr {
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-collapse: collapse;
}

.no-border tr {
	border-right: 1px solid black;
}
/*
#dynamictable100 tr:hover {
	background-color: #ddd;}
*/
#dynamictable100 a {
	text-decoration: none;
	color: #008000;
}

#dynamictable100 a:hover {
	/*   display: inline-block;	*/
	/*   background-color: #ddd;*/
	text-decoration: underline;
	/* color: black; */
}

#dynamictable100 a:active {
	text-decoration: none;
	/*	display: inline-block;	*/
	/* background-color: #4CAF50;
  	color: white;
   font-size:4vw;*/
}

#mapcontainer {
	/*height: 350px;*/
	overflow: auto;
	height: auto;
	/*	height: 625px;
	max-height: 630px;*/
}

#listtable {
	width: 100%;
	/*overflow: auto;*/
}

#mytable .left {
	text-align: left;
}

#mytable .right {
	text-align: right;
}

#mytable .justify {
	text-align: justify;
}

.super_script {
	font-size: 130%;
	vertical-align: super;
}

#statictable {
	/* position:relative; */
	/*width: 861px;*/
	width: 960px;
	height: auto;
	min-height: 660px;
	/* height:40px;*/
	/* padding:5pt; */
	/* background: url("../images/bkg-pat.png") repeat scroll 0 0 #F5F5F5; */
	background: #F5F5F5;
	border-top-width: 8px;
	border-left-width: 8px;
	border-bottom-width: 0px;
	border-right-width: 8px;
	border-style: solid;
	border-color: #404f6d;
	color: #7F7F7F;
	font: 12px/1.5em Arial, Helvetica, sans-serif, "Arial Narrow";
}

#statictable a {
	text-decoration: none;
	color: #008000;
}

#statictable table {
	margin-top: 3px;
	/* width:58%;*/
	padding: 2px;
}

#staticbottomtable {
	/* position:relative; */
	/*width: 861px;*/
	width: 960px;
	height: 0px;
	/* padding:5pt; */
	/* background: url("../images/bkg-pat.png") repeat scroll 0 0 #F5F5F5; */
	background: #F5F5F5;
	border-top-width: 0px;
	border-left-width: 8px;
	border-bottom-width: 8px;
	border-right-width: 8px;
	border-style: solid;
	border-color: #404f6d;
	color: #7F7F7F;
	font: 12px/1.5em Arial, Helvetica, sans-serif, "Arial Narrow";
}

#statictable100 {
	/*width: 861px;*/
	width: 960px;
	height: auto;
	min-height: 660px;
	background: #F5F5F5;
	border-top-width: 8px;
	border-left-width: 8px;
	border-bottom-width: 0px;
	border-right-width: 8px;
	border-style: solid;
	border-color: #404f6d;
	color: #7F7F7F;
	font: 12px/1.5em Arial, Helvetica, sans-serif, "Arial Narrow";
}

#statictable100menu {
	/*width: 861px;*/
	width: 960px;
	position: relative;
}

#statictable100 table {
	width: 100%;
	border-collapse: collapse;
}

#statictable100 a {
	text-decoration: none;
	color: #008000;
}

#statictable100 h2 {
	line-height: 0.8vh
}

#statictable100 h3 {
	text-transform: uppercase
}

.titletable100 table {
	color: #E6E6FA;
	font-size: 12px;
	/*line-height: 0.1vh;*/
	background-color: #404f6d;
	border-collapse: collapse;
	width: 100%;
	padding: 0px !important;
}

.titletable100 table h4 {
	text-transform: uppercase;
}

.titletable100 a {
	color: #FFA500 !important;
}

.titletable60 table {
	color: #E6E6FA;
	font-size: 12px;
	/*line-height: 0.1vh;*/
	background-color: #404f6d;
	border-collapse: collapse;
	width: 60%;
	padding: 0px !important;
}

.titletable60 table h4 {
	text-transform: uppercase;
}

.no-border100 table {
	width: 60%;
}

.no-border100 tr {
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-collapse: collapse;
}

.no-border100 tr {
	border-right: 1px solid black;
}

.no-border101 {
	margin-bottom: 10px
}

.no-border101 tr {
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-collapse: collapse;
}

.no-border101 tr {
	border-right: 1px solid black;
}

.titlefont {
	font-size: 12px;
	color: #E6E6FA;;
}

.bigtitlefont {
	font-size: 16px;
	color: #E6E6FA;;
}

#staticbottomtable100 {
	/* position:relative; */
	/*width: 861px;*/
	width: 960px;
	/*height:40px;*/
	/* padding:5pt; */
	/* background: url("../images/bkg-pat.png") repeat scroll 0 0 #F5F5F5; */
	background: #F5F5F5;
	border-top-width: 0px;
	border-left-width: 8px;
	border-bottom-width: 8px;
	border-right-width: 8px;
	border-style: solid;
	border-color: #404f6d;
	color: #7F7F7F;
	font: 12px/1.5em Arial, Helvetica, sans-serif, "Arial Narrow";
}

#map {
	position: relative;
	z-index: 9;
	background-color: #f1f1f1;
	border: 1px solid #d3d3d3;
	text-align: center;
	height: 94%;
}

.tablehead {
	overflow: hidden;
}

.tablehead table {
	width: 82%
}

.topnav {
	margin-top: 10px;
	/*width:100%;*/
	width: 88%;
	/* overflow: hidden;*/
	background-color: #333;
	text-transform: uppercase;
	text-decoration: none;
	list-style-type: none;
	/*display:inline-block;*/
	/*padding:0 !important;*/
	line-height: 1.2em;
	font-size: 80%;
	font-weight: lighter;
	background: transparent;
	/*  		background-color: #333;*/
	/* background: transparent url(../xres/images/nav-bg.png) repeat-x top left;*/
	overflow: hidden;
}

.topnav a {
	/* color: #f2f2f2;*/
	color: white;
	/*text-align: center;*/
	padding: 8px 6px 8px 6px;
	text-decoration: none;
	/* font-size: 0.8vw;*/
	font-weight: lighter;
	display: inline-block;
}

.topnav a:hover {
	padding: 8px 6px 8px 6px;
	display: inline-block;
	background-color: #404f6d;
	/* color: black;*/
	color: #d0934d;
	font-weight: lighter;
}

.active {
	display: inline-block;
	padding: 8px 6px 8px 6px;
	color: #d0934d !important;
	background-color: #404f6d;
	font-weight: lighter;
}

.topnav .icon {
	display: none;
}

.previous {
	background-color: #f1f1f1;
	color: black;
}

.next {
	background-color: #4CAF50;
	color: white;
}

.footer {
	margin-top: 2vh;
	/* float:left;
	width:880px;*/
	padding: 0 0 0 px;
	color: #613e23;
	font-size: 80%;
	text-align: center;
	position: relative;
}

.footer h4 {
	position: relative;
	margin-top: 5px;
	/*width:880px;	*/
	text-align: center;
	/*color:#7A5200;*/
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: lighter;
	font-size: 2vw;
}

.homefooter {
	margin-top: 55px;
	/* float:left;*/
	line-height: 1.4em;
	padding: 0 0 0 px;
	color: #613e23;
	font-size: 80%;
	text-align: center;
	position: relative;
}

.homefooter h4 {
	position: relative;
	margin-top: -20px;
	/*width:880px;	*/
	text-align: center;
	/* color:#7A5200; */
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: lighter;
	font-size: 160%
}

#user {
	display: none;
}

.genderRadioTd{
    text-align: center;
    margin-top: 20px;	
}
.genderRadioFemale{
	vertical-align: middle;
	margin-right: 10px;
}
.genderRadioMale{
	vertical-align: middle;
}

/* small screens */
@media screen and (max-width: 960px) {
	body {
		margin: 0;
		font-family: Arial, Helvetica, sans-serif;
		/*width: 100vw;*/
		/*height: 100vh;*/
		/*background-size: 100%;*/
		/*height: 100vh;*/
		width: 100%;
		background-position: top;
		background-size: cover;
		background-repeat: no-repeat;
		min-height: 100vh;
		background: #000 url(../images/main-bg.jpg) center center no-repeat;
		/*font:smaller Arial, Helvetica, sans-serif;*/
		line-height: normal;
		color: #f6e8d2;
		overflow: hidden;
	}
	.cart .remove {
		background: none;
		border: none;
		color: #0067ab;
		cursor: pointer;
		padding: 0px;
	}
	.cart .remove:hover {
		text-decoration: underline;
	}
	.smallfont {
		margin-top: 5px;
		font-size: 1.6vh;
		/* color:#7A5200; */
	}
	.smallfont00 {
		margin-top: 5px;
		margin-bottom: 5px;
		font-size: 1.6vh;
		color: #7A5200;
	}
	.footerfont {
		margin-top: 10px;
		font-size: 2vh;
		/* color:#7A5200; */
	}
	#inquiryblock {
		top: 30px;
		left: auto;
		margin: auto;
		position: relative;
		z-index: 4;
	}
	.map-overlay {
		display: none;
	}
	.train-overlay {
		bottom: -12vH;
	}
	#rotator {
		display: none;
	}
	#statictable {
		height: auto;
		width: 100%;
		overflow: hidden;
		/* background: url("../images/bkg-pat.png") repeat scroll 0 0 #F5F5F5; */
		background: #F5F5F5;
		color: #7F7F7F;
		font: 1.8vh Arial, Helvetica, sans-serif, "Arial Narrow";
		border-width: 0px;
	}
	#statictable table {
		margin-top: 3px;
		width: 98%;
		padding: 2px;
	}
	#staticbottomtable {
		display: inline-block;
		background: #F5F5F5;
		height: auto;
		width: 100%;
		border-width: 0px;
		font-size: 2vh;
		/*	padding: 5px;*/
	}
	#statictable100 {
		height: auto;
		width: 100%;
		overflow: hidden;
		/* background: url("../images/bkg-pat.png") repeat scroll 0 0 #F5F5F5; */
		background: #F5F5F5;
		color: #7F7F7F;
		/*font: 1.8vh Arial,Helvetica,sans-serif,"Arial Narrow";*/
		border-width: 0px;
	}
	#statictable100menu {
		height: auto;
		width: 100%;
		overflow: hidden;
		/* background: url("../images/bkg-pat.png") repeat scroll 0 0 #F5F5F5; */
		background: #F5F5F5;
		color: #7F7F7F;
		/*font: 1.8vh Arial,Helvetica,sans-serif,"Arial Narrow";*/
		border-width: 0px;
	}
	#statictable100 table {
		width: 100%;
		border-collapse: collapse;
		padding: 2px
	}
	.cart_div {
		right: 50px;
		position: absolute;
		top: 8px;
	}
	#map {
		height: 100%;
	}
	#timeline {
		padding-bottom: 5px;
		padding-top: 5px;
	}
	.titletable100 table {
		color: #E6E6FA;
		/*font-size: 2vh;*/
		/* line-height: 0.1vh; */
		background-color: #404f6d;
		border-collapse: collapse;
		width: 100%;
	}

	/*
.titletable100 th,td {
	padding-bottom: 5px;
	padding-top: 5px;
}	
*/
	/*
.titletable100 table h4 {
	text-transform:uppercase;
}
*/
	.titletable60 table {
		color: #E6E6FA;
		font-size: 2vh;
		/*line-height: 0.1vh;*/
		background-color: #404f6d;
		border-collapse: collapse;
		width: 60%;
		padding: 0px !important;
	}
	.titletable60 table h4 {
		text-transform: uppercase;
	}
	.titletable60 h4 {
		white-space: pre;
	}
	.titlefont {
		font-size: 10px;
		color: #E6E6FA;
		white-space: pre-wrap;
	}
	.bigtitlefont {
		font-size: 14px;
		color: #E6E6FA;
		white-space: pre-wrap;
	}
	#image img {
		width: 60%
	}
	#staticbottomtable100 {
		display: inline-block;
		background: #F5F5F5;
		height: auto;
		width: 100%;
		border-width: 0px;
		font-size: 2vh;
		/*	padding: 5px;*/
	}
	#dynamictable {
		border-width: 0px;
		width: auto;
		overflow: auto;
		height: auto;
		/* height: 65vh;*/
		/* background: url("../images/bkg-pat.png") repeat scroll 0 0 #F5F5F5; */
		background: #F5F5F5;
		color: #7F7F7F;
		font: Arial, Helvetica, sans-serif, "Arial Narrow";
		font-size: 2.1vh;
		/* padding: 0px 10px 0px 10px; */
	}
	#dynamictable table {
		width: 100%;
		border-collapse: collapse;
		padding: 2px;
	}

	/*
#dynamictable tr:hover {
	background-color: #ddd;}
*/
	#dynamictable a {
		text-decoration: none;
		color: #008000;
	}
	#dynamictable a:hover {
		text-decoration: underline;
		/*   display: inline-block;	*/
		background-color: #ddd;
		/*color: black;*/
	}
	#dynamictable a:active {
		text-decoration: none;
		/*	display: inline-block;	*/
		background-color: #4CAF50;
		color: white;
		font-size: inherit;
	}
	#progress {
		width: 100%;
		height: 18px;
		margin-top: -2px;
		border-bottom: 5px solid #008000;
		padding-bottom: 0px;
	}
	#dynamictable100 {
		border-width: 0px;
		width: 100%;
		/*	overflow:scroll;*/
		min-height: 15vh;
		max-height: 59.5vh;
		/* background: url("../images/bkg-pat.png") repeat scroll 0 0 #F5F5F5; */
		background: #F5F5F5;
		color: #7F7F7F;
		font: Arial, Helvetica, sans-serif, "Arial Narrow";
		font-size: 1.8vh;
	}
	#dynamictable100 table {
		width: 100%;
		border-collapse: collapse;
		/*padding: 5px;*/
	}

	/*
#dynamictable100 tr:hover {
	background-color: #ddd;}
*/
	#dynamictable100 a {
		text-decoration: none;
		color: #008000;
	}
	#dynamictable100 a:hover {
		text-decoration: underline;
		/* display: inline-block;	*/
		/*background-color: #ddd;
    /*color: black; */
	}
	#dynamictable100 a:active {
		text-decoration: none;
		/* display: inline-block;	*/
		/* background-color: #4CAF50; */
		color: inherit;
		/* font-size: inherit; */
	}
	#mapcontainer {
		height: 68vh;
		max-height: 69.5vh;
	}
	#listtable {
		width: 97%;
		height: 56vh
	}

	/*#dynamictable th,td { display:block; width:100%; }*/

	/* form table for mobile */
	#formtable {
		display: block;
		background: #F5F5F5;
		color: #7F7F7F;
		font: 12px/1.5em Arial, Helvetica, sans-serif, "Arial Narrow";
		width: 98%;
		max-height: 30vh
	}

	/*
#formtable a:hover {
	background-color: #F5F5F5;
}

*/
	.formtable {
		border: solid 1px;
		margin-bottom: 10px;
		/*min-height: 15vh;*/
		max-height: 49.5vh;
	}
	.formtable table, .formtable thead, .formtable tbody, .formtable th,
		.formtable td, .formtable tr {
		position: relative;
		display: block;
		padding: 2px;
		/*border: solid 1px;*/
		border-collapse: collapse;
		/*border-top: 1px solid black;
		border-left: 1px solid black;
		border-right: 1px solid black;
		*/
	}
	#formtable1 {
		margin-right: 0px;
	}
	#timetable {
		display: block;
		background: #F5F5F5;
		color: #7F7F7F;
		font: 12px/1.5em Arial, Helvetica, sans-serif, "Arial Narrow";
		width: 98%;
		max-height: 55vh
	}
	.timetable {
		border: solid 1px;
		margin-bottom: 10px;
		min-height: 15vh;
		max-height: 59.5vh;
	}
	.timetable table, .timetable thead, .timetable tbody, .timetable th,
		.timetable td, .timetable tr {
		position: relative;
		display: block;
		padding: 2px;
		/*border: solid 1px;*/
		border-collapse: collapse;
		/*border-top: 1px solid black;
		border-left: 1px solid black;
		border-right: 1px solid black;
		*/
	}

	/* standard text with link titles, font and padding */
	#htmlcontent {
		font: 14px/1.4em Arial, Helvetica, sans-serif, "Arial Narrow";
	}

	/* standard text with link title */
	#textblock {
		display: block;
		background: #F5F5F5;
		color: #7F7F7F;
		font: 12px/1.5em Arial, Helvetica, sans-serif, "Arial Narrow";
		width: 98%;
		max-height: 48vh
	}
	#textblock a {
		font-size: 15px;
		font-weight: bold;
	}
	.textblock {
		border: solid 1px;
		margin-bottom: 10px;
		min-height: 15vh;
		max-height: 59.5vh;
	}
	.textblock table, .textblock thead, .textblock tbody, .textblock th,
		.textblock td, .textblock tr {
		position: relative;
		display: block;
		padding: 0px 2px 0px 2px;
		/*border: solid 1px;*/
		border-collapse: collapse;
		/*border-top: 1px solid black;
		border-left: 1px solid black;
		border-right: 1px solid black;
		*/
	}
	#half {
		width: auto;
	}
	#select {
		border-radius: 4px;
		width: 95%
	}
	#formtableview {
		display: block;
		background: #F5F5F5;
		color: #7F7F7F;
		font: 12px/1.5em Arial, Helvetica, sans-serif, "Arial Narrow";
		width: 98%;
		max-height: 39vh
	}
	#formtableview a:hover {
		background-color: #F5F5F5;
	}
	.formtableview {
		border: solid 1px;
		margin-bottom: 10px;
		min-height: 15vh;
		max-height: 59.5vh;
	}
	.formtableview table, .formtableview thead, .formtableview tbody,
		.formtableview th, .formtableview td, .formtableview tr {
		position: relative;
		display: block;
		padding: 2px;
		border-collapse: collapse;
	}
	.no-border {
		margin-bottom: 13px
	}
	#timetable table {
		width: 98%;
		/*    border-collapse: collapse;*/
		padding: 0px;
		font-size: 1.8vh;
	}

	/*
#timetable tr,td {
	 border: 1px solid black;}
*/
	#timetable tr:hover {
		background-color: #ddd;
	}
	.topnav {
		text-align: left;
		line-height: 1.2em;
		margin-top: 0px;
		width: 100%;
		overflow: hidden;
		background-color: #333;
		font-size: 3vh;
		font-weight: lighter;
	}
	.topnav a:not(.active) {
		display: none;
	}
	.topnav a.icon {
		float: right;
		display: block;
	}
	a:active {
		/* background-color: #4CAF50;*/
		color: white;
		/*font-size: 3vh;*/
		/*font-weight:lighter;*/
		font: inherit;
	}
	.tablehead {
		display: none;
	}
	.previous {
		background-color: #f1f1f1;
		color: black;
	}
	.previous a {
		text-decoration: none;
		display: inline-block;
		padding: 2px 2px;
		color: black;
	}
	.previous a:hover {
		background-color: #ddd;
		color: black;
	}
	.next {
		background-color: #4CAF50;
		color: white;
	}
	.next a {
		text-decoration: none;
		display: inline-block;
		padding: 2px 2px;
		color: black;
	}
	.next a:hover {
		background-color: #ddd;
		color: black;
	}
	.footer {
		display: inline-block;
		margin-top: 0px;
		padding: 0 0 0 0px;
		/*color:#613e23;*/
		/* color: #751E1E; */
		color: inherit;
		font-size: 6vw%;
		text-align: center;
		position: relative;
	}
	.footer h4 {
		height: auto;
		margin-top: 10px;
		position: relative;
		/*display: block;*/
		display: inline;
		width: 100%;
		text-align: center;
		/* color:#751E1E; */
		letter-spacing: 1px;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 5vw;
	}
	.homefooter {
		display: inline-block;
		margin-bottom: 15px;
		padding: 0 0 0 0px;
		/* color:#613e23; */
		font-size: 6vw%;
		text-align: center;
		position: relative;
	}
	.homefooter h4 {
		height: auto;
		margin-bottom: 5px;
		position: relative;
		/*display: block;*/
		display: inline;
		width: 100%;
		text-align: center;
		/* color:#7A5200; */
		letter-spacing: 1px;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 5vw;
	}
}

#user {
	display: none;
}

[data-tooltip]:before {
	/* needed - do not touch */
	content: attr(data-tooltip);
	position: absolute;
	opacity: 0;
	/* customizable */
	transition: all 0.15s ease;
	padding: 5px;
	color: #333;
	border-radius: 4px;
	box-shadow: 2px 2px 1px silver;
}

/*
[data-tooltip]:hover:before {
    opacity: 1;
    background: #E8E8E8;
    margin-top: -50px;
    margin-left: 15px;    
}*/
[data-tooltip]:hover:before {
	opacity: 1;
	background: #E8E8E8;
	margin-top: -50px;
	margin-left: 15px;
	position: absolute;
	left: 50%;
	top: 40%;
	transform: translate(-62%, -44%);
}

[data-tooltip]:not([data-tooltip-persistent]):before {
	pointer-events: none;
}

.pointer {
	cursor: pointer;
}

.splide__arrow--prev {
    left: 190px;
}
.splide__arrow--next {
    right: 190px;
}

.captionCarousel{
    bottom: 5px;
    color: #fff;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;	
}

.splide{
	margin-bottom: 25px;
}

@media screen and (max-width: 960px) {
	.topnav.responsive {
		position: relative;
	}
	.topnav.responsive .icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	.topnav.responsive a {
		float: none;
		display: block;
		text-align: left;
	}

	.splide{
		width: 600px !important;
	}
}

@media screen and (max-width: 600px) {
	.splide__arrow--prev {
	    left: -20px !important;
	}
	.splide__arrow--next {
	    right: -20px !important;
	}
	.splide{
		width: 400px !important;
	}
}

@media screen and (max-width: 450px) {
	.splide__arrow--prev {
	    left: -10px !important;
	}
	.splide__arrow--next {
	    right: -10px !important;
	}
	.splide{
		width: 100% !important;
	}
	.imgCarousel{
		width: 85% !important;
	}
}