#boxes {
  content: '';
  /* display: table; */
  clear: both;
}

body {
	overflow-y: scroll;
	margin: 0;
}

div {
  height: auto;
  width: auto;
  /* border-style: 1px solid_blue    */
  padding: 1px 1px 1px 1px;
} 
/*
table {
	margin: 0 auto;

}
*/
.tcenter {
	margin: 0 auto;
} 

.tfw {
	width: 98%;
} 

#column0 {
	width: 100%;
	padding-bottom: 10px;
}

/* For SBB Timetable links in the table title */
th a:visited, th a:link {
	color: white;
	
}

/* Admin mode and Index.php */
#column1 {
	float: left;
	width: 59%;
	padding-bottom: 30px;

}

#borders { 
  border: 1px solid blue;
  display: inline-table;
  width: 10vh;
}

#column2 {
	float: right;
	width: 40%;
	padding: 0px 5px 0px 5px;
	/* background: yellow;  */
	/* align-items: center;
	padding-bottom: 30px;
	justify-content: center;
	display: flex;
	text-align: center;
	padding: 1% 2%; */
}

/* Helptext display for mobile users */
#column3 {
	/* display: flow; */
	/* float: right; */
	/* padding: 0px 2% 0px 2%; */
	/* width: fit-content; */
	/* align-content: center; */
}

/* Helptext display */
#column4 {
	padding: 10px 60px 0px 40px;
}

#map-canvas {
	/* float: center; */
	/* width: 100%; */
	/* padding: 50px 50px 50px 50px; */
	position: relative;
	/* height: 93%; */
	left: -5px;
	height: 400px;
	/* bottom: 10px; */
}

#title {
	height: auto;
	width: auto;
	text-align: center;
	font-weight: bold;
}
#tr_height {
	height: 35px;
}
h3,h2,h1,.ca {
  text-align: center;
}

.wbutton1 {
	width:120px
}
.wbutton2 {
	width:150px
}

footer {
	/* left: 0; */
	position: fixed;
	padding: 2px 2px 2px 2px;
	bottom: 0px;
	width: 100%;
	/* height: auto; */
	font-size: 12px;
	text-align: center;
	z-index: 1000;
	}
  
 #image {
	 width: 100%;
 }
 
/* p, ol, ul { */
  /* margin: 10px 60px 0px 40px; */
/* }  */

/* iframe { */
	/* display:block; */
	/* width:100%; */
/* } */

			
#bg-pic {
	background: url(img/_body/Eisenbahn/20170114_164611_4611.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	opacity: 0.85;

}		

.intext_button {
	border: none;
	padding: 1px 4px;
}

.nohover {
	pointer-events: none;
}


.wrap-element {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
}

.wrapped-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  border: 0;
}

.invisible {
	opacity:0%
}

.skipped {
	text-decoration:line-through
}

.italic {
	font-style:italic
}

.centered {
	text-align:center;
}

.bold {
	font-weight:bold;
}


#more {
  cursor: pointer;
  background: #eee;
}

select, input {
	margin:3px
}

.map-gray {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.infobox {
	padding: 4px;
	box-shadow: 0 0 15px rgba(0,0,0,0.4);
	border-radius: 8px;
	font-size: 16px;
	background-color: rgba(255,255,0,0.5);
}		

.title {
  order: 2;
}

[data-tooltip]:hover::after { 

	display: block;
	position:absolute;
	content: attr(data-tooltip);
	border: 1px solid blue;
	background: #ddd;
	padding: .25em;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 11pt;
	color: #00f;
	width: 250px;
	text-align: center;
	border-radius: 6px;
	left: 20px;
	bottom: 78%;

}

.float_img {
	float:right;
	margin: 5px 10px 0px 0;
}

p {
	text-align: left;
	text-indent: 0em;
}

/* IMAGE WITH OVERLAID CLICKABLE TEXT */
/* https://blog.logrocket.com/css-overlay/ */

.image-wrapper {
  position: relative;
  max-width: 800px;
  color: yellow;
  /* height:auto; */
  /* margin: 0 auto -80px;  */
  
  
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/* height: auto; */
	height: 100%;
	/* margin: 0 auto -80px */

  /* background: rgba(0, 0, 0, 0.3); */
  /* transition: background 0.3s ease-in-out; */
}

/* .image-wrapper:hover .overlay {
  background: rgba(0, 0, 0, 0.6);
} */

.overlay-text {
	position: absolute;
	bottom: 0.5rem;
	right: 0.5rem;
	font-size: 10px;
	font-weight: 500;
	padding: 2px 2px;
	/* background-color:rgba(255,255,255,0.7); */

}


/* Reset */

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* IMAGE WITH OVERLAID CLICKABLE TEXT */
