.calendar
{
	width:100%;
    background:#fff url(img/base/gradient/gradient_kalender.png) repeat-x left bottom;

    .header
    { 
	    margin:0 auto;
	    width:100%;
        background-color:#a2d7f9;
	    color:#333; 
    }

    th
    {
	    font-weight:bold;
        height:19px;
    }

    td, 
    th
    {
	    height:28px;
	    width:28px;
	    text-align:center;
        border:1px solid #88ccf9;
    }

    td 
    {
        a
        {
	        width:100%;
	        height:21px;
	        display:block;
	        padding-top:7px;
            text-align:center;
        }
    }
    @pv-searchparameters-calendar();
}

.calendar tr.bl_bg th, 
.calendar tr.bl_bg td, 
div.bg_bl ul li
{
	 background-color: #a2d7f9; 
	 color: #333; 
}

.unavailable
{
	cursor:default;
    color: @color-primary-light-75 !important;
}

.selected
{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fffbac+0,fef9a1+11,fcf791+22,f1e622+81,eee20a+100 */
    .linear-gradient( 
        @origin: top; 
        @direction: to bottom;
        @start-color:#fffbac;
        @stops: #fffbac 0%,#fef9a1 11%,#fcf791 22%,#f1e622 81%,#eee20a 100%;
    );
}

.otherMonth
{
	cursor:default;
    color:@color-primary-light-75 !important;
}


div.bg_bl
{
	height:24px;
	margin-bottom:10px;
    @pv-searchparameters-calendar-header();
}

div.bg_bl ul li
{
	height:24px;
	display:block;
	float:left;
	font-weight:bold;
}

div.bg_bl ul li.prev
{
	width:52px;
	text-align:right;
}

div.bg_bl ul li.next
{
	width:52px;
	text-align:left;
}

div.bg_bl ul li.month
{
	width:96px;
	text-align:center;
}
div.bg_bl ul li.month span, div.bg_bl ul li a
{
	display:block;
	padding-top: 4px;
}