﻿body, html {
	/*font: 14px/21px Arial, sans-serif;*/
	/*color: #3E3D3D;*/
}


#ikalender,#ikalinhalt,#iende{
	/*float:left;*/
	/*width: 50%;*/
	/*height: 290px;*/
}
#ikalender{
	border:0px solid #cfcfcf;
	background-color:#0ff;
	background-color:#fcfcfc;
	background-color:#e6e6e6;
}
#ikalinhalt{
	border:0px solid #727272;
	background-color:#0ff;
	background-color:#727272;
	color: #000;
	color: #fff;
}
#iende{
	border:0px solid #f00;
	background-color:#272727;
	color: #ff0;
	width: 100%;
}

.tabkal,.tabwahl,.tablegende{
	margin: 10px auto;
	border: 1px solid #f00;
	border: 1px solid #cfcfcf;
	width: 50%;
	width: 46%;
	width: 100%;
	table-layout: fixed;
}
.tabwahl{
	margin: 0px auto;
	width: 0%;
	width: 100%;
	background: none repeat scroll 0% 0% rgba(0, 47, 22, 0.85);
}
.tablegende{
	border: 0px solid #cfcfcf;
}
.trkal{
	/*border: 1px solid #ff0;*/
}
.thkal,.tdkal,.tdwahl{
	/*width: 36px;*/
	/*height: 26px;*/
	/*width: 50px;*/
	/*height: 30px;*/
	text-align: center;
	text-align: right;
	vertical-align: middle;
	vertical-align: top;	
	padding: 5px 0px;
	min-width: 40px;
	background: #fff;
	/*font-size: 24px;*/
	
	padding: 2px 2px 0 0;
	height: 60px;
	min-height: 40px;
	font-size: 10px;
	font-size: 12px;
	padding: 2px;
	/*position: relative;*/
	
}
.tdwahl{
	font-size: 24px;
	padding:0px;
	text-align: left;
}

@media (min-width: 980px) and (max-width: 1199px){
	.tdwahl{font-size: 20px;}
}
@media (min-width: 768px) and (max-width: 979px){
}


@media (max-width: 996px)
{
	.tdwahl{font-size: 12px;}
}

@media (max-width: 767px)
{
	.tdwahl{font-size: 14px;}
}

@media (max-width: 479px)
{
	.tdwahl{font-size: 10px;}
}

.thkal{
	/*background-color: #658a70;*/
	/*color: #00501f;*/
	border: 1px solid #f0f;
	border: 1px solid #cfcfcf;
	height:25px;
	vertical-align: middle;
	text-align: center;
}
.thkal.kw{
}
.tdkal{
	border: 1px solid #00f;
	border: 1px solid #cfcfcf;
}
.tdkal.blaett{
	text-align: center;
	vertical-align: middle;
	font-size:9px;
}
.tdkal.kw,.tdkal.kwhg{
	/*color: #0f0;*/
	background-color:#f0f0f0;
	/*font-weight:bold;*/
	font-size:9px;
	text-align: center;
	/*text-align: left;*/
	padding-left: 2px;
	vertical-align: middle;
}
.tdkal.kwhg{
	background-color:#fff;
}
.tdkal.kw,.thkal.kw,.tdkal.kwhg{
	max-width: 0px;
	/*color: #f0f;*/
	width: 0px;
	padding: 0px;
	min-width: 20px;
}
.tdkal.vor,.tdkal.nach{
	background-color:#cfcfcf;
	background-color: #f8f8f8;
	color: #cfcfcf;
	color: #272727;
	color: #727272;
	font-size:9px;
	border: 1px solid #bcbcbc;
	/*cursor: wait;*/
}
.tdkal.heute{
	color: #f00;
	color: #ff0;
	color: #DB7F23;
	font-weight:bold;
}
.tdkal .aktdatum{
	/*font-weight:bold;*/
}
.tdkal.offen{
	background-color: #0ff;
	background-color: #0f0;
}
.tdkal.zu{
	background-color: #f0f;
	background-color: #f00;
	cursor: wait;
}
.tdkal.NO{
	background-color: #f00;
	cursor: wait;
}
.tdkal.SW{
	background-color: #ff0;
	cursor: pointer;
}
.tdkal.OK{
	background-color: #0f0;
	cursor: pointer;
}
.tdkal.nowrap,.tdwahl.nowrap{
	white-space: nowrap;
}
.tdkal .kldatum{
	color: #f00;
	color: #6e6e6e;
	font-size:12px;
}
.tdwahl.tdresdat{
	font-weight:bold;
	color:#ff0;
	background: none repeat scroll 0% 0% rgba(0, 47, 22, 0.85);	
	vertical-align: baseline;
}

.tdauswahl{
	font-weight:bold;
	color:#fff;
	border: 2px solid #ff0000;
	border: 2px dotted #ff0000;
	border: 2px solid #ff0000;
	border: 2px solid #0000ff;
	background-color: #0000ff !important;
}
.tdauswahlok,.tdauswahlsw{
	font-weight:bold;
	border: 2px solid #0000ff;
	background-color: #0000ff !important;
}
.tdauswahlsw{
	color:#ff0;
}
.tdauswahlok{
	color:#fff;
}

.calpfeil{
	width: 18px;
	height: 18px;
	width: 9px;
	height: 9px;
	width: 14px;
	height: 14px;
	border: 0px solid #ff0000;
	cursor: pointer;
	vertical-align: middle;	
	position: relative;
	top: 0px;
	color: #012F6B;
	font: 400 16px 'FontAwesome';
	font: 400 15px/17px HelveticaNeueLTStdLt, Verdana, Arial, Courier;
}
.calpfeil:hover{
	color: #5482ff;
}

@media (max-width: 479px)
{
	.thkal,.tdkal{
		font-size:10px;
		padding: 5px 0px;
		min-width: 30px;
	}
}

.kalrire,.kalrili,.kaljarire,.kaljarili{
   font: 400 15px 'FontAwesome';
   /*line-height: 54px;*/
   /*position: absolute;*/
   z-index: 2;
   /*top: 50%;*/
   display: inline-block;
   /*width: 54px;*/
   /*max-width: 100%;*/
   /*margin-top: -27px;*/
   padding: 0 0;
   cursor: pointer;
   -webkit-transition: .3s all ease;
      -moz-transition: .3s all ease;
        -o-transition: .3s all ease;
           transition: .3s all ease;
   /*text-align: center;*/
   color: #000;
	color: rgba(255, 255, 255, 0.5);
   border: 1px solid #d6d6d6;
   border: 1px solid #fff;
   background: #d9d9d9;
	background: rgba(217, 217, 217, 0.5);
	background: none repeat scroll 0% 0% rgba(0, 47, 22, 0.25);	
	background-color: #658a70;
	background-color: #fff;
	color: #00501f;
   color: #000;
	color: #222222;
	color: #00501f;
	color: #012F6B;
}

.kalrire:hover,.kalrili:hover,.kaljarire:hover,.kaljarili:hover{
   color: #fff;
	color: #00501f;
	color: rgba(0, 47, 22, 0.85);
   border-color: #b6b4ab;
   border-color: #fff;
   background: #000;
	background: rgba(0, 0, 0, 0.5);
	background: none repeat scroll 0% 0% rgba(0, 47, 22, 0.75);
	background-color: #fff;
	color: #5482ff;
}

.kalrire{
	/*right: 1px;*/
}
.kalrire:before{
   padding-right: 4px;
   padding-left: 5px;
   content: '\f105';
}
.kalrili{
	/*left: 0px;*/
}
.kalrili:before{
   padding-right: 7px;
	padding-left: 4px;
   content: '\f104';
}

.kaljarire{
	/*right: 1px;*/
}
.kaljarire:before{
   padding-right: 4px;
   padding-left: 5px;
   content: '\f105\f105';
}
.kaljarili{
	/*left: 0px;*/
}
.kaljarili:before{
   padding-right: 7px;
	padding-left: 4px;
   content: '\f104\f104';
}



.eintrag {
	/*background:#012F6B;*/
	width:8px;
}
.terminimg{
	width: 10px;
	border:1px solid #f00;
	width: 12px;
	border: 1px solid #f00;
	cursor: pointer;
	/*width: 50px;*/
	/*height: 25px;*/
	/*margin-bottom: 2px;*/
	/*width: 100%;*/
}
.terminimg.blau{
	border:1px solid #012F6B;
}
.terminimg.hblau{
	border:1px solid #5482ff;
}
.terminimg.gelb{
	border:1px solid #ffcc00;
}
.terminimg.orange{
	border:1px solid #DB7F23;
}
.terminimg.gruen{
	border:1px solid #175C10;
	border:1px solid #00A8C8;
}

.tooltip {
    z-index:1;
    /* ~~~~ added ~~~~*/
    width:200px;
    height:150px;
    padding:20px;
    border:1px solid #ccc;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    border-radius:3px;
    -webkit-border-radius:3px;
    position:absolute;
    top:5px;
    top:40px;
    /*left:50px;*/
		right:2px;
    /*display:none;*/
}
[id^=ittip]{
	max-height: 100px;
	overflow: hidden;
  z-index:1;
  /* ~~~~ added ~~~~*/
  width:200px;
  height:150px;
  padding:20px;
  border:1px solid #ccc;
  box-shadow: 0 0 3px rgba(0, 0, 0, .3);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
  border-radius:3px;
  -webkit-border-radius:3px;
  position:absolute;
  top:5px;
  left:50px;
  display:none;
}

/* ### Kalender ### */
#ikalzg{
	border:0px solid #0f0;
	/*float: left;*/
	width: 100%;
}

#ikalzg .h1kalueb{
	display: inline;
	border:0px solid #f0f;
}
#ikalzg .h1blaettern{
	float: right;
	border:0px solid #0ff;
	display: flex;
	margin-top: 13px;
}

#ikalzg .kalrire,#ikalzg .kalrili,#ikalzg .kaljarire,#ikalzg .kaljarili{
  font: 400 20px 'FontAwesome';
  border: 1px solid #f1f1eb;
	background-color: #fff;
	background: #f1f1eb;
	color: #012F6B;
	}
#ikalzg .kalrire:hover,#ikalzg .kalrili:hover,#ikalzg .kaljarire:hover,#ikalzg .kaljarili:hover{
	background-color: #fff;
	background: #f1f1eb;
	color: #5482ff;
	}
#ikalzg .aktdatum{
	font-size: 18px;
	cursor:pointer;
	position: relative;
	top: -1px;
}

@media (max-width: 767px)
{
	#ikalzg .h1blaettern{
		float: unset;
		text-align: center;
		border: 0px solid #f00;
		display: block;
	}
	#ikalzg .kalrire,#ikalzg .kalrili,#ikalzg .kaljarire,#ikalzg .kaljarili{
		font: 400 32px 'FontAwesome';
	}
	#ikalzg .aktdatum{
		font-size: 32px;
	}
}
@media (max-width: 490px)
{
	#ikalzg .h1blaettern{
		border: 0px solid #00f;
	}
	#ikalzg .kalrire,#ikalzg .kalrili,#ikalzg .kaljarire,#ikalzg .kaljarili{
		font: 400 24px 'FontAwesome';
	}
	#ikalzg .aktdatum{
		font-size: 24px;
		top: 0px;
	}
}
