body {
    background: #202020;
    color: orange;

/*  scrollbar-base-color: #F78C00; 
    scrollbar-face-color: #F78C00; 
    scrollbar-track-color: #78C01; 
    scrollbar-arrow-color: #202020;
    scrollbar-highlight-color: #FFFF00;
    scrollbar-shadow-color: #5D61FF;
    scrollbar-3dlight-color: #FFB62F;
    scrollbar-darkshadow-color: #000000; 
    
    orange Farben: #FAA900 #FF9933
    */

}

/*
.bodyaction {
    background-image:url(/image/bg-action.jpg); 
    background-repeat:no-repeat; 
    background-position: 1px 1px;
    background-attachment:fixed;
    #fixed;
    #scroll;
}


.bodyevents {
    background-image:url(/image/bg-events.jpg); 
    background-repeat:no-repeat; 
    background-position:center left;
    background-attachment:fixed;
    #fixed;
    #scroll;
}


.bodynews {
    background-image:url(/image/bg-kratzer.jpg);
    background-attachment:fixed;
}


.bodyriders {
    background-image:url(/image/bg-zaun.gif);
    background-attachment:fixed;
}
*/
.bodytrack {

}
/**     background-image:url(/image/track.jpg);
/******************************* Start Logo oben ******************************/					    
.mxduro_head{
    width: 100%;
    height: 110px;
}
/******************************* Ende Logo oben ******************************/					    					    
/******************************* Start Links ******************************/					    
a:link{
  color: red;
  background-color: transparent;
  text-decoration: none;
}
a:visited{
  color: red;
  background-color: transparent;
  text-decoration: none;
}
a:active{
  color: #00ffff; 
  background-color: transparent;
  text-decoration: none;
}
a:hover{
    color: orange; 
    background-color: transparent;
    text-decoration: none;
}

a:hover .pixlie-vorschaubild-rahmen, a:hover .Fahrerbild_height, a:hover .Fahrerbild_width, a:hover .vorschaubild_klein, a:hover .vorschaubild_mittel, a:hover .vorschaubild_gross, a:hover .werbebild{
    border: 1px solid orange;
}

p {
    font-style: normal; 
    font-variant: normal; 
    font-weight: normal; 
    font-size: 90%; 
    line-height: 1.0;
    font-family: verdana, sans-serif; 
    text-decoration: none;
}
.farbemittel{
    color : #FFC887;}
.farbehell{
    color : #FFFE87;}
td {
    font-style: normal; 
    font-variant: normal; 
    font-weight: normal; 
    font-size: 90%; 
    line-height: 1.0;
    font-family: verdana, sans-serif; 
    text-decoration: none;
}

/******************************* Überschriften ******************************/					    
h1 {
    font-style: normal; 
    font-variant: normal; 
    font-weight: bolder; 
    font-size: 160%;
    line-height: 1.0; 
    font-family : "Matura MT Script Capitals", verdana, sans-serif;     
    color: #fa7600; 
    text-decoration: none;
}

h2 {
    font-style: normal; 
    font-variant: normal;     
    font-weight: bold; 
    font-size: 130%;
    line-height: 1.0; 
    font-family : "Matura MT Script Capitals", verdana, sans-serif;          
    color: #fa7600; 
    text-decoration: none;
}

h3 {
    font-style: normal; 
    font-variant: normal; 
    font-weight: normal; 
    font-size: 120%;
    line-height: 1.0; 
    font-family: verdana, sans-serif;     
    color: #fa7600; 
    text-decoration: none; 
    margin: 0; 
    padding: 0;
}

h4 {
    font-style: normal; 
    font-variant: normal; 
    font-weight: normal; 
    font-size: 110%;
    line-height: 1.0; 
    font-family: verdana, sans-serif; 
    color : #fa7600; 
    text-decoration: none; 
    margin : 0; 
    padding : 0;
}

hr {
    width: 100%; 
    height: 1px; 
    color: #fa7600; 
    
}

input {
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 90%; 
    line-height: 1.5;
    font-family: verdana, sans-serif;
    background-color: #404040;
    color : orange;
}

textarea {
    font-style: normal;
    font-variant: normal;
    font-weight : normal;
    font-size : 90%; 
    line-height: 1.5;
    font-family: verdana, sans-serif;
    color : orange;
    background-color : #404040;
}

select {
    font-style: normal;
    font-variant: normal;
    font-weight : normal;
    font-size : 90%; 
    line-height: 1.5;
    font-family: verdana, sans-serif;
    color : orange; 
    background-color : #404040;
    width : 40%; 
}

    
.nav-button:active, .nav-button:focus, .nav-button:hover { 
    background-color: #dddddd; 
    outline: #999999 1px solid; 
    text-decoration: none 
}

.Fahrername {  
    font-style: normal;
    font-variant: small-caps;
    font-weight: bold;     
    font-size: 90%; 
    line-height: 1.0;
    font-family: verdana, sans-serif; 
    text-decoration: none; 
    text-align: justify;
}
    
.Mopped {  
    font-style: normal; 
    font-variant: normal; 
    font-weight: lighter;     
    font-size: 80%; 
    line-height: 1.0;
    font-family: verdana, sans-serif; 
    text-decoration: none; 
    color : #ccffff; 
    text-align: justify;
}



.Fahrerbild_height{
    background : transparent;
    width: 170px;
    height: 230px;
    border : 1px solid red;
    padding : 3px;
    margin : 30px 0px 0px 0px;
}

.Fahrerbild_width{
    background : transparent;
    width: 230px;
    height: 170px;
    border : 1px solid red;
    padding : 3px;
    margin : 30px 0px 0px 0px;
}

.vorschaubild_klein{
    width: 180px;
    height: 120px;
    border : 1px solid red;
    padding : 3px;
    margin : 30px 0px 0px 0px;
/*    border-width : thin;
   border-color : black; */
}

.vorschaubild_klein_hoch{
    width: 120px;
    height: 180px;
    border : 1px solid red;
    padding : 3px;
    margin : 30px 0px 0px 0px;
/*    border-width : thin;
   border-color : black; */
}


.vorschaubild_mittel{
    width: 250px;
    height: 180px;
    border : 1px solid red;
    padding : 3px;
    margin : 30px 0px 0px 0px;
/*    border-width : thin;
   border-color : black; */
}

.vorschaubild_gross{
    width: 320px;
    height: 240px;
    border : 1px solid red;
    padding : 3px;
    margin : 30px 0px 0px 0px;
/*    border-width : thin;
   border-color : black; */
}

.vorschaubild_gross_hoch{
    width: 240px;
    height: 320px;
    border : 1px solid red;
    padding : 3px;
    margin : 30px 0px 0px 0px;
/*    border-width : thin;
   border-color : black; */
}

.werbebild{
    width: 180px;
    height: 100px;
    border-width : thin;
    border-color : black;
}



.menu {
    width: 180px; 
    height: 18px; 
    border: 0;
}

.update {  
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 50%; 
    line-height: 1.5;
    font-family: verdana, sans-serif; 
    text-decoration: none; 
    color: #CCFFFF; 
    text-align: justify;
}

.sizeem {font-size: 1em;}
.sizesmall {font-size: small;}
.sizepercentage {font-size: 30%; font-family: verdana, sans-serif;}


/****************************************** Counter *********************************************************/

.chcTable{
    width: 100%;
    border-spacing: 0px;
    border-width: 0px;
    border-color: transparent;
    border-style: solid;
    text-align: left;
    background-color: transparent;
}

.chcHeaderRow{
    background-color : transparent;
    color : orange; 
    font-size : 58%;
    font-weight : normal;
    padding : 0px;
}
.chcLeftRow{
    background-color: #0E1FC0;
    color: #00FF00;
    font-size: 58%;
    padding: 2px;
}
.chcLeftRowAlt{
	background-color: #071080;
	color: #00FF00;
	font-size: 58%;
	padding: 2px;
}
.chcRightRow{
	background-color: #0E1FC0;
        font-family: verdana, sans-serif;
	font-size: 58%;
	font-weight: bold;
	color: #00FF00;
	padding: 2px;
	text-align: right;
}
.chcRightRowAlt{
	background-color: #071080;
        font-family: verdana, sans-serif;
	font-size: 58%;
	font-weight: bold;
	color: #00FF00;
	padding: 2px;
	text-align: right;
}

.chcA a{
	font-size: 58%;
}

/**************************************************  Ende Counter ************************************************/	    

/**************************************************  PHP List ****************************************************
PHP List Schriftgröße 101%
Hinweise und Co. 95 % 
*/

ol {
    font-weight: normal; 
    font-size: 101%; 
    color: #666666; 
    font-style: normal; 
    font-family: verdana, sans-serif; 
    text-decoration: none;
}

.disclist li {
    list-style-type : circle; 
    padding: 5px;
}


.leaftitle {
    font-weight: bold; 
    font-size: 101%; 
    color: #ff9900; 
    font-style: normal; 
    font-family: verdana, sans-serif; 
    text-decoration: none;
}

.title {
    font-weight: bold; 
    font-size: 101%; 
    color: #999966; 
    font-style: normal; 
    font-family: verdana, sans-serif; 
    text-decoration: none; 
    padding-left:5px;
}

/*
.menutable {background-color : white; border-left : 1px black solid; border-right : 1px black solid; display : block; width : 132px;}
.menuhd {font-family: verdana, sans-serif;font-size : 101%; color: orange;background-color : #CCCC99; font-weight: normal; border-top: 1px black solid;  border-bottom: 1px black solid;display : block; text-align : left; text-decoration : none; padding: 2px;vertical-align : top; padding-left : 3px;}
.bottom {font-family: verdana, sans-serif;font-size : 101%; font-weight : bold; padding: 2px; padding-left:20px;}
.input {font-family: verdana, sans-serif;font-size : 101%; font-weight : normal;}
.searchBoxinput {font-family: verdana, sans-serif;font-size : 101%; font-weight : normal; margin : 0px; padding : 0px;color : #000000;border: 1px #999966 solid; padding-left:2px; height:15px; width:110px;}
.dropdown {font-family: verdana, sans-serif;font-size : 101%; font-weight : normal; margin : 0px; padding : 0px;color : #000000;border: 1px #999966 solid; padding-left:5px; height:15px; width:250px;}
.addbutton {font-family: verdana, sans-serif;font-size : 101%; font-weight : normal; margin : 0px; padding : 0px;color : #000000;border: 1px #999966 solid; height:15px; width:120px;}
.submitsearch {font-family: verdana, sans-serif;font-size : 101%; font-weight : normal; margin : 0px; padding : 0px;background-color: #DEDEB6;color : #000000; border:1px #CCCC99 solid; height:15px;}
.menufill {font-family: verdana, sans-serif;font-size : 101%; color : #000000;background-color : #CCCC99; font-weight: normal; text-align : left; text-decoration : none; padding: 0px;border-top: 1px white solid; border-bottom: 1px white solid; padding-left: 5px;}
.rightmenufill {font-family: verdana, sans-serif;font-size : 101%; color : #000000;background-color : #CCCC99; font-weight: normal; text-align : left; text-decoration : none; padding: 0px;border-top: 1px white solid; border-bottom: 1px white solid; padding-left: 5px;}
.branchhd {font-family: verdana, sans-serif;font-size : 101%; color: orange;background-color : #DEDEB6; font-weight: bold; border-top: 1px black solid;  border-bottom: 1px black solid;display : block; text-align : left; text-decoration : none; padding: 2px;vertical-align : top; padding-left : 3px;}
.branchaction {font-family: verdana, sans-serif;font-size : 101%; color: orange;background-color : #DEDEB6; font-weight: bold; border-top: 1px black solid;  border-bottom: 1px black solid;display : block; text-align : right; text-decoration : none; padding: 2px;vertical-align : top; padding-left : 3px;}
.branchaction2 {font-family: verdana, sans-serif;font-size : 101%; color: orange;background-color : #DEDEB6; font-weight: bold; border-top: 1px black solid;  border-bottom: 1px black solid;display : block; text-align : left; text-decoration : none; padding: 2px;vertical-align : top; padding-left : 3px;}
.listorder {font-family: verdana, sans-serif;font-size : 101%; color: orange; padding:0px; width:20px;}
.delete {font-family: verdana, sans-serif;font-size : 101%; color : red;background-color : #DEDEB6; font-weight: bold; border-top: 1px black solid;  border-bottom: 1px black solid;display : block; text-align : right; text-decoration : none; padding: 2px;vertical-align : top; padding-left : 3px;}

.webblermenu {font-family: verdana, sans-serif; font-size : 101%; color : white; font-weight: normal; text-align : left; text-decoration : none; padding :5px; background-color : #ff9900; border: 1px solid black;}
*/


.menutable {background-color : white; border-left : 1px black solid; border-right : 1px black solid; display : block; width : 132px;}
.menuhd {font-family: verdana, sans-serif;font-size : 101%; background-color : #CCCC99; font-weight: normal; border-top: 1px black solid;  border-bottom: 1px black solid;display : block; text-align : left; text-decoration : none; padding: 2px;vertical-align : top; padding-left : 3px;}
.bottom {font-family: verdana, sans-serif;font-size : 101%; font-weight : bold; padding: 2px; padding-left:20px;}
.input {font-family: verdana, sans-serif;font-size : 101%; font-weight : normal;}
.searchBoxinput {font-family: verdana, sans-serif;font-size : 101%; font-weight : normal; margin : 0px; padding : 0px;color : #000000;border: 1px #999966 solid; padding-left:2px; height:15px; width:110px;}
.dropdown {font-family: verdana, sans-serif;font-size : 101%; font-weight : normal; margin : 0px; padding : 0px;color : #000000;border: 1px #999966 solid; padding-left:5px; height:15px; width:250px;}
.addbutton {font-family: verdana, sans-serif;font-size : 101%; font-weight : normal; margin : 0px; padding : 0px;color : #000000;border: 1px #999966 solid; height:15px; width:120px;}
.submitsearch {font-family: verdana, sans-serif;font-size : 101%; font-weight : normal; margin : 0px; padding : 0px;background-color: #DEDEB6;color : #000000; border:1px #CCCC99 solid; height:15px;}
.menufill {font-family: verdana, sans-serif;font-size : 101%; color : #000000;background-color : #CCCC99; font-weight: normal; text-align : left; text-decoration : none; padding: 0px;border-top: 1px white solid; border-bottom: 1px white solid; padding-left: 5px;}
.rightmenufill {font-family: verdana, sans-serif;font-size : 101%; color : #000000;background-color : #CCCC99; font-weight: normal; text-align : left; text-decoration : none; padding: 0px;border-top: 1px white solid; border-bottom: 1px white solid; padding-left: 5px;}
.branchhd {font-family: verdana, sans-serif;font-size : 101%; background-color : #DEDEB6; font-weight: bold; border-top: 1px black solid;  border-bottom: 1px black solid;display : block; text-align : left; text-decoration : none; padding: 2px;vertical-align : top; padding-left : 3px;}
.branchaction {font-family: verdana, sans-serif;font-size : 101%; background-color : #DEDEB6; font-weight: bold; border-top: 1px black solid;  border-bottom: 1px black solid;display : block; text-align : right; text-decoration : none; padding: 2px;vertical-align : top; padding-left : 3px;}
.branchaction2 {font-family: verdana, sans-serif;font-size : 101%; background-color : #DEDEB6; font-weight: bold; border-top: 1px black solid;  border-bottom: 1px black solid;display : block; text-align : left; text-decoration : none; padding: 2px;vertical-align : top; padding-left : 3px;}
.listorder {font-family: verdana, sans-serif;font-size : 101%; padding:0px; width:20px;}
.delete {font-family: verdana, sans-serif;font-size : 101%; color : red;background-color : #DEDEB6; font-weight: bold; border-top: 1px black solid;  border-bottom: 1px black solid;display : block; text-align : right; text-decoration : none; padding: 2px;vertical-align : top; padding-left : 3px;}

.webblermenu {font-family: verdana, sans-serif; font-size : 101%; color : white; font-weight: normal; text-align : left; text-decoration : none; padding :5px; background-color : #ff9900; border: 1px solid black;}

.email  {
	font-size : 101%;
	font-family: verdana, sans-serif;
	font-weight : bold;
	font-style : normal;
	color : blue;
	text-decoration : none;
}

.address  {
	font-size : 101%;
	font-family: verdana, sans-serif;
	font-weight : normal;
	font-style : normal;
	text-decoration : none;
}


.listitem  {
	font-size : 101%;
	font-family: verdana, sans-serif;
	font-weight : normal;
	font-style : normal;
	text-decoration : none;
}

.attributename  {
	font-size : 101%;
	font-family: verdana, sans-serif;
	font-weight : normal;
	font-style : normal;
	text-decoration : none;
}

.attributeinput  {
	font-size : 101%;
	font-family: verdana, sans-serif;
	font-weight : normal;
	font-style : normal;
	text-decoration : none;
}

.required {
	font-size : 101%;
	font-family: verdana, sans-serif;
	font-weight : normal;
	font-style : normal;
	text-decoration : none;
}

.missing {
	font-size : 95%;
	font-family: verdana, sans-serif;
	font-weight : bold;
	font-style : normal;
	color : red;
}

.error  {
	font-size : 95%;
	font-family: verdana, sans-serif;
	font-weight : normal;
	font-style : normal;
	color : red;
	text-decoration : none;
}

.info  {
	font-size : 95%;
	font-family: verdana, sans-serif;
	font-weight : normal;
	font-style : normal;
	color : #ff00ff;
	text-decoration : none;
}

.botbar  {
	font-size : 101%;
	font-family: verdana, sans-serif;
	font-weight : bold;
	font-style : normal;
	color : white;
	text-decoration : none;
}
/***************************** Ende PHP-List **********************************************************************/

/***************************** Start Pixlie  **********************************************************************/
/******************************* Seitenstruktur ******************************/
/* Gesamter Bereich */
#pixlie-container-gesamt{
  width: 99%;
  margin: 0px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
}

/* 1. Bereich = der oberste Balken */
#pixlie-balken-oben{
  width		: 100%;  
  background-color : #966800;
  color 	: orange;
  padding	: 0px; 
  margin	: 0px;
  height	: 20px; 
  border-top 	: 1px solid orange;
  border-right 	: 1px solid orange;
  border-left 	: 1px solid orange;
  border-bottom : 1px solid orange;
}

/* 2. Bereich = der zweite Balken mit Menüeinträgen */
#pixlie-balken-unten{
  width		: 100%;  
  background-color : transparent;
  padding 	: 0px;
  margin 	: 0px;
  height 	: 110px;
  border-right 	: 1px solid orange;
  border-left 	: 1px solid orange;
  border-bottom	: 1px solid orange;
}

/* 3. Bereich = fasst Navigation und Vorschaubilder */
#pixlie-container-main-liste{
  width		: 100%;  
  margin	: 0px;
  margin-left	: auto;
  margin-right	: auto;
  padding	: 0px;
  border-right	: 1px solid orange;
  border-bottom	: 1px solid orange;
  border-left	: 1px solid orange;  
}

/* 4. Bereich */
#pixlie-inhalt-liste{
  float: right; /* Menüliste links oder rechts positioniert */
  width: 80%;
}

/* main-Vorschau = dann die Einzelbildansicht */
#pixlie-container-main-vorschau{
  width: 100%;
  border-right: 1px solid orange;
  border-bottom: 1px solid orange;
  border-left: 1px solid orange;
  margin: 0px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
}

#pixlie-inhalt-vorschau{
  text-align	: center;
  width		: 100%;

}

#pixlie-seitenleiste{
  float		: right; /* siehe oben pixlie-inhalt-liste; Liste links positioniert */
  width		: 18%; 
  margin	: 0px;
  padding	: 0px;  
}

#pixlie-copyright{
  font-family	: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size	: 0.7em;
  clear		: both;
  padding	: 10px 0 5px 0;
  margin-top	: 0px; /* Wird benötigt für ie5.5 */
  height	: 42px;
  background-color: transparent;
  border-top	: 1px solid orange; 
  text-align	: center;
}
/************************************** Rahmen um jedes Bild */
.pixlie-bilderliste li{
  float		: left;
  display	: inline;
  margin	: 1px 1px 1px 1px;
  padding	: 0;
  width		: 48%;
  height	: 48%;
} 

.pixlie-bilderliste li a{
  text-decoration : none;
}

.pixlie-bilderliste li p{
  padding	: 1px;
  margin	: 1px;
}

.pixlie-bilderliste li img{
  border	: 1px solid red;
  padding	: 3px;
  background	: transparent;
}

.pixlie-bilderliste li a:hover img{
  border	: 1px solid orange;
}
/************************************** Ende Rahmen um jedes Bild */

/******************************* Start anzeigen eines Vorschaubildes ******************************/
#pixlie-bildhalter{
  background	: url('pixlieloader.gif') 50% 50% no-repeat;
}

#pixlie-vorschaubild {
  background	: transparent;
}

.pixlie-vorschaubild-rahmen{
  border	: 1px solid red;
  padding	: 3px;
  margin	: 30px 0px 0px 0px;
}
/******************************* Ende anzeigen eines Vorschaubildes ******************************/

/******************************* Start Auflistung der Thumbnails ******************************/
.pixlie-container-bilderliste{
  padding	: 5px 0px 0px 10px;
  margin-left	: auto;
  margin-right	: auto;
}

.pixlie-bilderliste{
  list-style-type : none;
  padding	: 0px 0px 5px 0px;
  margin	: 0;
}

.pixlie-seiteninfo{
  clear: left;
  padding-top: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  padding: 1px;
  margin: 3px 1px 1px 15px;
}

.pixlie-seitenzahlen{
  padding-top: 20px;
  text-align: center;
}
/******************************* Ende Auflistung der Thumbnails ******************************/
/***************************** Ende Pixlie *******************************************************************************/

/*********************************** Start Event-List (Kalender) *********************************************************/
/* 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:#00ff00; border-style:solid; border-width:2px; }
/* formatiert die Tabelle des Kalendariums, hier ein gruener Rahmen aussen */

/* hier fuer Wochennummer: */
td.smallcal { border-style:none; color:{textcolor}; font-weight:bold; }
a.smallcal { color:{textcolor}; font-weight:bold; }

/* hier fuer Wochentage: */
td.smallcal { border-style:none; color:{textcolor}; }
a.smallcal { color:{textcolor}; }
/* Standardformatierung fuer die einzelnen Zellen des Kalendarium, hier ohne Rahmen */

td.smallcalapp { border-style:none; background-color:#44ff44; 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:#44ff44; 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:#44ff44; 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:#44ff44; border-color:#ff0000; color:{sundaycolor}; }
a.sundaysmallcalapptoday { color:{sundaycolor};}
/* Formatierung fuer den heutigen Tag mit Termin, hier gruener Hintergrund und roter Rahmen */

/* das gleich fuer Wochentage in den Ferien: */
td.vacsmallcal { border-style:none; color:{vacationcolor}; }
a.vacsmallcal { color:{vacationcolor}; }
/* Standardformatierung fuer die einzelnen Zellen des Kalendarium, hier ohne Rahmen */

td.vacsmallcalapp { border-style:none; background-color:#44ff44; color:{vacationcolor}; }
a.vacsmallcalapp { color:{vacationcolor};}
/* Formatierung fuer Tage mit Terminen, hier gegenueber Standardformat gruener Hintergrund */

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

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

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

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

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

td.vacsundaysmallcalapptoday { border-style:solid; background-color:#44ff44; border-color:#ff0000; color:{sundaycolor}; }
a.vacsundaysmallcalapptoday { 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-style:none; color:{textcolor}; }
a.cal { color:{textcolor}; }
/* Standardformatierung fuer die einzelnen Zellen des Kalendarium, hier ohne Rahmen */

td.calapp { border-style:none; background-color:#44ff44; 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:#44ff44; 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:#44ff44; 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:#44ff44; border-color:#ff0000; color:{sundaycolor}; }
a.sundaycalapptoday { color:{sundaycolor}; }
/* Formatierung fuer den heutigen Tag mit Termin, hier gruener Hintergrund und roter Rahmen */

/* hier fuer Wochentage in den Ferien: */
td.vaccal { border-style:none; color:{vacationcolor}; }
a.vaccal { color:{vacationcolor}; }
/* Standardformatierung fuer die einzelnen Zellen des Kalendarium, hier ohne Rahmen */

td.vaccalapp { border-style:none; background-color:#44ff44; color:{vacationcolor}; }
a.vaccalapp { color:{vacationcolor}; }
/* Formatierung fuer Tage mit Terminen, hier gegenueber Standardformat gruener Hintergrund */

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

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

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

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

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

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

/***************************** Infos zu CSS *******************************************************************************
font-style: 
    normal, italic, oblique

font-weight:
    normal, bold, bolder, lighter, 100,200,300,400,500,600,700,800,900 (Werte von extra dünn bis extra fett. 
    Vorausgesetzt die installierte Schriftart unterstützt diese Abstufung), inherit

inherit:
    In den Beschreibungen der einzelnen Eigenschaften und der Kurzreferenz findest du auch den Punkt Vererbbar, 
    der dir sagt, ob eine Eigenschaft weitervererbt wird. Es macht z.B. keinen Sinn, wenn die Rahmeneigenschaften 
    weitervererbbar wären. Dann hätte jedes Element einen Rahmen und das würde aussehen, wie in diesem Beispiel.
    Nun gibt es aber Situationen, in denen das Vererben erwünscht ist. 
    Dafür gibt es den Wert inherit, mit dem du für die meisten Eigenschaften festlegen kannst, 
    dass sie den Wert des Elternelements erben sollen. 
	#div1 {
	border:1px solid red;
	}
	#div2 {
	border:inherit;
	margin:10px;
	}

font: 
    Die korrekte Reihenfolge ist:
    font-style, font-variant, font-weight, font-size/line-height, font-family

    Durch line-height 
	wird die Zeilenhöhe festgelegt. Sind mehrere Zeilen untereinander vorhanden, so lässt sich auf diesem Wege auch der Zeilenabstand, der sogenannte Durchschuß festlegen. 
	Ist der Wert von line-height dabei kleiner als die aktuelle Schriftgröße (font-size), so überlagern sich die Zeilen. 
	Erlaubte Werte sind Zahlen, Längenangaben und Prozentwerte.

    Durch font-variant
    normal, small-caps 
	kann man alle Buchstaben wie Großbuchstaben (Kapitälchen) ausgegeben lassen. 
	"Echte" Großbuchstaben, wie zum Beispiel bei Namen und Dingen, werden noch größer angezeigt. Sie heben sich also ab.


<style type="text/css">
  @font-face { font-family:Cooper Black;
  src="http://www.mxduro.com//image/COOPBL.TTF" format(TrueType); }
  </style>

<style type="text/css">
  @font-face { font-family:Matura MT Script Capitals;
  src="http://www.mxduro.com//image/MATURASC.TTF" format(TrueType); }
  </style>


***********************************************************************************************************************/