@font-face 			{	font-family: 'Open Sans';
						font-style: normal;
						font-weight: 400;
						src: local('Open Sans Regular'), local('OpenSans-Regular'), url(./OpenSans.woff2) format('truetype');
						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;
					}
@font-face 			{	font-family: 'Noto Sans';
						font-style: normal;
						font-weight: 400;
						src: url(./NotoSans-Regular.ttf) 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:#000000;
						line-height:1.5;
						font-size:16px;
						font-family:'Noto Sans', 'Open Sans', sans-serif;
padding-top:5.625rem;
		padding-bottom:7.5rem;
					}


	.seitenkopf		{	float:left;
						clear:both;
						width:100%;
					}
	.seitenkopf_zelle
					{	float:right;
						width:150px;
					}
					
	.link_button, .button
					{	background-color: #A5D379;
						color: #FFFFFF;
						font-weight:bold;
						border-radius:20px;
						text-transform: uppercase;
					}

	.link_button:hover, .button:hover 
					{	text-decoration: none;
						text-transform: uppercase;
						color: #FFFFFF;
						font-weight:bold;
						background-color: #9BC471;
					}	
	
	.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: #A5D379; 
						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: #A5D379; 
						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;
					}
}

/*TREEVIEW STYLES ENDE

  ALLE TEXTE UND EINGABEFELDER BEGINN
	wie feldbez, aber als Absatz um 25 Pixel nach unten versetzt*/
	.feldbez		{	color: #000000; 
						font-size:16px;
						font-family:'Noto Sans', 'Open Sans', sans-serif;
					}
	.portal_content_uberschrift
					{	color: #000000; 
					}
				
	.textstandard, .feldinhalt
					{	color: #000000; 
						font-size:16px;
						font-family:'Noto Sans', 'Open Sans', sans-serif;
					}
	.feldbezXL		{	font-size:16px;
						font-family:'Noto Sans', 'Open Sans', sans-serif;
						font-weight: bold; 
					}
	.eingabefeld	{	border-radius:20px;
					
					}
	.div_label_eingabefeld
					{		
					}
/* 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: #A5D379; 
						color: #FFFFFF; 
						height:30px; 
						text-align:left;
						padding-left:5px;
						cursor: pointer;
						vertical-align:middle;
						font: 14px 'Open Sans';
					}
							
/*PORTALSEITE BEGINN*/
					
	.sidebar_kopf_uberschrift
					{	color: #A5D379; 
						font-family:'Open Sans';
					}
	.sidebar_body_thema_titel, .details_header_titel
					{	color:#A5D379;
						font-size: 2rem;
						font-weight:bold;
					}	
	.sidebar_body_thema_untertitel{
		color:#000000;
		
	}
	.sidebar_body_thema{
		border:0px;
	}
	.sidebar_rahmen
	{	margin-left:auto;
		margin-right:auto;
		width:70%;
	}		
	.sidebar_body_termine_zeile{
		border:0px;
		border-radius: 25px;
		padding:5px;
		padding-right:0px;
		padding-left:0px;
	}
	.sidebar_body_termine_headerzeile{	
		background-color:#A5D379;	
		color:white;
		border-radius: 25px;
		height:35px;
		border:0px;
		padding:0px;
		padding-top:5px;
		padding-bottom:5px;
		
	}	
	.sidebar_body_termine_zeile_alternierend {
		background-color:#F6F6F6;
	}
	#sidebar_body_spalte_ort, #sidebar_body_spalte_ort_header
					{	margin-left:10px;
					}
					
	#sidebar_body_spalte_referent_header, #sidebar_body_spalte_referent
					{	
						width:200px;
					}
	#sidebar_body_spalte_ampel
					{	text-align:center;
						width:40px;
					}
					
	#sidebar_body_spalte_anmelden				
					{	padding-bottom:8px;
					}					
	#sidebar_body_spalte_filterfarbe, #sidebar_body_spalte_filterfarbe_header{
		width:30px;
		padding-left:5px;
	}	
	#sidebar_body_spalte_titel, #sidebar_body_spalte_titel_header{
		width:500px;
	}	
	.ampel_rot {
		border-radius: 25px;
		background-color: #ff0000;
		width: 25px;
		height: 25px;
	}

	.ampel_gelb {
		border-radius: 25px;
		background-color: #ffd800;
		width: 25px;
		height: 25px;
	}

	.ampel_gruen {
		border-radius: 25px;
		background-color: green;
		width: 25px;
		height: 25px;
	}

	.sidebar_filter_rahmen{
		width:100%;
		display:table;
		margin-bottom:10px;
	}
	.sidebar_filter_row{
		display:table-row;
	}
	.sidebar_filter_zeilenabstand{
		height:4px;
	}
	
	.sidebar_filter_button{
		cursor:pointer;
		width:50%;
		height:28px;
		padding:5px;
		vertical-align:middle;
		font-weight:bold;
		border-radius:25px;
		text-align:center;
		display:table-cell;
	}
					
	/* 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;
					}
	}
		
	/* Sidebar/Portal Termindarstellung */
	@media screen and (max-width:1920px){
		.sidebar_rahmen{
			width:80%;
		}
	}
	
	/* Sidebar/Portal Termindarstellung */
	@media screen and (max-width:1700px){
		.sidebar_rahmen{
			width:90%;
		}
	}
	
	/* Sidebar/Portal Termindarstellung */
	@media screen and (max-width:1520px){
		.sidebar_rahmen{
			width:99%;
		}
	}
	
	@media screen and (max-width:1380px){
		#sidebar_body_spalte_titel, #sidebar_body_spalte_titel_header{
			width:400px;
		}	
	
	}
	
	@media screen and (max-width:1280px){
		#sidebar_body_spalte_referent_header, #sidebar_body_spalte_ort_header
					{	display:none;
					}
		#sidebar_body_spalte_referent{
			clear:left;
			padding-left:45px;
			width:150px;
		}
		#sidebar_body_spalte_titel{
			clear:right;
			width:800px;
		}
	}
	
	@media screen and (max-width:1080px){
		#sidebar_body_spalte_titel{
			width:600px;
		}
	}
	
	@media screen and (max-width:880px){
		
		#sidebar_filter_button{
			width:100%;
		}
	}
	
	
	/* Sidebar/Portal Termindarstellung */
	@media screen and (max-width:690px){
		#sidebar_body_spalte_filterfarbe, #sidebar_body_spalte_filterfarbe_header,
		#sidebar_body_spalte_ampel, .sidebar_filter_zeilenabstand
					{
						display:none;
					}
		#sidebar_body_spalte_ort, #sidebar_body_spalte_termin,
		#sidebar_body_spalte_referent, #sidebar_body_spalte_preis,
		#sidebar_body_spalte_anmelden, #sidebar_body_spalte_filterfarbe,
		#sidebar_body_spalte_titel, #sidebar_body_spalte_termin_header 
					{	clear:both;
						width:99%;
						text-align:center;
					}
		#sidebar_body_spalte_referent{
			padding-left:0px;
		}
		.referent_span
					{	display:block;
					}
		.sidebar_trainer_bild
					{	float:none;
						clear:both;
						margin:auto;
					}
		.sidebar_filter_rahmen, .sidebar_filter_row, .sidebar_filter_button
					{	display:block;
					}
		.sidebar_filter_rahmen, .sidebar_filter_button{
			width:99%;
		}
		.sidebar_filter_button{
			padding-left:0px;
			padding-right:0px;
			min-height:28px;
			height:auto;
			margin-top:4px;
		}
	}			
	
    #WeitereTeilnehmer {
  display: block !important;
}