@charset "utf-8";

/***Änderungen***/
/** 2024.06.15: suchknopf angepasst****/
/** 2024.06.15: div.anzahlterm/w calendar... ***/
/** 2024.06.17: a.butt_bearbeiten / butt_loeschen... ***/

 
body {
 background: #025B72;
 font-family : Calibri, Arial, Helvetica, sans-serif;
 color: white;
 margin: 0;
 padding: 0;
}
/**
@media(max-width: 840px){
body {
	width: 380px;
	max-width: 380px;
}
}
**/

/***REITER****/
table#reiterleiste {
	width: 100%;
	height: 30px;
	background-color: #002733;
	border-radius: 10px;
	
}

a#reiter {
	background-color: #00637B;
	width: 100%;
	height: 30px;
	display: block;
	border-radius: 10px;
	text-align: center;
	//position: relative;
	text-decoration: none;
	padding-top: 10px;
	
}

a#reiter:hover {
	background-color: #008FB1;
}

a#reiter.reiterlinks {
	border-radius: 10px 0px 0px 10px;
}
a#reiter.reiterlinks.active {
	background-color: #0D97B8;
}

a#reiter.reitermitte {
	border-radius: 0px 0px 0px 0px;
}
a#reiter.reitermitte.active {
	background-color: #0D97B8;
}

a#reiter.reiterrechts {
	border-radius: 0px 10px 10px 0px;
}
a#reiter.reiterrechts.active {
	background-color: #0D97B8;
}

div#reiter1 {
	padding: 0px;
	display: none;
	

}
div#reiter2 {
	padding: 0px;
	display: block;

}
div#reiter3 {
	padding: 0px;
	display: none;

}
div#reiter4 {
	padding: 0px;
	display: none;

}
div#reiter5 {
	padding: 0px;
	display: none;
	//display: block;

}

@media(max-width: 840px){
a#reiter {
	font-size: 10px;
}
}

div#buttlogo{
  width: 40px;
  height: 30px;
  background-color: #00637B;
  color: white;
  padding: 5px 5px;
  /* top | right | bottom | left */
  margin: 0px 4px 0px 4px;
  border: solid 3px #002733;
  border-radius: 10px;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  position: absolute;
  right: 18px;
  top: 126px;
  
  //background: url(../svg/blocked_user_v3_white.svg);
  //background-size: 40px 40px;
  z-index: 1;

}
div#buttlogo.level2{
	top: 180px;
}
div#buttlogo:hover{
	background-color: #008FB1;
}


div#msglogo{
	padding: 0px;
	position: relative;
	/**
  //width: 40px;
  //height: 30px;
  //background-color: #00637B;
  //color: white;
  //margin: 0px 0px 0px 0px;
  //border: solid 3px #002733;
  //border-radius: 10px;
  //cursor: pointer;
  //display: inline-block;
  //text-decoration: none;
  //font-size: 14px;
  
  //right: 18px;
  //top: 126px;
  
  //background: url(../svg/blocked_user_v3_white.svg);
  //background-size: 40px 40px;
  **/

}

/*
div#msglogo:hover{
	background-color: #008FB1;
}*/

div#msg_floater {
	width: 400px;
	background-color: #025B72;
	border: solid 2px #002733;
	border-radius: 10px;
	display: none;
	//display: block; /*DEBUG*/
	position: fixed;
	//position: absolute;
   //right: 40px;
   top: 200px;
   z-index: 2;
   box-shadow: 0 5px 45px 1px rgba(255, 255, 255, 0.6), 0 0 40px 1px rgba(0, 0, 0, 0.4);
}
@media(max-width: 840px){
div#msg_floater {
	width: 230px;
	left: 20px;
}
}


div#floater {
	width: 400px;
	background-color: #025B72;
	border: solid 2px #002733;
	border-radius: 10px;
	display: none;
	//display: block; /*DEBUG*/
	position: absolute;
   right: 40px;
   top: 200px;
   opacity: 0.9;
   z-index: 2;
   box-shadow: 0 5px 45px 1px rgba(255, 255, 255, 0.6), 0 0 40px 1px rgba(0, 0, 0, 0.4);
}
@media(max-width: 840px){
div#floater {
	width: 230px;
	right: 20px;
}
}
/*
div#floater.listmsg {
	top: 120px;
}
*/


div#listmsgfloater {
	width: 400px;
	background-color: #025B72;
	border: solid 2px #002733;
	border-radius: 10px;
	display: none;
	//display: block; 
	position: absolute;
   right: 40px;
   top: 160px;
   opacity: 0.9;
   z-index: 2;
   box-shadow: 0 5px 45px 1px rgba(255, 255, 255, 0.6), 0 0 40px 1px rgba(0, 0, 0, 0.4);
}
@media(max-width: 840px){
div#listmsgfloater {
	width: 230px;
	right: 20px;
}
}


p#tohideohneuhr {
	position: absolute;
	top: 0px;
	left: 400px;
	color: #ffffff;
	font-size: 10px;
}
@media(max-width: 840px){
p#tohideohneuhr {
	left: 200px;
}
}


div#nachrichten {
	background: #003040;
	border: 1px solid #002030;
	border-radius: 5px;
}
div#nachrichten.gelesen {
	background: #306475;
	//border: 1px solid #002030;
	//border-radius: 5px;
}
div#nachrichten.gesendet {
	background: #004037;
	//border: 1px solid #002030;
	//border-radius: 5px;
}

/**BENACHRICHTIGUNG***/
div#benachrichtigung {
	font-size: 14px;
	color: #ffffff;
	width: 446px;
	//height: 18px;
	background: #025B72;
	border-radius: 5px;
	position: fixed;
	//position: absolute;
	//position: relative;
	padding: 6px 2px 0px 10px; /*top right bootm left*/
	//margin-right: 120px;
	top: 170px;
	left: 320px;
	border: 4px solid #BFBFBF;
	display:none;
	//display:block; /*DEBUG*/
	z-index: 1;
	opacity: 0.9;
	//max-width: 380px;
	box-shadow: 0 5px 15px 1px rgba(0, 0, 0, 0.6), 0 0 100px 1px rgba(255, 255, 255, 0.5);
}
@media(max-width: 840px){
div#benachrichtigung {
	//float:left;
	//position: absolute;
	//top: 126px;
	left: 30px;
	//width: calc(100% - 20px);
	width: 246px;
	z-index: 2;
	//inline-size: 100px;
}
}

div#benachrichtigung.fehler {
	background-color: #8C270F;
	z-index: 2;
	//display:block; /*DEBUG*/
}

p#tohide {
	position: absolute;
	top: 0px;
	left: 400px;
	color: #ffffff;
	font-size: 10px;
}
@media(max-width: 840px){
p#tohide {
	left: 200px;
}
}

p.newsbottom {
	width: 100.4%;
	background-image: linear-gradient(#025B72,black 90%);
	height: 20px;
	padding-left: 10px;
	//padding-right: 20px;
	position: relative;
	left: -10px;
	border-radius: 0px 0px 5px 5px;
	//border: 1px solid;
	//border-bottom: 0px;
	//border-left: 0px;
	//border-top: 0px;
	font-size: 10px;
	color: #ffffff;
}

a.close {
	
	width: 20px;
	height: 21px;
	//background: #003040;
	border-radius: 5px;
	//position: relative;
	position: absolute;
	//position: fixed;
	top: 5px;
	right: 10px;
	border: 1px solid #FFFFFF;
	z-index: 3;
	
}

a.close:before{
	content: '';
	left: 9px;
	top: 0px;
	width: 3px;
	height: 20px;
	background: #FFFFFF;
	border-radius: 2px;
	//border-radius: 10px 0px 0px 0px;
	position: absolute;
	//transform-origin: 100% 100%;
	//border: 1px solid #FFFFFF;
	transform: rotate(135deg);

}

a.close:after{
	content: '';
	left: 8px;
	top: 0px;
	width: 3px;
	height: 20px;
	background: #FFFFFF;
	border-radius: 2px;
	//border-radius: 10px 0px 0px 0px;
	position: absolute;
	//transform-origin: 100% 100%;
	//border: 1px solid #FFFFFF;
	transform: rotate(45deg);

}



/**MENU***/
#accordian {
 background: #004050;
 width: 250px;
 //margin: 50px auto 0 auto;
 //margin: 0px auto 0 auto;
 margin: -20px 0px 0px 0px;
 padding: 0px;
 color: white;
 box-shadow: 0 5px 15px 1px rgba(0, 0, 0, 0.6), 0 0 100px 1px rgba(255, 255, 255, 0.5);
}

/*** ursprünglich style_forv2.css***/
/*
@media (max-width: 840px){
  #accordian {
	box-shadow: ;
	padding: 0px;

}
}
*/
 
#accordian h3 {
 background: #003040;
 background: -webkit-gradient(linear, left top, left bottom, from(#003040), to(#002535));
 background: linear-gradient(#003040, #002535);
 margin-left: -40px;
}

 
#accordian h3 a {
 //padding: 0 10px;
 padding: 0px 4px;
 margin-bottom: -20px;
 
 font-size: 14px;
 line-height: 34px;
 display: block;
 color: white;
 text-decoration: none;
 
}
 
#accordian h3:hover {
 text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}
 
i {
 margin-right: 10px;

}
 
#accordian li {
 list-style-type: none;
 
}
 
#accordian ul ul li a,
#accordian h4 {
 color: white;
 text-decoration: none;
 font-size: 12px;
 line-height: 27px;
 display: block;
 //padding: 0 15px;
 //padding: 4 4px;
 padding: 0 4px;
 -webkit-transition: all 0.15s;
 transition: all 0.15s;
 position: relative;
 
 //margin-left: -60px;
 margin-left: -40px;
 padding-right: 40px;
 
 /*white-space: nowrap;*/
 
}
 
#accordian ul ul li a:hover {
 background: #003545;
 border-left: 4px solid #EBC91E;
 //margin-left: -60px;
 
}

/*****/
#accordian a.link {
 background: #2B6910;
 border-left: 0px solid lightgreen;
 //margin-left: -60px;
 //position: absolute;
 position: relative;
 //float: right;
 top: 30px;
 //right: 200px;
 left: 200px;
 width: 50px;
}


#accordian ul ul {
 display: none;
 //background: #73B7CD;
 background: #004050;
 margin-left: -40px;
 
}
 
#accordian li.active>ul {
 display: block;
 //background: #ff0000;
 
}

#accordian li.active {
 background: #004050;
 background-image: linear-gradient(to right,#004050,#012029 90%);
 /**Anpassung fuer ander Browser**/
 background-image: -webkit-linear-gradient(to right,#004050,#012029 90%);
 background-image: -moz-linear-gradient(to right,#004050,#012029 90%);
 background-image: -ms-linear-gradient(to right,#004050,#012029 90%);
 background-image: -o-linear-gradient(to right,#004050,#012029 90%);
}


 
#accordian ul ul ul {
 //margin-left: 15px;
 border-left: 1px dotted rgba(0, 0, 0, 0.5);
 margin-left: -30px;
 //background: #73B7CD;
 background: #004050;
}
 
#accordian a:not(:only-child):after {
 content: ">";
 //font-family: ;
 position: absolute;
 right: 10px;
 top: 0;
 font-size: 12px;
 margin-left: 2px;
}
 
#accordian .active>a:not(:only-child):after {
 content: "^";
}



i.anzahl {
	//position: relativ;
	position: absolute;
	//left: 199px;
	//right: 20px;
	right: 0px;
	color: #FCD71E;
	font-size : 12px;
	text-align: right; 
	width: 40px;
	
	height: 10px;
	//border-radius: 14px;
	//padding: 1px;
	//background: #025B72;
	//padding: 0px 0px 14px 5px;
	/* top | right | bottom | left */
	//border: 1px solid #BFBFBF;
	/opacity: 0.8;
}



div#hidemenu {
    //clear:none;
    float:left;
    position: absolute;
    top: 86px;
    left: -20px;
    z-index: 1;
    
}

/**aus style_forv2.css***/
@media (max-width: 840px){
div#hidemenu{
	display: none;
	position: absolute;
	top: 54px;
	left: 10px;
	z-index: 3;
}
}

@media (max-width: 840px){
div.scrollmenu {
  //background-color: #004050;
  background-color: #003545;
  overflow: auto;
  overflow-y: scroll;
  overflow-x: hidden;
  white-space: nowrap;
  width: 260px;
  height: 400px;
  margin: 0;
  border: 1px solid #00242C;
  box-shadow: 2px 10px 15px 10px rgba(0, 0, 0, 0.6), 0 0 200px 1px rgba(255, 255, 255, 0.5);
  //box-shadow: 0px 10px 15px 10px rgba(0, 0, 0, 0.6);
  padding: 0px;
  z-index: 3;
}
}

@media (max-width: 840px){
div.scrollmenu::-webkit-scrollbar {
  width: 10px;               /* width of the entire scrollbar */
  height: 20px;
}
}

@media (max-width: 840px){
div.scrollmenu::-webkit-scrollbar-track {
  //background: #004050;        /* color of the tracking area */
  background: #003545;
}
}

@media (max-width: 840px){
div.scrollmenu::-webkit-scrollbar-thumb {
  background-color: #E3E3E3;    /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
  border: 3px solid grey;  /* creates padding around scroll thumb */
}
}




@media (max-width: 840px){
input#hider:checked+#hidemenu{
	display:block;
	position: absolute;
	
	}
}


//input[type=checkbox]:checked - #hidemenu {
	//display: block;
	//display: none;
	//position: absolute;
	//color:#F48524;
//}


input#hider[type=checkbox] {
	display: none;
}


@media (max-width: 840px){
div.sign_menu {	
	
	width: 30px;
	height: 36px;
	padding: 0px;
	//background: #018F5D;
	border-radius: 4px;
	position: absolute;
	top: 30px;
	border: 2px solid #FFFFFF;
	z-index: 4;
}


div.sign_menu:before{
	content: '';
	left: 6px;
	top: 6px;
	width: 18px;
	height: 16px;
	//background: #E5E5E5;
	border-radius: 1px;
	position: absolute;
	transform-origin: 100% 100%;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #50ACC3;

}
div.sign_menu:after{
	content: '';
	left: 8px;
	top: 12px;
	width: 16px;
	height: 4px;
	//background: #E5E5E5;
	border-radius: 2px;
	position: absolute;
	transform-origin: 100% 100%;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;

}
}
/**ENDE aus style_forv2.css***/



div.inhalt {
    //background-color: #025B72;
    padding: 0px;
    margin-top: 0px;
    //overflow: auto;
    //white-space: nowrap;
    width: calc(100% - 320px);
    //height: 100%;
    //display: inline-block;
    
    float:left;
    position: absolute;
    left: 300px;
    top: 125px;
}
@media (max-width: 840px){
div.inhalt {
	//float:left;
	position: absolute;
	//top: 126px;
	left: 10px;
	//width: calc(100% - 20px);
	width: 300px;
}
}


font.ueberschr {
	font-size: 26px;
	color: #6CD6F1;
}
@media (max-width: 840px){
font.ueberschr {
	font-size: 20px;
}
}

font.big {
	font-size: 30px;
}

.fett {
	font-weight: bold;
}

.info {
	font-size: 11px;
}


a {
	/**font-family: Calibri, Arial, Helvica, sans-serif;**/
	font-size: 16px;
	color: white;
	/**margin: 0px 0px 10px 0px;
	//padding: 4px;**/
}
a:hover {color: yellow;
}
a.link {
	/*font-family: Calibri, Arial, Helvica, sans-serif;*/
	font-size: 16px;
	color: #FDD844;
	margin: 0px 10px 0px 10px; /*top right bottom left*/
	padding: 4px;
	text-decoration: none;
}
a.link:hover {color: #FFFFFF;
}



a.head {
	/*font-family : Calibri, Arial, Helvetica, sans-serif;*/
	font-weight : normal;
	text-decoration: none;
	font-size : 30px;
	color: #FDD844;
	display:block;
	height:30px;
	width:70%;
	line-height:24px;
	margin: 0px;
	padding: 20px;
	//background: rgb(31,173,123);
	//border-bottom:1px solid #E5E5E5;
}
a.head:hover {color: #E5E5E5;
}
@media (max-width: 840px){
  a.head {
	font-size: 15px;
	padding-top: 5px;
	width: 250px;

}
}


a.butt{
  width: 260px;
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  /* top | right | bottom | left */
  margin: 14px 4px 0px 0px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  
  -webkit-appearance: none;
  height: 40px;

}

@media (min-width: 320px){
  a.butt {
  width: 220px;

}
}

a.butt:hover{
	background-color: #42C647;
}



a.buttklein{
  //width: 60px;
  height: 20px;
  background-color: #4CAF50;
  color: white;
  padding: 5px 5px;
  /* top | right | bottom | left */
  margin: 0px 4px 0px 4px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  
  -webkit-appearance: none;
  

}

a.buttklein:hover{
	background-color: #42C647;
}
@media (max-width: 840px){
  a.buttklein {
	font-size: 10px;

}
}

a.buttedit{
	display: inline-block;
	height: 30px;
	width: 30px;
	border: 2px solid #ffffff;
	border-radius: 5px;
	background-color: #1F7699;
	background-image: url(../svg/stift_white.svg);
	background-size: 30px 30px;

}

a.buttdelete{
	display: inline-block;
	height: 30px;
	width: 30px;
	border: 2px solid #ffffff;
	border-radius: 5px;
	background-color: #E13F15;
	background-image: url(../svg/trash_white.svg);
	background-size: 30px 30px;

}




.fonthead  {
	color: #FFFFFF;
	
	/*font-family : Calibri, Arial, Helvetica, sans-serif;*/
	font-weight : normal;
	text-decoration: none;
	font-size : 30px;
	
	//display:block;
	//height:30px;
	//width:70%;
	//line-height:24px;
	//margin: 0px;
	//padding: 20px;
}
@media (max-width: 840px){
  .fonthead {
	font-size: 15px;

}
}

.achtung {
	/*font-family: Calibri, Arial, Helvica, sans-serif;*/
	font-size: 16px;
	color: #A2030B;
}

hr {
	color: #0D97B8;
}
p.linie{
	width: 100%;
	height: 4px;
	//background-color: #330000;
	//border: 2px solid #333300;
	background: -webkit-gradient(linear, left top, left bottom, from(#80ABBA), to(#003040));
	background: linear-gradient(#80ABBA,#003040);
	//opacity: 0.4;
}

/*weiter unten
p {
	
	font-weight : normal;
	text-decoration: none;
	font-size : 20px;
	color: darkgrey;
	
	display:block;
	//height:60px;
	width:100%;
	line-height:24px;
	margin: 0px;
	padding: 20px;
	//background: #9DE748;
	border:0px solid #ffffff;
}
*/

/**weiter unten			
p.head {
	display:block;
	height:30px;
	width:100%;
	line-height:24px;
	margin: 0px;
	padding: 0px -20px 0px 520px; //top right bootm left
	background: #003040;
	border-bottom:1px solid #ffffff;
}
**/


a.hinweis {
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	//font-style: normal;
}
a.hinweis:hover {
	//color: #1E1E1E;
	text-decoration: underline;
}

table.inhalt {
	
	background-color: #7F7F7F;
	font-size: 12px;
	width: 100%;
	
}

/** hervorheben (2024.06.17) **/
td.glow {
	border-radius: 5px;
	margin: 10px;
	background-color: #1B6679;
	
}

td.spalten {
	color: #FFFFFF;
	background-color: #656565;
	padding: 4px;
}
td.inhalt {
	color: #000000;
	background-color: #E5E5E5;
	padding: 4px;
}
td.zeilen {
	color: #E5E5E5;
	background-color: #4D4D4D;
	padding: 4px;
}

table.printpre {
	background-color: #FFFFFF;
	font-size: 12px;
	color: #000000;
	width: 100%;
	border: 0px solid #4D4D4D; 
	padding: 0px;
	
}
table.printpre td {
	
	border: 1px solid #000000; 
	margin: 0px;
	padding: 4px;
}
table.printpre td.leer {
	border: 0px solid #000000;
}
table.printpre td.underl {
	border: 0px solid #000000;
	border-bottom: 3px solid #000000;
}


div {
	//border-radius: 15px;
	//border-radius: 0px 15px 15px 0px;
	//background-color: #F5F5F5;
	padding: 20px;
	//opacity: 1;
	
}

div.statusbar {
	background: #00222B;
	height: 2px;
	padding-bottom: 10px;
	//box-shadow: 0 5px 15px 1px rgba(0, 0, 0, 0.6);
	//width: 200px;
	//display: none;
}

/*test vollbild
div#all {
	width: 100%;
	margin: 0px;
	padding: 0px;
}
@media (max-width: 840px){
div#all {
	
	width: 350px;
}
}
*/

div.head {

	width: calc(100% - 20px);
	height: 72px;
	background: #003040;
	/**background: rgb(31,173,123);**/
	border-bottom:1px solid #212121;
	border-top:1px solid #212121;
	border-radius: 0px;
	/**position: relative;
	//position: fixed;
	//top: 0px;
	//left: 0px;
	//border: 0px solid #FDD844;**/
	padding: 0px;
	box-shadow: 0 5px 15px 1px rgba(0, 0, 0, 0.6), 0 0 100px 1px rgba(255, 255, 255, 0.5);
	overflow: hidden;
}

@media (max-width: 840px){
div.head {
	
	width: 330px;
}
}

#footer{
	width: 100%;
	height: 10px;
	padding: 8px;
	/*font-family : Calibri, Arial, Helvetica, sans-serif;*/
	font-weight : normal;
	text-decoration: none;
	text-align: right; 
	font-size : 10px;
	color: #ffffff;
	position: fixed;
	right: 0px;
	bottom: 0px;
	border-top: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
	background:#484848;
	padding: 12px 12px 12px 12px; /*top right bootm left*/
	opacity: 0.75;

}
/**
@media (max-width: 840px){
#footer {
	
	width: 340px;
}
}
**/

div.suchbar {
	//position: relativ; 
	//position: fixed; 
	position: absolute;
	//border-radius: 0px 0px 15px 0px;
	top: 72px; 
	left: 0px;
	width:100%;
	height: 40px;
	//background: #4D4D4D;
	margin: 0px;
	padding: 0px 0px 0px 16px; /*top right bootm left*/
	//padding: 0px;
	z-index: 5;
	//display: none;
}
@media (max-width: 840px){
div.suchbar {
	
	z-index: 1;
}
}


/****aus calendar.css****/

.auswahl {
	
	font-weight : bold;
	text-decoration: none;
	font-size : 30px;
	color: #252525;

}

.tabkopf {
	
	font-weight : normal;
	text-decoration: none;
	font-size : 20px;
	color: #FFFFFF;

}





div.calendar {
	//position: relativ; 
	//border-radius: 15px 15px 15px 15px;
	border-radius: 10px;
	//top: -140px; 
	//left: 30px;
	//width: 100%;
	//height: 40px;
	
	//background: #0885A5;
	font-size : 14px;
	padding: 0px;
	margin: 0px;
	margin-left: -10px;
	
}

div.calendar #wochtag {
	
	font-weight : normal;
	text-decoration: none;
	font-size : 20px;
	color: #FFFFFF;
	text-align: center;
}
div.calendar #wochtag.sonntag {
	
	color: #EC5555;

}

div.calendar #wochtag.samstag {
	
	color: #6EE662;

}

div.calendar #butt {
	display:block;
	border-radius: 10px;
	
	height:20px;
	/**width:40px;
	width: 12%;**/
	line-height:16px;
	margin: 2px;
	padding: 4px 5px 0px 5px;
	background: #CDCEC5;
	/**border:1px solid #ffffff;**/
	
	font-weight : normal;
	text-decoration: none;
	font-size : 20px;
	color: #000000;
}
div.calendar #butt:hover {color: #333333;background: #99dd99;
}

div.calendar #tag {
	display:block;
	border-radius: 10px;
	
	height:50px;
	
	//width: 12%;
	line-height:24px;
	margin: 0px;
	padding: 4px 5px 0px 5px;
	background: #C8C8C8;
	border:1px solid #6E8FA6;
	
	font-weight : normal;
	text-decoration: none;
	font-size : 20px;
	color: #000000;
}
div.calendar #tag:hover {color: #333333; background: #99dd99;
}

div.calendar #tag.abgelaufen {
	background: #4D4D4D;
}
div.calendar #tag.abgelaufen:hover {
	background: #817E7E;
}
div.calendar #tag.full {
	background: #E25656;
}
div.calendar #tag.full:hover {
	background: #E12A2A;
}
div.calendar #tag.half {
	background: #E4E04D;
}
div.calendar #tag.half:hover {
	background: #EFEB40;
}
div.calendar #tag.free {
	background: #7AE971;
}
div.calendar #tag.free:hover {
	background: #51DD46;
}
div.calendar #tag.feiertag {
	background: #D6988D;
}
div.calendar #tag.feiertag:hover {
	background: #D96B58;
}




div.calendar #sonntag {
	display:block;
	border-radius: 10px;
	height:50px;
	line-height:24px;
	margin: 0px;
	padding: 4px 5px 0px 5px;
	border:1px solid #6E8FA6;
	font-weight : normal;
	text-decoration: none;
	font-size : 20px;
	color: #000000;
	background: #D6988D;
}
div.calendar #sonntag:hover {color: #333333;background: #AC3722;
}


div.calendar #sonntag.abgelaufen {
	background: #4D4D4D;	
}
div.calendar #sonntag.abgelaufen:hover {
	background: #817E7E;
}


div.calendar #samstag {
	display:block;
	border-radius: 10px;
	height:50px;
	line-height:24px;
	margin: 0px;
	padding: 4px 5px 0px 5px;
	border:1px solid #6E8FA6;
	font-weight : normal;
	text-decoration: none;
	font-size : 20px;
	color: #000000;
	
	background: #8DD6A4;
	
}
div.calendar #samstag:hover {color: #333333;background: #46CF71;
}


div.calendar #samstag.abgelaufen {
	background: #4D4D4D;	
}

div.calendar #samstag.abgelaufen:hover {
	background: #817E7E;
}
div.calendar #samstag.feiertag {
	background: #D6988D;
}
div.calendar #samstag.feiertag:hover {
	background: #D96B58;
}

div.calendar #tag.heute {
	
	background: #DCDCDC;
	border:5px solid #EE952D;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	height:45px;
	
}
div.calendar #tag.heute:hover {color: #333333;background: #99dd99;
}
div.calendar #tag.heute.full {
	background: #D82B2B;
}
div.calendar #tag.heute.half {
	background: #D8D32B;
}
div.calendar #tag.heute.free {
	background: #37D82B;
}


/**Anzahl Termine***/
div.anzahlterm {
	position: absolute;
	margin-left: -5px;
	margin-top: -3px;
	padding: 2px;
	height: 20px;
	width: 24px;
	border: 2px solid #EA6B0D;
	line-height: 20px;
	border-radius: 5px 5px 5px 10px;
	background-color: #E3CFA2;
	color: #414141;
}

@media (max-width: 840px){
  div.anzahlterm {
	border-radius: 5px 5px 10px 10px;
	}

}

div.anzahltermw {
	position: absolute;
	margin-left: 1px;
	margin-top: -32px;
	padding: 2px;
	height: 4px;
	width: 24px;
	border: 2px solid #EA6B0D;
	line-height: 5px;
	border-radius: 20px 5px 5px 20px;
	background-color: #EA6B0D;
	color: #414141;
	z-index: 1;
}


/***ENDE aus calendar.css***/





div.sign_lupe {	
	width: 20px;
	height: 20px;
	padding: 0px;
	background: #BFBFBF;
	border-radius: 20px;
	position: relative;
	//position: absolute;
	//position: fixed;
	top: -10px;
	right: -10px;
	border: 2px solid #777777;
	opacity: 0.7;
	
}
div.sign_lupe:before{
	content: '';
	left: -40px;
	top: 22px;
	width: 20px;
	height: 4px;
	transform: rotate(135deg);
	//background: #E5E5E5;
	border-radius: 4px;
	position: absolute;
	transform-origin: 100% 100%;
	border: 2px solid #777777;

}

div.simlogo {
	
	width: 40px;
	height: 40px;
	background: #003040;
	border-radius: 15px;
	//position: relative;
	position: absolute;
	//position: fixed;
	top: 5px;
	left: 430px;
	border: 5px solid #FFFFFF;
	
	
}

@media (max-width: 840px){
  div.simlogo {
	width: 20px;
	height: 20px;
	//background: #003040;
	border-radius: 10px;
	//position: relative;
	//position: absolute;
	//position: fixed;
	top: 3px;
	left: 240px;
	border: 3px solid #FFFFFF;

}
}
div.simlogo:before{
	content: '';
	left: -1px;
	top: -1px;
	width: 50px;
	height: 50px;
	background: #ADD8E6;
	border-radius: 10px 0px 0px 0px;
	position: absolute;
	transform-origin: 100% 100%;
	border: 2px solid #FFFFFF;

}
@media (max-width: 840px){
  div.simlogo:before {
	//content: '';
	//left: -1px;
	//top: -1px;
	width: 35px;
	height: 35px;
	//background: #ADD8E6;
	border-radius: 6px 0px 0px 0px;
	//position: absolute;
	//transform-origin: 100% 100%;
	border: 1px solid #FFFFFF;

}
}
div.simlogo:after{
	content: '';
	left: 30px;
	top: 30px;
	width: 50px;
	height: 50px;
	//background: #ADD8E6;
	border-radius: 0px 15px 15px 15px;
	position: absolute;
	transform-origin: 100% 100%;
	border: 2px solid #FFFFFF;

}
@media (max-width: 840px){
  div.simlogo:after {
	//content: '';
	left: 20px;
	top: 20px;
	width: 40px;
	height: 40px;
	//background: #ADD8E6;
	border-radius: 0px 10px 10px 10px;
	//position: absolute;
	//transform-origin: 100% 100%;
	border: 1px solid #FFFFFF;

}
}

div.style_dark {
	
	width: 20px;
	height: 20px;
	padding: 0px;
	background: #BFBFBF;
	border-radius: 8px;
	//position: relative;
	position: absolute;
	//position: fixed;
	top: 0px;
	right: 74px;
	border: 5px solid #585858;
}

div.style_hik {
	
	width: 20px;
	height: 20px;
	padding: 0px;
	background: #2B2B2B;
	border-radius: 8px;
	//position: relative;
	position: absolute;
	//position: fixed;
	top: 0px;
	right: 10px;
	border: 5px solid #484848;
}

div.style_std {
	
	width: 20px;
	height: 20px;
	padding: 0px;
	background: #018F5D;
	border-radius: 8px;
	//position: relative;
	position: absolute;
	//position: fixed;
	top: 0px;
	right: 42px;
	border: 5px solid #53A016;
}


div.sign_uinfo {
	
	width: 20px;
	height: 20px;
	padding: 0px;
	background: #018F5D;
	border-radius: 20px;
	//position: relative;
	position: absolute;
	//position: fixed;
	top: 0px;
	right: 232px;
	border: 5px solid #53A016;
	
}
div.sign_uinfo:before{
	content: '';
	left: 0px;
	top: 0px;
	width: 10px;
	height: 10px;
	background: #E5E5E5;
	border-radius: 10px;
	position: absolute;
	transform-origin: 100% 100%;
	border: 2px solid #777777;

}


div.sign_help {
	
	width: 20px;
	height: 20px;
	padding: 0px;
	background: #6686F5;
	border-radius: 20px;
	//position: relative;
	position: absolute;
	//position: fixed;
	top: 0px;
	right: 266px;
	border: 5px solid #1645A0;
	
}
div.sign_help:before{
	content: '?';
	font-size: 26px;
	color: #ffffff;
	left: 5px;
	top: -4px;
	//width: 10px;
	//height: 10px;
	//background: #E5E5E5;
	//border-radius: 10px;
	position: absolute;
	transform-origin: 100% 100%;
	//border: 2px solid #777777;

}


div.sign_help_off {
	
	width: 20px;
	height: 20px;
	padding: 0px;
	background: #772200;
	border-radius: 20px;
	//position: relative;
	position: absolute;
	//position: fixed;
	top: 0px;
	right: 266px;
	border: 5px solid #585858;
	
}
div.sign_help_off:before{
	content: 'x';
	font-size: 26px;
	color: #ffffff;
	left: 4.5px;
	top: -2px;
	//width: 10px;
	//height: 10px;
	//background: #E5E5E5;
	//border-radius: 10px;
	position: absolute;
	transform-origin: 100% 100%;
	//border: 2px solid #777777;

}



div.sign_key {	
	width: 15px;
	height: 15px;
	padding: 0px;
	background: #BFBFBF;
	border-radius: 20px;
	//position: relative;
	position: absolute;
	//position: fixed;
	top: 0px;
	right: 156px;
	border: 2px solid #777777;
	opacity: 1;
	
}
div.sign_key:before{
	content: '';
	left: -37px;
	top: 12px;
	width: 18px;
	height: 6px;
	transform: rotate(135deg);
	background: #BFBFBF;
	border-radius: 4px;
	position: absolute;
	transform-origin: 100% 100%;
	border: 2px solid #777777;
	border-left: 2px dotted #777777;
	border-top: 2px dotted #777777;

}

div.sign_logout {	
	width: 20px;
	height: 15px;
	padding: 0px;
	background: #FDD844;
	border-radius: 4px;
	/*position: relative;*/
	position: absolute;
	/*position: fixed;*/
	top: 11px;
	left: 22px;
	border: 2px solid #F3EEDA;
	opacity: 1;
	
}
div.sign_logout:before{
	content: '';
	left: 1px;
	top: -13px;
	width: 12px;
	height: 14px;
	/*background: #FF8F16;*/
	border-radius: 4px;
	position: absolute;
	transform-origin: 100% 100%;
	border: 3px solid #FDD844;

}
div.sign_logout:after{
	content: '';
	left: 10px;
	top: 4px;
	width: 2px;
	height: 4px;
	/*background: #FF8F16;*/
	border-radius: 2px;
	position: absolute;
	transform-origin: 100% 100%;
	border: 3px solid #7F7F7F;

}






div.sign_answer {
	width: 28px;
	height: 8px;
	padding: 0px;
	//background: #BFBFBF;
	position: relative;
	//position: absolute;
	//position: fixed;
	top: 0px;
	//right: 60px;
	//top: 20px;
	border: 3px solid #ffffff;
	border-right: 0px;
	border-radius: 6px;
}
div.sign_answer:before{
	content: '';
	left: -7px;
	top: -17px;
	width: 18px;
	height: 18px;
	transform: rotate(135deg);
	border-radius: 6px;
	position: absolute;
	border: 3px solid #ffffff;
	border-right: 0px;
	border-bottom: 0px;
	transform-origin: 100% 100%;
}
/*
div.sign_answer:hover{
	border-color: #6CD6F1;
}
div.sign_answer:before:hover{
	border-color: #6CD6F1;
}
*/

div.sign_block {
	width: 20px;
	height: 20px;
	padding: 0px;
	//background: #BFBFBF;
	position: relative;
	//position: absolute;
	//position: fixed;
	top: 0px;
	//right: 60px;
	//top: 20px;
	border: 3px solid #ffffff;
	border-radius: 20px;
}

div.sign_block:before{
	content: '';
	left: 2px;
	top: 8px;
	width: 16px;
	height: 3px;
	background-color: #ffffff;
	//transform: rotate(135deg);
	border-radius: 6px;
	position: absolute;
	//border: 3px solid #ffffff;
	//border-right: 0px;
	//border-bottom: 0px;
	transform-origin: 100% 100%;
}

div.info {	
	width: 20px;
	height: 20px;
	padding: 0px;
	//background: #BFBFBF;
	border-radius: 20px;
	position: relative;
	//position: absolute;
	//position: fixed;
	top: 0px;
	right: 0px;
	border: 2px solid #ffffff;
	//opacity: 1;
	
}
div.info:before{
	content: 'i';
	font-size: 18px;
	left: 7.5px;
	top:0px;
	position: absolute;
}


p {
	/*font-family : Calibri, Arial, Helvetica, sans-serif;*/
	font-weight : normal;
	text-decoration: none;
	font-size : 20px;
	color: darkgrey;
	
	display:block;
	height:60px;
	width:100%;
	line-height:24px;
	margin: 0px;
	padding: 0px;
	//background: #9DE748;
	border:0px solid #ffffff;
}


table.messanger {
	display:block;
	//text-decoration: none;
	//height:60px;
	width:370px;
	line-height:24px;
	padding: 10px;
	//margin-left: 200px;
	//padding: 0px -20px 0px 520px; /*top right bootm left*/
	background: #003040;
	//border-bottom:1px solid #ffffff;
	border: 1px solid #ffffff;
	border-radius: 10px;
	box-shadow: 0 5px 15px 1px rgba(0, 0, 0, 0.6), 0 0 50px 1px rgba(255, 255, 255, 0.5);
}
@media (max-width: 840px){
  table.messanger {
	width: 210px;

}
}

a.messanger {
	text-decoration: none;

}

p.anzahl {
	width: 30px;
	height: 30px;
	border-radius: 15px;
	background-color: #0D97B8;
	color: #fff;
	border: 0px solid #fff;
	text-align: center;
	line-height: 30px;
	
}





p.head {
	display:block;
	height:30px;
	width:100%;
	line-height:24px;
	margin: 0px;
	padding: 0px -20px 0px 520px; /*top right bootm left*/
	background: #838080;
	border-bottom:1px solid #ffffff;
	box-shadow: 0 5px 15px 1px rgba(0, 0, 0, 0.6), 0 0 100px 1px rgba(255, 255, 255, 0.5);
}

p.hinweis {
	/*font-family : Calibri, Arial, Helvetica, sans-serif;*/
	font-weight : normal;
	text-decoration: none;
	font-size : 16px;
	color: #000000;
	display:block;
	//height:140px;
	height: auto;
	box-sizing: border-box;
	width:100%;
	line-height:24px;
	margin: 0px;
	padding: 20px;
	//padding-right: 0px;
	background: #7F85CE;
	border:2px solid #4D4D4D;
	//box-shadow: 0 5px 15px 1px rgba(0, 0, 0, 0.6), 0 0 100px 1px rgba(255, 255, 255, 0.5);
}



p.ausg {
	font-weight : normal;
	text-decoration: none;
	font-size : 14px;
	color: #2E5526;
	display:block;
	height: auto;
	box-sizing: border-box;
	//width:260px;
	line-height:24px;
	margin: 0px;
	padding: 20px;
	//padding-right: 0px;
	background: #73D860;
	border:2px solid #4D4D4D;

}

p.fehler {
	font-weight : normal;
	text-decoration: none;
	font-size : 14px;
	color: #401111;
	display:block;
	//height:100px;
	height: auto;
	box-sizing: border-box;
	//width:260px;
	line-height:24px;
	margin: 0px;
	padding: 20px;
	//padding-right: 0px;
	background: #EA9390;
	border:2px solid #4D4D4D;

}





/*form*/
div.form {
	//border-radius: 15px;
	//border-radius: 0px 15px 15px 0px;
	background-color: #004050;
	padding: 20px;
	//opacity: 1;
	box-shadow: 0 5px 15px 1px rgba(0, 0, 0, 0.6), 0 0 100px 1px rgba(255, 255, 255, 0.5);
	border-radius: 6px;
	//clear:none;
	//float:left;
	//position: absolute;
	//left: 300px;
	//top: 126px;
	//width: 100%;
	
	
}
/*
@media (max-width: 840px){
div.form{
	//position: absolute;
	//left: 0px;
	//top: 120px;
}
}
*/
input[type=text], input[type="password"], input[type="search"] {
   cursor: auto;
   width: 100%;
  padding: 12px 20px;
  margin: 0px 0px 14px;
  display: inline-block;
  box-sizing: border-box;
   border-radius: 4px;
   //border: 2px solid #578457;
   //border: 2px solid #004050;
   border: 1px solid #AAC8D2;
   background-color: #FFFFFF;
}
input[type=text]:invalid , input[type="password"]:invalid , input[type="search"]:invalid {
   border: 2px solid #ff0000;
  background-color: #F8EEDD;
}

input:focus , input[type="password"]:focus , input[type="search"]:focus {
	outline: 0;
}

/*
@media(max-width: 840px){
input[type=text]:invalid , input[type="password"]:invalid , input[type="search"]:invalid {
	width: 100%; 
	//width: 256px;
}
input[type=text], input[type="password"], input[type="search"]{
	width: 100%;
	//width: 256px;
}
}
*/
  /*
input[type=text] {
  width: 100%;
  //width: 300px;
  
  padding: 12px 20px;
  //margin: 8px 0;
  margin: 0px 0px 14px;
  display: inline-block;
  //border: 1px solid #cccccc;
  //border-radius: 4px;
  box-sizing: border-box;
  //background-color: #ffffff;
}
*/

/*
input[type=text]:invalid {
  border: 2px solid #ff0000;
  background-color: #F8EEDD;
}
*/
/*
@media (max-width: 840px){
input[type=text]:invalid {
	width: 256px;
}
input[type=text]{
	width: 256px;
}
}
*/

input[type=text].suchen {
	display:block;
	border-radius: 6px;
	
	height:32px;
	width: 220px;
	line-height:24px;
	margin: 0px;
	padding: 4px 10px 4px 10px;
	
	background: #DEDEDE;
	border:1px solid #484848;
	font-weight : normal;
	text-decoration: none;
	font-size : 14px;
	color: #000000;
	
	transition: width 0.4s ease-in-out;
	
	
  
  //box-sizing: border-box;
  //border: 2px solid #ccc;
  //border-radius: 4px;
  //font-size: 16px;
  //background-color: white;
  //background-image: url('searchicon.png');
  //background-position: 10px 10px; 
  //background-repeat: no-repeat;
  //padding: 1px 2px 2px 4px;
  
  //opacity: 0.7;
}

input[type=text].suchen:focus {
  width: 526px;
  //width: calc(100% - 50px);
  background-color: #ffffff;
}

@media (max-width: 840px){
input[type=text].suchen {
	width: 256px;
}
input[type=text].suchen:focus{
	width: 256px;
}
}


input[type=text].suchen_top {
  width: 300px;
  //padding: 12px 20px;
  //margin: 8px 0;
  //margin: 0px 0px 14px;
  padding: 14px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #cccccc;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: #ffffff;
}

input[type=text].suchen_top:focus {
  //width: 440px;
  //background-color: #3AFF00;
}


input[type=text].suchen::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000000;
  opacity: 1; /* Firefox */
}

input[type=text].suchen:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000000;
}

input[type=text].suchen::-ms-input-placeholder { /* Microsoft Edge */
  color: #000000;
}


select {
  width: 100%;
  //width: 300px;
  padding: 12px 20px;
  //margin: 8px 0;
  margin: 0px 0px 14px;
  display: inline-block;
  //border: 1px solid #cccccc;
  border: 1px solid #AAC8D2;
  border-radius: 4px;
  box-sizing: border-box;
  background: #ADCAD4;
 background: -webkit-gradient(linear, left top, left bottom, from(#ADCAD4), to(#80ABBA));
 background: linear-gradient(#ADCAD4, #80ABBA);
  
  -webkit-appearance: none;
  height: 40px;
}
select:focus {
	outline: 0;
}

@media (min-width: 320px){
  select {
  width: 100%;
  //width: 260px;

}
}

select:invalid {
  border: 2px solid #850A0A;
  background-color: #CCC7BE;
}

/*
input[type=password] {
  width: 100%;
  //width: 300px;
  padding: 12px 20px;
  //margin: 8px 0;
  margin: 0px 0px 14px;
  display: inline-block;
  border: 1px solid #cccccc;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: #ffffff;
}
*/

/*
input[type=password]:invalid {
  border: 2px solid #ff0000;
  background-color: #F8EEDD;
}

@media (max-width: 840px){
input[type=password]:invalid {
	width: 256px;
}
input[type=password]{
	width: 256px;
}
}
*/

option {
	color: #1B235C;
	font-size: 16px;
	background-color: #AAC8D2;
	}

input[type=email] {
  width: 100%;
  //width: 300px;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
input[type=email]:invalid {
  border: 2px solid #ff0000;
}

input[type=submit] {
  //width: 100%;
  width: 280px;
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  //margin: 8px 0;
  /* top | horizontal | bottom */
  margin: -2px auto 20px; 
  
  border: none;
  border-radius: 4px;
  cursor: pointer;
  
  -webkit-appearance: none;
  height: 44px;
}

@media (min-width: 320px){
  input[type=submit] {
  width: 260px;

}
}

input[type=submit].red {
  background-color: #C14F40;
  
}

input[type=submit]:hover {
  background-color: #45a049;
}

input[type=submit].suchknopf {
  //background-color: #083B0E;
  //margin: 0px;
  //width: 100px;
  
	width: 33px;
	height: 32px;
	padding: 4px;
	margin-left: -4px;
	margin-top: 0px;
	line-height: 24px;
	background: #4CAF50;
	border-radius: 6px;
	position: relative;
	//position: absolute;
	//position: fixed;
	top: 10px;
	//right: -10px;
	border: 1px solid #2F2F2F;
	text-decoration: bold;
	color: #ffffff;
	//opacity: 0.7;
  
  
}



textarea {
  width: 100%;
  //width: 300px;
  white-space: pre-wrap;
  height: 150px;
  padding: 12px 20px;
  box-sizing: border-box;
  //border: 2px solid #ccc;
  border: 2px solid #AAC8D2;
  border-radius: 4px;
  background-color: #EDEDED;
  resize: none;
}
textarea:focus {
	outline: 0;
}

input[type=file] {
  width: 80%;
  //width: 300px;
  background-color: #4CAF50;
  color: #ffffff;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
input[type=file]:invalid {
  border: 2px solid #ff0000;
  background-color: #F8EEDD;
  color: #505050;
}

/*
input[type=date] {
  //width: 100%;
  width: 300px;
  padding: 12px 20px;
  //margin: 8px 0;
  margin: 0px 0px 14px;
  display: inline-block;
  border: 1px solid #cccccc;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: #ffffff;
}
*/

input[type=date]:invalid {
  border: 2px solid #ff0000;
  background-color: #F8EEDD;
}





input[type=datetime-local], input[type=date]{
//width: 100%;
  width: 260px;
  padding: 12px 20px;
  margin: 1px 0;/*top right bootm left*/
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  background: #ADCAD4;
 background: -webkit-gradient(linear, left top, left bottom, from(#ADCAD4), to(#80ABBA));
 background: linear-gradient(#ADCAD4, #80ABBA);
}

/*
input[type=date]{
//width: 100%;
  width: 260px;
  padding: 12px 20px;
  margin: 1px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  background: #ADCAD4;
 background: -webkit-gradient(linear, left top, left bottom, from(#ADCAD4), to(#80ABBA));
 background: linear-gradient(#ADCAD4, #80ABBA);

	}*/
	


#customrepeat {
  display:none;
  margin: -20px 0px -40px -23px;/*top right bootm left*/
}

#justday {
  display:none;
  margin: -20px 0px -40px -20px;/*top right bootm left*/
}

#timeline {
  margin: -20px 0px -40px -20px;/*top right bootm left*/
}

#newpc {
  display:none;
  margin: -20px -20px -40px -20px;/*top right bootm left*/
}

label {
	/*font-family : Calibri, Arial, Helvetica, sans-serif;*/
	color: #FFFFFF;
	font-size: 16px;
	height: 100px;
	font-weight : normal;
	width: 300px;
	}
	
@media (min-width: 320px){
  label {
  width: 260px;

}
	


input[type=checkbox] {
   visibility: hidden;
}

.mcheckbox {
   width: 40px;
   height: 20px;
   background: #AAC8D2;
	margin: 5px 0px 10px 0px;/*top right bootm left*/
	padding: 0px 0px 0px 0px;/*top right bootm left*/
   position: relative;
	border-radius: 10px;
}
.mcheckbox label {
   display: block;
   width: 18px;
   height: 18px;
   border-radius: 50%;
   transition: all 1s ease;
   cursor: pointer;
   position: absolute;
   top: 1px;
   left: 1px;
   background: #FFFFFF;
}
.mcheckbox input[type=checkbox]:checked + label {
   left: 20px;
	background: #004050;
	border: 6px solid #51ABCD;
	width: 8px;
   height: 8px;
	top: 0px;
}
      
div#layerforcheckbox {
	position: relative;
	top: -40px;
	left: 30px;
	width: 500px;
	padding-right: 0px;
	
}
@media (max-width: 840px){
div#layerforcheckbox {
	width: 270px;
}
}


div#timer {
	font-size : 12px;
	color: #ffffff;
	width: 214px;
	height: 18px;
	background: #025B72;
	border-radius: 15px;
	//position: absolute;
	position: relative;
	padding: 6px 2px 0px 10px; /*top right bootm left*/
	top: 4px;
	//top: 2px;
	//left: 54px;
	left: -30px;
	border: 1px solid #BFBFBF;
	//z-index: 6;

}

div#timeralert {
	font-size: 12px;
	color: #ffffff;
	width: 246px;
	height: 36px;
	background: #ee2222;
	border-radius: 5px;
	position: fixed;
	//position: absolute;
	//position: relative;
	padding: 6px 2px 0px 10px; /*top right bootm left*/
	top: 130px;
	//top: 2px;
	left: 320px;
	//left: -30px;
	border: 1px solid #BFBFBF;
	display:none;
	z-index: 1;
	opacity: 0.8;
}
@media(max-width: 840px){
div#timeralert {
	//float:left;
	//position: absolute;
	//top: 126px;
	left: 30px;
	//width: calc(100% - 20px);
	//width: 300px;
	z-index: 2;
}
}


div#timeout {
	font-size: 12px;
	color: #ffffff;
	width: 96%;
	height: 96%;
	background: #222222;
	border-radius: 10px;
	position: fixed;
	padding: 12px 12px 2px 20px; /*top right bootm left*/
	top: 0px;
	left: 0px;
	border: 1px solid #BFBFBF;
	display:none;
	//display:block; /*DEBUG*/
	z-index: 10;
	
}


/**KALENDAR TAGESANSICHT***/
a.button {
	display:block;
	border-radius: 10px;
	
	height:30px;
	//width:40px;
	//width: 12%;
	line-height:24px;
	margin: 2px;
	padding: 8px 2px 2px 2px;
	background: #80CC8C;
	//border:1px solid #ffffff;
	font-family : Calibri, Arial, Helvetica, sans-serif;
	font-weight : normal;
	text-decoration: none;
	font-size : 20px;
	color: #000000;

}

.datum {
	font-size: 30px;
	margin-bottom: 2px;
}

div.balken {
	//position: relativ; 
	//border-radius: 15px 15px 15px 15px;
	border-radius: 5px;
	//top: -140px; 
	//left: 30px;
	width: 100%;
	//height: 40px;
	
	//background: #F5F5F5;
	font-size : 20px;
	padding: 0px;
	
}

div.balken #blk {
	display:block;
	border-radius: 10px 10px 0px 0px;
	
	height:30px;
	//width:40px;
	//width: 12%;
	line-height:24px;
	
	//padding: 10px 10px 10px 0px;
	background: #CDCEC5;
	//border:1px solid #ffffff;
	font-family : Calibri, Arial, Helvetica, sans-serif;
	font-weight : normal;
	text-decoration: none;
	font-size : 20px;
	color: #000000;
	
	//vertical-align: bottom;
}
div.balken #blk:hover {color: #333333;background: #99dd99;
}
div.balken #blk.abgelaufen {
	background: #4D4D4D;
}
div.balken #blk.abgelaufen:hover {
	background: #817E7E;
}
div.balken #blk.full {
	background: #E25656;
}
div.balken #blk.full:hover {
	background: #E12A2A;
}
div.balken #blk.half {
	background: #E4E04D;
}
div.balken #blk.half:hover {
	background: #EFEB40;
}
div.balken #blk.free {
	background: #7AE971;
}
div.balken #blk.free:hover {
	background: #51DD46;
}
div.balken #blk.feiertag {
	background: #D6988D;
}
div.balken #blk.feiertag:hover {
	background: #D96B58;
}