
/*
.belegungskalender {
	width:909px;
	background-color: #333333;
	overflow:hidden; 
	}

.belegungskalender p {
	margin:0px;
	padding:2px 0px 2px 0px;
	width:26px;
	height:21px;
	vertical-align: middle; 
	}
	
.belegungskalender br.my_clear{
	clear:left;
}




.belegungskalender p.th_jahr {
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	float:left;
	width:70px;
	background-color: #666666;
	text-align:center;	
}

.belegungskalender p.th {
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	float:left;
	background-color: #666666;
	text-align:center;
}


.belegungskalender p.element_monat {
	float:left;
	width:67px;
	background-color: #FFFFFF;
	text-align:left;
	padding-left:3px;	
}

.belegungskalender p.element {
	font-size:12px;
	font-weight:normal;
	float:left;
}

.belegungskalender p.th_jahr, .belegungskalender p.th { margin-top:1px; }
.belegungskalender p.th_jahr {	margin-left:1px; }
.belegungskalender p.th { margin-left:1px;	}



.belegungskalender p.element_monat, .belegungskalender p.element { margin-bottom:1px;	}
.belegungskalender p.element_monat { margin-left:1px; }
.belegungskalender p.element { margin-left:1px; }
*/


#belegungskalender {
	margin-top:15px;
	margin-left: 50px;
	
	}


#belegungskalender td {
	padding-right: 10px;
	}


#calendar {    
    width:880px;
    position:relative;
    }





#bk_calendar_[rel] .calendar {
    font-size: 11px;
	font-family: Verdana,Arial,Helvetica;
	}

#bk_calendar_[rel] .calendar .my_clear { clear:left; }

#bk_calendar_[rel] .calendar p {
	margin:0px;
	padding:0px;
	}

#bk_calendar_[rel] .calendar .day {
    float: left;
    height: 25px;
    line-height: 25px;
    border-top: none;
	border-bottom: 1px solid black;
	border-left: none;
	border-right: 1px solid black;
    text-align: center;
    width: 24px;
	}


#bk_calendar_[rel] .calendar .day.headline {
    outline-style: none;
	font-weight:bold;
    border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-left: none;
	border-right: 1px solid black;
	}

#bk_calendar_[rel] .calendar .day.headline.jahr {
    outline-style: none;
	font-weight:bold;
	width:80px;
	height:25px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	}

#bk_calendar_[rel] .calendar .day.monat {
    text-align:left;
    padding-left:3px;
    outline-style: none;
	width:77px;
	height:25px;
	border-top: none;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	}

#bk_calendar_[rel] .calendar .day.normal {
    background: none repeat scroll 0 0 #ff9999;
    color: black;
	}
	
#bk_calendar_[rel] .calendar .day.free  {
    background: none repeat scroll 0 0 #C3FFD5;
    color: black;
	}
	
#bk_calendar_[rel] .calendar .day.startNonFree {
    background: url('../images/start.gif') !important;
    color: black;
	}

#bk_calendar_[rel] .calendar .day.startFree {
    background: url('../images/end.gif') !important;
    color: black;
	}

#bk_calendar_[rel] .calendar .day.current { font-weight: bold; }
#bk_calendar_[rel] .calendar .day.before, #bk_calendar_[rel] .calendar .day.after { color: gray; }
#bk_calendar_[rel] .calendar .day.empty { outline-color: #FFFFFF; }



#bk_calendar_[rel] .calendar .day.cursor_hand    { cursor: pointer; }
#bk_calendar_[rel] .calendar .day.cursor_default { cursor: default; }

#bk_calendar_[rel] .calendar .day.feldHover { 
	background: #333333 !important;
	color:#FFFFFF;
	opacity: .7;
	-o-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-webkit-transition: -webkit-transform 0s;
	-webkit-box-shadow: 2px 2px 2px #000;
	-moz-box-shadow: 2px 2px 2px #000;
	box-shadow: 2px 2px 2px #000;
	} 


#bk_calendar_[rel] .calendar .day.monatHover {
	background: #333333;
	color:#FFFFFF;
	opacity: .7;
	-o-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-webkit-transition: -webkit-transform 0s;
	-webkit-box-shadow: 2px 2px 2px #000;
	-moz-box-shadow: 2px 2px 2px #000;
	box-shadow: 2px 2px 2px #000;
	} 

#bk_calendar_[rel] .calendar .day.tagHover {
	background: #333333;
	color:#FFFFFF;
	opacity: .7;
	-o-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-webkit-transition: -webkit-transform 0s;
	-webkit-box-shadow: 2px 2px 2px #000;
	-moz-box-shadow: 2px 2px 2px #000;
	box-shadow: 2px 2px 2px #000;
	} 









#bk_calendar_[rel] a.bk_next, #bk_calendar_[rel] a.bk_prev {
	position:absolute;
	bottom:0;
	top:0;
	width: 30px;
	background-color:#474747;
	background-repeat: no-repeat;
	background-position: center center;
	opacity:0.6;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    }

#bk_calendar_[rel] a.bk_next { 
    background-image: url(../images/arrow-next.png); 
    right:-10px;    
    }

#bk_calendar_[rel] a.bk_prev {
	background-image: url(../images/arrow-prev.png);
	left:-32px;
    }

#bk_calendar_[rel] a.bk_next:hover, #bk_calendar_[rel] a.bk_prev:hover { background-color:#272727; }

* html #bk_calendar_[rel] a.bk_next, * html #bk_calendar_[rel] a.bk_prev { display:block; }
#bk_calendar_[rel]:hover a.bk_next, #bk_calendar_[rel]:hover a.bk_prev { display:block; }

/*
.calendar_[rel] a.bk_prev {
	background-image: url(../images/arrow-prev.png);
	left:0;
}


.calendar_[rel] a.bk_next:hover, .calendar_[rel] a.bk_prev:hover{
	background-color:#272727;
}

* html .calendar_[rel] a.bk_next,* html .calendar_[rel] a.bk_prev{display:block}
.calendar_[rel]:hover a.bk_next, .calendar_[rel]:hover a.bk_prev {display:block}
*/

/**** Belegungs-Status ***/

/*
.belegungskalender .fewo_frei {
	background:#C3FFD5;
	}


.belegungskalender .fewo_frei_we {
	background:#a3dFb5;
	}
	
.belegungskalender .fewo_belegt {
	background:#ff9999;
	}
.belegungskalender .fewo_belegt_we {
	background:#ff7777;
	}
	

.belegungskalender .anreise {
	
    background: #C3FFD5 url('../images/anreise.png') right bottom no-repeat;
    
	}
	
.belegungskalender .abreise {
	
    background: #C3FFD5 url('../images/abreise.png') left top no-repeat;
    
	}	  
	  
	  
	  
.belegungskalender .anreise_we {
	
    background: #a3dFb5 url('../images/anreise_we.png') right bottom no-repeat;
	}
	
.belegungskalender .abreise_we {

    background: #a3dFb5 url('../images/abreise_we.png') 1px top no-repeat;
    
	}
*/
/**** End ****************/










/*
.belegungskalender table { border-collapse: collapse; text-align: center;  } 

.belegungskalender { width: 910px; font: normal 12px/150% Arial, Helvetica, sans-serif; overflow: hidden; border: 1px solid #d3d2d2; }

.belegungskalender table tr {  }

.belegungskalender table td { padding:3px 3px; } 
.belegungskalender table th { padding:0px 3px; } 


.belegungskalender table thead th {
	text-align:center;
	color:#FFFFFF; 
	font-size: 11px; 
	font-weight: bold;
	} 

.belegungskalender table thead th:first-child { border: none; background-image:none;  }

.belegungskalender table thead th:last-child { 
	background-image:url('../images/kal_th_last.gif');
	background-repeat:no-repeat;
	height:24px;  
	}


.belegungskalender table tbody td {
	color: #666666; 
	border-left: 1px solid #666666;
	font-size: 9px;
	border-bottom: 1px solid #666666;
	font-weight: normal;
text-align:center;	
	}



.belegungskalender table tbody td:first-child { border-top: none; border-bottom: 1px solid #666666; border-left: none; border-right: none; background-color: #FFFFFF;	  }
.belegungskalender table tbody tr:last-child td { border-bottom: none;  }





.belegungskalender table tfoot td div { border-top: 1px solid #d3d2d2; background: #EBEBEB;} 
.belegungskalender table tfoot td { padding: 0; font-size: 15px } 
.belegungskalender table tfoot td div{ padding: 6px; }
.belegungskalender table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }
.belegungskalender table tfoot  li { display: inline; }

.belegungskalender table tfoot li a { 
	text-decoration: none; 
	display: inline-block;  
	padding: 2px 8px; 
	margin: 1px;color: #F5F5F5;
	border: 1px solid #DBDBDB;
	background-color:#8C8C8C; 
	}

.belegungskalender table tfoot ul.active, .belegungskalender table tfoot ul a:hover { 
	text-decoration: none;
	border-color: #DBDBDB; 
	color: #F5F5F5; 
	background: none; 
	background-color:#8C8C8C;
	}

*/

















/*
.belegungskalender td.frei {
	overflow:hidden;
	}

.belegungskalender td.belegt {
	overflow:hidden;
	background-color:#ff9999;
	}

.belegungskalender td.frei_we {
	background-color:#a3dFb5;
    overflow:hidden;
	}
	
.belegungskalender td.belegt_we {
	background-color:#ff7777;
    overflow:hidden;
	}




.belegungskalender div.anreise {
	position: absolute;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0px 0px 22px 25px;
	border-color: transparent transparent #ff9999 #C3FFD5;
	z-index:9;
	margin:-2px -2px;
	}

.belegungskalender div.anreise_we {
	position: absolute;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0px 0px 22px 25px;
	border-color: transparent transparent #ff7777 #a3dFb5;
	z-index:9;
	margin:-2px -2px;
	}
	
	
.belegungskalender div.abreise_we {
	position: absolute;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0px 0px 22px 25px;
	border-color: transparent transparent transparent #ff7777;
	z-index:9;
	margin:-2px -2px;
	}
*/