.cal_body {
        background:#fff8e7;
}

#top {
        background-image: url("https://www.geburtshaus-koeln.de/kursassets/images/bg_top_right.gif");
        color: #FDB913;
        height: 20px;
        width: 675px;
        margin:0 auto 0 auto;
}

#middle {
        background:#fff8e7;
        width: 675px;
        padding-top:100px;
        padding-bottom:100px;
        margin:0 auto 0 auto;
}

#bottom {
        background-image: url("https://www.geburtshaus-koeln.de/kursassets/images/bg_bottom_right.gif");
        color: #FDB913;
        height: 23px;
        text-align: right;
        width: 675px;
        margin:0 auto 0 auto;
}

#middle FORM {
        width:400px;
        margin:0 auto 0 auto;
}

.wc-cal-event {
        cursor:default;
}

#fancybox-content {
        color:black;
        font-family:Arial, sans-serif;
        font-size:12px;
}

#course_data {
        width:600px;
        height:auto;
        overflow:hidden;
}

#loading {
        display:none;
        position:absolute;
        width:200px;
        top:50%;
        left:50%;
        background:white;
        padding:20px;
/*        border:5px solid silver;*/
        z-index:9999;
        font-family:Arial, sans-serif;
        -webkit-box-shadow: -1px 1px 15px #000000; /* webkit browser*/
        -moz-box-shadow: -1px 1px 15px #000000; /* firefox */
        box-shadow: -1px 1px 15px #000000;
}

#calendar {
        /*background: url("../images/bg_calendar.png") no-repeat;
        width:675px;*/
        height:876px;
        padding:0;
        margin:0;
        background: url("../images/bg_times.png") 0px 11px no-repeat;
        clear: both;
}

.day_col {
        /*width:90px;*/
        width:14%;
        background: url("../images/bg_single_day.png") 0px 26px no-repeat #fff8e7;
        height:900px;
        position:relative;
        float:left;
        /*margin-right:10px;*/
        margin-right:1.3%;
        margin-top:10px;
}

.day_col.extern {
        background: url("../images/bg_single_day_extern.png") 0px 26px no-repeat #fff8e7;
}

.single_termin {
        /*width:84px;*/
        width:100%;
        /*padding-left:3px;
        padding-right:3px;*/
        border-top:1px solid #990000;
        border-bottom:1px solid #990000;
        background:#ffeab8;
        position:absolute;
        left:0px;
        font-family:Verdana, sans-serif;
        font-size:11px;
        color:#990000;
        z-index:12;
}

.noslots {
        z-index:10;
}

.day_col.extern .single_termin {
        position:relative;
        top:auto !important;
        margin-top:9px;
        height:auto !important;
}

.single_termin A {
        color:#990000;
}

.single_termin_inner {
        margin:4px;
}
.prenatal {
        background:#fed87d;
}

.reddot_top {
        background: url("../images/reddot.png") no-repeat;
        width:8px;
        height:8px;
        position:absolute;
        top:-4px;
        left:-3px;
}

.reddot_bottom {
        background: url("../images/reddot.png") no-repeat;
        width:8px;
        height:8px;
        position:absolute;
        bottom:-4px;
        left:-3px;
}

.freibelegt {
        position:absolute;
        bottom:7px;
        height:10px;
}

.single_day_head {
        background:#fdb913;
}

.Extern {
        background:#990000;
}

#fancybox-content {
        color:#990000;
        background:#fff8e7;
        border-color:#fff8e7 !important;
}

#course_data A {
        color:#990000;
}

#course_data H2 {
        font-size:12px;
        font-weight:bold;
        width:580px;
        display:block;
        background:#ffebbd;
        padding:10px;
}

#course_data BUTTON {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	padding: 2px 13px;
	background:#990000;
        background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#990000 50%,
		#990000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #990000),
		to(#990000));
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border: 1px solid #990000;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.4);
}

.load_indicator, .load_indicator2 {
        width:15px;
        height:15px;
        display:none;
        margin-left:10px;
}

.forminput {
        width:200px;
        float:left;
        margin-bottom:5px;
}

#error_message {
        margin-top:5px;
        display:none;
}

.unsichtbar {
        display:none;
}

.pic_caption {
        color:#990000;
        font-style:italic;
        font-size:11px;
        margin-bottom:10px;
}

#calendar_header {
        background:#feb903;
        height:60px;
        margin-left:55px;
        float: left;
        width:75.1%;
        margin-right:1.3%;
        position: relative;
}

#calendar_header_right {
        background: none repeat scroll 0 0 #9A0000;
        height: 60px;
        float: left;
        width: 14%;
}

#calendar_header_right IMG {
        margin-top:5px;
        margin-left:5px;
}

#calendar_header SPAN {
        position: absolute;
        margin-top:26px;
        right:72px;
}

#calendar_header SPAN, #calendar_header A {
        color:#990000;
        font-family:Verdana, sans-serif;
        font-size:12px;
        font-weight:bold;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }