@font-face 			{	font-family: 'Open Sans';
						font-style: normal;
						font-weight: 400;
						src: local('Open Sans Regular'), local('OpenSans-Regular'), url(./OpenSans.woff2) format('woff2');
						unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
					}
	.link_button, .button {
		font: bold 11px Verdana;
		text-decoration: none;
		background-color: #EEEEEE;
		color: #333333;
		padding: 4px 12px 4px 12px;
		border-top: 1px solid #CCCCCC;
		border-right: 1px solid #333333;
		border-bottom: 1px solid #333333;
		border-left: 1px solid #CCCCCC;
		-moz-border-radius:5px; /* Firefox */
		-webkit-border-radius:5px; /* Safari, Chrome */
		-khtml-border-radius:5px; /* Konqueror */
		border-radius:5px; /* CSS3 */	
	}

	.link_button:hover, .button:hover {
		background-color: #333333;
		color: #EEEEEE;
	}
/*TREEVIEW STYLES BEGINN 
 	Formatierung der Themenbereich Zeile in der Treeview*/
	.thbereich 		{	background-color: #E8EEF5; 
						color: #000000; 
						height:22px; 
						text-align:left;
						cursor: pointer;
						vertical-align:middle;
					}			
					
	/*Formatierung der Thema Zeile in der Treeview*/
	.thema			{ 	background-color: #FFFFFF; 
						color: #000000; 
						height:22px; 
						padding-left:15px; 
						text-align:left;
						cursor: pointer;
					}			
/*TREEVIEW STYLES ENDE

  SIDEBAR BEGINN
	Formatierung der Tabelle*/
	.sidebar_table
					{	border:0px;
					}
					
	/*Formatierung die Spalte an sich. I.d.R. nur die Breite*/
	.sidebar_td_spalte1
					{	width:150px;
					}
	/*Formatierung die Spalte an sich. I.d.R. nur die Breite*/
	.sidebar_td_spalte2
					{	width:150px;
					}
	/*Formatierung die Spalte an sich. I.d.R. nur die Breite*/
	.sidebar_td_spalte3
					{	width:150px;
					}
	/*Formatierung die Spalte an sich. I.d.R. nur die Breite*/
	.sidebar_td_spalte4
					{	width:150px;
					}
	/*Formatierung die Spalte an sich. I.d.R. nur die Breite*/
	.sidebar_td_spalte5
					{	width:100px;
					}
					
	/*Zum auseinanderhalten der Datensätze erhält jede zweite Zeile dieses Style*/
	.sidebar_zeilenmarkierung
					{	background-color: #E5E5E5;
					}
					
	/*Hier ist die Formatierung für die erste Tabellenzeile die in der Regel die Spaltenüberschriften beinhaltet*/
	.sidebar_td_ueberschrift
					{	background-color: #FFFFFF; 
						height:22px; 
						padding-left:15px; 				
						color: #757C83; 
						text-align:left;
						cursor: pointer;
						border-bottom:1px solid black;
					}
					
	/*das style formatiert eine Tabellenzeile zu einer Linie*/				
	.sidebar_td_ueberschrift_unterstrich
					{	height: 1px;
						background-color:black;
					}
					
	/*Das Ampel Bild hat nach allen Seiten einen Abstand*/
	.sidebar_td_ampel
					{ 	padding:5px;
					}
					
	/*Das ist die Formatierung für die Zweite Zeile pro Datensatz. I.d.R. beinhaltet Sie die Beschreibungen/Feldinhalte*/
	.sidebar_td_zeile2
					{	padding-left: 6px;
						font-size: 11px;	
						color: #303C49; 
						vertical-align:top;
					}

	/*Dieses Style formatiert das erste Tabellen Feld pro Datensatz. I.d.R. ist dort der Veranstaltungstitel drin*/
	.sidebar_td_vetitel_zeile
					{	padding-top:5px;
						padding-left: 6px;
					}
/*SIDEBAR ENDE
	
  ALLE TEXTE UND EINGABEFELDER BEGINN
	wie feldbez, aber als Absatz um 25 Pixel nach unten versetzt*/
	.feldbez_absatz	{ 	font-size: 11px;	
						margin-top: 15px;
					}	

/* ALLE TEXTE UND EINGABEFELDER ENDE

  TRAINERKALENDER BEGINN*/
	table#kalender 	{	background-color:#ffffff; 
						empty-cells:show;
					}
	table#kalender td 	{	width:130px; 
						height:90px; 
						text-align:right;
						font-size:10pt;
						background-color:#FFF7D7; 
						vertical-align:top;
						-moz-border-radius:5px; /* Firefox */
						-webkit-border-radius:5px; /* Safari, Chrome */
						-khtml-border-radius:5px; /* Konqueror */
						border-radius:5px; /* CSS3 */	
					}
	table#kalender td.tage 
					{	width:130px; 
						vertical-align:middle;
						height:30px; 
						text-align:center;
						background-color:#E3E9FF; 
						font-size:14px;
					}
	table#kalender td.kopf 
					{	background-color:#BBCCFF; 
						width:130px; 
						height:30px; 
						text-align:center;
						font-size:18px;		
					}
					
	.buttonlink		{ 	font-size: 12px;
						cursor:pointer;
						text-decoration:underline;
						color:#0066CC;
					}
					
					
					
	a.VeDetails 		{ 	border-bottom: none; 
						text-decoration:none; 
					}
	a.VeDetails:hover 
					{	color:#c30; 
						background-color:white; 
					}
	a.VeDetails div 	{ 	display:none; 
						position:fixed;
						padding:1em;
						margin-top:1.5em;
						text-decoration:none; 
						background-color:#E3E9FF; 
						-moz-border-radius:5px; /* Firefox */
						-webkit-border-radius:5px; /* Safari, Chrome */
						-khtml-border-radius:5px; /* Konqueror */
						border-radius:5px; /* CSS3 */	
					}
	a.VeDetails:hover div, a.VeDetails:focus div, a.VeDetails:active div
					{	display:block; 
						position:fixed; 
						left:6em; 
						top:2em;
						float:left;
						width:550px;
						text-align:left;
						border:1px solid #BBCCFF; 
						color:black; 
						background-color:#E3E9FF; 
					}
/*TRAINERKALENDER ENDE*/

@media screen and (min-width:550px){
	#treeview_weit	{	display:block;
					}
					
	#treeview_schmal{	display:none;
					}
}
@media screen and (max-width:549px){
	#treeview_weit	{	display:none;
					}
					
	#treeview_schmal{	display:block;
					}
}