.buttongruen {border-top: 1px solid #97f7b2; background: -webkit-gradient(linear, left top, left bottom, from(#3e9c4e), to(#65d668));
   background: -webkit-linear-gradient(top, #3e9c4e, #65d668); background: -moz-linear-gradient(top, #3e9c4e, #65d668);
   background: -ms-linear-gradient(top, #3e9c4e, #65d668); background: -o-linear-gradient(top, #3e9c4e, #65d668);
   padding: 2px 5px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0; color:white; font-size: 9pt; font-family:Arial, serif; text-decoration: none;
   vertical-align: middle; text-align:center;}
.buttongruen:hover {border-top-color: #2a7828;color:#cccccc;}

 .buttonrot {border-top: 1px solid #f79797; background: #d66565; background: -webkit-gradient(linear, left top, left bottom, from(#9c3e3e), to(#d66565));
   background: -webkit-linear-gradient(top, #9c3e3e, #d66565); background: -moz-linear-gradient(top, #9c3e3e, #d66565);
   background: -ms-linear-gradient(top, #9c3e3e, #d66565);  background: -o-linear-gradient(top, #9c3e3e, #d66565);padding: 2px 5px;
   -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white; font-size: 9pt; font-family: Arial, serif; text-decoration: none; vertical-align: middle;}
.buttonrot:hover {border-top-color: #782828;background: #782828;color: #cccccc;}
.buttonrot:active {border-top-color: #5c1b1b;background: #5c1b1b;}

.bgnormal {background-color:#D3D5D6;}
.bgblau {background-color:#4F81BD; color:#CBCBCB;}
.bgdunkel {background-color:#646567;}
.bggruen{background-color:#38AC3F; color:#CBCBCB;}
.bghell {background-color:#E1E3E3;}
.bcoll {border-collapse:collapse;}
.blau {color:#4F81BD;}
.drot {color:#B80000;}
.fett {font-weight:bold;}
.grau {color:#646567;}
.gruen {color:#38AC3F;}
.h2 {font-size:24pt;}
.h3 {font-size:20pt;}
.h35 {font-size:16pt;}
.h4 {font-size:12pt;}
.h5 {font-size:10pt;}
.ifehler {background-color:#E28B8B; color:#BB0000;}
.kursiv {font-style:italic;}
.oben {vertical-align:top;}
.orange {color:#F7921D;}
.rblau {border:1px solid #4F81BD;}
.rdunkel {border:1px solid #646567;}
.rechts {text-align:right;}
.rgruen {border:1px solid #76933C;}
.tabm {background-color:#C2C4E1;}
.unterstrichen {text-decoration:underline;}
.zentriert {margin-left:auto; margin-right:auto;}

A {color:red;}
	A:link {color:red; text-decoration:none;}
	A.link:visited {color:red; text-decoration:underline;}

A.menu1 {color:white;}
	A.menu1:link {color:white;}
	A.menu1.link:visited {color:white;}
	A.menu1:hover {background-color:#F4726B; color:#646567; font-weight:bold;}

A.menu2 {color:#E1E3E3;}
	A.menu2:link {color:#E1E3E3;}
	A.menu2.link:visited {color:#E1E3E3;}
	A.menu2:hover {background-color:#F4726B; color:#646567; font-weight:bold;}

A.grau {color:#636467;}
	A.grau:link {color:#636467}
	A.grau.link:visited {color:#636467}
	A.grau:hover {color:#646567;}
	
DIV {margin:0px;}
	DIV.il {display:inline-block;}
	DIV.vertikal {transform-origin:50% 50%; transform:rotate(270deg);white-space:nowrap;}

H3 {margin:0;}
H4 {margin:0;}
H5 {margin:0;}

INPUT {color:#646567;}
	INPUT.h4 {font-size:10pt; border:1px solid #646567;}
	INPUT.sl1 {}
	

SPAN {}
	SPAN.beo1 {display:inline-block; text-align:right; width:100px;}
	SPAN.beo2 {display:inline-block; width:200px;}
	SPAN.beo3 {display:inline-block; text-align:right; width:200px;}
	SPAN.beo4 {display:inline-block; width:200px;}
	
	SPAN.menu {display:inline-block; font-size:12pt; text-align:center; border:1px solid #E1E3E3; padding:2px 20px;}
	SPAN.menaktiv {background-color:#C5241B; font-weight:bold;color:#E1E3E3;}

TD {}
	TD.sortaktiv {background-color:rgba(197, 36, 27,0.15);}
	TD.blaubg {background-color:rgba(79,129,189,0.4);}
	TD.braunbg {background-color:rgba(151,71,6,0.3);}
	TD.gruenbg {background-color:rgba(56,172,63,0.4);}
	TD.hlrpos {color:#646567; background-color:#93ED99; font-weight:bold;}
	TD.hlrneg {color:#646567; font-weight:bold; background-color:#FF8F8F;}
	TD.spieletab {padding:2px; font-size:11pt;  color:#646567; border:1px solid #646567;}
	TD.fehlertab{background-color:rgba(245,30,30,0.15);}
	
	
TH {}
	TH.spieleblau {height:170px; vertical-align:bottom; background-color:#4F81BD; color:white; text-align:center; border-right:1px solid white; 
		padding:0px 0px 10px 0px; font-size:12pt;}
	TH.spielebraun {height:170px; vertical-align:bottom; background-color:#974706; color:white; text-align:center; border-right:1px solid white; padding:0px 0px 10px 0px; font-size:12pt;}
	TH.spielegruen {height:170px; vertical-align:bottom; background-color:#38AC3F; color:white; text-align:center; border-right:1px solid white; padding:0px 0px 10px 0px; font-size:12pt;}
	TH.spieletab{background-color:#646567; color:white; text-align:left; border-right:1px solid white; padding:3px; font-size:12pt;}

TR {}
	TR.tabm2 {background-color:rgba(174,176,205,0.3);}
	
 /* Stylesheet for Tigra Calendar v5.0
	 Product is Public Domain (Free for any kind of applicaiton, customization and derivative works are allowed) 
	 URL: http://www.softcomplex.com/products/tigra_calendar/*/

/* input box in default state */ 
.tcalInput {background: url('./grafik/tcal_cal.gif') 100% 50% no-repeat; width:80px; padding-right: 20px; background-color:white;  
    border:1px solid #084AA8; font-family:Verdana, Arial, sans-serif; font-size:9pt; color:grey; cursor: pointer;}

/* additional properties for input boxe in activated state, above still applies unless in conflict */
.tcalActive {background-image: url('./grafik/tcal_no_cal.gif');}
/* container of calendar's pop-up */
#tcal {position: absolute; visibility: hidden; z-index: 100; width: 170px; background-color: white; margin-top: 2px; padding: 0 2px 2px 2px; border: 1px solid silver;
	-moz-box-shadow: 3px 3px 4px silver; -webkit-box-shadow: 3px 3px 4px silver; box-shadow: 3px 3px 4px silver; 
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver');}

/* table containing navigation and current month */
#tcalControls {border-collapse: collapse; border: 0; width: 100%; }
#tcalControls td {border-collapse: collapse; border: 0; padding: 0; width: 16px; background-position: 50% 50%; background-repeat: no-repeat; cursor: pointer;}
#tcalControls th {background-color:white; border-collapse: collapse; border: 0; padding: 0; line-height: 25px; font-size: 10px; text-align: center; font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold; white-space: nowrap;}

#tcalPrevYear { background-image: url('./grafik/tcal_prev_year.gif'); }
#tcalPrevMonth { background-image: url('./grafik/tcal_prev_mon.gif'); }
#tcalNextMonth { background-image: url('./grafik/tcal_next_mon.gif'); }
#tcalNextYear { background-image: url('./grafik/tcal_next_year.gif'); }

/* table containing week days header and calendar grid */
#tcalGrid {
	border-collapse: collapse;
	border: 1px solid silver;
	width: 100%;
}
#tcalGrid th {
	border: 1px solid silver;
	border-collapse: collapse;
	padding: 3px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	background-color: gray;
	color: white;
}
#tcalGrid td {
	border: 0;
	border-collapse: collapse;
	padding: 2px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	width: 14%;
	font-size: 11px;
	cursor: pointer;
}		
#tcalGrid td.tcalOtherMonth { color: silver; }
#tcalGrid td.tcalWeekend { background-color: #ACD6F5; }
#tcalGrid td.tcalToday { border: 1px solid red; }
#tcalGrid td.tcalSelected { background-color: #FFB3BE; }