/* 
    Document   : jevcustom
    Created on : 22-Apr-2013, 14:12:51
    Author     : Tony Partridge - GWE Systems Ltd
    Description: To allow customisation of CSS Strings where they can never be lost.
    Purpose of the stylesheet follows.
*/

/* ==== JEvent Kalender === */

/* Source: joomla3\components\com_jevents\views\flat\assets\css\events_css.css  */


#jevents_body{ /* Gesamtseite */
    width:100% !important;
/*    border:1px solid #DDD; */
    border:0px;
/*    border-radius:8px; */

/*    background-color:#F7F7F7; */
	background-color: white;

    padding-top:10px;
    padding-bottom:10px;
}


/* --- Navigation --- */
/* Jahr | Monat | Woche | Heute | zu Monat */
#jevents_body .nav-items div.active a, .jev_header2 .active a 
{
/*	background-color:#ff3b30; */
	background-color:red; 
	color:white;
}

#jevents_body .nav-items div.active a:hover, .jev_header2 .active a:hover 
{
	background-color:#FFF; 
/*	border-left: 1px solid #ff3b30; */
	border-left: 1px solid red; 
}


div.new-navigation 
{
	margin:auto auto;
	margin-bottom:20px;
	display:inline-block; 
	width:100%;
}

.nav-items 
{
	margin-left:auto;
	margin-right:auto;
	text-align:center; 
	display:inline-block;
	width:93%; 
}

#jevents_body .nav-items div.active a, .jev_header2 .active a 
{
/*	background-color:#ff3b30;  */
	background-color:red; 
	color:white;
}

/* die aktuell aktive Auswahl für Jahr, Monat, ... */
#jevents_body .nav-items div.active a:hover, .jev_header2 .active a:hover 
{
/*	background-color:#FFF;  */
	background-color:white; 
	color: black;
/*	border-left: 1px solid #ff3b30;*/
	border-left: 1px solid red;
	border-top: 1px solid red;
	border-bottom: 1px solid red;
	padding:6px 11px 6px 11px;
}

.nav-items > div 
{
	margin-left:-5px;
	display:inline-block;
	padding: 3px 0px 2px 0px;
	line-height:23px;
	vertical-align:middle;
/*	border:1px solid #ff3b30; */
	border:1px solid red; 
	border-left:0px; 
}

.nav-items > div a 
{
/*	padding:8px 12px 7px 12px; */
	padding:7px 11px 7px 12px; /* war oben eine Pixel zu hoch */
	text-decoration:none;
	color: #474747;
}

#jevents_body .nav-items > div a:hover 
{
/*	padding:7px 12px 7px 12px; */
	padding:7px 11px 7px 12px; /* war oben eine Pixel zu hoch */
	background-color:#CCC;
/*	border-left:1px solid #ff3b30; */
	border-left:0px solid red; 
	color:black;
}


.nav-items > div:first-child 
{
/*	border-radius:5px 0 0 5px; */
	border-radius:1px 0 0 1px;
/*	border-left:1px solid #ff3b30;  */
	border-left:1px solid red; 
}

.nav-items > div:last-child 
{
/*	border-radius:0 5px 5px 0; */
	border-radius:0 1px 1px 0;
/*	border-right:1px solid #ff3b30; */
	border-right:1px solid red; 	
}

.nav-items > div:first-child a:hover 
{
/*	border-radius:5px 0 0 5px; */
	border-radius:1px 0 0 1px; 
/*	margin-left:-1px; */
}

.nav-items > div:last-child a:hover 
{
/*	border-radius:0 5px 5px 0; */
	border-radius:0 1px 1px 0;
}

#jevents_body .cal_today a.cal_daylink 
{
	margin-top:5px;
}

#jevents_body .cal_today a.cal_daylink 
{
/*	background-color:#ff3b30; */
	background-color:red;
	padding:4px;
	border-radius:10px;
	color:#FFFFFF;
}

#jevents_body .cal_today a.cal_daylink:hover 
{
/*	border-left: 1px solid #ff3b30; */
	border-left: 1px solid red; 
	background-color:#fff; 
/*	border:1px solid #ff3b30; */
	border:1px solid red; 
	padding:4px;
	border-radius:10px;
/*	color:#ff3b30; */
	color:red;
}



/* -- Navigation */
/* letztes Jahr | 2014 | nächstes Jahr */
.jev_toprow div.previousmonth , .jev_toprow div.nextmonth {  
/*    background-color: #ff3b30; */
    background-color: red;
/*    border:1px solid #ff3b30; */
    border:1px solid red; 
}

.jev_toprow div.currentmonth{ 
/*    border-top:1px solid #ff3b30 ; */
    border-top:1px solid red ; 
/*    border-bottom: 1px solid #ff3b30 ; */
    border-bottom: 1px solid red ; 
    margin-bottom:-1px;
}

.jev_toprow div.previousmonth, .jev_toprow div.currentmonth, .jev_toprow div.nextmonth {
    float: left;
    height: 23px;
    line-height: 23px;
    text-align: center!important;
/*    color: #606F79!important; */
    color: black!important; /* '!important - überstimmt alle Formatierungen die sonst höhere Prio hätten */
    font-weight: bold;
}

#jevents_body .jev_toprow div.previousmonth a {
	/* den Rahmen unten ausschalten, der sonst bei Links da ist 
	   (damit er bei Text rot unterstrichen wird)
	   Sieht blöd aus bei dem Kalender */
	border-bottom: none;	
}

#jevents_body .jev_toprow div.nextmonth a {
	/* den Rahmen unten ausschalten, der sonst bei Links da ist 
	   (damit er bei Text rot unterstrichen wird)
	   Sieht blöd aus bei dem Kalender */
	border-bottom: none;	
}


#jevents_body .jev_toprow div.previousmonth a:hover {
	color: black;
	background: white;
}

#jevents_body .jev_toprow div.nextmonth a:hover {
	color: black;
	background: white;
}


#jevents_body .nav-items > div a:hover 
{
	padding:7px 12px 7px 12px;
/*	background-color:#CCC; */
	background-color:red;
/*	border-left:1px solid #ff3b30; */
	border:0px solid red; 
/*	color:#000; */
	color:black;
}


/* ==== Monatsansicht === */

#jevents_body .cal_top_day_names {
	width:100%;
	min-width:395px;
	margin-top: 20px; /* AndreM - klebt sonst etwas an der Navi-Leiste */
	margin-bottom: 5px;  /* AndreM - irgenwo kommen 20px her - ist dann aber viel Luft zum Kalender */
	margin-left:0px;
}

#jevents_body .cal_top_day_names tr {
	border:0px solid;
}

#jevents_body .cal_top_day_names td {
	width:12%;
	padding-left:3px;
}

/*********************
* Calendar style
**********************/
#jevents_body .cal_table {
    border: 1px solid #DDD;
    width:100.3%;
/*    margin-left:-1px; */
    margin-left:0px; /* AndreM ist sonst gegenüber Wochentagen etwas nach links verschoben */
    padding-top:20px; 
    padding-bottom:20px;
    background-color:#CCC;
}

#jevents_body .cal_daysnames {
    width:14px;
    background-color:#fff;
/* AndreM    border:0px solid; */
    border:1px;
	border-style: solid;
	border-color: lightgray;
    height:22px;
    line-height:22px;
    color:#474747;
    font-weight:bold;
    text-align:left;
	/* ---vvv--- AndreM - 3D effekt für TAge des Monats */
	border-width: 2px;
	border-color:darkgray;
	border-style: inset;
	/* ---^^^--- AndreM */
	font-size: 16px; /* AndreM: selbe Größe wie Tagesnummer */
}

.cal_daysoutofmonth {
    background-color: #d4d8d8;
    padding:4px;
    font-family:  Arial;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
	/* ---vvv--- AndreM - kein 3D-Effekt für Tage ausserhalb des Moants */
	border-width: 1px;
	border-color:lightgray;
	border-style: solid;
	/* ---^^^--- AndreM */
}

#jevents_body .cal_daysnoevents {
    background-color: #FFF;
    padding:4px;
    height:80px;
    vertical-align:top;
    width:14%;
	/* ---vvv--- AndreM - 3D effekt für TAge des Monats */
	border-width: 2px;
	border-color:darkgray;
	border-style: inset;
	/* ---^^^--- AndreM */
}

#jevents_body .cal_dayshasevents {
    background-color: #FFF;
    padding:4px;
    vertical-algin:top;
    height:80px;
    width:14%;
	/* ---vvv--- AndreM - 3D effekt für TAge des Monats */
	border-width: 2px;
	border-color:darkgray;
	border-style: inset;
	/* ---^^^--- AndreM */
}

a.cal_daylink:link {
    font-family: Arial;
/* AndreM    font-size: 12px; */
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}
a.cal_daylink:visited{
    font-family: Arial;
/* AndreM    font-size: 12px; */
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}
a.cal_daylink:hover{
    font-family: Arial;
/* AndreM    font-size: 12px; */
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    color: Red;
    text-decoration: none;
}


/* ====================== */
/* ==== JEvent Latest === */
/* ====================== */

/* Default-CSS ist hier: */
/* aus  joomla3\components\com_jevents\views\default\assets\css\modstyle.css */
/* und  joomla3\components\com_jevents\views\geraint\assets\css\modstyle.css */
/* und  joomla3\components\com_jevents\views\alternative\assets\css\modstyle.css */
td.mod_events_latest_first, td.mod_events_latest 
{
	background-color:#ffffff;
	border-style:solid;
	border-left-width: 8px; /* damit Farbe für das Event links angezeigt wird */
	                        /* die Farbe selber steht im HTML bei der Tabellenzelle: style="border-color:#FF6600 */
	border-top-width: 0px;  /* die bunte Linie zwischen den Events weg */
	border-bottom-width: 0px;  /* die bunte Linie zwischen den Events weg */
	border-right-width: 0px;  /* die bunte Linie zwischen den Events weg */
	padding:0px 0px 0px 0px;
	padding-left: 4px;

	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	height: 30px; */
	white-space: nowrap; /* verhindern dass lange Termin-Titel in 2 Zeilen stehen */
}


.mod_events_latest_table
{
		margin-top:  3px; 
		margin-left: 5px; 
}

.mod_events_latest_date
{
		color: black;
}

/* den Event-Titel nicht blau wie die anderen Links darstellen sonder */
/* einfach Schwarz */
#eventflash a
{
		color: black;
		font-weight: bold;
}

/* Default-Rahmen ist 1px */
/* -> will ich nicht -> überschreiben */
#eventflash table 
{
	border-width: 0px;
}