@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:#636A6F;
						font-size:16px;
						font-family:'Open Sans';
					}

/*Die Klasse ist bei Anmeldung genehmigen bei dem Text "Genehmigung Kopf" */
	.standardtext	{	margin-top:25px;		
					}
	
	.link_button, .button{
						font: bold 14px Verdana;
						text-decoration: none;
						text-align:center;
						background-color: #DFB5D1;
						color: #000000;
						padding: 4px 0 4px 0;
						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 */	
						font-family:'Open Sans';
						display:inline-block;
						width:100px;
					}

	.link_button:hover, .button:hover {
						text-decoration: none;
						color: #FFFFFF;
						font-family:'Open Sans';
						display:inline-block;
						width:100px;
					}
	
	.input[type="button"]			
					{	min-width:100px;
					}
					
	a				{	color: #8C0679; 	
						text-decoration:none;
						font-family:'Open Sans';
					}
	a:hover			{	text-decoration:underline;
						color: #D4A2C8; 
						font-family:'Open Sans';
					}
					
	hr				{	display:none;
					}

/*TREEVIEW STYLES BEGINN 
 	Formatierung der Themenbereich Zeile in der Treeview*/
	.thbereich 		{	background-color: #8C0679; 
						color: #FFFFFF; 
						padding-left:5px;
						height:22px; 
						text-align:left;
						vertical-align:middle;
						font-size:16px;
						font-family:'Open Sans';
					}			
					
	/*Formatierung der Thema Zeile in der Treeview*/
	.thema			{ 	background-color: #FFFFFF; 
						color: #8C0679; 
						height:22px; 
						padding-left:15px; 
						text-align:left;
						font-size:16px;
						font-family:'Open Sans';
					}	



/*TREEVIEW STYLES ENDE
	
  ALLE TEXTE UND EINGABEFELDER BEGINN
	wie feldbez, aber als Absatz um 25 Pixel nach unten versetzt*/
	.feldbez		{ 	color:#636A6F;
						font-size:16px;
						font-family:'Open Sans';
						font-weight:bold;
					}
	.textstandard, .feldinhalt
					{	color: #636A6F; 
						font-size:16px;
						font-family:'Open Sans';
					}

	.eingabefeld, .navigation_suche, textarea,	select, option
					{	background-color: #fff;
						border: 1px solid #ccc;
						font-family:'Open Sans';
						color: #636A6F;
						margin: 0px 0px 3px 0px;
						padding: 5px 5px 5px 5px;
						box-sizing:border-box;
						-moz-box-sizing:border-box;
						-o-box-sizing:border-box;
						-webkit-box-sizing:border-box;
						-ms-box-sizing:border-box;
						border-radius: 5px;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
					}
	.eingabefeld:hover, .eingabefeld:focus, 
	.navigation_suche:hover, .navigation_suche:focus, 
	select:hover, select:focus,
	textarea:hover, textarea:focus,
	option:hover, option:focus 
					{	background-color: #D4A2C8;
						border: 1px solid #ccc;
						color: #fff;
						font-family:'Open Sans';
					}
					
	.textrot		{	font-weight:normal;
					}
	.textwinzig		{	font-size:8px;
					}
					
	input[name="volltextsuche"], select[name="filter1"], 
	select[name="filter2"], select[name="filter3"]
					{ width:150px;
					}

/* ALLE TEXTE UND EINGABEFELDER ENDE*/

	.div_label		{	float:left;
						width:120px;
						clear:left;
						margin:10px;
						font-weight:bold;	
					}
	.div_anzeige	{	float:left;
						clear:right;
						margin:10px;
						max-width:600px;
					}
	.am_abstandsblock
					{
						width:100%;
						float:left;
						clear:both;
						margin-top:20px;
						margin-bottom:20px;
					}
					
/*PORTALSEITE BEGINN*/
	
	.portal_rahmen, .portal_navigation
					{	width:100%;
						
					}
					
	.portal_rahmen
					{	display:block;
						clear:both;
					}				
					
					
	.portal_navigation_menu
					{	width:100%;
						height:55px;
						display:table;
					}
					
	.portal_navigation_menu_buttons
					{	display:table-cell;
						height:55px;
						text-align:right;
						vertical-align:middle;
					}
					
	.portal_navigation_uberschrift
					{	width:100%;
						background-color:#A2238E;
						background-image:url('./images/logo_overlay.png');
						background-repeat:no-repeat;
						padding-top:17px;
						padding-bottom:17px;
						text-align:center;
						font-size:36px;
						font-weight:bold;
						color:white;
						font-family:'Open Sans';
					}
					
	.navigation_button
					{	margin-right:40px;
					}
					
	.navigation_button_active
					{	color:red;						
					}
					
	.navigation_suche
					{	
					}
					
	.portal_kopf	
					{	width:100%;
						border:none;
					}
					
	.portal_kopf_grafik_img
					{	width:100%;
						border:none;
						margin:0px;
						padding:0px;
						display:block;
					}
					
	.portal_kopf_grafik_beschriftung
					{	position:absolute;
						bottom:45%;
						width:100%;
						color: #FFFFFF;
						font-family:'Open Sans';
						font-size:60px;
						font-weight:bold;
						text-transform: uppercase;
						text-align:center;
						display:none;
					}	
					
	/* Willkommen und Thementitel sind unter der größe unschön */
	@media screen and (max-width:950px){
		.portal_kopf_grafik_beschriftung
					{	display:none;
					}
	}
	
	.portal_kopf_grafik
					{	margin:0px;
						padding:0px;
						position:relative;
					}	
	.portal_kopf_uberschrift
					{	
						background-color:#F1F2F3;
						border:1px solid #F1F2F3;
						font-family:'Open Sans';
						margin:0px;
					}

	.portal_kopf_uberschrift_content
					{	margin-left:100px;
						margin-right:100px;
					}
					
	.portal_content
					{	/*float:left;
						clear:both;*/
						display:flex;
						flex-wrap:wrap;
						justify-content:center;
						width:100%;
					}
					
	.portal_content_uberschrift				
					{	padding-top:75px;
						width:100%;
						text-align:center;
						color:#A2238E;
						font-size:36px;
						clear:both;
						font-family:'Open Sans';
					}			
	
	.portal_karte	{	/*float:left;*/
						width:300px;
						height:300px;
						margin:20px;
					}
	.portal_karte_img
					{	width:100%;
						float:left;
						clear:both;
					}
	.portal_karte_url
					{	border:none;							
					}				
	.portal_karte_titel
					{	font-size:24px;
						color:#636A6F;
						width:298px;
						float:left;
						clear:both;
						min-height:70px;
						border-left:1px solid #CCCCCC;
						border-bottom:1px solid #CCCCCC;
						border-right:1px solid #CCCCCC;
					}
	.portal_karte_titel:hover
					{	border-left:1px solid #A2238E;
						border-bottom:1px solid #A2238E;
						border-right:1px solid #A2238E;
					}
	
					
	.sidebar_kopf	
					{	width:100%;
					}
					
	.sidebar_kopf_grafik
					{	margin:0px;
						padding:0px;
					}	
					
	.sidebar_kopf_grafik_img
					{	margin:0px;
						padding:0px;
						width:100%;
					}	
					
	.sidebar_kopf_uberschrift
					{	width:100%;
						text-align:center;
						color: #D4A2C8; 
						font-family:'Open Sans';
						margin:10px;
						font-size:36px;
					}
	
	.sidebar_body_thema
					{	width:100%;
						border:1px solid #CCCCCC;
						background-color:#EFEFF7;
						
					}
					
	.sidebar_body_thema_content
					{	margin-left:10px;
						margin-right:10px;
						margin-top:20px;
						margin-bottom:20px;
					}
	.sidebar_body_thema_titel
					{	color:#A2238E;
						font-size:36px;
					}
	.sidebar_body_thema_untertitel
					{	color:#A2238E;
					}
					
	.sidebar_body_termine
					{	margin-top:10px;
						padding:0px;
						width:100%;
						display:inline-block;
						clear:both;
					}	
					
					
					
	.sidebar_body_termine_spalte
					{	float:left;
						width:150px;
						margin:5px;
						vertical-align:top;
					}
					
	.sidebar_body_termine_headerzeile
					{	border:1px solid #CCCCCC;
						width:100%;
						float:left;
						clear:both;			
						color:#B66CAF;
						font-size:16px;
						font-family:'Open Sans';
						font-weight:bold;	
						background-color:#EFEFF7;						
					}
					
	.sidebar_body_termine_zeile
					{	border-left:1px solid #CCCCCC;
						border-right:1px solid #CCCCCC;
						border-bottom:1px solid #CCCCCC;
						width:100%;
						float:left;
						clear:both;						
					}
					
					
	.sidebar_body_termine_zeile_alternierend
					{	background-color:#EFEFF7;
					}
					
	.sidebar_trainer_bild
					{	float:right;
						width:50px;
					}	
	
	#sidebar_body_spalte_titel, #sidebar_body_spalte_titel_header
					{	width:250px;
					}
	#sidebar_body_spalte_ort, #sidebar_body_spalte_ort_header
					{	margin-left:10px;
					}
	#sidebar_body_spalte_ampel,  #sidebar_body_spalte_ampel_header
					{	text-align:center;
					}	
	#sidebar_body_spalte_details, #sidebar_body_spalte_anmelden				
					{	padding-top:5px;
					}	
	#sidebar_body_spalte_referent_header, #sidebar_body_spalte_referent
					{	
						width:200px;
					}	
		
	.details_trainer_bild
					{	float:right;
						width:50px;
						margin-left:20px;
					}		
	
	.vedetails_rahmen
					{	border:1px solid #CCCCCC;
						margin:auto;		
						padding-bottom:15px;
						max-width:1200px;
					}		
	.vedetails_trennlinie
					{	background-color:#A2238E;
						height:2px;
						margin:10px;
						text-align:center;
					}	
					
	.details_header
					{	display:table;
						margin:10px;
						margin-bottom:5px;
						clear:both;
						width:99%;
						float:left;
					}
	.details_header2		
					{	margin-top:0px;
					}		
	.details_header_titel
					{	display:table-cell;
						font-size:36px;
						color:#A2238E;
						font-family:'Open Sans';
						font-weight:bold;
					}
	.details_header_vecode
					{	display:table-cell;
						font-size:36px;
						text-align:right;
						padding-right:10px;
					}
	.details_header_thbild
					{	display:table-cell;
						margin-top:10px;
						margin-right:10px;
						clear:left;
						width:300px;
					}
	.details_header_thbbeschreibung
					{	display:table-cell;
						vertical-align:top;
						padding-left:10px;
						padding-right:10px;
					}
						
						
	.details_header_details
					{	color:#A2238E;
						font-family:'Open Sans';
						font-weight:bold;
						margin-left:10px;
						font-size:18px;
					}					
						

	.am_confirm_meldungen
					{	margin-left:7px;
					}	
						
	.am_confirm_inhalt
					{	margin-left:7px;
						margin-top:20px;
					}					
	.anmeldung_save_text{
		padding-top:20px;
	}				
					
	/* 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 Termindarstellung */
	@media screen and (max-width:1150px){
		#sidebar_body_spalte_ampel_header
					{	display:none;
					}
					
		#sidebar_body_spalte_referent
					{	clear:right;
					}
		#sidebar_body_spalte_ampel
					{	clear:left;
					}
	}
	/* Sidebar Termindarstellung */
	@media screen and (max-width:850px){
		#sidebar_body_spalte_referent_header, #sidebar_body_spalte_ort_header, #sidebar_body_spalte_titel_header
					{	display:none;
					}
		#sidebar_body_spalte_ort, #sidebar_body_spalte_termin,
		#sidebar_body_spalte_referent, #sidebar_body_spalte_ampel,
		#sidebar_body_spalte_details, #sidebar_body_spalte_anmelden,
		#sidebar_body_spalte_titel, #sidebar_body_spalte_termin_header
					{	clear:both;
						width:100%;
						text-align:center;
					}			
		.referent_span
					{	display:block;
					}
		.sidebar_trainer_bild
					{	float:none;
						clear:both;
						margin:auto;
					}
	}