body {
  background: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  text-align: justify;
  color: #4F4F4F;
  font-size: 12px;
  vertical-align: baseline;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto
  }
a, a:active, a:focus, button, button:focus, button:active, .btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
  outline: none;
  outline: 0;
}

.valist th {
border-bottom: 1px solid #1e69de;
}

.column_left {
  float: left;
  width: 12%;
  min-width:200px;
  max-width:730px;
  padding: 10px;
}

.column_right {
  float: left;
  width: 60%;
  max-width:710px;  
  padding: 10px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 945px) {
  .column_left {
    width: 100%;
  }
  .column_right {
    width: 100%;
  }
}

input::-moz-focus-inner {
  border: 0;
  outline: 0;
  outline:0 !important;
}

*:focus {
  outline: none;
}

a:link, a:visited {
  text-decoration:none;
    position: relative;
  background-color:transparent;
}

a:link:after, a:visited:after {
  content: '';
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;

}

a:link:hover:after, a:visited:hover:after {
  width: 100%;
}

a:hover, a:active {
  text-decoration:none;
}
.st60 {
	padding-left: 30px;
	padding-right: 30px;
}
.st50 {
	padding-left: 25px;
	padding-right: 25px;
}
.st30 {
	padding-left: 15px;
	padding-right: 15px;
}
.st20 {
	padding-left: 10px;
	padding-right: 10px;
}
.st10 {
	padding-left: 5px;
	padding-right: 5px;
}
.alarm {
  color:#FFDD75;
}
.vorbei {
  color:#696969;
}
		.floatleft {
			float: left;
			padding: 0 1.5em 1em 0;
			top: 0.25em;
		}

		.floatright {
			float: right;
			padding: 0 0 1em 1.5em;
			top: 0.25em;
		}
	   .clearboth {
     clear: both;
     }
img {
border:none;
}

#box{
height:20px;
width:20px;
padding:0;
margin:0;
}

#box div{display:none;}

#box:hover div{
width:400px;
position:absolute;top:20px;right:20px;
padding:15px;
 background-color: #F2F2F2;
 display: inline-block;
 box-shadow: 1px 3px 4px 0px #888;
 -webkit-box-shadow: 1px 3px 4px 0px #888;
 -moz-box-shadow: 1px 3px 4px 0px #888;
 z-index: 9999;
}
input, textarea {
  padding: 9px; 
  border: solid 1px #E5E5E5; 
  outline: 0; 
  font: normal 12px/100% Verdana, Tahoma, sans-serif; 
  background: #FFFFFF; 
  box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
  -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
  -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
  outline: none;
  color:#4F4F4F;
  border-radius:4px; 
}

select {
  padding: 5px; 
  border: solid 1px #E5E5E5; 
  outline: 0; 
  font: normal 12px/100% Verdana, Tahoma, sans-serif; 
  background: #FFFFFF; 
  box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
  -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
  -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
  outline: none;
  color:#4F4F4F;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; 
}

textarea { 
  width: 400px; 
  max-width: 400px; 
  height: 150px; 
  line-height: 150%;
  outline: none; 
} 

input[type=text], input[type=password] {
  width:400px;
  outline: none;
}

input[type=file] {
  padding: 9px; 
  border: solid 0px #E5E5E5; 
  outline: 0; 
  font: normal 12px/100% Verdana, Tahoma, sans-serif; 
  background: #FFFFFF; 
  outline: none;
  color:#4F4F4F;
  border-radius:4px;
  box-shadow: none; 
  -moz-box-shadow: none; 
  -webkit-box-shadow: none;   
}
   
input:hover, textarea:hover, 
input:focus, textarea:focus { 
  border-color: #C9C9C9; 
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px; 
} 

input[type=file]:hover,
input[type=file]:focus { 
  -webkit-box-shadow: none; 
} 
   
form label { 
  margin-left: 0px;
  color: #999999; 
  font-size:11px;
} 
   
input[type=submit], input[type=reset] { 
  width:198px;
  outline: none; 
}

.inputbutton {
	-moz-box-shadow: 0px 6px 8px -3px #276873;
	-webkit-box-shadow: 0px 6px 8px -3px #276873;
	box-shadow: 0px 6px 8px -3px #276873;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,1e69de+100 */
background: #6db3f2; /* Old browsers */
background: -moz-linear-gradient(top,  #6db3f2 0%, #54a3ee 50%, #1e69de 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#1e69de 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #6db3f2 0%,#54a3ee 50%,#1e69de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	padding:5px 8px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3D8B51;
  text-align:center;
}

.inputbutton:hover {
	-moz-box-shadow: 0px 6px 8px -3px #276873;
	-webkit-box-shadow: 0px 6px 8px -3px #276873;
	box-shadow: 0px 6px 8px -3px #276873;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e69de+0,54a3ee+50,6db3f2+100 */
background: #1e69de; /* Old browsers */
background: -moz-linear-gradient(top,  #1e69de 0%, #54a3ee 50%, #6db3f2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1e69de 0%,#54a3ee 50%,#6db3f2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1e69de 0%,#54a3ee 50%,#6db3f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e69de', endColorstr='#6db3f2',GradientType=0 ); /* IE6-9 */

  text-indent: 4px;
}

.inputbutton:active {
	position:relative;
	top:2px;
}


#kal2 {
	padding-left: 25px;
	width: 898px;
	overflow: hidden;
}
#kal3 {
	padding-left: 20px;
}
table.cal, table.cal2 {
	font-size: 90%;
	text-align: right;
	display: inline-block;
	vertical-align: top;
  border-spacing: 0; 
  border-collapse: separate;
}
table.cal2 {
	margin-left: 25px;
}
table.cal tr:first-child td:first-child, table.cal2 tr:first-child td:first-child {
    border-top-left-radius:20px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#073819+0,1c771f+100 */
background: #073819; /* Old browsers */
background: -moz-linear-gradient(top,  #073819 0%, #1c771f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #073819 0%,#1c771f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #073819 0%,#1c771f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#073819', endColorstr='#1c771f',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.46);
-moz-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.46);
box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.46);
}

table.cal tr:first-child td:last-child, table.cal2 tr:first-child td:last-child {
    border-top-right-radius:20px;
}
table.cal tr th:first-child, table.cal2 tr th:first-child {
    border-bottom-left-radius:3px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8a95ad+0,d5e0ef+27,f2f2f2+100 */
background: #8a95ad; /* Old browsers */
background: -moz-linear-gradient(top,  #8a95ad 0%, #d5e0ef 27%, #f2f2f2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #8a95ad 0%,#d5e0ef 27%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #8a95ad 0%,#d5e0ef 27%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a95ad', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */

}

table.cal tr th:last-child, table.cal2 tr th:last-child {
    border-bottom-right-radius:3px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8a95ad+0,d5e0ef+27,f2f2f2+100 */
background: #8a95ad; /* Old browsers */
background: -moz-linear-gradient(top,  #8a95ad 0%, #d5e0ef 27%, #f2f2f2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #8a95ad 0%,#d5e0ef 27%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #8a95ad 0%,#d5e0ef 27%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a95ad', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */

}

table.cal tr th, table.cal2 tr th {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8a95ad+0,d5e0ef+27,f2f2f2+100 */
background: #8a95ad; /* Old browsers */
background: -moz-linear-gradient(top,  #8a95ad 0%, #d5e0ef 27%, #f2f2f2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #8a95ad 0%,#d5e0ef 27%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #8a95ad 0%,#d5e0ef 27%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a95ad', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */

}

table.cal td, table.cal2 td, table.cal th, table.cal2 th {
	padding-right: 4px;
	padding-left: 4px;
	font-weight: normal;
	font-family: Arial;
	font-size: 12px;
	line-height: 20px;
}
.calhead {
	color: White;
	text-align: center;
	font-weight: bold;
}
.calday {
	color: #999999;
}
.caldaywe {
	color: #000000;
}
.caldaywe2 {
	color: #000000;
}
.caldayall {
	color: #414141;
}
.calheute {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eaeaea+0,ffffff+100 */
background: #eaeaea; /* Old browsers */
background: -moz-linear-gradient(45deg,  #eaeaea 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #eaeaea 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #eaeaea 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    -webkit-box-shadow:inset 0px 0px 0px 2px #f00;
    -moz-box-shadow:inset 0px 0px 0px 2px #f00;
    box-shadow:inset 0px 0px 0px 2px #f00;
	color: #fd003f;
}

.Probe, .Live, .Sonstiges, .Geburtstag, .Feiertag, .Feiertag2, .TerminD {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eaeaea+0,ffffff+100 */
background: #eaeaea; /* Old browsers */
background: -moz-linear-gradient(45deg,  #eaeaea 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #eaeaea 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #eaeaea 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    -webkit-box-shadow:inset 0px 0px 0px 1px #fff,inset 0px 0px 0px 2px #eaeaea;
    -moz-box-shadow:inset 0px 0px 0px 1px #fff,inset 0px 0px 0px 2px #eaeaea;
    box-shadow:inset 0px 0px 0px 1px #fff,inset 0px 0px 0px 2px #eaeaea;
}

.hProbe, .hLive, .hSonstiges, .hGeburtstag, .hFeiertag, .hFeiertag2, .hTerminD {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eaeaea+0,ffffff+100 */
background: #eaeaea; /* Old browsers */
background: -moz-linear-gradient(45deg,  #eaeaea 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #eaeaea 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #eaeaea 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    -webkit-box-shadow:inset 0px 0px 0px 1px #f00,inset 0px 0px 0px 2px #f00;
    -moz-box-shadow:inset 0px 0px 0px 1px #f00,inset 0px 0px 0px 2px #f00;
    box-shadow:inset 0px 0px 0px 1px #f00,inset 0px 0px 0px 2px #f00;
}

.Probe, .hProbe {
	color: #5ca8d2;
}
.Live, .hLive {
	color: #fb4a16;
} 
.Sonstiges, .hSonstiges {
	color: #9f8536;
}
.Geburtstag, .hGeburtstag {
	color: #21D82F;
}
.Feiertag, .hFeiertag {
	color: #FF8C00;
}
.Feiertag2, .hFeiertag2 {
	color: #414141;
}
.TerminD, .hTerminD {
	color: #E82EE1;
}
div.galerie{
	padding: 3px;
	float:left;
	margin:10px 10px 0  0;
	font-family:Arial, Helvetica, sans-serif;
  text-align:center;
  font-size:10px;
}

.tn {
	background: #fff;
	border: solid 1px #888;
  padding: 5px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 12px 0 rgba(0, 0, 0, 0.19);
}
.galtext {
padding-top: 8px;
padding-bottom: 12px;
}
div.clear {
    clear:both;
}
table.pure td {
	padding: 0px;
  margin:0px;
}