/**************************************
 Gymnasium Eschweiler 
 Cal-Stylesheet
 Bearbeitet von Nicole Putscher-Wentland npw-media.de
 Date: 22.08.2007
 Modified: 
 
 grün: #A8BD77
 rot: #C73921
   
***************************************/

/* Styled by TYPO3 Content Rendering Group - ben@netcreators.com 2007 */
/* START new classes and  id's */

/*Event - Einzelansicht*/

#calendar-event .beschreibung {
width: 95%;
display: block;
padding: 0 5px 5px 5px;
}

#calendar-event .beschreibung img {
  margin: 0 15px 20px 0;
  padding: 10px;
  border: 1px solid #C73921;
}

#calendar-event h2 {
font-size: 110%;
font-weight: normal;
margin: 30px 0 10px 0;
line-height: 1.3em;
color: #C73921;
}

#calendar-event h2.detail {
margin: 1px 0 20px 0;
}

#calendar-event dl {
margin: 5px 0;
width: 98%;
font-size: 80%;
padding: 0;
line-height: 1.3em;
float: left;
}

#calendar-event dl dt {
float: left;
width: 25%;
padding: 5px 10px 5px 0;
margin: 0;
color: #A8BD77;
text-align: right;
clear: left;
}

#calendar-event dl dd {
width: 70%;
padding: 5px 0 5px 0;
float: left;
margin: 0;
}

#calendar-event dl dd a{
  font-family: verdana,arial,sans-serif;
  font-size: 90%;
  color: #C73921;
  text-decoration: none;
}
  
#calendar-event dl dd a:link  { color: #C73921; background: #FFF url(../images/sge-linie-horiz-rot.gif) 0 1.1em repeat-x;}
#calendar-event dl dd a:visited { color: #C73921;}
#calendar-event dl dd a:focus, #calendar-event dl dd a:hover, #calendar-event dl dd a:active { color: #C73921; background: #FFF;}

#calendar-event dl dd p{
  /*margin-top: -15px;*/
  font-size: 100%;
}

#calendar-event-backlink a{
  font-family: verdana,arial,sans-serif;
  font-size: 80%;
  color: #C73921;
  text-decoration: none;
}

#calendar-event-backlink a:link  { color: #C73921; background: #FFF url(../images/sge-linie-horiz-rot.gif) 0 1.1em repeat-x;}
#calendar-event-backlink a:visited { color: #C73921;}
#calendar-event-backlink a:focus, #calendar-event-backlink a:hover, #calendar-event-backlink a:active { color: #C73921; background: #FFF;}


#kalender p a{
  font-family: verdana,arial,sans-serif;
  font-size: 139%;
  color: #C73921;
  text-decoration: none;
}
  
#kalender p a:link  { color: #C73921; background: #FFF url(../images/sge-linie-horiz-rot.gif) 0 1.1em repeat-x;}
#kalender p a:visited { color: #C73921;}
#kalender p a:focus, #kalender p a:hover, #kalender p a:active { color: #C73921; background: #FFF;}

.pagebrowser {
  padding: 10px 0 10px 5px;
  background: #F2F2F2;
  color: #666;
  border: 1px solid #DDD;
}

.pagebrowser span {
  text-decoration: none;
  background: #FFF;
  margin: 0 2px;
  border: 1px solid #CCC;
}

.pagebrowser span a{
}
  
.pagebrowser span a:link  { color: #C73921; text-decoration:none}
.pagebrowser span a:visited { color: #C73921;}
.pagebrowser span a:focus, .pagebrowser span a:hover, .pagebrowser span a:active { color: #C73921; background: #FFF;}

.pagebrowser p .seitevon {
  margin: 0 20px 0 0;
  border: none;
  background: #f2f2f2;
}

#month{
   float: left;
   width: 100%;
  }	
		
#month-header {
  width: 100%;
  margin: 0 0 7px 0;
  padding: 0;
}

		#month-header-prevnext {
			float: left;
			}

		#month-header-icons {
			float: right;
			text-align: right;
			}
			
		#month-header-icons IMG, #month-header-prevnext IMG , #month-footer IMG{
			border: 0px solid;
			}

#month-footer {
  width: 100%;
  margin-bottom: 7px;
}

.tx-cal-controller dl{
  margin-top: 20px;
  font-size: 90%;
  }

.tx-cal-controller dl dt{
  margin-top: 10px;
  padding: 5px 0 5px 5px;
}

.tx-cal-controller dl dt a{
  font-family: verdana,arial,sans-serif;
  color: #C73921;
  text-decoration: none;
}
  
.tx-cal-controller dl dt a:link  { color: #C73921; background: url(../images/sge-linie-horiz-rot.gif) 0 1.1em repeat-x;}
.tx-cal-controller dl dt a:visited { color: #C73921;}
.tx-cal-controller dl dt a:focus, .tx-cal-controller dl dt a:hover, .tx-cal-controller dl dt a:active { color: #C73921; background:no-repeat;}

.tx-cal-controller dl dd{
  padding: 5px 0 5px 5px;
}
			
#month-footer-header {
  margin: 20px 0;
}

#month-footer-header h4{
  color: #C73921;
  font-size: 80%;
}

#month-footer-header a{ font-size: 80%}
#month-footer-header a:link  { color: #C73921; text-decoration:none}
#month-footer-header a:visited { color: #C73921; text-decoration:none}
#month-footer-header a:focus, #month-footer-header a:hover, #month-footer-header a:active { color: #C73921; background: #FFF; text-decoration:none}


		table.month-small {
			border: 1px solid #A1A5A9;
			border-collapse: collapse;
			margin: 10px auto;
			}

		.month-small th,
		.month-small td {
			padding: 0;
			width: 22px;
			font-size: 10px;
			}
			
		.month-large {
			border: 1px solid #A1A5A9;	
			border-collapse: collapse;
			}

		.month-large th,
		.month-large td {
			border: 1px solid #A1A5A9;
			}

		.month-large .weekday {
			background-color: #EEE;
			font-size: 70%;
			font-weight: normal;
			}

		.month-large .weeknum {
			background-color: #A1A5A9;
			width: 22px;
			}

		.month-large .day {
			height: 100px;
			width: 100px;
			vertical-align: top;
			text-align: left;
			}

		.month-large .day div {
			text-align: right;
			padding-right: 3px;
			}

		/*For the time being calendar-nav remains a table - no proper alternatives came to my mind yet - suggestions?*/
		#calendar-nav {

			}

		#calendar-nav td {
			vertical-align: top;
			}

		#calendar-nav td#previous {
			width: 175px;
			}

		#calendar-nav td#list {
			width: 188px;
			}

		#calendar-nav td#legend {
			width: 188px;
			}

		#calendar-nav td#next {
			width: 175px;
			}

		#link-ics,
		#link-admin {
			width: 100%;
			text-align: center;
			}

		/* END new classes and  id's */
		
		.calborder {
			background-color: #fff;
			border: 1px solid #A1A5A9;
			}
		
		.tbll {
			background: url(../typo3conf/ext/cal/template/img/shadow_l.gif) no-repeat;
			width: 8px
			}
		
		.tblbot {
			background: url(../typo3conf/ext/cal/template/img/shadow_m.gif) repeat-x;
			width: 100%
			}
		
		.tblr {
			background: url(../typo3conf/ext/cal/template/img/shadow_r.gif) no-repeat;
			width: 8px
			}
		
		.rowOn {
			background-color: #cfc;
			border-top: 1px solid #fff;
			border-left: 1px solid #fff;
			}
		
		.rowOn2 {
			background-color: #cfc;
			border-top: 1px solid #fff;
			}
		
		.rowOff {
			background-color: #E1E8F1;
			border-top: 1px solid #fff;
			border-left: 1px solid #fff;
			}
		
		.rowOff2 {
			background-color: #E1E8F1;
			border-top: 1px solid #fff;
			}
		
		.rowToday {
			background-color: #cff;
			border-top: 1px solid #fff;
			border-left: 1px solid #fff;
			}
		
		.tx-cal-controller .padd {
			/*XXXpadding: 2px;*/
			}
		
		.eventbg_1 {
			background-color: #557CA3;
			padding: 2px;
			}
		
		.eventbg_2 {
			background-color: #53A062;
			padding: 2px;
			}
		
		.eventbg_3 {
			background-color: #E84F25;
			padding: 2px;
			}
		
		.eventbg_4 {
			background-color: #B257A2;
			padding: 2px;
			}
		
		.eventbg_5 {
			background-color: #D42020;
			padding: 2px;
			}
		
		.eventbg_6 {
			background-color: #B88F0B;
			padding: 2px;
			}
		
		.eventbg_7 {
			background-color: #73738C;
			padding: 2px;
			}
		
/*#allday a {
  font-size: 9px;
  color: #fff;
  font-weight: 900;
  text-decoration: none;
}
		
#allday a:hover {
  text-decoration: underline;
}*/
		
		.eventbg2_1 {
			background-color: #6699CC;
			border: 1px solid #557CA3;
			}
		
		.eventbg2_2 {
			background-color: #4FC464;
			border: 1px solid #53A062;
			}
		
		.eventbg2_3 {
			background-color: #FF6D3B;
			border: 1px solid #E84F25;
			}
		
		.eventbg2_4 {
			background-color: #EA62D4;
			border: 1px solid #B257A2;
			}
		
		.eventbg2_5 {
			background-color: #FF5E56;
			border: 1px solid #D42020;
			}
		
		.eventbg2_6 {
			background-color: #CCB21F;
			border: 1px solid #B88F0B;
			}
		
		.eventbg2_7 {
			background-color: #9292A1;
			border: 1px solid #73738C;
			}
		
		.dayborder {
			background-color: #fff;
			border-top: 1px solid #A1A5A9;
			}
		
		.dayborder2 {
			background-color: #fff;
			border-top: 1px dashed #ccc;
			}
		
		.tx-cal-controller .title {
			background-image: url(../typo3conf/ext/cal/template/img/time_bg.gif);
			padding: 5px;
			}
		
		.tx-cal-controller .title h1 {
			font-family: Helvetica,sans-serif;
			font-size: 18px;
			color: #000;
			margin: 0;
			}
		
		.monthback {
			background-color: #A1A5A9;
			}
		
		.monthsmallbasic {
			text-align: left;
			vertical-align: top;
			}
		
		.monthmediumbasic {
			height: 20px;
			width: 20px;
			text-align: left;
			vertical-align: top;
			}
		
		.monthoff {
			background-color: #F2F2F2 ! important;
			}
		
		.monthtoday {
			background-color: #F2F9FF ! important;
			}
			
		.monthWeekend {
			background-color: #FFFFEF;
			}
			
		.monthselected {
			border: solid 1px red !important;
			}
		
		.montheventtop {
			background-image: url(../typo3conf/ext/cal/template/img/side_bg.gif);
			border-top: 1px solid #A1A5A9;
			}
		
		.montheventline {
			border-right: 1px dotted #A1A5A9;
			}
		
		.medtitle {
			background-image: url(../typo3conf/ext/cal/template/img/side_bg.gif);
			height: 20px;
			margin-top: 3px;
			font-weight: 900;
			}
		
		.yearreg {
			background-color: #fff;
			height: 30px;
			width: 30px;
			text-align: right;
			vertical-align: top;
			font-size: 9px;
			}
		
		.yearoff {
			background-color: #F2F2F2;
			height: 30px;
			width: 30px;
			text-align: right;
			vertical-align: top;
			font-size: 9px;
			}
		
		.yearon {
			background-color: #F2F9FF;
			height: 30px;
			width: 30px;
			text-align: right;
			vertical-align: top;
			font-size: 9px;
			}
		
		.yearmonth {
			background-color: #ccc;
			}
		
		.yearweek {
			background-color: #eee;
			width: 30px;
			font-size: 9px;
			font-weight: 900;
			text-align: center;
			height: 15px;
			}
		
		.eventborder {
			background-image: url(../typo3conf/ext/cal/template/img/day_title.gif);
			border: 1px #006699 solid;
			}
		
		.dateback {
			background-color: #eee;
			}
		
		.weekborder {
			border-top: 1px dashed #A1A5A9;
			border-right: 1px solid #A1A5A9;
			}
		
		.weekborder2 {
			border-right: 1px solid #A1A5A9;
			}
		
		.timeborder {
			border-right: 2px solid #A1A5A9;
			border-top: 1px dashed #A1A5A9;
			background-image: url(../typo3conf/ext/cal/template/img/time_bg.gif);
			}
		
		.timeborder2 {
			border-right: 2px solid #A1A5A9;
			border-top: 1px solid #A1A5A9;
			background-image: url(../typo3conf/ext/cal/template/img/time_bg.gif);
			}
		
		.tx-cal-controller .navback {
			background-image: url(../typo3conf/ext/cal/template/img/time_bg.gif);
			}
			
		.tx-cal-controller .navback img{
			border:none;
			}
		
		.tx-cal-controller .sideback {
			background-image: url(../typo3conf/ext/cal/template/img/side_bg.gif);
			}
		
		a.psf {
			text-decoration: none;
			}
		
		a.psf:link {
			color: #0066FF;
			}
		
		a.psf:visited {
			color: #0066FF;
			}
		
		a.psf:active {
			color: #3366CC;
			}
		
		a.psf:hover {
			color: #000099;
			text-decoration: underline;
			}
		
		a.ps2 {
			text-decoration: underline;
			}
		
		a.ps2:link {
			color: #0066FF;
			}
		
		a.ps2:visited {
			color: #0066FF;
			}
		
		a.ps2:active {
			color: #3366CC;
			}
		
		a.ps2:hover {
			color: #000099;
			}
		
		a.ps3 {
			text-decoration: none;
			}
		
		a.ps3:link {
			color: #000;
			}
		
		a.ps3:visited {
			color: #000;
			}
		
		a.ps3:active {
			color: #000;
			}
		
		a.ps3:hover {
			color: #000;
			text-decoration: underline;
			}
		
		a.ps {
			text-decoration: none;
			}
		
		a.ps:link {
			color: #fff;
			}
		
		a.ps:visited {
			color: #fff;
			}
		
		a.ps:active {
			color: #fff;
			}
		
		a.ps:hover {
			color: #fff;
			text-decoration: underline;
			}
		.legend_calendar {
			font-size: 9px;
			color: #000000;
			margin-top: 1em;
			margin-left: 1em;
		}
		
		.V9 {
			text-align:left ! important;
			font-size: 9px;
			color: #000000;
			}
		
		.V9 ul {
			margin-bottom: 0px;
			padding-bottom: 0px;
			margin-left: 20px;
			padding-left: 0px;
			}
		.V9 li {
			margin-bottom: 0px;
			padding-bottom: 0px;
			}
		
		.V10W {
			font-size: 10px;
			color: #FFFFFF;
			text-decoration: none;
			}
		
		.V9W {
			font-size: 9px;
			color: #FFFFFF;
			text-decoration: none;
			}
		
		.V10WB {
			font-size: 10px;
			color: #FFFFFF;
			font-weight: 900;
			}
		
		.V9G {
			font-size: 9px;
			color: #666666;
			}
		
		.V10 {
			font-size: 10px;
			color: #000000;
			}
		
		.V9BOLD {
			font-size: 9px;
			font-weight: 900;
			}
		
		.G10 {
			font-size: 11px;
			color: #0066FF;
			}
		
		.G10B {
			font-size: 11px;
			color: #000000;
			}
		
		.G10BOLD {
			font-size: 11px;
			font-weight: 900;
			}
		
		.G10G {
			font-size: 11px;
			color: #A1A5A9;
			}
		
		.V12 {
			font-size: 12px;
			color: #000000;
			}
		
		.tx-cal-controller .eventfont {
			font-size: 11px;
			color: #FFFFFF;
			}
		
		.tx-cal-controller .query_style {
			font-size: 11px;
			width: 156px;
			margin-bottom: 0;
			}
		
		.tx-cal-controller .search_style {
			font-size: 12px;
			width: 134px;
			margin-bottom: 0;
			}
		
		.tx-cal-controller .login_style {
			font-size: 11px;
			width: 80px;
			margin-bottom: 0;
				}
			
		.tx-cal-controller .bold a:link {
			font-weight: bold;
			}
		
		.tx-cal-controller .bold a:active {
			font-weight: bold;
			}
		
		.tx-cal-controller .bold a:visited {
			font-weight: bold;
			}

		/* Pagebrowser */
		.tx-cal-controller .pagebrowser span {
			padding: 0 2px;
			}

		/*------------ Category style package: default (blue) - start ------------*/
		
		.default_categoryheader {
			background-color: #557CA3;
			}
		
		.default_categoryheader_bullet {
			color: #557CA3;
			font-size: 13px;
			}
		
		.default_categoryheader_text {
			color: #000000;
			font-size: 11px;
			margin-left: 3px;
			}
		
		.default_categoryheader_legend_bullet {
			margin-left: 3px;
			}
		
		.default_categoryheader_legend_text {
			}

.default_categoryheader_allday {
  text-align: center;
  background: #C73921;
  margin: 10px;
  padding: 10px;
}
		
.default_categoryheader_allday a{
  color: #FFF;
  font-size: 80%;
}

.default_categoryheader_allday a:link  { color: #FFF; text-decoration:underline;}
.default_categoryheader_allday a:visited { color: #FFF; text-decoration:underline;}
.default_categoryheader_allday a:focus, 
.default_categoryheader_allday a:hover, 
.default_categoryheader_allday a:active { color: #FFF; text-decoration:none}
		
		.default_categorybody {
			background-color: #6699CC;
			border: 1px solid #557CA3;
			color: #fff;
			}
		
		.default_categorybody a: link {
			color: #fff;
			}
		
		/*------------ Category style package: default (blue) - end ------------*/	
		/*------------ Category style package: green - start ------------*/
		
		.green_catheader, .green_catheader_allday {
			background-color: #53A062;
			}
		
		.green_catheader_bullet {
			color: #4FC464;
			font-size: 13px;
			}
		
		.green_catheader_text {
			color: #000000;
			font-size: 11px;
			margin-left: 3px;
			}
		
		.green_catheader_legend_bullet {
			margin-left: 3px;
			}
		
		.green_catheader_bullet_text {
			}
		
		.green_catheader_allday {
			text-align: center;
			}
		
		.green_catbody {
			background-color: #4FC464;
			border: 1px solid #53A062;
			color: #fff;
			}
		
		.green_catbody a:link {
			color: #fff;
			}
		
		/*------------ Category style package: green - end ------------*/
		/*------------ Category style package: orange - start ------------*/

		.orange_catheader, .orange_catheader_allday {
			background-color: #E84F25;
			}
		
		.orange_catheader_bullet {
			color: #FF6D3B;
			font-size: 13px;
			}
		
		.orange_catheader_text {
			color: #000000;
			font-size: 11px;
			margin-left: 3px;
			}
		
		.orange_catheader_legend_bullet {
			margin-left: 3px;
			}
		
		.orange_catheader_bullet_text {
			}
		
		.orange_catheader_allday {
			text-align: center;
			}
		
		.orange_catbody {
			background-color: #FF6D3B;
			border: 1px solid #E84F25;
			color: #fff;
			}
		
		.orange_catbody a:link {
			color: #fff;
			}
		
		/*------------ Category style package: orange - end ------------*/
		/*------------ Category style package: pink - start ------------*/
		
		.pink_catheader, .pink_catheader_allday {
			background-color: #B257A2;
			}
		
		.pink_catheader_bullet {
			color: #EA62D4;
			font-size: 13px;
			}
		
		.pink_catheader_text {
			color: #000000;
			font-size: 11px;
			margin-left: 3px;
			}
		
		.pink_catheader_legend_bullet {
			margin-left: 3px;
			}
		
		.pink_catheader_bullet_text {
			}
		
		.pink_catheader_allday {
			text-align: center;
			}
		
		.pink_catbody {
			background-color: #EA62D4;
			border: 1px solid #B257A2;
			color: #fff;
			}
		
		.pink_catbody a:link {
			color: #fff;
			}
		
		/*------------ Category style package: pink - end ------------*/
		/*------------ Category style package: red - start ------------*/

		.red_catheader, .red_catheader_allday {
			background-color: #D42020;
			}
		
		.red_catheader_bullet {
			color: #FF5E56;
			font-size: 13px;
			}
		
		.red_catheader_text {
			color: #000000;
			font-size: 11px;
			margin-left: 3px;
			}
		
		.red_catheader_legend_bullet {
			margin-left: 3px;
			}
		
		.red_catheader_bullet_text {
			}
		
		.red_catheader_allday {
			text-align: center;
			}
		
		.red_catbody {
			background-color: #FF5E56;
			border: 1px solid #D42020;
			color: #fff;
			}
		
		.red_catbody a:link {
			color: #fff;
			}
		
		/*------------ Category style package: red - end ------------*/
		/*------------ Category style package: yellow - start ------------*/

		.yellow_catheader, .yellow_catheader_allday {
			background-color: #B88F0B;
			}
		
		.yellow_catheader_bullet {
			color: #CCB21F;
			font-size: 13px;
			}
		
		.yellow_catheader_text{
			color: #000000;
			font-size: 11px;
			margin-left: 3px;
			}
		
		.yellow_catheader_legend_bullet {
			margin-left: 3px;
			}
		
		.yellow_catheader_bullet_text {

			}
		
		.yellow_catheader_allday {
			text-align: center;
			}
		
		.yellow_catbody {
			background-color: #CCB21F;
			border: 1px solid #B88F0B;
			color: #fff;
			}
		
		.yellow_catbody a:link {
			color: #fff;
			}
		
		/*------------ Category style package: yellow - end ------------*/
		/*------------ Category style package: grey - start ------------*/

		.grey_catheader, .grey_catheader_allday {
			background-color: #73738C;
			}
		
		.grey_catheader_bullet {
			color: #9292A1;
			font-size: 13px;
			}
		
		.grey_catheader_text {
			color: #000000;
			font-size: 11px;
			margin-left: 3px;
			}
		
		.grey_catheader_legend_bullet {
			margin-left: 3px;
			}
		
		.grey_catheader_bullet_text {
			}
		
		.grey_catheader_allday {
			text-align: center;
			}
		
		.grey_catbody {
			background-color: #9292A1;
			border: 1px solid #73738C;
			color: #fff;
			}
		
		.grey_catbody a:link {
			color: #fff;
			}
		
		/*------------ Category style package: grey - end ------------*/
		
		.tx-cal-controller .bold {
			/*font-weight: bold;*/
			}
		
		.refresh_calendar {
			margin-right: 5px;
			}
		
		/*  Start of moving stuff from the templat into this file */
		
		.tx-cal-controller .weekview {
			margin: 0 auto;
			}
		
		.tx-cal-controller .weekview .nextweek_arrow, .tx-cal-controller .weekview .previousweek_arrow {
			width: 16px;
			height: 20px;
			border: 0px;
			text-align: left;
			}
		
		.previsousweek_arrow {
			text-align: right;
			}
		
		/*------------- free & busy styles ----------*/
		.fnb_header {
			background-color: #444444;
			}
		
		.fnb_body {
			background-color: #888888;
			border: 1px solid #999999;
			color: #fff;
			}

		/*------------- list styles ------------*/
		.tx-cal-controller .even {
			background-color: #eeeeee;
		}
		
		
		.tx-cal-controller .treelevel0 {
		}
		
		.tx-cal-controller .treelevel1 {
			margin-left:20px;
		}
		
		.tx-cal-controller .treelevel2 {
			margin-left:30px;
		}
	
		.tx-cal-controller label {
			display:block;
			float:left;
			margin:2px 0pt;
			padding-right:1em;
			text-align:right;
			horizontal-align:top;
			width:120px;
		}
		.tx-cal-controller fieldset div {
			clear:left;
		}
		.tx-cal-controller .noborder {
			border: none;
		}
		
		.tx-cal-controller .search-result {
			list-style: none;
			margin-left: 0px;
			padding-left: 0px;
		}
		
		.tx-cal-controller .search-result li {
			padding-bottom: 1em;
		}
		
		.tx-cal-controller .search_result li .even {
			background-color: #EEEEEE;
		}
		
		.tx_cal_controller img .mouse_pointer {
			cursor:pointer;
		}
		
		#cal_general,#cal_location,#cal_organizer,#cal_freq,#cal_exception,#cal_files,#cal_notify {
			height:210px;
			overflow:auto;
			padding:8px;
		}
		
		.x-form-label-top .x-form-item label {
			width:70px ! important;
		}
		
		.x-form-invalid, textarea.x-form-invalid {
			background: none ! important;
		}
		
		#cal_event_description {
			margin-top:10px;
		}