/* Kalender LAYOUT    10.10.2015 */

.vis_kalender_handy
{
 position:relative;
 clear:both;
 left:20px;
 margin-top:20px;
 margin-bottom:30px;
 color:black;
}

.vis_kalender
{
 position:relative;
 clear:both;
 margin:0px;
 margin-top:10px;
 margin-bottom:10px;
 color:black;
}

.vis_kalender_topright
{
 position:absolute;
 top:60px;
 right:0px;
 z-index:10000;
 color:black;
}

.vis_kalender_left
{
 position:relative;
 float:left;
 margin-right:20px;
 margin-bottom:15px;
 color:black;
}

.vis_kalender_right
{
 position:relative;
 float:right;
 margin-left:20px;
 color:black;
}

@media only screen and (max-width:550px) {
 .vis_kalender_topright
 {
  position:relative;
  margin-top:20px;
  margin-left:20px;
  top:0px;
 }
 
 .vis_termine 
{
 margin-top:0px;
 margin-right:0px;
}
}


@media only screen and (max-width:700px) {
.vis_kalender_right {float:none; margin-bottom:20px;}
} 

.kalendertermin:hover {background-color:white;}

.kalender
{
 position:relative;
 font-family: Arial,Helvetica,sans-serif;
 text-align:center;
 background-color:#EEEEEE;
 width:190px;
 padding:3px;
 border:1px solid gray;
 margin:0px;
 padding-top:5px;
 border-radius:2px;
 display:block;
 overflow:hidden;
}


.kalender .kalenderimage
{
 border-radius:2px;
 border:1px solid gray;
 width:179px;
}

table { border-collapse:collapse; margin-bottom:8px;}

.kalender .kern {margin-left:3px; }

.kalender .titel
{
 padding:0px;
 margin:0px;
 margin-bottom:15px;
 margin-top:5px;
 font-size:14px;
 font-variant:small-caps;
 text-align:center;
}

.kalender th
{
 font-size:12px;
 background-color:#A5A5A5;
 color:white;
 padding:5px;
 margin:0px;
 border:1px solid white;
}

.kalender td
{
 width:18px;
 font-size:13px;
 font-weight:bold;
 color:#555555;
 background-color:#E5E5E5;
 padding:3px;
 margin:0px;
 border:1px solid white;
}


.kalender .heute  {background-color:lightblue; color:#CC0000; }
.kalender .termin {background-color:green; color:white; }
 
.kalender .termin_heute, .kalender .termin_heute a {background-color:red; color:white; }
.kalender .termin_heute a {padding:1px 2px; }
.kalender .termin_heute:hover, .kalender .termin_heute a:hover {background-color:white; color:black; cursor:pointer; } 
 
.kalender .termin, .kalender .termin a {background-color:green; color:white; } 
.kalender .termin a {padding:1px 2px; }
.kalender .termin:hover, .kalender .termin a:hover {background-color:white; color:black; cursor:pointer; } 

.kalender_nav {width:183px; margin:0px; padding:0px; background-color:#EEEEEE;}

.kalender_nav 
{
 position:relative;
 
 font-size:11px; 
 font-weight:bold;
 padding:0px;
 margin-left:2px;
 
 color:black; 
 background-color:#EEEEEE;
}

.kalender_nav .left {float:left; width:46px;}
.kalender_nav .center {position:relative;float:left; padding-top:7px; text-align:center; width:92px}
.kalender_nav .right {position:absolute; right:0px; width:46px;}
.kalender_nav .next, .kalender_nav .back
{
 position:relative;
 width:14px;
 height:14px;
 padding:2px;
 margin:2px;
 margin-right:1px;
 border:1px solid #AAAAAA;
 float:left;
 border-radius:3px;
 background-repeat:no-repeat;
 background-position:2px;
}

.kalender_nav .next:hover, .kalender_nav .back:hover {background-color:#00DDCC;}
.kalender_nav .back {background-image:url('/+vis20/imgicon/kback.gif');}
.kalender_nav .next {background-image:url('/+vis20/imgicon/knext.gif');}

.search_header
{
 margin-top:10px;
 margin-bottom:5px;
 border-bottom:1px dotted #A5A5A5;
 margin-right:0px;
 padding-bottom:2px;
}

.search_header .titel
{
 font-weight:bold;
 padding-left:5px;
 color:#555555;
}

.kalendererror
{
 position:relative;
 border:1px solid gray;
}

.kalendertermin 
{
 background-image: url('/+vis20/imgsystem/imgblockedit.gif'); 
 background-color:none;
 top:3px;
 right:3px;
 visibility:hidden;
} 

.kalender img 
{
 animation: fadein 2s;
 -moz-animation: fadein 2s;
 -webkit-animation: fadein 2s;
 -o-animation: fadein 2s;  
}

@keyframes fadein {from {opacity:0.1;} to { opacity:1;}}
@-moz-keyframes fadein {from {opacity:0.1; } to { opacity:1; }}
@-webkit-keyframes fadein {from {opacity:0.1; } to {opacity:1;}}
@-o-keyframes fadein {from {pacity:0.1;} to {opacity: 1; }}