/* Start of CMSMS style sheet '_Calendar CSS example' */
/*
Example stylesheet for Calendar module

For using this "big"-class insert something like this in your page
or template;

{cms_module module='Calendar' table_id='big'}

*/
a

div#calendar {
	text-align:center;
width:190px;
	margin:10px;
}

table.calendar {
	border-collapse: collapse;
	width:190px;
	margin:30px;
}


table.formbuilderform{
	border-collapse: collapse;
	width:600px;
	margin:10px;
}

table {
	border-collapse: collapse;
	width:190px;
	margin:10px;
}

.calendar-month {
	font-familiy: "Trebuchet MS", Arial, Helvetica, "Sans  Serif";  !important;
	font-style: italic;  !important;
	font-weight: bold;  !important;
	color: #C87853;  !important; 
	font-size:16px;  !important;
	line-height: 17px;  !important;
	margin:0;  !important;
	padding:0;  !important;
	text-align:center;  !important;
}

span.calendar-next a:link,
span.calendar-next a:visited,
span.calendar-next a:active,
span.calendar-next a:hover {
	margin:0;
	padding:0;
	font-size: 20px;
	font-weight:bold;
	color:#C87853;
	text-decoration:none;
}
span.calendar-prev a:link,
span.calendar-prev a:visited,
span.calendar-prev a:active,
span.calendar-prev a:hover {
	margin:0;
	padding:0;
	font-size: 20px;
	font-weight:bold;
	color:#C87853;
	text-decoration:none;
}

.calendar td {
	font-size:10px;
	height:16px;
	vertical-align:center;
	text-align:center;
}
.calendar th {
	color: #9E9981 !important;
	font-size:10px;
	height:16px;
	vertical-align:center;
	text-align:center;
}

.calendar tr td a {
	display:block;
	text-decoration:none; !important;
	color:#EAEADE;
	background-color:#C87853;
	font-weight:bold;
}
.calendar tr td ul {
	margin:0;
	padding:0;
}

.calendar-today {
	font-weight: bold;!important
	display:block;
	border:0px solid #C87853 !important;
background-color:#ffffff !important;
text-decoration:none; !important;
}

/* display the "upcominglist" as one line per entry (assuming table_id='cal-upcominglist') */
#cal-upcominglist .calendar-date-title
,#cal-upcominglist .calendar-summary-title
{
	display: none;
}

.calendar-upcominglist {
	font-size:10px;
background-color:#EAEADE;
}
div.calendar-upcominglist h1 {
	font-family: Georgia, Times, "Times New Roman";
	font-style: italic;
	font-weight: bold;
	color: #C87853; 
	font-size:15px;
	margin:0;
	padding:0;
	text-align:center;
}
div.calendar-upcominglist h3 {
	font-size:12px;
	font-familiy: "Trebuchet MS", Arial, Helvetica, "Sans  Serif";
	color: #9E9981;
	margin:0;
	padding:0;
}
div.calendar-event div.calendar-summary,
div.calendar-event a:link,
div.calendar-event a:visited,
div.calendar-event a:hover,
div.calendar-event a:active
{
	font-size:10px;
	line-height:12px;
	display: inline;
	margin-right: 5px;
}

div.calendar-event a:visited {
	color: #C87853;
}
div.calendar-event div.calendar-date-from {
	font-weight:bold;
	color: #9E9981;
	font-size:10px;
	line-height:12px;
	display: inline;
	margin-right: 5px;
}

/* tidy up text sizes for lists */
#cal-list h1, #cal-upcominglist h1
{
	color: red;
	font-size: 120%;
}
#cal-list h2, cal-upcominglist h2
{
	font-size: 110%;
}

/** large calendar rules (assuming table_id='big') **/


.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title
{
	display: none;
}
.calendar-event {
	font-familiy: "Trebuchet MS", Arial, Helvetica, "Sans Serif";
	font-size:12px;
	border-top: 1px solid #cbccba;
	padding:5px 0px 10px 0px;
	margin:0px 10px 0px 10px;
}


/* Beispiel-Stylesheet fuer die Formatierung des Kalendariums */
/* Der Inhalt dieser Datei sollte nach Anpassung an das eigene Design */
/* in die eigene CSS-Datei oder das Styleset im ACP uebernommen werden */

/* Dies sind nur Beispiele, Fragen bitte im Forum stellen http://www.event-list.de/forum */

/* Folgende Formatierungen bestimmen das Aussehen des kleinen Kalendariums; */

table.smallcal 
{
border-color:#EAEADE; border-style:solid;
border-width:0px; 
color:#EAEADE;
background-color:#EAEADE;
}
/* formatiert die Tabelle des Kalendariums, hier ein gruener Rahmen aussen */

/* hier fuer Wochentage: */
td.smallcal
{
border-color:#EAEADE; border-style:solid !important;
border-width:0px !important;
color:#000000; background-color:#EAEADE !important;
font-size:10px !important;
}
a.smallcal { color:{textcolor}; }
a { color: #000000; text-decoration:none; !important;}
/* Standardformatierung fuer die einzelnen Zellen des Kalendarium, hier ohne Rahmen */

td.smallcalapp { border-style:none; background-color:#D0E6E4; color:{textcolor}; }
a.smallcalapp { color:{textcolor};}
/* Formatierung fuer Tage mit Terminen, hier gegenueber Standardformat gruener Hintergrund */

td.smallcaltoday { border-style:solid; border-color:#FF0000; color:{textcolor}; }
a.smallcaltoday { color:{textcolor};}
/* Formatierung fuer den heutigen Tag, hier roter Rahmen um das Datum */

td.smallcalapptoday { border-style:solid; background-color:#D0E6E4; border-color:#ff0000; color:{textcolor}; }
a.smallcalapptoday { color:{textcolor};}
/* Formatierung fuer den heutigen Tag mit Termin, hier gruener Hintergrund und roter Rahmen */

/* hier fuer Sonn- und Feiertage: */
td.sundaysmallcal { border-style:none; color:{sundaycolor}; }
a.sundaysmallcal { color:{sundaycolor}; }
/* Standardformatierung fuer die einzelnen Zellen des Kalendarium, hier ohne Rahmen */

td.sundaysmallcalapp { border-style:none; background-color:#D0E6E4; color:{sundaycolor}; }
a.sundaysmallcalapp { color:{sundaycolor};}
/* Formatierung fuer Tage mit Terminen, hier gegenueber Standardformat gruener Hintergrund */

td.sundaysmallcaltoday { border-style:solid; border-color:#FF0000; color:{sundaycolor}; }
a.sundaysmallcaltoday { color:{sundaycolor};}
/* Formatierung fuer den heutigen Tag, hier roter Rahmen um das Datum */

td.sundaysmallcalapptoday { border-style:solid; background-color:#D0E6E4; border-color:#ff0000; color:{sundaycolor}; }
a.sundaysmallcalapptoday { color:{sundaycolor};}
/* Formatierung fuer den heutigen Tag mit Termin, hier gruener Hintergrund und roter Rahmen */



Hier nun das gleiche für Monats- und Listenansicht sowie Suche:

/* hier fuer Wochentage: */
td.cal { border-color:#EAEADE; border-style:solid; 
border-width:0px; 
color:#000000; background-color:#EAEADE;  }
a.cal { color:{textcolor}; }
/* Standardformatierung fuer die einzelnen Zellen des Kalendarium, hier ohne Rahmen */

td.calapp { border-style:none; background-color:#D0E6E4; color:{textcolor}; }
a.calapp { color:{textcolor}; }
/* Formatierung fuer Tage mit Terminen, hier gegenueber Standardformat gruener Hintergrund */

td.caltoday { border-style:solid; border-color:#FF0000; color:{textcolor}; }
a.caltoday { color:{textcolor}; }
/* Formatierung fuer den heutigen Tag, hier roter Rahmen um das Datum */

td.calapptoday { border-style:solid; background-color:#D0E6E4; border-color:#ff0000; color:{textcolor}; }
a.calapptoday { color:{textcolor}; }
/* Formatierung fuer den heutigen Tag mit Termin, hier gruener Hintergrund und roter Rahmen */

/* hier fuer Sonn- und Feiertage: */
td.sundaycal { border-style:none; color:{sundaycolor}; }
a.sundaycal { color:{sundaycolor}; }
/* Standardformatierung fuer die einzelnen Zellen des Kalendarium, hier ohne Rahmen */

td.sundaycalapp { border-style:none; background-color:#D0E6E4; color:{sundaycolor}; }
a.sundaycalapp { color:{sundaycolor}; }
/* Formatierung fuer Tage mit Terminen, hier gegenueber Standardformat gruener Hintergrund */

td.sundaycaltoday { border-style:solid; border-color:#FF0000; color:{sundaycolor}; }
a.sundaycaltoday { color:{sundaycolor}; }
/* Formatierung fuer den heutigen Tag, hier roter Rahmen um das Datum */

td.sundaycalapptoday { border-style:solid; background-color:#D0E6E4; border-color:#ff0000; color:{sundaycolor}; }
a.sundaycalapptoday { color:{sundaycolor}; }
/* Formatierung fuer den heutigen Tag mit Termin, hier gruener Hintergrund und roter Rahmen */
/* End of '_Calendar CSS example' */