@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				{	line-height:1.5;
					}


	.seitenkopf		{	margin-top:20px;
						clear:both;
						width:99%;
					}
	.seitenkopf_zelle
					{	float:right;
						width:150px;
					}
					
	.link_button, .button
					{	background-color: #0870B8;
						color: #FFFFFF;
						border-radius:0px;
					}

	.link_button:hover, .button:hover 
					{	text-decoration: none;
						background-color: #0870B8;
						color: #FFFFFF;
						border-radius:0px;
					}	
	
	.page_button_aktiv
					{	background-color: #2E4282;
						color:#6495ed;
					}
					
	a				{	color: #0870B8; 	
						text-decoration:none;
					}
	a:hover			{	text-decoration:underline;
					}
		
/*TREEVIEW STYLES BEGINN 
 	Formatierung der Themenbereich Zeile in der Treeview*/
	.thbereich 		{	background-color: #0870B8; 
						color: #FFFFFF; 
						height:30px; 
						text-align:left;
						cursor: pointer;
						vertical-align:middle;
						font: 14px 'Open Sans';
					}			
					
	/*Formatierung der Thema Zeile in der Treeview*/
	.thema			{ 	background-color: #F8F8F8; 
						color: #0870B8; 
						height:30px; 
						padding-left:15px; 
						text-align:left;
						cursor: pointer;
						font: 14px 'Open Sans';
					}	
	
	#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		{	
					}
					
	.textstandard, .feldinhalt
					{	
					}
	.feldbezXL		{	font:16px 'Open Sans';
						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: #0870B8; 
						color: #FFFFFF; 
						height:30px; 
						text-align:left;
						padding-left:5px;
						cursor: pointer;
						vertical-align:middle;
						font: 14px 'Open Sans';
					}
							
/*PORTALSEITE BEGINN*/	
	
	.portal_karte_v3_child
	{	
		transform: scale(1.01);
	}
	.portal_karte_v3:hover .portal_karte_v3_child,
	.portal_karte_v3:focus .portal_karte_v3_child 
	{
		transform: scale(1.01);
		transition: all .5s;
	}
	.sidebar_kopf{
		width:99%;
		margin-left:auto;
		margin-right:auto;
	}
	.sidebar_kopf_uberschrift
					{	color: #0870B8; 
						font-family:'Open Sans';
					}
	.portal_kopf_uberschrift_content{
		padding-top:24px;
	}
	.sidebar_body_thema_titel, .details_header_titel, .portal_kopf_uberschrift_content_ueberschrift, 
	.portal_content_uberschrift
					{	color:#0870B8;	
					}	
	.sidebar_body_termine_headerzeile
					{	background-color:#0870B8;	
						color:white;
						font-weight:normal;
						height:35px;
					}	
	.sidebar_body_termine_zeile_alternierend, .alternierende_zeile{
		background-color:#D4D1C4;
	}
	#sidebar_body_spalte_ort, #sidebar_body_spalte_ort_header
					{	margin-left:10px;
						width:250px;
					}
	#sidebar_body_spalte_anmelden				
					{	
		margin-top:10px;width:100px;
					}	
	#sidebar_body_spalte_ampel
					{	text-align:center;
						width:100px;
					}
	#sidebar_body_spalte_ampel_header
					{	width:100px;
					}
	#sidebar_body_spalte_anmelden				
					{	padding-bottom:8px;
					width:100px;
					}					
	.bAmpel 		{
		float:right;
		margin-top:2px;
	}
	.bAmpel_details 		{
		margin-top:-10px;
	}
					
	.sidebar_body_thema, .sidebar_body_termine_rahmen
					{	width:99%;
					}
	/* Navigation (seitenkopf.php) und grosse Ueberschriften */
	@media screen and (max-width:840px){
		.navigation_button, .navigation_suche
					{	display:block;
						margin-top:10px;
						margin-bottom:10px;
						text-align:center;
						margin-left:auto;
						margin-right:auto;
					}
					
		.portal_navigation_uberschrift, .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;
					}
	}
	
	@media screen and (max-width:830px){
		#sidebar_body_spalte_ampel_header, #sidebar_body_spalte_preis_header
					{	display:none;
					}
		#sidebar_body_spalte_preis
					{	clear:none;
					}		
		#sidebar_body_spalte_ampel
					{	clear:left;
					}			
	}
	
	/* Sidebar/Portal Termindarstellung */
	@media screen and (max-width:690px){
		#sidebar_body_spalte_ort_header,
		#sidebar_body_spalte_ampel_header
					{	display:none;
					}
		#sidebar_body_spalte_ort, #sidebar_body_spalte_termin,
		#sidebar_body_spalte_preis,	#sidebar_body_spalte_anmelden,
		#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
					{	float:none;
						margin-left:auto;
						margin-right:auto;
					}
	}			
	
	.sidebar2_body_termine
					{	margin-top:10px;
						padding:0px;	
						display:inline-block;
						width:auto;
						
					}	
					
	.sidebar2_body_termine_spalte
					{	float:left;
						width:150px;
						margin:5px;
						vertical-align:top;
					}
					
					
	.sidebar2_body_termine_zeile
					{	border-left:1px solid #CCCCCC;
						border-right:1px solid #CCCCCC;
						border-bottom:1px solid #CCCCCC;
						width:100%;
						float:left;
						clear:both;
						height:auto;
					}
	
	
	.sidebar2_body_termine_headerzeile
					{	border:1px solid #CCCCCC;
						width:100%;
						float:left;
						clear:both;
						color:white;
						font-size:16px;
						font-family:'Open Sans';
						font-weight:normal;
						background-color:#0870B8;	
						height:35px;
					}
						
	.sidebar2_body_termine_zeile_alternierend
					{	background-color:#D4D1C4;
					}
	#sidebar2_body_spalte_titel{
		margin-top:5px;
		margin-left:5px;
		vertical-align:top;
	}
					
	#sidebar2_body_spalte_ort, #sidebar2_body_spalte_ort_header
					{	width:250px;
					}
	#sidebar2_body_spalte_referent_header, #sidebar2_body_spalte_referent
					{	
						width:200px;
					}
	#sidebar2_body_spalte_ampel
					{	text-align:center;
						width:100px;
					}
	#sidebar2_body_spalte_ampel_header, #sidebar2_body_spalte_details
					{	width:100px;
					}
	#sidebar2_body_spalte_anmelden				
					{	padding-bottom:8px;
						width:100px;
					}					
					
	
	/* sidebar2/Portal Termindarstellung */
	@media screen and (max-width:1050px){
		#sidebar2_body_spalte_preis_header
					{	display:none;
					}
					
		#sidebar2_body_spalte_preis
					{	clear:left;
						text-align:left;
						padding-left:5px;
					}
					
		#sidebar2_body_spalte_anmelden
					{	margin-bottom:15px;
					}
	}
	
	@media screen and (max-width:830px){
		#sidebar2_body_spalte_ampel_header
					{	display:none;
					}
		#sidebar2_body_spalte_preis
					{	clear:none;
					}		
		#sidebar2_body_spalte_ampel
					{	clear:left;
						width:150px;
						text-align:left;
						margin-left:5px;
					}			
	}
	
	/* sidebar2/Portal Termindarstellung */
	@media screen and (max-width:690px){
		#sidebar2_body_spalte_referent_header, #sidebar2_body_spalte_ort_header,
		#sidebar2_body_spalte_ampel_header
					{	display:none;
					}
		#sidebar2_body_spalte_ort, #sidebar2_body_spalte_termin,
		#sidebar2_body_spalte_referent, #sidebar2_body_spalte_preis,
		#sidebar2_body_spalte_anmelden,
		#sidebar2_body_spalte_ampel, #sidebar2_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
					{	float:none;
						margin-left:auto;
						margin-right:auto;
					}
	}