﻿@font-face 		{	font-family: 'AudiType';
					src: url('./fonts/AudiType-Normal_03.ttf')   format('truetype');
				}

body			{	font-family: "AudiType", Arial, sans-serif!important;
					font-size:15px;
					color:#000000;	
					margin-left:auto;
					margin-right:auto;
					max-width:960px;
				}
h3{font-family: "AudiType", Arial, sans-serif!important;
}
hr				{ 	display:none;
				}			
.treeview_rahmen{	margin: auto auto;
					max-width:960px;	
				}

.thbereich 		{	background-color: #808080; 
					color: #FFFFFF;
					font-size:20px; 
					height:32px; 
					font-weight: normal; 
					text-align:left;
					cursor: pointer;
					vertical-align:middle;
					border:0px;
					border-bottom:10px solid #FFFFFF;
				}
				
/* 	Bezeichnung eines Themas in der Treeview */
.thema			{ 	background-color: #E5E5E5; 
					color: #000000; 
					height:32px; 
					font-size:16px; 
					font-weight: 200; 
					text-align:left;
					cursor: pointer;
					padding-left:15px;
					border:0px;
					border-bottom:5px solid #FFFFFF;
				}				

.thbereich_left, .thema_left
				{	background-color: #E5E5E5; 
					width:30px!important;
					padding-left:0px!important;
				}
								
/* 	Bezeichnung einer Veranstaltung in der Treeview */
.veranstaltung	{ 	background-color: #FFFFFF; 
					text-align:left;
				}

.veranstaltung_line		
				{	background-color: #FFFFFF; 
					height:10px; 
				}
				
.eingabefeld	{	border: 1px solid #9CA6B5;
					background-color: #FFFFFF;
					font-family: "AudiType", Arial, sans-serif;
					padding:3px;
					border-radius: 3px;
					color:black;
					font-weight:normal;
				}
				
.am_init_tabellen_zelle
				{	width:150px;
					padding-top:15px;
				}
.filter_table	{ 	margin-left: 0px;
					margin-bottom: 10px;
					padding: 0px;
				}
	
.links:link		{
					color: #CD1331;
					text-decoration:none;
				}
.links:visited, .links:hover, .links:active, a:visited, a:hover, a:active
				{	color: #CD1331;
				}
				
.th_inhalt		{ 	width:100%;
				}	
		
	.link_button, .button, .buttonlink 
	.link_button:hover, .button:hover, 
	.link_button:visited, .button:visited,
	.link_button:active, .button:active
	{
		font-family: "AudiType", Arial, sans-serif;
		font-size: 16px;
		text-decoration: none;
		min-width:90px;
		background-color: #FFFFFF;
		color: #000000;
		padding: 6px 12px 6px 12px;
		border: 2px solid #000000;
		cursor: pointer;
		border-radius:0px;
		font-weight:normal;
	}
	
	.link_button:hover, .button:hover, .buttonlink:hover
	{
		font-family: "AudiType", Arial, sans-serif;
		font-size: 16px;
		text-decoration: none;
		min-width:90px;
		background-color: #FFFFFF;
		color: #666666;
		padding: 6px 12px 6px 12px;
		border: 2px solid #000000;
		cursor: pointer;
		border-radius:0px;
		font-weight:normal;
	}
				
					
.pflichtfeld_stern 
				{ color: #CD1331;
				}

/*  	wie feldbez, aber als Absatz um 25 Pixel nach unten versetzt  */
.feldbez_absatz	{ 	margin-top: 15px;
					font-size:16px;
				}
.am_confirm_meldungen
				{ 	color: #CD1331;
					font-weight:normal;
				}
				
/*  	wie feldinhalt aber um 25 Pixel eingerückt */
.feldinhalt_eingerueckt
				{ 	font-size:14px;	
				}
				
.feldbez 		{ 	font-weight: bold;
					font-size:16px;
					font-family: "AudiType", Arial, sans-serif!important;
				}

/*	Formatierung des Feldinhaltes
	z.B. "Hamburg" als Ausgabe des Seminarortes in der Treeview */
.feldinhalt 	{	font-family: "AudiType", Arial, sans-serif; 
				}
				

/*  	Standard-Fließtext */
.textstandard	{	/*font-family: Verdana,Arial,Helvetica,sans-serif;*/			
					font-size: 14px;
					font-family: "AudiType", Arial, sans-serif;
				}
				
table#kalender 	{	background-color:#FFFFFF; 
					empty-cells:show;
				}
table#kalender td 	{	width:130px; 
					height:90px; 
					text-align:right;
					font-size:10pt;
					background-color: #E8EBEC; 
					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;
					background-color:#A61F7D; 
					color: white;
					font-size:14px;
				}
table#kalender td.kopf 
				{	background-color:#B1B5B9; 
					color: white;
					width:130px; 
					height:30px; 
					text-align:center;
					vertical-align:middle;
					font-size:18px;		
				}

.sidebar_ve_titel
				{	clear:both;
					margin:5px;
				}

.sidebar_ve_linie
				{	clear:both;
					width:100%;
					height:1px;
					background-color:#ccc;
					margin:5px;
				}

.ve_termin_rahmen
				{	display:table;
					width:100%;
				}
				
.treeview_spalte
				{	float:left;
					width:120px;
					margin:5px;
					margin-left:15px;
				}
				
#treeview_spalte_termin_header,
#treeview_spalte_referent_header,
#treeview_spalte_ort_header,
#treeview_spalte_ampel_header
					{ 	margin-bottom:0px; 
					}
					
#treeview_spalte_termin_header,
#treeview_spalte_referent_header,
#treeview_spalte_ort_header,
#treeview_spalte_ampel_header,
#treeview_spalte_ampel	
					{ 	
					}
					
#treeview_spalte_ampel_header, #treeview_spalte_ampel
					{	width:50px;
					}
#treeview_spalte_referent_header, #treeview_spalte_referent
					{	width:160px;
					}
#treeview_spalte_ort_header, #treeview_spalte_ort
					{	width:90px;
					}
#treeview_spalte_details
					{	clear:left;
						margin-bottom:20px;		
						width:300px;
					}
					
#treeview_spalte_termin
					{	clear:left;
					}
				
#treeview_spalte_termin_header, #treeview_spalte_termin
					{	width:200px;
					}
		
@media screen and (max-width:720px){	
	#treeview_spalte_termin_header,
	#treeview_spalte_referent_header,
	#treeview_spalte_ort_header,
	#treeview_spalte_ampel_header,
	#treeview_spalte_ampel	
					{ 	display:none;
					}
	
	#treeview_spalte_termin,
	#treeview_spalte_referent,
	#treeview_spalte_ort,
	#treeview_spalte_details
					{	clear:left;					
					}
}

@media screen and (min-width:700px) and (max-width:1000px) {
}
#treeview_ve_linie
				{	clear:both;
					width:98%;
					height:1px;
					background-color:#ccc;
					margin:5px;
				}
