body, html { 
	height:100%; 
	background:#d3d3d1;/*00ff7f;8fbc8f*/
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	font-family: arial, sans-serif, calibri;
	}
.zoomv {
  padding: 0px;
  transition: transform .2s;
  width: 130px;
  height: auto;
  margin-left: 25px;
}
.zoomv:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(2.5); 
/*  background-color: blue;*/
  margin-left:25px;
}
.zoomhr {
  padding: 0px;
  transition: transform .2s;
    height:125px;
  width:auto;
}
.zoomhr:hover {
  -ms-transform: scale(3.0); /* IE 9 */
  -webkit-transform: scale(3.0); /* Safari 3-8 */
  transform: scale(3.0); 
	padding-right:5px;
/*  background-color: blue;*/
}
.zoomhl {
  padding-left: 5px;
  transition: transform .2s;
  height:125px;
  width:auto;
}
.zoomhl:hover {
  -ms-transform: scale(3.0); /* IE 9 */
  -webkit-transform: scale(3.0); /* Safari 3-8 */
  transform: scale(3.0); 
  padding-left:30px;
/*  background-color: blue;*/
	}
.zoomh {
  padding: 0px;
  transition: transform .2s;
  width: 175px;
  height: auto;
  margin-left: 25px;
		}
.zoomh:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(2.5); 
/*  background-color: blue;*/
  margin-left:25px;
	}
.zoomad {
  padding: 0px;
  transition: transform .2s;
  width :120px;
  height:auto;
	}
.zoomad:hover {
  -ms-transform: scale(3.0); /* IE 9 */
  -webkit-transform: scale(3.0); /* Safari 3-8 */
  transform: scale(2.0); 
  padding-left:50px;
	}
.ztxt { 
		margin-left:25px;
		font-size: 15px;
	}
.kopfbereich { 
	margin-left:0;
	width:100%;
	margin-top:0px;
	padding-top:0px;
	padding-bottom: 0px;
	background-color: #819ff7;
	height: 74px;
	text-align:center;
		}
/*Nav area total*/
.sidenav { 
    position:fixed;
	height: 100%;
    padding-top: 0px;
    margin-left: 0px;
    margin-top: 0px;
	background-color: #e0eeee;
	text-align:center;
	width: 120px;

/*	overflow-y: scroll;*/
		}
/* Style the sidenav links and the dropdown button */
.sidenav a {
	height:25px;
  padding-top: 6px;
  padding-bottom:6px;
  text-decoration: none;
  font-size: 17px;
  color: black;
  display: block;
  border: none;
  background: none;
/*  width:160px;*//*wirkungslos*/
  text-align: center;
/*  cursor: pointer;*/
		}
/*menue container breite und bg-color*/
.sidenav a:hover {
  background-color: blue;
  color:#f1f1f1;
  width:120px;
}
.dropdwn {
	display:inline-block;
		}
.dropdown-btn {
	width:120px;/*Abstand des sub-menues*/
	min-height:30px;
	font-size: 17px; 
	color: black;
	padding: 6px 0px 6px 0px;
	background:none;
	background-color: inherit;
	font-family: inherit;
	text-align:center;
	cursor: pointer;
	border:none;
}

.dropdown-container {
	display: none;
	position: absolute;
	background-color: #f900f9;
/*	width:140px;*//*wirkungslos*/
/*	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
/*	z-index: 1;*/
}
.dropdown-container a {
	float: none;
	color: white;
	height:25px;
	width:120px;
	padding-top:5px;
/*	padding: 5px 10px;*/
	text-decoration: none;
	display: inline-block;
	border:3px solid yellow;
	text-align:center;
	}
/*sub container breite Y2xxx*/
.dropdwn:hover .dropdown-container {
  display: inline-block;
  width:124px;
  color:#f1f1f1;
  background-color:#8fbc8f;
}

/*button 120 breit*/
.dropdwn:hover .dropdown-btn:hover {
  background-color:blue;
  color:#f1f1f1;
  width:120px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
		}
.main { 
	margin-left:120px;
	height:cover;
		}
.mainresu { 
	margin-left:10px;
	height:cover;
		}
.main1 { 
	margin-left:125px;
	background: url(bild/pokalli.jpg) no-repeat;
/*	background: url(bild/xmas2022_3.jpg) no-repeat;*/
	background-size:cover;
	background-color:none;

		}
.bground { 
	margin-left:120px;
	min-height:680px;
	height:100%;
	background: url(bild/adv-kranz2.png) no-repeat;
/*	background: url(pics/polarlicht2a.jpg) no-repeat;*/
/*	background: url(bild/pokalli.jpg) no-repeat;*/
	background-position: top;
	background-size: cover;
		}
.picdata {  
	margin-left:0px;
	text-align:left;
	font-size:16px;
	padding-left:5px;
	background-color:none;
	color:black;
	}
.picshow{
	margin-left:0px;
	text-align:left;
	font-size:16px;
	padding-left:5px;
	background-color:none;
	color:black;
	width: 70%;
	height:auto;
}
.pictshow {
	width:70%;
	height:auto;
}
.zeile {
	font-size:25px; 
	margin-left: 130px;
	}
.zeile1 {
	font-size:25px;
	color:white;
	margin-left: 140px;
	}
.zeile2 {
	font-size:45px;
	text-align:center;
	color:blue;
/*	margin-left: 140px;*/
	}
.zeilexmas {
	font-size:55px;
	text-align:center;
	color:red;
/*	margin-left: 140px;*/
	}
.a5 { 
	padding:5px 5px 5px 15px;
	}
.a6 {
	padding:5px 5px 5px 15px;
	position: relative;
	top: 80px;
	left: 120px;
	font-size: 18px;
	}
.wirkegler { 
	position: relative;
	text-align:top;
	float: left;
	width: 280px;
	padding-left:20px;
	}
.kegler {
  float: left;
  color:black;
}
.keglerbild {
  float: left;
  padding-left:5px;
  padding-top:10px;
  padding-right:5px;
}
.info-bg { 
		float:left;
		width:70px;
		padding: 5px;
		background-color:#ee30a7;
		}
.info-by { 
		float:left;
		width:110px;
		padding: 5px;
		background-color:#ffa000;
		}
.info-br { 
		float:left;
		width:60px;
		padding: 5px;
		background-color:#ffff50;
		}
.info-bz { 
		float:left;
		width:260px;
		padding: 5px;
		background-color:#8fbc8f;
		}
.info-bk { 
		float:left;
		width:380px;
		margin-left:0px;
		padding: 5px;
		font-size:18px;
		}
.column1{
	border: 2px solid black;
	background-color:none;
	margin-left:5px;
	float: left;
/*	width: 110px;*/
		}
.column2{
	border-left:2px solid #000000;
	border-right:2px solid #000000;
	border-bottom:2px solid #000000;
	border-top:2px solid #000000;
/*	border: 5px solid red;*/
	background-color:#ccc;
	float: left;
/*	width:110px;*/
	margin-left:5px;
	margin-right:auto;
	color:blue;
		}
.column3{
	border: 2px solid black;
	background-color:none;
	float: left;
/*	width: 110px;*/
	margin-left:5px;
			}
.column_sm {
	float: relative;
	width: 380px;
	height:125px;
	margin-left:5px;
	font-size:18px;
	padding: 0px;
		}
.column_rel {
	float:left;
	width: 450px;
	border: 1px solid blue;
	margin-left:0px;
	font-family: calibri;
	font-size:15px;
	padding: 5px;
}
.column_neu {
	float:left;
	width: 100%;
	margin-left:0px;
/*	font-size:15px;*/
	padding: 0px;
		}
.colresu {
	box-sizing: border-box;
	padding-left:40px;
	padding-right:0px;
  float: left;
  width: 210px;
/*  padding: 20px;*/
  height:auto; /* Should be removed. Only for demonstration */
		}
table, th, td {
	border: 1px solid black;
	border-collapse: collapse;
	font-size:16px;
	text-align: center;
	padding: 4px;
		}
/*kegeltage*/
/*k=kegeln, ft=feiertag, gf=kegelfei, t=gekegelt*/
td.k { 
	text-align: right;
	padding: 4px;
	background-color:#ffff50;
	}
/*feiertage*/
td.ft { 
	text-align: left;
	padding: 4px;
	background-color:#ee30a7;
	}
/*kegelfreie tage*/
td.gf { 
	text-align: left;
	padding: 4px;
	text-decoration: line-through;
	}
/*kegeln getan*/
td.t { 
	text-align: left;
	padding: 4px;
	background-color:#ffa000;
	}
tr:nth-child(even) {
	background-color: #f2f2f2;
		}
.textoffset1 {
	margin-left:135px;
	font-size:25px;
	color:#f2f2f2;
	}
.text {
  color: white;
  font-size: 15px;
  position: absolute;
  top: 50%;
  right: 5%;
  -webkit-transform: translate(-10%, -50%);
  -ms-transform: translate(-10%, -50%);
  transform: translate(-10%, -50%);
  text-align: left;
}
/*password container*/
.pwarea {
  padding: 16px;
  width: 400px;
  margin-left:100px;
  font-size: 20px;
}
/* user name field*/
#monday	{ 
	height:30px;
	width: 150px;
	background-color: white;
	font-family: calibri;
	font-size: 17px;
	border: 2px solid #ccc;
	border-radius: 5%;
	text-align: center;
	padding-top: 0px;
		}
input[type=text], input[type=password] {
	width: 150px;
	padding: 12px 10px;
	margin: 8px 0;
	display: inline-block;
	border: 2px solid #ccc;
	border-radius: 5%;
	font-family: calibri;
	font-size: 17px;
	box-sizing: border-box;
}
.cancelbtn:hover {
	opacity: 0.8;
	background-color: red;
	color: white;
  	cursor: pointer;
	width: auto;
	background-color: #ee3b3b;
}
.cancelbtn {
	min-width: 120px;
	font-family: calibri;
	font-size: 16px;
	border: 3px solid #ccc;
	border-radius: 5%;
	padding: 8px 15px;
	background-color: #f44336;
}
.lockarea {
	min-width: 200px;
	margin-left: 30px;
	height: 60px;
	font-family: calibri;
	font-size: 20px;
	border: 3px solid #ccc;
	border-radius: 5%;
	padding: 8px 15px;
	background-color: #f44336;
}
.lockarea:hover {
	opacity: 0.8;
	background-color: red;
	color: white;
  	cursor: pointer;
	width: auto;
	background-color: #ee3b3b;
}
span.psw {
	float: right;
	padding-top: 16px;
  	color:#fefefe; 
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
span.psw {
     display: block;
     float: none;
  }
}
.eyepos {
	font-size:25px;
	margin-left:30px;
	border-radius: 45%;
}
.eyepos:hover {
	background-color:lightblue;
	box-shadow: 0 0 1px 5px lightblue;
		}
#uhr {
	font-size: 1em;
	text-align:center;
}
.uhrzeit {
	text-align:center;
	font-size: 1em;
	border:none;
	color:red;
}