@charset "utf-8";
/*------------------------------------------------------------------------------
@testedBrowser: FF3, FF2 Safari 3.x, Opera 9.x, IE7, IE6

@minResolution: 1024 x 768
@authors: Christian Niedrich, Jan Nischan ( @ farbwahl )
------------------------------------------------------------------------------*/


#cal {
margin:10px; float:left;
border-bottom: 1px solid #E7E7E7;
border-right: 1px solid #E7E7E7;
position:relative; background: #FFF url(/img/calendar/maingrid-week.gif) no-repeat scroll 35px 145px;
margin-top:30px;}

/* cols */
#cal .cols div {
width:84px; border-left: 1px solid #E7E7E7; border-top: 1px solid #E7E7E7;
float:left;
height: 560px; overflow: hidden; position: relative; z-index: 1;
}

#cal .cols {padding-left: 34px;}
#cal .cols .timelineCol {width:33px; border-bottom: 1px solid; border-color:#F2F2F2; background-color: #F2F2F2; z-index:2; position: absolute; left:0; overflow:visible;}
#cal .cols .timelineCol ul {position: relative;}
#cal .cols .timelineCol ul li {position: absolute; left:0;}
#cal .cols .timelineCol ul li a {margin-top: -.7em; display:block; text-decoration: none; cursor: default; color:#5F6161; font-size:10px;}
#cal .cols .timelineCol ul li span {display:none;}

#cal .active {background: #EFF8FF url(/img/calendar/calendar-cellStripe.gif) 0 0 repeat-y !important;}

/* fulltime */
#cal .cols div.fulltime {position: absolute; top: -30px; float:left; width:auto; border-left:0; height:auto; width:596px; left:34px;}
#cal .cols div.fulltime div {height:16px; border-bottom: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; border-top:0; border-right:0; background-color: #FFF;}
#cal .cols div.fulltime div.active {background-color: #EFF8FF;}
#cal .cols div.fulltime div.col7 {border-right:1px solid #E7E7E7;}

#cal .cols .timelineCol ul li.fulltime a {margin-top:-30px;}
#cal .cols .timelineCol ul li.fulltime a:after {content: "."; margin-top:0;}
#cal .appointments dd a.fulltime {margin-top:-30px; height:17px;}

/* rows */
#cal .rows { position: relative }
#cal .rows div {position: absolute; border-top: 1px solid #E7E7E7; left:0; right:0; display:block; height:0; overflow: hidden; z-index:2;}

/* 16px */
#cal .r0_0 {top: 0px;} #cal .r0_1 {top: 4px;} #cal .r0_2 {top: 8px;} #cal .r0_3 {top: 12px;}
#cal .r1_0 {top: 16px;} #cal .r1_1 {top: 20px;} #cal .r1_2 {top: 24px;} #cal .r1_3 {top: 28px;}
#cal .r2_0 {top: 32px;} #cal .r2_1 {top: 36px;} #cal .r2_2 {top: 40px;} #cal .r2_3 {top: 44px;}
#cal .r3_0 {top: 48px;} #cal .r3_1 {top: 52px;} #cal .r3_2 {top: 56px;} #cal .r3_3 {top: 60px;}
#cal .r4_0 {top: 64px;} #cal .r4_1 {top: 68px;} #cal .r4_2 {top: 72px;} #cal .r4_3 {top: 76px;}
#cal .r5_0 {top: 80px;} #cal .r5_1 {top: 84px;} #cal .r5_2 {top: 88px;} #cal .r5_3 {top: 92px;}
#cal .r6_0 {top: 96px;} #cal .r6_1 {top: 100px;} #cal .r6_2 {top: 104px;} #cal .r6_3 {top: 108px;}
#cal .r7_0 {top: 112px;} #cal .r7_1 {top: 116px;} #cal .r7_2 {top: 120px;} #cal .r7_3 {top: 124px;}
#cal .r8_0 {top: 128px;} #cal .r8_1 {top: 132px;} #cal .r8_2 {top: 136px;} #cal .r8_3 {top: 140px;}
#cal .r9_0 {top: 144px;} #cal .r9_1 {top: 152px;} #cal .r9_2 {top: 160px;} #cal .r9_3 {top: 168px;}

/* 32px */
#cal .r10_0 {top: 176px;} #cal .r10_1 {top: 184px;} #cal .r10_2 {top: 192px;} #cal .r10_3 {top: 200px;}
#cal .r11_0 {top: 208px;} #cal .r11_1 {top: 216px;} #cal .r11_2 {top: 224px;} #cal .r11_3 {top: 232px;}
#cal .r12_0 {top: 240px;} #cal .r12_1 {top: 248px;} #cal .r12_2 {top: 256px;} #cal .r12_3 {top: 264px;}
#cal .r13_0 {top: 272px;} #cal .r13_1 {top: 280px;} #cal .r13_2 {top: 288px;} #cal .r13_3 {top: 296px;}
#cal .r14_0 {top: 304px;} #cal .r14_1 {top: 312px;} #cal .r14_2 {top: 320px;} #cal .r14_3 {top: 328px;}
#cal .r15_0 {top: 336px;} #cal .r15_1 {top: 344px;} #cal .r15_2 {top: 352px;} #cal .r15_3 {top: 360px;}
#cal .r16_0 {top: 368px;} #cal .r16_1 {top: 376px;} #cal .r16_2 {top: 384px;} #cal .r16_3 {top: 392px;}
#cal .r17_0 {top: 400px;} #cal .r17_1 {top: 408px;} #cal .r17_2 {top: 416px;} #cal .r17_3 {top: 424px;}
#cal .r18_0 {top: 432px;} #cal .r18_1 {top: 440px;} #cal .r18_2 {top: 448px;} #cal .r18_3 {top: 456px;}
#cal .r19_0 {top: 464px;} #cal .r19_1 {top: 472px;} #cal .r19_2 {top: 480px;} #cal .r19_3 {top: 488px;}
#cal .r20_0 {top: 496px;} #cal .r20_1 {top: 500px;} #cal .r20_2 {top: 504px;} #cal .r20_3 {top: 508px;}

/* 16px */
#cal .r21_0 {top: 512px;} #cal .r21_1 {top: 516px;} #cal .r21_2 {top: 520px;} #cal .r21_3 {top: 524px;}
#cal .r22_0 {top: 528px;} #cal .r22_1 {top: 532px;} #cal .r22_2 {top: 536px;} #cal .r22_3 {top: 540px;}
#cal .r23_0 {top: 544px;} #cal .r23_1 {top: 548px;} #cal .r23_2 {top: 552px;} #cal .r23_3 {top: 556px;}

#cal .appointments {margin-left:34px; position: relative;}
#cal .appointments dt {display:none;}
#cal .appointments dd a, #cal .appointments .item {
display:block;
position: absolute; margin-left:1px; overflow: hidden; z-index:3; color:#5F6161;
background: #FED298}
#cal .appointments dd a:hover {text-decoration: none;}

/* breiten in der wochenansicht */
#cal.week .appointments dd a {width: 83px;}
#cal.week .appointments dd.half a {width: 41px;}
#cal.week .appointments dd.third a {width: 27px;}
#cal.week .appointments dd.fourth a {width: 20px;}
#cal.week .appointments dd.fifth a {width: 16px;}
#cal.week .appointments dd.sixth a {width: 13px;}
#cal.week .appointments dd.seventh a {width: 11px;}
#cal.week .appointments dd.eighth a {width: 10px;}
#cal.week .appointments dd.ninth a {width: 9px;}
#cal.week .appointments dd.tenth a {width: 8px;}
#cal.week .appointments dd.eleventh a {width: 7px;}
#cal.week .appointments dd.twelfth a {width: 6px;}

#cal.week .appointments dd.fourth .item-header, #cal.week .appointments dd.fourth .item-body,
#cal.week .appointments dd.seventh .item-header, #cal.week .appointments dd.seventh .item-body,
#cal.week .appointments dd.twelfth .item-header, #cal.week .appointments dd.twelfth .item-body
{padding-left: 30px;}

/* breiten in der tagesansicht */
#cal.day .appointments dd a {width:593px;}
#cal.day .appointments dd.half a {width: 296px;}
#cal.day .appointments dd.third a {width: 197px;}
#cal.day .appointments dd.fourth a {width: 148px;}
#cal.day .appointments dd.fifth a {width: 118px;}
#cal.day .appointments dd.sixth a {width: 98px;}
#cal.day .appointments dd.seventh a {width: 84px;}
#cal.day .appointments dd.eighth a {width: 74px;}
#cal.day .appointments dd.ninth a {width: 65px;}
#cal.day .appointments dd.tenth a {width: 58px;}
#cal.day .appointments dd.eleventh a {width: 53px;}
#cal.day .appointments dd.twelfth a {width: 49px;}


#cal .appointments .item-header, #cal .appointments .item-body {padding-left: 3px; line-height: 16px; font-size: 10px; cursor:pointer;}
#cal .appointments .item-header {background: url(/img/calendar/appoinmentHeaders.gif) 0 0 no-repeat; display:block; height:16px; color:#FFF; white-space: nowrap;}
#cal .appointments .item-body {display:block;}

#cal .appointments .tr {background: url(/img/calendar/appoinmentHeaders.gif) 100% 0 no-repeat; position: absolute; right:0; top: 0; height: 16px; width:2px;}
#cal .appointments .bl {background: url(/img/calendar/appoinmentBottoms.gif) 0 100% no-repeat; width:100%; position: absolute; bottom: 0; left:0; height:3px;}
#cal .appointments .br {background: url(/img/calendar/appoinmentBottoms.gif) 100% 0 no-repeat; position: absolute; right:0; bottom: 0; height: 3px; width:2px;}

#cal .appointments .group a {background-color: #EEB5FF;}
#cal .appointments .group .item-header {background-position: 0 -16px;}
#cal .appointments .group .tr {background-position: 100% -16px;}

#cal .appointments .private a {background-color: #FE888E;}
#cal .appointments .private .item-header {background-position: 0 -32px;}
#cal .appointments .private .tr {background-position: 100% -32px;}

#cal .appointments .public a {background-color: #DCEEFD;}
#cal .appointments .public .item-header {background-position: 0 -48px;}
#cal .appointments .public .tr {background-position: 100% -48px;}

#cal .appointments .toomuch a {background: #D1EAFF url(/img/calendar/toomuch-bg.gif) 0 0 repeat-y;}
#cal .appointments .toomuch .item-header {
background-position: 0 -64px;
text-align: center; letter-spacing: -1px;
padding-left:0;
color:#5F6161;}
#cal .appointments .toomuch .tr {background-position: 100% -64px;}
#cal .appointments .toomuch ol {display:none;}

/* timline, now! */
#cal .now {height: 1px; position: absolute; z-index:4; background-color:#7C7C7C; width:100%; left:0;}
#cal .now .arrow {width:5px; height: 0; padding-top: 9px; overflow:hidden; position: absolute; left: -5px; top:-4px; background: url(/img/calendar/now.gif) 0 0 no-repeat;}



/* modifications for dayview */
#cal.day {background-image: url(/img/calendar/maingrid-day.gif);}
#cal.day .cols div.col1 {width:594px;}
#cal.day .cols div.fulltime .col1 {border-right:1px solid #E7E7E7;}


/* modifications for monthview */
#cal.month {margin-left:9px; margin-top:30px; background-image: none;}
#cal.month .appointments {margin-left:0;}
#cal.month .appointments li {background: url(/img/calendar/calendar-cellStripe.gif) 0 0 repeat-y; overflow: hidden; position: relative; float:left; width: 79px; height: 106px; border-left: 1px solid #E7E7E7; border-top: 1px solid #E7E7E7; padding:5px;}
#cal.month .appointments li.inactive {color:#C7C7C7;}

#cal.month .appointments li .day {position: absolute; right:3px; top:1px; display:block; font-size: 16px; z-index: 10; font-weight: bold;}
#cal.month .appointments li .day span {display:none;}

#cal.month .appointments a.dayView {position: absolute; height: 0; padding-top: 116px; width: 89px; overflow: hidden; display:block; left:0; top:0; z-index:1;}
#cal.month .appointments a.dayView:hover {background: #F2F2F2 url(/img/calendar/calendar-cellStripe.gif) 0 0 repeat-y;}

#cal.month .appointments li ul {position: relative; z-index:2; margin-left:13px; margin-top: -3px; list-style-type: disc;}
#cal.month .appointments li li {margin-bottom: -4px; width:auto; float: none;height:auto; overflow: visible; clear:both; border:0;list-style-type: disc; padding:0; position: static; background: none;  color:#FDA430;}
#IE7 #cal.month .appointments li li{ list-style-type: none }
#cal.month .appointments li li:hover {background: transparent;}
#cal.month .appointments li li a {color:#FDA430; font-size:10px; display:block; float:none; margin-left: -5px; white-space: nowrap; background-color: transparent; overflow:hidden; width:52px; }
	/*different event types*/
	#cal.month .appointments li li.group, #cal.month .appointments li li.group a { color: #de71ff; }
	#cal.month .appointments li li.private, #cal.month .appointments li li.private a { color: #fd1b26; }
	#cal.month .appointments li li.club, #cal.month .appointments li li.club a { color:#ffab09; }
	#cal.month .appointments li li.public, #cal.month .appointments li li.public a { color: #55a5e8; }

#cal.month .appointments li.toomuch {padding:0; width: 89px; height:116px;}
#cal.month .appointments li.toomuch a {height:116px;  width: 88px;}
#cal.month .appointments li.toomuch .day {background-color: transparent;}

#cal.month .dayline {position: absolute; top: -15px;}
#cal.month .dayline li {float:left; width: 79px; text-align: center; padding: 0 5px; margin-left:1px;}

#cal.week .dayline {position: absolute; top: -15px; padding-left: 34px; padding-top: 1px;}
#cal.week .dayline li {float:left; width: 74px; text-align: center; padding: 0 5px; margin-left:1px;}

#IE6_7 #cal.week .dayline { width: 600px; }

/********** mini calendar **********/
.miniCal {width:300px; background: #E7E7E7 url(/img/calendar/miniCal.gif) 0 -180px repeat-x; border:0; margin:10px; margin-top:0;}
.miniCal * {color:#5F6160; text-align:center; font-weight: bold; background-color: #F2F2F2;}

.miniCal td {
border-top: 1px solid #FFF; border-left:1px solid #FFF;
padding:0;}

.miniCal thead td {font-size: 12px; padding: 2px 0; border:0 !important;}
.miniCal tbody td {background-color:#F5F5F5;}

.miniCal td a {
display:block;
padding:4px;
font-size:16px;
text-decoration: none;
position: relative;
}
.miniCal td.selected a {background: #BABABA url(/img/calendar/miniCal.gif) 0 -69px no-repeat !important; color:#FFF;}
.miniCal td a:hover {background: #F5F5F5; text-decoration: none;}
.miniCal .activeWeek td a, .miniCal .activeWeek td a:hover {background-color: #D9D9D9;}
.miniCal .today a {
/*background-image: url(/img/themes/blue_green/sprites/navi_borders_grad.gif) !important;*/
background-repeat: repeat-x;
background-position: 0 -139px;
/*background: #A4CD03 url(/img/calendar/miniCal.gif) 0 0 !important;*/}

.miniCal .today * {background-color:transparent;} /* ie7 */

.miniCal .appointment {
display:block;
float:left;
position: absolute; bottom: 1px; left: 50%; margin-left: -2px;
width: 4px; height: 0; padding-top: 4px; overflow: hidden;
background: url(/img/calendar/miniCal.gif) -38px -166px no-repeat;}

.miniCal .today a:hover {background-position: 0 -139px !important; color: inherit;}

.cal_highlightElements {float: none; width:300px;}
.cal_highlightElements .list_entry {width:100%; padding: 10px;}

.cal_highlightElements label {overflow: hidden; line-height: 20px; color:#606261; font-weight:bold; background: url(/img/calendar/calendar-colors.png) 0 0 no-repeat; height:21px;}
.cal_highlightElements label.checkLabel {padding-left: 30px;}
.cal_highlightElements label.checkLabel .fCheck {top: 4px; left:5px;}

.cal_highlightElements li ul {margin-top: 5px; margin-bottom: -5px;}
.cal_highlightElements li ul li {margin-left:5px; float:left; width:290px;}
.cal_highlightElements li ul li label {background: transparent; font-weight:normal; float:left;}

.cal_highlightElements .caption {height:auto;}
.cal_groupname .caption label {background-position: 0 -26px;}
.cal_private .caption label {background-position: 0 -52px;}
.cal_public .caption label {background-position: 0 -78px;}

/* cal-appointmentDetail OVERLAY */

#cal-appointmentDetail {margin-top:15px;}
#cal-appointmentDetail.box_wrapper {background-color: #F2F2F2 !important;}

#cal-appointmentDetail h4 {
background: url(/img/calendar/appointmentHeaders-detailed.png) 0 0;
color:#FFFFFF;
font-weight:bold;
height:35px;
line-height:29px;
margin-left:-1px;
margin-top:-15px;
margin-bottom:-1px;
overflow:hidden;
position:relative;
width:302px;
z-index:10;
padding: 0 10px;
}

#cal-appointmentDetail .club h4 {background-position: 0 0;}
#cal-appointmentDetail .group h4 {background-position: 0 -35px;}
#cal-appointmentDetail .private h4 {background-position: 0 -70px;}
#cal-appointmentDetail .public h4 {background-position: 0 -105px;}

#cal-appointmentDetail .box_content {padding-left:0; padding-right:0; padding-bottom:0;}
#cal-appointmentDetail .cal-contentSep {border-bottom: 1px solid #E7E7E7; border-top:1px solid #FFF; float: left; clear: both; width:300px; padding:10px; position: relative;}

.cal-appTitle{display:block; margin-bottom:.3em;}

.noScript #cal-appointmentDetail .cal-contentSep .button, #cal-appointmentDetail .cal-contentSep .buttonWrapper {margin-right:17px !important;}
.cal-contentSep span.first {margin-left:1px !important;}
.cal-contentSep .last {margin-right:0 !important;}

#cal-appointmentDetail .box_options {border-top:0; height:41px;}
#cal-appointmentDetail .box_options {border-top-color:#F00;}

.cal-appDetails {position: relative; padding-left: 100px !important; width:210px !important; min-height: 80px;}
.cal-appDetails .media_wrapper {position: absolute; left:0; top:10px; left:10px;}
.cal-appDetails ul {margin-bottom: 10px;}


/* specific */
.fCheck {background-color:transparent !important;}
#IE7 .cal_highlightElements label.checkLabel .fCheck {top:0;}
#IE6 .cal_highlightElements label.checkLabel .fCheck {top:0;left:5px;}

#IE6 .miniCal .appointment {left:4px;}
#IE6 .miniCal strong .appointment {left:9px;}

#IE6 #cal {display:inline;}
#IE6 #cal .rows div {width:100%;}
#IE6 #cal .now {width: 595px;}

#IE6 #cal .cols {width:600px; margin-right:-5px;}
#IE7 #cal .cols .timelineCol ul li a {height:1%;}
#IE6 #cal .cols .timelineCol ul li a {margin-top:0; position: relative; top:-.7em;}
#IE6 #cal .cols .timelineCol ul li.fulltime a{margin-top:0; top:-30px;}

#IE6 .week .appointments, #IE6 .day .appointments {position: absolute; top:0; left:0;}
#IE6_7 #cal .appointments {z-index: 2}
#IE6 .cal-appDetails {height:80px;}

#IE6 #cal .appointments .tr, #IE6 #cal .appointments .br {display:none;}
#IE6 #cal .appointments .fulltime .bl {bottom:-1px;}

#IE6 #cal.month .appointments {width:100%; background-color:#FFF;}
#IE6 div.month {margin-left:9px;}
#IE6 .week .appointments .toomuch .item-header {text-align: justify;}

#IE6 .month {margin-top:10px;}
#IE6 .month .appointments li ul {margin-left:5px;}
#IE6 .month .appointments li li {margin-left:0; padding-left:10px;}

#IE6 .settings * {line-height:normal;}
#IE6 .settings .formList dd ul {margin:0;}

#IE6 #cal-appointmentDetail .box_content { width: 322px; }
#IE6 #cal-appointmentDetail h4 { margin-left: -1px }