body			{	color:#1F1F1F;
						font-family: 'Source Sans Pro', sans-serif;
						font-size:1em;
					}
	.link_button, .button {
						font-family: 'Source Sans Pro', sans-serif;
						text-decoration: none;
						font-size:1em;
						background-color: #2F53A7 !important;
						color:#fff;
						padding: 4px 12px 4px 12px;
						border: 2px solid #2F53A7;
						-moz-border-radius:5px; /* Firefox */
						-webkit-border-radius:5px; /* Safari, Chrome */
						-khtml-border-radius:5px; /* Konqueror */
						border-radius:5px; /* CSS3 */	
						text-decoration:none;
					}

	.link_button:hover, .button:hover 
					{
						background-color: #1F1F1F !important;
						color:#fff;
						font-family: 'Source Sans Pro', sans-serif;
						font-size:1em;
						border: 2px solid #1F1F1F;	
						text-decoration:none;
					}
						
	a				{	color: #2F53A7; 	
						text-decoration:none;
					}
	a:hover			{	text-decoration:underline;
					}
					
	hr				{	display:none;
					}

/*TREEVIEW STYLES BEGINN 
 	Formatierung der Themenbereich Zeile in der Treeview*/
	.thbereich 		{	background-color: #2F53A7; 
						color: #FFFFFF; 
						height:22px; 
						text-align:left;
						cursor: pointer;
						vertical-align:middle;
						font-family: 'Source Sans Pro', sans-serif;
						font-size:1em;
					}			
					
	/*Formatierung der Thema Zeile in der Treeview*/
	.thema			{ 	background-color: #FFFFFF; 
						color: #1F1F1F; 
						height:22px; 
						padding-left:15px; 
						font-size:1em;
						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
					{	height:22px; 
						padding-left:15px; 				
						color: #000000; 
						text-align:left;
						cursor: pointer;
					}
					
	/*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;
					}
/*SIDEBAR ENDE
	
  ALLE TEXTE UND EINGABEFELDER BEGINN
	wie feldbez, aber als Absatz um 25 Pixel nach unten versetzt*/
	.feldbez_absatz	{ 	font-family: 'Source Sans Pro', sans-serif;
						font-size:1em;
						margin-top: 15px;
					}
	.feldbez		{ 	font-family: 'Source Sans Pro', sans-serif;
						font-size:1em;
					}
	.feldinhalt		{ 	font-family: 'Source Sans Pro', sans-serif;
						font-size:1em;
					}
	.textstandard	{	color: #1F1F1F; 
						font-family: 'Source Sans Pro', sans-serif;
						font-size:1em;
					}

	.eingabefeld, textarea,select,option 
					{	background-color: #fff;
						border: 1px solid #ccc;
						color: #2F53A7;
						font-family: 'Source Sans Pro', sans-serif;
						font-size:1em;
						margin: 0px 0px 3px 0px;
						padding: 2px 0px 2px 0px;
						box-sizing:border-box;
						-moz-box-sizing:border-box;
						-o-box-sizing:border-box;
						-webkit-box-sizing:border-box;
						-ms-box-sizing:border-box;
					}
	.eingabefeld:hover, .eingabefeld:focus, 
	select:hover, select:focus,
	textarea:hover, textarea:focus,
	option:hover, option:focus 
					{	background-color: #2F53A7;
						border: 1px solid #2F53A7;
						color: #fff;
					}
					
	.textrot		{	font-weight:normal;
					}
	.textwinzig		{	font-size: 60%;
					}
					
	input[name="volltextsuche"], select[name="filter1"], 
	select[name="filter2"], select[name="filter3"]
					{ width:150px;
					}

/* 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;			
						color:#014189;
						border: 1px solid #014189;
						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;
						font-size:14px;				
						background-color:#E3E9FF; 	
						
						color:#014189;
						border: none;
					}
	table#kalender td.kopf 
					{	background-color: #014189; 
						color: #FFFFFF; 
						width:130px; 
						height:30px; 
						text-align:center;
						font-size:18px;		
						vertical-align:middle;
					}
					
	div#VeDetails_content	
					{	padding:20px; 	
						background-color:#E3E9FF; 
						border:1px solid #BBCCFF; 
						color:black; 
						-moz-border-radius:5px; /* Firefox */
						-webkit-border-radius:5px; /* Safari, Chrome */
						-khtml-border-radius:5px; /* Konqueror */
						border-radius:5px; /* CSS3 */	
					}
					
/*TRAINERKALENDER ENDE*/

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