@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;
					}

body				{	color:#2b2b2d;
						background:transparent;
						line-height:1.5;
					}
			
	.link_button, .button
					{	background-color: #1249B8;
						color: #FFFFFF;
					}

	.link_button:hover, .button:hover 
					{	text-decoration: none;
						background-color: #175FEF;
						color: #FFFFFF;
					}	
	
	.page_button_aktiv
					{	background-color: #2E4282;
						color:#6495ed;
					}
					
	a				{	color: #0080FF; 	
						text-decoration:none;
					}
	a:hover			{	text-decoration:underline;
					}
		
/*TREEVIEW STYLES BEGINN 
 	Formatierung der Themenbereich Zeile in der Treeview*/
	.thbereich 		{	background-color: #2b2b2d; 
						color: #FFFFFF; 
						height:30px; 
						text-align:left;
						cursor: pointer;
						vertical-align:middle;
						font: 14px verdana;
					}			
					
	/*Formatierung der Thema Zeile in der Treeview*/
	.thema			{ 	background-color: #F8F8F8; 
						color: #2b2b2d; 
						height:30px; 
						padding-left:15px; 
						text-align:left;
						cursor: pointer;
						font: 14px verdana;
					}	
	
	#treeview_spalte_preis_header, #treeview_spalte_preis 
					{	width:150px;
					}
	#treeview_spalte_termin_header, #treeview_spalte_termin 
					{	width:150px;
						clear:left;
					}
	#treeview_spalte_referent_header, #treeview_spalte_referent
					{	width:200px;
					}

/* Die Media Screens sind für das Responsive Design und verändern das Layout. 
	Es gibt immer mehrere screens die bei einer bestimmten Größe aktiv werden */
@media screen and (max-width:1000px){
	#treeview_spalte_details
					{	clear:left;
						margin-bottom:20px;
						width:150px;
					}
}
					
@media screen and (max-width:799px){

	#treeview_spalte_preis_header
					{	display:none;
					}
	#treeview_spalte_anmelden
					{	clear:right;						
						margin-bottom:20px;
					}
						
	#treeview_spalte_preis 
					{	clear:left;
					}
	#treeview_spalte_details
					{	clear:none;
						margin-bottom:20px;
						width:150px;
					}
					
}

@media screen and (max-width:650px){
	#treeview_spalte_referent_header,
	#treeview_spalte_ampel_header,
	#treeview_spalte_preis_header
					{	display:none;
					}
	#treeview_spalte_ort, #treeview_spalte_termin,
	#treeview_spalte_referent, #treeview_spalte_preis,
	#treeview_spalte_details, #treeview_spalte_anmelden,
	#treeview_spalte_ampel, #treeview_spalte_termin_header 
					{	clear:both;
						width:90%;
						text-align:center;
					}			
	#treeview_spalte_details
					{	margin-top:15px;
					}
	.referent_span	{	display:block;
					}
	.sidebar_trainer_bild
					{	float:none;
						clear:both;
						margin:auto;
					}
	.bAmpel			{	margin-left:auto;
						margin-right:auto;
					}
}

/*TREEVIEW STYLES ENDE

  ALLE TEXTE UND EINGABEFELDER BEGINN
	wie feldbez, aber als Absatz um 25 Pixel nach unten versetzt*/
	.feldbez		{	color: #2b2b2d; 
					}
					
	.textstandard, .feldinhalt
					{	color: #2b2b2d; 
					}
	.feldbezXL		{	font:16px verdana;
						font-weight: bold; 
					}
	
/* ALLE TEXTE UND EINGABEFELDER ENDE */
			
	.bildungshistorie_tabelle
					{	background-color:white;
						color:black;
					}
	.alternierende_zeile
					{	background-color:#E5E5E5;
					}
	.box			{	border: 1px solid #e3e3e3;
						border-radius: 5px;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
						padding-right: 5px;
						padding-bottom: 5px;
						padding-top: 5px;
						width:auto;
						float:left;
						clear:both;
					}
	.meine_downloads{ 	width:100%;
						padding-top:10px;
					}				
					
	.bildungshistorie_header
					{	background-color: #2b2b2d; 
						color: #FFFFFF; 
						height:30px; 
						text-align:left;
						padding-left:5px;
						cursor: pointer;
						vertical-align:middle;
						font: 14px verdana;
					}
					
/*PORTALSEITE BEGINN*/
					
	.sidebar_kopf_uberschrift
					{	color: #2b2b2d; 
						font-family:verdana;
					}
	.sidebar_body_thema_titel, .details_header_titel
					{	color:#2b2b2d;	
					}	
	.sidebar_body_termine_zeile
					{	min-height:85px;
					}
	.sidebar_body_termine_headerzeile
					{	min-height:auto;
					}
	
	.vedetails_rahmen, .sidebar_body_thema
					{	border:none;
					}
	#sidebar_body_spalte_ort, #sidebar_body_spalte_ort_header
					{	margin-left:10px;
					}
	#sidebar_body_spalte_details				
					{	padding-top:8px;
						width:80px;
					}	
	#sidebar_body_spalte_referent_header, #sidebar_body_spalte_referent
					{	
						width:200px;
					}
	#sidebar_body_spalte_ampel
					{	text-align:center;
						width:60px;
					}
	#sidebar_body_spalte_ampel_header
					{	width:60px;
					}		
	#sidebar_body_spalte_preis
					{	width:70px;
					}		
	#sidebar_body_spalte_termin, #sidebar_body_spalte_termin_header
					{	width:200px;
					}	
					
	#sidebar_body_spalte_veselekt2, #sidebar_body_spalte_veselekt2_header
					{	width:100px;
					}		

	.portal_content_uberschrift, .sidebar_body_termine_spalte{
		color:#2b2b2d;
	}	
	
	/* Navigation (seitenkopf.php) und grosse Ueberschriften */
	@media screen and (max-width:840px){
					
		.portal_content_uberschrift,
		.sidebar_kopf_uberschrift, .sidebar_body_thema_titel,
		.details_header_vecode, .details_header_titel
					{	font-size:24px;
					}
		.portal_content_uberschrift
					{	padding-top:20px;
						padding-bottom:20px;
					}
	}
		
	/* Sidebar/Portal Termindarstellung */
	@media screen and (max-width:1040px){
		#sidebar_body_spalte_preis_header,
		#sidebar_body_spalte_preis
					{	display:none;
					}
		#sidebar_body_spalte_details
					{	margin-bottom:15px;
					}
	}
	/* Sidebar/Portal Termindarstellung */
	@media screen and (max-width:690px){
		#sidebar_body_spalte_referent_header, #sidebar_body_spalte_ort_header,
		#sidebar_body_spalte_ampel_header, #sidebar_body_spalte_veselekt2_header
					{	display:none;
					}
		#sidebar_body_spalte_ort, #sidebar_body_spalte_termin,
		#sidebar_body_spalte_referent, #sidebar_body_spalte_preis,
		#sidebar_body_spalte_details, #sidebar_body_spalte_veselekt2,
		#sidebar_body_spalte_ampel, #sidebar_body_spalte_termin_header 
					{	clear:both;
						width:99%;
						text-align:center;
					}			
		.referent_span
					{	display:block;
					}
		.sidebar_trainer_bild
					{	float:none;
						clear:both;
						margin:auto;
					}
		.bAmpel		{	margin-left:auto;
						margin-right:auto;
					}
	}			
	
	@media screen and (max-width:1300px){
		.sidebar_body_termine_rahmen, 
		.sidebar_body_thema, 
		.vedetails_rahmen {
			width:99%;
		}
		#sidebar_body_spalte_details
					{	clear:none;
					}
		#sidebar_body_spalte_details, #sidebar_body_spalte_anmelden
					{	padding-bottom:0px;
					}
	}