BODY {
font: normal 11px/100% Verdana, Tahoma, sans-serif;
height:100%;
padding-top : 14px;
line-height:1.3em;
margin:0px;
}

.pulse {
  animation: pulse-animation 1s infinite;
  animation-timing-function: ease-in-out;
  z-index:1010;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 0, 0, 1);
    text-shadow: 0 0 0px rgba(0, 0, 0, 1);
  }
  50% {
    box-shadow: 0 0 30px 10px rgba(255, 0, 0, 0.1);
    text-shadow: 0 0 5px rgba(0, 0, 0, 0);
  }
  51% {
    box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0);
    text-shadow: 0 0 5px rgba(0, 0, 0, 0);
  }
  52% {
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
    text-shadow: 0 0 5px rgba(0, 0, 0, 0);
  }
  100% {
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
    text-shadow: 0 0 5px rgba(0, 0, 0, 0);
  }
}

.unreadbadge01null
{
    display:inline-block;
    position:relative;
    width:100%;
    height:0px;
    text-align:left;
}
.unreadbadge01
{
    background-color:rgba(60,250,0,1);
    padding:5px;
    border-radius:100%;
    border: 2px solid rgba(30,125,0,1);
    display: inline-block;
    position:relative;
    left:-20px;
    top: 3px;
    width:20px;
    height:20px;
    text-align:center;
    -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
    box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
    opacity:0.8;
	transform: scale(1);
    animation: badgepulse 2s infinite;
}
.unreadbadge01count
{
    font-size:0.8em;
    color:white;
    font-weight:bold;
    position:relative;
    top:3px;
    text-shadow: -1px -1px 0 #00000040, 1px -1px 0 #00000040, -1px 1px 0 #00000040, 1px 1px 0 #00000040;
}

.unreadbadge02null
{
    display:inline-block;
    position:relative;
    width:100%;
    height:0px;
    text-align:left;
}
.unreadbadge02
{
    background-color:rgba(40,166,0,1);
    padding:5px;
    border-radius:100%;
    border: 2px solid rgba(30,125,0,1);
    display: inline-block;
    position:relative;
    left:-20px;
    top: 3px;
    width:20px;
    height:20px;
    text-align:center;
    -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
    box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
    opacity:0.8;

	transform: scale(1);
    animation: badgepulse 2s infinite;

	cursor:pointer;

}
.unreadbadge02count
{
    font-size:0.8em;
    color:white;
    font-weight:bold;
    position:relative;
    top:3px;
    text-shadow: -1px -1px 0 #00000040, 1px -1px 0 #00000040, -1px 1px 0 #00000040, 1px 1px 0 #00000040;
}

@keyframes badgepulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}


.useradminbig td
{
	font-size:1.3em;
}
.useradminbig input, checkbox
{
	width:32px;
	height:32px;
}

.magrpdiv{
	border:1px solid;border-color:rgba(0,0,0,0.25);border-radius:3px;padding:2px;display:inline-block;margin-left:15px;min-width:200px;
}

.magrpslider{
	display:inline-block;
	width:80% !important;
	padding:0px;
	margin:0px;border:0px solid;
}

.magrpprozent{
	display:inline-block !important;
	width:calc(20% - 15px) !important;
	font-size:0.8em !important;
	padding:0px;
	margin:0px;
	vertical-align:top;
	height:20px;
	border:0px solid;
}


pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
#stickyheader{
	position:sticky;
	top:25px;
	background-color:rgba(245,245,245,0.9);
	z-index:10000;
	border-bottom: 2px solid;
	border-top: 2px solid;
	border-color:rgba(0,0,0,0.025);
	padding-top:8px;
	padding-bottom:8px;
	-webkit-box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.15); 
	box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.15);
}
.dokutext{
	margin:10px;
	padding:10px;
	background-color: rgba(255,255,255,0.7);
	border: 1px solid #999999;
	display:none;
}
.fensterdiv {
  position: fixed;
  z-index: 9;
  background-color: rgba(245,245,245,0.95);
  text-align: center;
  width:80%;
  height:80%;
  -webkit-box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.4); 
  box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.4); 
	border-radius: 10px 10px 0px 10px;
	padding:0px;
}
.resizerclass
{
	width:0px;
	height:0px;
	position: relative;
	top: -10px;
	font-size: 0.7em;
	cursor: nwse-resize;
}
.fensterheader {
  padding: 10px;
  cursor: move;
  z-index: 10;
  background-color: rgba(0,110,185,0.9);
  color: #fff;
  border-radius: 10px 10px 0px 0px;
  max-height:20px;
}

.grpcell
{
	display:table-cell;
	white-space: normal;
	padding-top:5px;
	padding-bottom:5px;
}
.kst
{
	width:1%;
	white-space: nowrap;
	font-size: 0.6em;
	font-weight:bold;
	opacity:0.5;
	text-align:center;
}
*::-webkit-scrollbar {
	width: 8px;
	height:6px;
	cursor: default;
}
*::-webkit-scrollbar-track {
  background: rgba(255,255,255,1);
	cursor: default;
}

*::-webkit-scrollbar-thumb {
  background-color: rgba(50,140,180,0.3);
border-right: 2px solid;
border-top: 2px solid;
border-color: rgba(255,255,255,1);
	cursor: default;
}

.ccontainer {
	background-color: rgba(255,255,255,0.8);
	height: 100%;
	width: 100%;
	/* display: flex; */
	display: none;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0px;
	left:0px;
	overflow-y: auto;
}

#outdiag
{
	z-index:9999999;
	max-height:90%;
	overflow-y: auto;
	overflow-x:hidden;
}
/* width */
#outdiag::-webkit-scrollbar {
  width: 5px;
}

/* Track */
#outdiag::-webkit-scrollbar-track {
  background: rgba(255,255,255,0); 
}
 
/* Handle */
#outdiag::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.3); 
}

/* Handle on hover */
#outdiag::-webkit-scrollbar-thumb:hover {
  background: rgba(0,0,0,0.175); 
}


#dclosebutton{
	width:16px;
	position: absolute;

	border: 2px solid;
	border-color: rgba(0,0,0,0.25);
	background-color: rgba(200,140,0,0.85);
	padding:4px;
	border-radius: 25px;
	cursor:pointer;
}
#dseparatebutton{
	width:16px;
	position: absolute;
	right:34px;
	top:2px;
	border: 2px solid;
	border-color: rgba(0,0,0,0.25);
	background-color: rgba(200,140,0,0.85);
	padding:4px;
	border-radius: 25px;
	cursor:pointer;
}
.smallshadow{
	-webkit-box-shadow: 2px 2px 8px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 8px -2px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 8px -2px rgba(0,0,0,0.75);
}
.shadowinset{
	-webkit-box-shadow: inset 0px 0px 8px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 8px -1px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 8px -1px rgba(0,0,0,0.75);
}
#progbar{
	display:none;
}
#progress{
	display:none;
}

.divtable { 
   margin-left: auto;
   margin-right: auto;
   display: table;
   font-size:1.2em;
   width:100%;
   max-width:1200px;
}

.divtr {
	display: table-row;
	}
.divtd {
	display: table-cell;
	padding:10px;
	}

.divth {
	width: 0px;
	padding:10px;
	position:relative;
	height:25px;
	}

.divtable .divtr:nth-child(odd)
{
	background-color: rgba(0,70,190,0.1);
}


.ma_line
{
	display:inline-block;
	width:90%;
	cursor:pointer;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.ma_line:hover
{
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.minusbutton
{
	cursor: pointer;
	display:inline-block;
	width:17px;
	height:17px;
	position:relative;
	top:3px;
	right:10px;
	background-image: url('images/minus_blue.png');
	background-size: 17px 17px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity:0.5;
}
.minusbutton:hover
{
	width:17px;
	height:17px;
	background-image: url('images/minus_red.png');
	background-size: 17px 17px;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity:0.9;
}.plusbutton
{
	cursor: pointer;
	display:inline-block;
	width:17px;
	height:17px;
	position:relative;
	top:0px;
	right:-5px;
	background-image: url('images/plus_blue.png');
	background-size: 17px 17px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity:0.5;
}
.plusbutton:hover
{
	width:17px;
	height:17px;
	background-image: url('images/plus_green.png');
	background-size: 17px 17px;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity:0.9;
}
.adduserdiv
{
	background-color: rgba(255,255,255,0.9);
	cursor:pointer;
}
.adduserdiv:hover
{
	background-color: rgba(50,140,180,0.3);
}
.centered-element {
	position: fixed;
	max-width: 90%;
	max-height: 90%;
	border-radius: 15px;
	background-color: rgba(249,253,255,0.95);
	border:2px solid;
	border-color: #7799bb;
	padding:15px;
	overflow-y: auto;

}
#bluroverlay{
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0px;
	left:0px;
	bottom:0px;
	overflow: auto;

}
.blur{
	/* Add the blur effect */
	filter: blur(2px);
	-webkit-filter: blur(2px);

	  /* Full height */
	  height: 100%;

	  /* Center and scale the image nicely */
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: cover;
}

.sk-folding-cube {
  margin: 20px auto;
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); 
}
.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0077aa;
  -webkit-animation: sk-foldCubeAngle 2.0s infinite linear both;
          animation: sk-foldCubeAngle 2.0s infinite linear both;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
          transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
          transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
          transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.06s;
          animation-delay: 0.06s;
}
.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.12s;
          animation-delay: 0.12s; 
}
.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.18s;
          animation-delay: 0.18s;
}
@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  } 
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  }
}

.sk-chase {
  width: 60px;
  height: 60px;
  position: relative;
  animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; 
  animation: sk-chase-dot 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:before {
  content: '';
  display: block;
  width: 25%;
  height: 25%;
  background-color: #0077aa;
  border-radius: 100%;
  animation: sk-chase-dot-before 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }

@keyframes sk-chase {
  100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot {
  80%, 100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4); 
  } 100%, 0% {
    transform: scale(1.0); 
  } 
}

#map
{
	width: 100%;
	height:200px;
}

#mitarbeiterliste
{
	max-height:100px;
	overflow-y: auto;
}
#overback
{
		z-index:9999;
		position: fixed;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		background-color: rgba(255,255,255,0.85);
		display: none;
}
#confirm
 {
	display: none;
	border: 1px solid #aaa;
	position: fixed;
	width: 450px;
	left: calc(50% - 225px);
	margin-left: -100px;
	padding: 6px 8px 8px;
	box-sizing: border-box;
	text-align: center;
	z-index:10000;
	top:40%;
	-webkit-box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.68); 
	box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.68);
 }
 #confirm button {
	margin:10px;
	display: inline-block;
 }
 #confirm .message
 {
	text-align: center;
	font-size: 1.4em;
	line-height: 1.2em;
 }
#linkesdiv
{
	overflow-y: auto;
	position: fixed;
	border: 1px solid;
	width: calc(100% - 314px);
	top: 100px;
	left: 0px;
	bottom:0px;
	background-color: rgba(192,229,247,0.25);
}
#linkesdivunder
{
	position: fixed;
	border: 1px solid;
	width: calc(100% - 314px);
	top: 100px;
	left: 0px;
	bottom:0px;
	background-color: rgba(192,229,247,0.25);
}
#rechtesdiv
{
	position: fixed;
	border: 1px solid;
	width: 300px;
	right: 0px;
	top: 177px;
	bottom: 0px;
	overflow-y: auto;
	background-color: rgba(255,255,255,1);
	padding:5px;
}
#obenrechts
{
	position: fixed;
	border: 1px solid;
	width: 300px;
	right: 0px;
	top: 100px;
	height: 77px;
	background-color: rgba(255,255,255,1);
	padding:5px;
}
.gruppe
{
	font-size: 1.4em;
	font-family: Verdana, Tahoma, sans-serif;
	padding:3px;
	cursor: pointer;
	line-height: 1.1em;
	background-color: #ffffff;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	color: rgba(0,0,0,0.9);
	border: 1px solid;
	border-color: rgba(0,120,189,0); 
	white-space: nowrap;
	display: table-row;
}
.gruppe:hover
{

	-webkit-transform: scale(1.04);
	transform: scale(1.04);
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	border-color: rgba(0,120,189,0.66);
}
.gruppentabelle
{ 
	font-size: 1.3em;
	font-family: Verdana, Tahoma, sans-serif;
	border: 1px solid;
	border-color: rgba(0,0,0,0.15);
	width:100%;
	max-width:1920px;
}
.gruppentabelle input,select 
{
	font-size: 1.1em;
	font-family: Verdana, Tahoma, sans-serif;
	
}
.gruppentabelle input
{
	width: calc(100% - 20px);
}
.gruppentabelle textarea
{
	font-size: 0.9em;
	font-family: Verdana, Tahoma, sans-serif;
	width: calc(100% - 20px);
	height:50px;
}
.gruppentabelle input[type=checkbox] 
{
	width: 20px;
	height: 20px;
}
.gruppentabelle td
{
	padding: 5px;
}	
.gruppentabelle tr:nth-child(even)
{
	background-color: rgba(255,255,255,0.5);
}
.gruppentabelle tr:nth-child(odd)
{
	background-color: rgba(255,255,255,1);
}
.gruppe:nth-of-type(odd)
{
	background-color: rgba(192,229,247,0.25);
}
.madiv
{
	margin:0px;
	padding:5px;
	padding-left: 15px;
	width:calc(100% - 30px);
}
.madiv:nth-of-type(odd)
{
	background-color: rgba(192,229,247,0.25);
}
#headline
{
	font-size:1.4em;
	font-weight: bold;
	padding:5px;
	display:inline-block;
}
.filetable{
	font-size: 1em;
	border-spacing: 0px;
	width:100%;
	line-height:1.2em;
}
.filetable tr:nth-child(even) {
	background-color: rgba(50,90,180,0.05);
}
.filetable tr:nth-child(odd) {
	background-color: rgba(50,90,180,0.15);
}

.filetable tr:hover {
	background-color: rgba(50,90,180,0.25);
}


.filetable th{
	color:#ffffff;
	font-weight: bold;
	background-color: #002048;
	padding:12px;
background: linear-gradient(top, #638CAA 0%, #8DB6D4 94%, #638CAA 100%);
background: -moz-linear-gradient(top, #638CAA 0%, #8DB6D4 94%, #638CAA 100%);
background: -webkit-linear-gradient(top, #638CAA 0%, #8DB6D4 94%, #638CAA 100%);
background: -ms-linear-gradient(top, #638CAA 0%, #8DB6D4 94%, #638CAA 100%);
background: -o-linear-gradient(top, #638CAA 0%, #8DB6D4 94%, #638CAA 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#638CAA, endColorstr=#638CAA,GradientType=1);

}
.kidbasetable{
	font-size: 1.4em;
	border-spacing: 0px;
	width:100%;
	line-height:1.3em;
}
.kidbasetable td
{
	padding:5px 10px 5px 10px;
}
.kidbasetable tr:nth-child(even) {
	background-color: rgba(50,90,180,0.05);
}
.kidbasetable tr:nth-child(odd) {
	background-color: rgba(50,90,180,0.15);
}

.kidbasetable tr:hover {
	background-color: rgba(50,90,180,0.25);
}


.kidbasetable th{
	color:#ffffff;
	font-weight: bold;
	background-color: #002048;
	padding:12px;
background: linear-gradient(top, #638CAA 0%, #8DB6D4 94%, #638CAA 100%);
background: -moz-linear-gradient(top, #638CAA 0%, #8DB6D4 94%, #638CAA 100%);
background: -webkit-linear-gradient(top, #638CAA 0%, #8DB6D4 94%, #638CAA 100%);
background: -ms-linear-gradient(top, #638CAA 0%, #8DB6D4 94%, #638CAA 100%);
background: -o-linear-gradient(top, #638CAA 0%, #8DB6D4 94%, #638CAA 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#638CAA, endColorstr=#638CAA,GradientType=1);

}
.trans01{
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
-ms-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.trans02{
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.trans03{
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.falltable{
	width:100%;
	padding:0px;
	margin:0px;
}
.falltable th{
	background-color: rgba(80,80,80,1);
	color:#ffffff;
	font-weight:bold;
	font-size:1.3em;
	padding:10px;
	cursor:pointer;
}

.falltable td{
	font-size:1.2em;
	padding:10px;
	border:1px solid;
	border-color:rgba(0,0,0,0.1);
	margin:0px;
}

.relogininput{
	padding:10px;
	font-size:1.1em;
	border: 1px solid;
	border-color: rgba(0,0,0,0.5);
	border-radius:5px;
}
#reloginouter{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color: rgba(255,255,255,0.97);
	z-index:9999999999999999;
}
#reloginoverlay{

    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0px;
    left: 0px;
	
}

#dboverview{
	width:100%;
	background-color:rgba(255,255,255,0.4);
	padding:4px;
	box-shadow: rgba(0,0,0, 0.25) 0px 0px 4px;
    -moz-box-shadow: rgba(0,0,0, 0.25) 0px 0px 4px;
    -webkit-box-shadow: rgba(0,0,0, 0.25) 0px 0px 4px;
}
.dbover{
	width:99%;
	padding:4px;
	font-size:1em;
	box-shadow: rgba(0,0,0, 0.5) 0px 0px 2px;
    -moz-box-shadow: rgba(0,0,0, 0.5) 0px 0px 2px;
    -webkit-box-shadow: rgba(0,0,0, 0.5) 0px 0px 2px;
}

#hidelayer{
	position : fixed;
	width:0%;
	height:100%;
	background-color : rgba(255,255,255,1);
	z-index:3999;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	opacity : 0;
	top:0px;
}
.hidebutton{
	cursor: pointer;
	padding : 22px 12px 22px 12px;
	border-radius:5px;
	border : 0px solid;
	border-color : rgba(255,255,255,0.7);
	opacity : 1;
	position : absolute;
	left : -63px;
	top : 0px;
	font-size: 20px;
	font-weight : bold;
	-webkit-transition: all 1s;
	transition: all 1s;
	width:40px;
	background-color : rgba(255,240,230,0.80);

}
#ereignisliste{
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size : 0.8em;
	position : fixed;
	top: 15px;
	right : -51%;
	background-color : rgba(255,240,230,0.80);
	padding : 5px;
	border-radius: 10px;
	border : 4px solid;
	border-color : rgba(255,255,255,0.7);
	z-index: 4000;
	opacity : 1;
	width : 50%;
	height : 620px;
}
#ereignisse{
	overflow : auto;
	height : 395px;
}

#kidhead{
	opacity:0.75;
	z-index : 999;
	padding:0px;
	position : fixed;
	top: 1px;
	left : 0px;
	width: 100%;
	display : block;
	background: rgba(210,210,210,0.5);
	font-size : 14px;
}


#caltable{
	font-size:1.2em;
	background-color: rgba(120,120,170);
	padding: 4px;
	-webkit-box-shadow: 2px 2px 9px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    2px 2px 9px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         2px 2px 9px 0px rgba(50, 50, 50, 0.75);
	
}

.shdw01{
	-webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    1px 1px 3px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         1px 1px 3px 0px rgba(50, 50, 50, 0.75);
}
.shdw02{
	-webkit-box-shadow: 2px 2px 4px 1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    2px 2px 4px 1px rgba(50, 50, 50, 0.75);
	box-shadow:         2px 2px 4px 1px rgba(50, 50, 50, 0.75);
}

#caltable td{
	background-color: rgba(150,150,190);
	padding: 5px;
	margin: 2px;
}


.minicheck{
	width:12px;
}

.fortbalken {
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}

.bighoverpic
{
	width:200px;
	transition: all 0.5s;

}

.bighoverpic:hover
{
	width:100%;
}

#urlaubsdiv
{
	position:fixed;
	width:600px;
	max-width:100%;
	top:10%;
	margin-left:50%;
	left:-300px;
	background-color: rgba(250,250,250,0.8);
	border-color:#555555;
	border:solid 2px;
	z-index:99999;
	padding:15px;
	border-radius:10px;
	opacity:0.95;
	font-size:1.4em;
	line-height:1.4em;
	display: none;
	-webkit-box-shadow: 2px 2px 9px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    2px 2px 9px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         2px 2px 9px 0px rgba(50, 50, 50, 0.75);
	height: 80%;
	overflow-y: auto;
	overflow-x: hidden;
}
#blender{
	width:100%;
	height:100%;
	background-color: rgba(180,180,180,0.9);
	z-index: 9999;
	position: fixed;
	top : 0px;
	left : 0px;
	display: none;
}
#cldiv{
	position:fixed;
	margin-left:50%;
	left:310px;
	top:9%;
	border-radius:50px;
	border:solid 3px;
	padding:10px;
	border-color:#888888;
	color:#888888;
	font-size:1.5em;
	background-color:#ffffff;
	opacity:1;
	cursor:pointer;
	z-index:999999;
}



.normalfont{
font: normal 11px/100% Verdana, Tahoma, sans-serif;
}
.biggerfont{
font: normal 12px/100% Verdana, Tahoma, sans-serif;
}

.printtable { page-break-after:always; }

.modal {
    background-color:#fff;
    display:none;
    width:600px;
    padding:15px;
    text-align:center;
    border:2px solid #333;
	font: normal 14px/100% Verdana, Tahoma, sans-serif;
	line-height: 130%;
    opacity:0.8;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    -moz-box-shadow: 0 0 50px #ccc;
    -webkit-box-shadow: 0 0 50px #ccc;
    box-shadow: 0 0 50px #ccc;
  }
 
 .olay {
    background-color:#fff;
    display:none;
    width:60%;
    padding:15px;
    text-align:center;
    border:2px solid #333;
	font: normal 14px/100% Verdana, Tahoma, sans-serif;
	line-height: 130%;
    opacity:0.8;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    -moz-box-shadow: 0 0 50px #ccc;
    -webkit-box-shadow: 0 0 50px #ccc;
    box-shadow: 0 0 50px #ccc;
  }

input, textarea { 
	padding: 10px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 11px/100% Verdana, Tahoma, sans-serif;
	background: #FFFFFF left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #F9F9F9), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #F9F9F9 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 2px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 2px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 2px;
	}

#uploadzone{
	resize:vertical;
	width:100%;
	max-width:1000px;
	height:200px;
	min-height:200px;
	border: 2px solid;
	border-radius:5px;
	border-color: rgba(0,0,0,0.5);
	overflow:auto;
	font-size: 1.3em;
	line-height:1.3em;
	-webkit-box-shadow: -1px 4px 11px -1px rgba(0,0,0,0.68);
	-moz-box-shadow: -1px 4px 11px -1px rgba(0,0,0,0.68);
	box-shadow: -1px 4px 11px -1px rgba(0,0,0,0.68);
}

.iplong { 
	padding: 4px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 11px/100% Verdana, Tahoma, sans-serif;
	width: 400px;
	background: #FFFFFF url('bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 2px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 2px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 2px;
	}
	
	
.table01 {
	box-shadow: rgba(0,0,0, 0.5) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.5) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.5) 0px 0px 8px;
	border-collapse: collapse;
	background-color: #ffffff;
}
	
.tableprint01 {
	font: bold 14px/100% Verdana, Tahoma, sans-serif;
	color: #ffffff; 
	background-color:#000000;
	border-collapse: collapse;
}

.tableprinta {
	font: normal 15px/100% Verdana, Tahoma, sans-serif;
	color: #000000; 
	background-color:#ffffff;
	border-collapse: collapse;
}
.tableprintb {
	font: normal 15px/100% Verdana, Tahoma, sans-serif;
	color: #000000; 
	background-color:#a0e0ff;
	border-collapse: collapse;
}

.tablegreen {
	font: normal 11px/100% Verdana, Tahoma, sans-serif;
	color: #000000; 
	background-color:#eeffee;
	border-collapse: collapse;
}
.tableblue {
	font: normal 11px/100% Verdana, Tahoma, sans-serif;
	color: #000000; 
	background-color:#88ddff;
	border-collapse: collapse;
}
.tablered {
	font: normal 11px/100% Verdana, Tahoma, sans-serif;
	color: #000000; 
	background-color:#ffeeee;
	border-collapse: collapse;
}
.tabledarkred {
	font: normal 11px/100% Verdana, Tahoma, sans-serif;
	color: #000000; 
	background-color:#ffdddd;
	border-collapse: collapse;
}
.tablegrey {
	font: normal 11px/100% Verdana, Tahoma, sans-serif;
	color: #666666; 
	background-color:#eeeeee;
	border-collapse: collapse;
}


.bemerkung1 { 
	width: 550px;
	max-width: 800px;
	height: 100px;
	line-height: 150%;
	}

input:hover, textarea:hover,
input:focus, textarea:focus { 
	border-color: #C9C9C9; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}

.form label { 
	margin-left: 10px; 
	color: #999999; 
	}

.submit input {
	width: auto;
	padding: 9px 15px;
	background: #617798;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	}
.resetform {
	width: 16px;
	padding: 4px 4px;
	background: #88ddff;
	border: 0;
	font-size: 12px;
	color: #FFFFFF;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	}
a:link 
{
text-decoration: none; 
} 

a:active 
{
text-decoration: none; 
} 

a:visited 
{
text-decoration: none; 
} 

a:hover 
{
text-decoration: none; 
} 

.whitelink
{
text-decoration: none; 
} 

	.selectBoxArrow{
		margin-top:1px;
		float:left;
		position:absolute;
		right:1px;
		

	}	

	.selectBoxOptionContainer{
		position:absolute;
		border:1px solid #7f9db9;
		height:100px;
		background-color:#FFF;
		left:-1px;
		top:20px;
		visibility:hidden;
		overflow:auto;
		z-index:1000;
	}
	.selectBoxIframe{
		position:absolute;
		background-color:#FFF;
		border:0px;
		z-index:999;
	}
	.selectBoxAnOption{
		font-family:arial;
		font-size:12px;
		cursor:default;
		margin:1px;
		overflow:hidden;
		white-space:nowrap;
	}
	
.ui-combobox-list
{
	display: none;
}

.ui-combobox-toggle.ui-corner-all
{
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}

.ui-combobox {
	position: relative;
}

.ui-combobox-toggle {
	position: absolute;
	top: -1px;
	bottom: 0;
	right: 0;
	width: 14px;
	margin-right: 2px;
	height:100%;
	/* adjust styles for IE 6/7 */
}
.ui-combobox-input {
	padding-top: 2px;
}

.ui-combobox-toggle:hover{
cursor: default;
}

.ui-autocomplete .ui-state-hover
{
    background-color: #3399ff !important;
    background-image: none !important;
    color: White;
}

.ui-autocomplete.ui-menu .ui-menu-item a
{
    padding: 2 0 0 0 !important;
    line-height: 1 !important;
}

.ui-autocomplete.ui-widget
{
    font-family: Sans-Serif !important;
    font-size: 1em !important;
}

.ui-autocomplete.ui-corner-all
{
    border-radius: 0 !important;
}

#menu {
  float:left;
  font-size:12px;
  position:absolute;  
}

#menu ul {
  float:left;
  list-style-type:none;
  list-style-image:none;
  margin:0px;
  padding:0px;
}

#menu li.topmenu {
  float:left;
}

.topmenu a {
  float:left;
  width:110px;
  text-align:left;
}

.topmenu ul{
  display:none;
}

.topmenu a{
  float:left;
  color:#333333;
  font-weight:normal;
  text-decoration:none;
  margin:0;  
}
.submenu a{
  float:left;
  padding:4px 5px;
  border:1px solid #bbbbbb;
  border-collapse:collapse;
  color:#333333;
  font-weight:normal;
  text-decoration:none;
  background-color:#eeeeee;
  margin:0;  
}

.submenu a{
  float:left;
  font-size:12px;
  width:200px;
  position:relative;
  clear:both; /* special IE6 */
}

#menu a:hover{
  float:left;
  color:#4C4C4C;
  background-color:#bbeeff !important;
}
.topmenu.on a {
  float:left;
  color:#fC4C4C;
  background-color:#bbeeff !important;
}

.topmenu:hover ul {
  display:block;  
  z-index:500;
}


.tablehead, .tablehead:visited {
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,0.3);
    box-shadow: rgba(0,0,0,0.3) 0 3px 4px;
	background: #222 url(images/overlay.png) repeat-x; 
	font-family: Arial, Tahoma, sans-serif;
	color: #fff; 
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);

	border-bottom: 1px solid rgba(0,0,0,0.25);
	cursor: pointer;
}
	.tablehead:hover							{ background-color: #111; color: #fff; }
	.tablehead:active							{ top: 1px; }

	.small.tablehead, .small.tablehead:visited 			{ font-size: 11px;
													  padding: 5px 10px 6px;}
	.tablehead, .tablehead:visited,
	.medium.tablehead, .medium.tablehead:visited 		{ font-size: 13px; 
												  font-weight: bold; 
												  line-height: 1;
												  padding: 5px 10px 6px;												  
												  text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
												  }
												  
	.large.tablehead, .large.tablehead:visited 			{ font-size: 14px; 
													  padding: 8px 14px 9px; }
													  
	.super.tablehead, .super.tablehead:visited 			{ font-size: 34px; 
													  padding: 8px 14px 9px; }
	
	.pink.tablehead, .magenta.tablehead:visited		{ background-color: #e22092; }
	.pink.tablehead:hover							{ background-color: #c81e82; }
	.green.tablehead, .green.tablehead:visited		{ background-color: #91bd09; }
	.green.tablehead:hover						    { background-color: #749a02; }
	.red.tablehead, .red.tablehead:visited			{ background-color: #e62727; }
	.red.tablehead:hover							{ background-color: #cf2525; }
	.lgreen.tablehead, .lgreen.tablehead:visited		    { background-color: #80ae80; }
	.lgreen.tablehead:hover							{ background-color: #6a956a; }
	.lred.tablehead, .lred.tablehead:visited		    { background-color: #ae8080; }
	.lred.tablehead:hover							{ background-color: #957a7a; }
	.orange.tablehead, .orange.tablehead:visited		{ background-color: #ff5c00; }
	.orange.tablehead:hover						{ background-color: #d45500; }
	.blue.tablehead, .blue.tablehead:visited		    { background-color: #0e5689; }
	.blue.tablehead:hover							{ background-color: #054975; }
	.cyan.tablehead, .cyan.tablehead:visited		    { background-color: #7ec6f9; }
	.cyan.tablehead:hover							{ background-color: #75b9e5; }
	.lblue.tablehead, .lblue.tablehead:visited		    { background-color: #5ea6d9; }
	.lblue.tablehead:hover							{ background-color: #5599c5; }
	.white.tablehead, .white.tablehead:visited		    { background-color: #fffff3; color:#000000;}
	.white.tablehead:hover							{ background-color: #f6f6f1; color:#000000; }
	.grey.tablehead, .grey.tablehead:visited		    { background-color: #dfdfdf; }
	.grey.tablehead:hover							{ background-color: #cccccc; }
	.dark.tablehead, .dark.tablehead:visited		    { background-color: #222222; }
	.dark.tablehead:hover							{ background-color: #333333; }
	.yellow.tablehead, .yellow.tablehead:visited		{ background-color: #ffb515; }
	.yellow.tablehead:hover						{ background-color: #fc9200; }



.lrgbutton, .lrgbutton:visited {
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,0.3);
	border-radius: 4px;
    box-shadow: rgba(0,0,0,0.3) 0 3px 4px;
	background: #222 url(images/overlay.png) repeat-x; 
	text-decoration: none;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	padding:4px;
}




.newbutton, .newbutton:visited {
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,0.3);
	box-shadow: 0 3px 4px rgba(0,0,0,0.3);
	border-radius:4px;
	cursor:pointer;
	color:#ffffff;
	font-size: 14px;
	font-family:Arial;
	font-weight:bold;
	padding: 8px 14px 9px;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.7);
	position: relative;
	cursor: pointer;
	display: inline-block;
	background: #222;
	font-family: Arial, Tahoma, sans-serif;
	color: #fff;  
    -moz-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	transition:  all 0.15s ease;
}

.newbutton:hover{
	-webkit-filter: brightness(0.85) contrast(1.35);
	filter: brightness(0.85) contrast(1.35); 
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.25);
	box-shadow: 0 2px 4px rgba(0,0,0,0.25);

	}
.newbutton:active{
	-webkit-filter: brightness(1) contrast(1.15);
	filter: brightness(1) contrast(1.15); 
	-moz-box-shadow: 0 0px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.25);
	box-shadow: 0 0px 0px rgba(0,0,0,0.25);
}


.cyan.newbutton{
		background:linear-gradient(to bottom, hsl(206, 75%, 90%) 0%, hsl(206, 55%, 35%) 100% );
}
.green.newbutton{
		background:linear-gradient(to bottom, hsl(125, 75%, 90%) 0%, hsl(125, 55%, 35%) 100% );

}
.red.newbutton{
		background:linear-gradient(to bottom, hsl(0, 75%, 90%) 0%, hsl(0, 55%, 35%) 100% );

}
.yellow.newbutton{
		background:linear-gradient(to bottom, hsl(60, 75%, 90%) 0%, hsl(60, 55%, 35%) 100% );

}
.grey.newbutton{
		background:linear-gradient(to bottom, hsl(1, 0%, 90%) 0%, hsl(1, 0%, 35%) 100% );

}

.button, .button:visited {
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	border-radius: 2px;
    box-shadow: rgba(0,0,0,0.3) 0 1px 2px;
	background: #222 url(images/overlay.png) repeat-x; 
	font-family: Arial, Tahoma, sans-serif;
	color: #fff; 
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	display: inline-block;
}
 
	.button:hover							{ background-color: #111; color: #fff; }
	.button:active							{ top: 1px; }

	.small.button, .small.button:visited 			{ font-size: 0.8em;
													  padding: 5px 10px 6px;}
	.button, .button:visited,
	.medium.button, .medium.button:visited 		{ font-size: 1em; 
												  font-weight: bold; 
												  line-height: 1;
												  padding: 5px 10px 6px;												  
												  text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
												  }
												  
	.large.button, .large.button:visited 			{ font-size: 1.1em; 
													  padding: 8px 14px 9px; }
													  
	.super.button, .super.button:visited 			{ font-size: 1.5em; 
													  padding: 8px 14px 9px; }
	
	.pink.button, .magenta.button:visited		{ background-color: #e22092; }
	.pink.button:hover							{ background-color: #c81e82; }
	.green.button, .green.button:visited		{ background-color: #91bd09; }
	.green.button:hover						    { background-color: #749a02; }
	.red.button, .red.button:visited			{ background-color: #e62727; }
	.red.button:hover							{ background-color: #cf2525; }
	.lgreen.button, .lgreen.button:visited		    { background-color: #80ae80; }
	.lgreen.button:hover							{ background-color: #6a956a; }
	.lred.button, .lred.button:visited		    { background-color: #ae8080; }
	.lred.button:hover							{ background-color: #957a7a; }
	.orange.button, .orange.button:visited		{ background-color: #ff5c00; }
	.orange.button:hover						{ background-color: #d45500; }
	.blue.button, .blue.button:visited		    { background-color: #2961e4; }
	.blue.button:hover							{ background-color: #2555cf; }
	.cyan.button, .cyan.button:visited		    { background-color: #7ec6f9; }
	.cyan.button:hover							{ background-color: #75b9e5; }
	.lblue.button, .lblue.button:visited		    { background-color: #5ea6d9; }
	.lblue.button:hover							{ background-color: #5599c5; }
	.white.button, .white.button:visited		    { background-color: #fffff3; }
	.white.button:hover							{ background-color: #f6f6f1; }
	.grey.button, .grey.button:visited		    { background-color: #dfdfdf; }
	.grey.button:hover							{ background-color: #cccccc; }
	.dark.button, .dark.button:visited		    { background-color: #222222; }
	.dark.button:hover							{ background-color: #333333; }
	.yellow.button, .yellow.button:visited		{ background-color: #ffb515; }
	.yellow.button:hover						{ background-color: #fc9200; }


.nav_main:hover	
{
    background-color: #75b9e5;
    color: #fff;
    cursor: pointer
}

.nav_main:active
{
    top: 1px;
}


.nav_main, .nav_main:visited{
    display: inline-block;
    list-style: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,0.3);
	border-radius: 4px;
    box-shadow: rgba(0,0,0,0.3) 0 3px 4px;
	background: #222 url(images/overlay.png) repeat-x;
	font-family: Arial, Tahoma, sans-serif;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);

	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	display: inline-block;

    font-size: 14px;
    padding: 9px 16px 10px;
    background-color: #7ec6f9;

    font-weight: bold;
    line-height: 1;
    cursor: pointer;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25)

}

ul.nav_main li>ul
{
    display: none;


}

ul.nav_main:hover li>ul
{
    list-style: none;
    top: 32px;
    display: inline-block;
    position: absolute;
    float: none;
    text-align: left;
    left: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;

	font-family: Arial, Tahoma, sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);

	border-top: 6px solid rgba(0,0,0,0.0);

    padding: 0px 0px 0px;    
	white-space: nowrap;
}



ul.nav_main li ul li
{
    background: #7ec6f9 url(images/overlay.png) repeat-x;
    padding: 7px 13px 8px;
    border-radius: 4px;

}


ul.nav_main a:visited
{
  color: #FFFFFF;
}
ul.nav_main a:link
{
  color: #FFFFFF;
}
ul.nav_main a:hover
{
  color: #FFFFFF;
  text-shadow: 0 0 8px rgba(255,255,255,1);

}
ul.nav_main a:activ
{
  color: #800000;
}

.mailhead
{
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color : #FFFFFF;
	background-color : #000000;
}
.mail00
{
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color : #000000;
}
.mail01
{
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color : #000000;
}
.mail02
{
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size: 14px;
	color : #000000;
}
.mail03
{
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size: 12px;
	color : #888888;
}
.mailr01
{
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size: 14px;
	color : #000000;
}
.mailr02
{
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size: 14px;
	color : #666666;
}
.mailr03
{
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size: 12px;
	color : #AAAAAA;
}
.input2
{
	height : 17px;
}
.tablehead01
{
	font-size : 10px;
	color : #FFFFFF;
	background-color : #000000;
	
}
.changed{
	background-color : #EEEEFF;
	color : #00dd00;
}

#waitpopup {
z-index:999;
background: #F8F8F8;
border: 1px solid #666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333;
position: absolute;
width: 400px;
height: 300px;
top: 50%;
left: 50%;
margin-top: -150px;
margin-left: -200px;
padding: 8px;
-webkit-box-shadow: 4px 4px 10px -5px rgba(0,0,0,1);
-moz-box-shadow: 4px 4px 10px -5px rgba(0,0,0,1);
box-shadow: 4px 4px 10px -5px rgba(0,0,0,1);
}
#waitpopuplayer{
z-index:500;
width : 100%;
height:100%;
background: rgba(255,255,255,.75);
position: absolute;
top: 0;
left: 0;
margin-top: 0;
margin-left: 0;
}
#popup {
z-index:999;
background: #F8F8F8;
border: 1px solid #666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333;
position: absolute;
width: 600px;
height: 500px;
top: 50%;
left: 50%;
margin-top: -250px;
margin-left: -300px;
padding: 8px;
-webkit-box-shadow: 4px 4px 10px -5px rgba(0,0,0,1);
-moz-box-shadow: 4px 4px 10px -5px rgba(0,0,0,1);
box-shadow: 4px 4px 10px -5px rgba(0,0,0,1);
line-height: 150%;
}
#pdfpopup {
z-index:999;
background: #F8F8F8;
border: 1px solid #666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333;
position: absolute;
width: 80%;
height: 80%;
top: 25%;
left: 20%;
margin-top: -150px;
margin-left: -200px;
padding: 8px;
-webkit-box-shadow: 6px 6px 80px -5px rgba(0,0,0,1);
-moz-box-shadow: 6px 6px 80px -5px rgba(0,0,0,1);
box-shadow: 6px 6px 80px -5px rgba(0,0,0,1);
}

#xlspopup {
z-index:998;
background: #F8F8F8;
border: 1px solid #666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333;
position: absolute;
width: 400px;
height: 300px;
top: 50%;
left: 50%;
margin-top: -150px;
margin-left: -200px;
padding: 8px;
-webkit-box-shadow: 4px 4px 10px -5px rgba(0,0,0,1);
-moz-box-shadow: 4px 4px 10px -5px rgba(0,0,0,1);
box-shadow: 4px 4px 10px -5px rgba(0,0,0,1);
}
#xlspopup2 {
z-index:997;
background: #F8F8F8;
border: 1px solid #666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333;
position: absolute;
width: 400px;
height: 300px;
top: 50%;
left: 50%;
margin-top: -150px;
margin-left: -200px;
padding: 8px;
-webkit-box-shadow: 4px 4px 10px -5px rgba(0,0,0,1);
-moz-box-shadow: 4px 4px 10px -5px rgba(0,0,0,1);
box-shadow: 4px 4px 10px -5px rgba(0,0,0,1);
}
#popuplayer{
position:fixed;
z-index:500;
width : 100%;
height:100%;
background: rgba(255,255,255,.75);
position: absolute;
top: 0;
left: 0;
margin-top: 0;
margin-left: 0;
}
.popuplayer{
z-index:500;
width : calc(80% - 50px);
height: calc(80% - 50px);
background: rgba(255,255,255,.9);
position: fixed;
top: 10%;
left: 10%;
margin-top: 0;
margin-left: 0;
border:6px solid;
padding:25px;
border-color: rgba(0,0,0,0.25);
border-radius:10px;
}
#miterwhite{
z-index:500;
width : 100%;
height:100%;
background: rgba(255,255,255,.75);
position: absolute;
top: 0;
left: 0;
margin-top: 0;
margin-left: 0;
}

.jaybox01{
	border : solid 1px;
	border-color : #aaaaaa;
	box-shadow: rgba(0,0,0, 0.6) 2px 2px 10px;
	-moz-box-shadow: rgba(0,0,0, 0.6) 2px 2px 10px;
	-webkit-box-shadow: rgba(0,0,0, 0.6) 2px 2px 10px;
}

.tabactive
{
	-moz-appearance:textfield;
    -webkit-appearance:textfield;
    appearance:textfield;
}

.tabactive:focus
{
	border : solid 1px;
	border-color : #ff0000;
	display : block;
	box-shadow: rgba(0,0,0, 0.6) 2px 2px 10px;
	-moz-box-shadow: rgba(0,0,0, 0.6) 2px 2px 10px;
	-webkit-box-shadow: rgba(0,0,0, 0.6) 2px 2px 10px;
		    -moz-appearance:field;
    -webkit-appearance:field;
    appearance:field;
}

.abutton0{
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
	padding: 4px;
	background-color: #7ec6f9;
	color : #000000;
}

.abutton1{
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
	padding: 6px;
	background-color: #7ef97e;
	color : #000000;
}

.abutton2{
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
	padding: 6px;
	background-color: #f97e7e;
	color : #000000;
}

	#fernwartung{
		display:none;
	}


.popsubmit input[type=submit]:enabled{
	color:#ffffff;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
	border-radius: 2px;
    box-shadow: rgba(0,0,0,0.3) 0 1px 2px;
	background: #222 url(images/overlay.png) repeat-x; 
	font-family: Arial, Tahoma, sans-serif;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	background-color: #7ec6f9;
	cursor:pointer;
}

#sbmit{
	padding:10px;
	font-size: 1.2em;
	font-weight:bold;
	color:#ffffff;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	border-radius: 4px;
    box-shadow: rgba(0,0,0,0.3) 0 3px 4px;
	background: #222 url(images/overlay.png) repeat-x; 
	font-family: Arial, Tahoma, sans-serif;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,0.3);
	background-color: #7ec6f9;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	cursor:pointer;
}
#sbmit:enabled{
	animation-name: pulse_animation;
	animation-duration: 350ms;
	transform: scale(1.3,1.3);
	transition: 0.35s;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
}
#sbmit:disabled{
	font-weight: normal;
	font-size:1.1em;
	background: #ffffff;
	color: #999999;
	
}

@keyframes pulse_animation {
    0% { transform: scale(1); }
    70% { transform: scale(1.5); }
    80% { transform: scale(1); }
    100% { transform: scale(1.3); }
}



.listtable{
	font-size: 1.3em;
	border-spacing: 0px;
	line-height: normal;

}
.listtable td
{
	padding:4px;
	white-space: normal;
}
.listtable tr:nth-child(even) {
	background-color: rgba(50,90,180,0.05);
}
.listtable tr:nth-child(odd) {
	background-color: rgba(50,90,180,0.1);
}

.listtable tr:hover {
	background-color: rgba(50,90,180,0.25);
}


.listtable th{
	color:#ffffff;
	font-weight: bold;
	background-color: #002048;
	padding:5px;
	background: linear-gradient(top, #638CAA 0%, #8DB6D4 94%, #638CAA 100%);
	background: -moz-linear-gradient(top, #638CAA 0%, #8DB6D4 94%, #638CAA 100%);
	background: -webkit-linear-gradient(top, #638CAA 0%, #8DB6D4 94%, #638CAA 100%);
	background: -ms-linear-gradient(top, #638CAA 0%, #8DB6D4 94%, #638CAA 100%);
	background: -o-linear-gradient(top, #638CAA 0%, #8DB6D4 94%, #638CAA 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#638CAA, endColorstr=#638CAA,GradientType=1);

}

.anfrageonly{
	display: inline-block;
}
.aufnahmeonly{
	display: inline-block;
}
.absageonly{
	display: inline-block;
}
.entlassungonly{
	display: inline-block;
}
.defaultfield{
	display: inline-block;
}
.hoverpic2{
	cursor:pointer;
	transition: 0.65s;
}
.hoverpic2:hover{
	cursor:pointer;
	transform: rotate(-360deg)scale(1.3,1.3);
	transition: 0.35s;
}
.hoverpic{
	width:24px;
	cursor:pointer;
	transition: 0.6s;
}
.hoverpic:hover{
	cursor:pointer;
	transform: scale(1.4,1.4);
	transition: 0.1s;
}

.zeileodd{
	border : 1px solid rgba(0,0,0,0.02);
	justify-content: space-between;
	line-height: 1.5;
	width:100%;
	background-color: rgba(50,90,180,0.05);

}
.zeileeven{
	border : 1px solid rgba(0,0,0,0.02);
	justify-content: space-between;
	line-height: 1.5;
	width:100%;
	background-color: rgba(50,90,180,0.1);
}
.zeilesa{
	border : 1px solid rgba(0,0,0,0.02);
	justify-content: space-between;
	line-height: 1.5;
	width:100%;
	background-color: rgba(150,20,80,0.1)!important;

}
.zeileso{
	border : 1px solid rgba(0,0,0,0.02);
	justify-content: space-between;
	line-height: 1.5;
	width:100%;
	background-color: rgba(150,20,80,0.15)!important;
}
.zeileft{
	border : 1px solid rgba(0,0,0,0.02);
	justify-content: space-between;
	line-height: 1.5;
	width:100%;
	background-color: rgba(45,120,0,0.15)!important;

}

.inputfield{
	display: inline-block;
	margin:5px;
	white-space: no-wrap;
}

.inputfield input,select,textarea{
	padding:10px;
	border: 1px solid;
	font-size:1.1em;

}

.biginputfield{
	width:calc(100% - 20px);
	font-size:1.1em;
	padding:10px;
	border-width: 0px 0px 2px 0px;
	border-style: solid;
	border-color: rgba(0,0,0,0.2);
}
.hinttext{
	font-size: 0.8em;
	color: #888888;
	margin-left: 10px;
	line-height: normal;
}
.jdout{
	border: 1px solid rgba(0,0,0,0.1);
	padding:20px;
	max-width:1600px;
	width:calc(100% - 40px);
	text-align:left;
	display:inline-block;
	z-index:99999;
}
#dcontainer
{
	z-index:999;
}
#bluroverlay{
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0px;
	left:0px;
	background-color: rgba(255,255,255,0.9);
	z-index:998;
}

.sk-chase {
  width: 60px;
  height: 60px;
  position: relative;
  animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; 
  animation: sk-chase-dot 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:before {
  content: '';
  display: block;
  width: 25%;
  height: 25%;
  background-color: #0077aa;
  border-radius: 100%;
  animation: sk-chase-dot-before 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }

@keyframes sk-chase {
  100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot {
  80%, 100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4); 
  } 100%, 0% {
    transform: scale(1.0); 
  } 
}


@media only screen and (min-width: 780px) {
	#fernwartung{
		display:block;
	}
}
@media print {
#kidhead {
  display: none;
} 
}
#plusleiste
{
  transition-duration: 0.2s;
  transition-delay: 0.1s;
	position:fixed;
	left:0px;
	bottom:10px;
	width:100%;
	background-color:#dceefbfa;
	border-top:10px solid;
	border-bottom:1px solid;
	border-color:rgba(255,255,255,0.1);
}
.dddiv
{
	border-bottom: 1px solid;
	border-color: rgba(0,0,0,0.2);
	overflow-y: auto;
	max-height: 150px;
	z-index:999999;
}
.ddentry:hover
{
	background-color:rgba(230,230,230,0.9);
}
.ddentry
{
	padding:5px;
	font-size:1.2em;
	display:inline-block;
	border: 1px solid;
	border-color: rgba(0,0,0,0.1);
	width:calc(100% - 12px);
	background-color:rgba(255,255,255,0.9);
	cursor:pointer;
}


input[type=range] {
  height: 17px;
  -webkit-appearance: none;
  appearance: none;

}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000;
  background: #BFCEE3;
  border-radius: 1px;
  border: 0px solid #000000;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #2497E3;
  height: 10px;
  width: 10px;
  border-radius: 17px;
  background: #A1D0FF;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -4px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #BFCEE3;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000;
  background: #BFCEE3;
  border-radius: 1px;
  border: 0px solid #000000;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #2497E3;
  height: 10px;
  width: 10px;
  border-radius: 17px;
  background: #A1D0FF;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #BFCEE3;
  border: 0px solid #000000;
  border-radius: 2px;
  box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-fill-upper {
  background: #BFCEE3;
  border: 0px solid #000000;
  border-radius: 2px;
  box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-thumb {
  margin-top: 1px;
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #2497E3;
  height: 10px;
  width: 10px;
  border-radius: 17px;
  background: #A1D0FF;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #BFCEE3;
}
input[type=range]:focus::-ms-fill-upper {
  background: #BFCEE3;
}

.menueitem
{
	white-space: nowrap;
	display:inline-block;
	width:fit-content;
	padding:5px;
	cursor:pointer;
	background-color:rgba(0,80,160,0.25);
	
	width:100%;
}
.menueitem:hover
{
	background-color:rgba(0,80,160,0.5);
}


#kbmenu {
	height: 43px;
	border-radius: 1px;
	position: sticky;
	top: 0px; /* Don't forget this, required for the stickiness */
	z-index:1000;
	width: calc(100% - 0px);
	user-select:none;
}
#kbmenu ul, #kbmenu li {
	margin: 0 auto;
	padding: 0;
	list-style: none;
}
#kbmenu ul {
	width: 100%;
	text-align: left;
}
#kbmenu li {
	display: inline-block;
	position: relative;
}
#kbmenu a {
	display: block;
	line-height: 40px;
	padding: 0 10px;
	text-decoration: none;
	color: #F0F6FF;
	font-size: 14px;
}
#kbmenu a.dropdown-arrow:after {
	content: "\25BE";
	margin-left: 5px;
}
#kbmenu li a:hover {
	color: #042A52;
	background: #B0B6BF;

}
#kbmenu input {
	display: none;
	margin: 0;
	padding: 0;
	height: 40px;
	width: 100%;
	opacity: 0;
	cursor: pointer
}
#kbmenu label {
	display: none;
	line-height: 40px;
	text-align: center;
	position: absolute;
	left: 35px
}
#kbmenu label:before {
	font-size: 3em;
	color: #F0F6FF;
	content: "\2261";
	margin-left: 10px;
	position:relative;
	top:-8px;
	opacity: 0.75;
}
#kbmenu ul.sub-menus{
	overflow:auto;
	max-height:calc(60vh - 10px);
	width:fit-content;
	cursor:pointer;

	/*	
	height: auto;
	overflow: hidden;
	background: #445544;
	*/
  	background: rgb(75, 117, 139);
	position: absolute;
	z-index: 99;
	display: none;
  -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
  box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}
#kbmenu ul.sub-menus li {
	display: block;
	text-align: left;
	width: 100%;
}
#kbmenu ul.sub-menus a {
	color: #F0F6FF;
	font-size: 13px;
}
#kbmenu li:hover ul.sub-menus {
	display: block
}
#kbmenu ul.sub-menus a:hover{
	background: #F0F6FF;
	color: #555577;
}
.logomenuebild
{
	display:none;
}
.sitelogo
{
	display:none
}
#kidheadpadding{
	padding-top:20px;
}
.bigkbmenu
{
	border-radius: 0px;
    background: linear-gradient(to bottom, rgba(163, 206, 230) 0%,rgb(148, 191, 214) 66%,rgba(163, 206, 230, 0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */  position: sticky;
	-webkit-box-shadow: 1px 1px 6px 1px #00000050, 1px 1px 2px 1px rgba(0,0,0,0); 
	box-shadow: 1px 1px 6px 1px #00000050, 1px 1px 2px 1px rgba(0,0,0,0);
  
}
.smallkbmenu
{
	border-radius: 0px;
    background: linear-gradient(to bottom, rgba(111, 172, 206, 1) 0%,rgb(127, 187, 219) 66%,rgba(163, 206, 230,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */  position: sticky;
	-webkit-box-shadow: 1px 1px 1px 1px #00000030, 1px 1px 1px 1px rgba(0,0,0,0); 
	box-shadow: 1px 1px 1px 1px #00000030, 1px 1px 1px 1px rgba(0,0,0,0);
   
}
#kbtrenner
{
	display:none;
}
#kbmenu:hover {
	opacity:1 !important;
}
#teamviewersession
{
	height:13px;
	display:inline-block;
}
#videokidsession
{
	height:13px;
	display:inline-block;
}
@media only screen and (max-width: 800px) {
	#teamviewersession
	{
		display:none;
	}
	#videokidsession
	{
		display:none;
	}
	#kbtrenner
	{
		display:inline-block;
	}
	
	#startmenu {
		height: 32px;
	}
	.logomenuebild
	{
		display:inline-block;
		margin-left: 40px;
		height:24px;
		position:relative;
		top:2px;
	}
	.sitelogo
	{
	font-size:1em;
	position:relative;
	top:-10px;
	display:inline-block;
	margin-left:10px;
	color:rgba(255,255,255,1);
	}

	#kbmenu
	{
		height:32px;
	}
	#kbmenu ul {background:#555577;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none;text-align:left;}
	#kbmenu ul.sub-menus {width:100%;position:static;}
	#kbmenu ul.sub-menus a {padding-left:30px;}
	#kbmenu li {display:block;float:none;width:auto;}
	#kbmenu input, #kbmenu label {position:absolute;top:0;left:0;display:block}
	#kbmenu input {z-index:4}
	#kbmenu input:checked + label {color:#FFFFFF}
	#kbmenu input:checked + label:before {content:"\00d7"}
	#kbmenu input:checked ~ ul {display:block}

	#kidheadpadding{
		padding-top:0px;
	}
}
#hiddendropdown
{
	display:inline-block;
	max-width: 20px;
	width:20px;
}
#hiddendropdown select
{
	position:absolute;
	display:inline-block;
	width: 20px;
	max-width:20px;
	opacity:0.1;
	right:1px;
	top:8px;
	font-size:14px;
	
}
#hiddendropdown select:hover
{
	opacity:1;
}	


    .custom-select {
      position: relative;
      width: 200px;
      font-family: sans-serif;
	  display:inline-block;
	  opacity:0;
    }

    .select-display {
      padding: 10px;
      border: 1px solid #888;
      border-radius: 4px;
      cursor: pointer;
    }

    .options {
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      border: 1px solid #888;
      background: white;
      z-index: 10;
      display: none;
      max-height: 150px;
      overflow-y: auto;
    }

    .option {
      padding: 10px;
      cursor: pointer;
    }

    .option:hover,
    .option.active {
      background-color: #ddd;
    }

    .open .options {
      display: block;
    }

	.chatbubble_right
	{
		font-size:1.3em;
		background-color: rgba(100,220,140, 0.3);
		border-radius: 20px 20px 0px 20px;
		border: 1px solid;
		border-color:rgba(0,0,0,0.3);
		text-align: left;
		margin-left: 30px;
		padding:10px;
		width:calc(100% - 50px);;
		line-height: normal;
		color: rgba(0,0,0,0.8);
	}	
	.chatbubble_left_admin
	{
		font-size:1.3em;
		background-color: rgba(100,150,120, 0.3);
		border-radius: 20px 20px 20px 20px;
		border: 1px solid;
		border-color:rgba(0,0,0,0.3);
		text-align: left;
		margin-right: 10px;
		margin-left: 10px;
		padding:10px;
		width:calc(100% - 60px);
		line-height: normal;
		color: rgba(0,0,0,0.8);
	}
	.chatbubble_left
	{
		font-size:1.3em;
		background-color: rgba(100,100,100, 0.3);
		border-radius: 0px 20px 20px 20px;
		border: 1px solid;
		border-color:rgba(0,0,0,0.3);
		text-align: left;
		margin-right: 10px;
		padding:10px;
		width:calc(100% - 50px);
		line-height: normal;
		color: rgba(0,0,0,0.8);
	}