/* ====================================== 
   1. Kalibrierung und allgemeine Styles 
   ====================================== */
/* Allgemeine Selektoren */
	*  {
		padding: 0; 
		margin: 0
		hyphens: auto;
		white-space: normal;
	}
	
	html { /* erzwingt Scrollbar im Firefox */
		height: 101%; 
	} 

	body.index { 
		background: #C0C0C0;
		color: #282828; 
		font: normal 1em arial, sans-serif;
	}

	body.ohne { 
		background: #ffffff;
		color: #282828; 
		font: normal 1em arial, sans-serif;
	}
	.seiteninhalt {
		margin-left: 90px;
		margin-right: 90px; 
	}
	
	.betreuerseite img{
		height: 120px;
		margin: 5px 15px 5px 5px;
		border: 2px solid <?=$div_rahmen;?>;
		box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, 0.3);
		border-radius: 60px;
		hyphens: none;
		-webkit-hyphens: none;	
	}
	
	.vorstandseite img{
		height: 120px;
		margin: 5px 15px 5px 5px;
		border: 2px solid <?=$div_rahmen;?>;
		box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, 0.3);
		border-radius: 60px;
		hyphens: none;
		-webkit-hyphens: none;	
	}

/*Hyperlinks*/
	a { text-decoration: none; outline: none;} 
	a:link { color: #e25303; } 
	a:visited { color: #e25303; } 
	a:hover, a:focus {
		/*border-bottom: 0.063em solid #e25303;*/
	}
	a:active { 
		color: #003366;  
	}
	
/*Überschriften*/	
	h1{
		font: normal 175% calibri, arial, sans-serif;
		text-align: center;
		font-weight: bold;
		color: #111;
		margin: 0 0 0.25em 0;
		padding: 0.25em 0 0.25em 0;
	}
	h2{ 
		font: normal 125% calibri, arial, sans-serif;
		text-align: left;
		font-weight: bold;
		color: #111;
		margin: 20px 0 0.25em 0;
		padding: 0;
		text-decoration: underline;
	}	
	h3{ 
		font: normal 100% calibri, arial, sans-serif;
		text-align: left;
		font-weight: bold;
		color: #111;
		margin: 20px 0 0.25em 0;
		padding: 0;
		text-decoration: underline;
	}
	text1{
		font: normal 175% calibri, arial, sans-serif;
		text-align: center;
		font-weight: bold;
		color: #111;
		margin: 0 0 0.938em 0;
		padding: 0.938em 0 0.313em 0;
	}
/* Tabellen */
	table {
		border-collapse: collapse;
		border: 0.25px solid black;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: auto;
		margin-top: auto;
		text-align: center; 
		max-width: 90%;
	}
	
	tbody{
		border-collapse: separate; 
		border: 0.25em solid black; 
		max-width: 6.25em;
	}	
	
	tr {
		border-collapse: separate;
		border: 0.125em solid black;
	}
	 /* Farben Zeilen Übungsplan Aktivwehr*/
	 #awrot		{background-color: #a72920; color: #ffffff;}
	 #weiss		{background-color: #ffffff;}
	 #blau		{background-color: #9EB7E2;}
	 #grau		{background-color: #d9d9d9;}
	 #orange	{background-color: #f9b57c;}
	 #lila		{background-color: #c3abea;}
	 
	 /* Farben Zeilen Übungsplan Jugendfeuerwehr */
	 #jfblau			{background-color: #003366; color: #ffffff;}
	 #jftheorie12		{background-color: #8EA9DB;}
	 #jftheorie			{background-color: #ffffff;}
	 #jfpraktisch		{background-color: #ffffff;}
	 #jfpraktisch12		{background-color: #F4B084;}
	 #jfveranstaltung	{background-color: #adadad;}
	 
	 /* Farben Samstag, Sonntag Belegungsplan */
	 #belegung0			{background-color: #b8b8b8;} /* Sonntag */
	 #belegung6			{background-color: #e3e3e3;} /* Samstag */
	 
	 /* Belegungsplanübersicht Heute*/
	 
	 #belegungbelegt	{background-color: red; text-align: center; font-weight: bold;}
	 #belegungfrei		{background-color: green; text-align: center; font-weight: bold;}
	 
	th {
		border-collapse: separate;
		border-bottom: 0.25em solid black;
		border-top: 0.25em solid black;
		border-left: 0.125em solid black;
		border-right: 0.125em solid black;
		padding: 0.25em; 
	}
	
	td {
		border-collapse: separate;
		border: 0.125em solid black;
		padding: 0.125em; 
		text-align: center; 
	}
	
	.betreuerteamtable table, .betreuerteamtable tr, .betreuerteamtable td, .betreuerteamtable tbody, .betreuerteamtable th {
		border: none;
		text-align: left; 
		min-width: 70%;
		width: 70%;
	}
	
	.vorstandtable table, .vorstandtable tr, .vorstandtable td, .vorstandtable tbody, .vorstandtable th {
		border: none;
		text-align: left; 
		min-width: 70%;
		width: 70%;
	}
	
	.briefkasten {
		border-collapse: collapse;
		border-bottom: 0;
		border-top: 0;
		border-left: 0;
		border-right: 0;
		border: 0; 
		margin-right: auto;
		margin-left: auto;
		margin-bottom: auto;
		margin-top: auto;
		text-align: center; 
	}
	
	.briefkasten tbody{
		border-collapse: separate; 
		border-bottom: 0;
		border-top: 0;
		border-left: 0;
		border-right: 0;
		max-width: 100%;
	}	
	
	.briefkasten tr {
		border-collapse: separate;
		border-bottom: 0.1em solid black;
		border-top: 0;
		border-left: 0;
		border-right: 0;
	}
	
	.briefkasten th {
		border-collapse: separate;
		border-bottom: 0.25em solid black;
		border-top: 0;
		border-left: 0;
		border-right: 0;
		padding: 0.25em; 
	}
	
	.briefkasten td {
		border-collapse: separate;
		border-bottom: 0;
		border-top: 0;
		border-left: 0;
		border-right: 0;
		padding: 0.25em; 
		text-align: center; 
	}
	
/* Das Formular */
	.form form {
		background-color: #F7F2E0;
		width: 30em; 
		padding: 1.25em; 
		border: 0.036em solid #8c8c8c;
		margin: 0 auto 0 auto;  
	}

	.form label { 
		display: block; 
		cursor: pointer; 
		float: left; 
		margin: 0.313em;
		padding: 0.75em;
		vertical-align: middle; 
		font-size: 100%; 
	}   
  
	.form input, .form select, .form textarea { 
		width: 50%;
		min-width: 50%; 
		border: 0.063em solid #8c8c8c;
		background-color: #F3E2A9;
		font-size: 80%;
		text-align: center; 
		margin: 0.313em 0px 0.938em 0px;
		padding: 0.313em; 
	}

	.form button { 
		width: 30%;
		min-width: 30%; 
		height: 2.5em;
		font-size: 85%;
	}

	.form textarea { 
		height: 15em; 
	}

	.form input:focus, .form select:focus, .form textarea:focus {
		background-color: #d9d9d9; 
	}
	
	.form input:-moz-read-only { /* For Firefox */
		background-color: #F7F2E0;
	}

	.form input:read-only { 
		background-color: #F7F2E0;
	}

	
	/*====================================*/
	
	.kontaktformular form {
		background-color: #F7F2E0;
		width: 30em; 
		padding: 1.25em; 
		border: 0.036em solid #8c8c8c;
		margin: 0 auto 0 auto;  
	}

	.kontaktformular label { 
		display: block; 
		cursor: pointer; 
		float: left; 
		margin: 0.313em;
		padding: 0.75em;
		vertical-align: middle; 
		font-size: 100%; 
	}   
  
	.kontaktformular input, .kontaktformular select { 
		width: 50%;
		min-width: 50%; 
		border: 0.063em solid #8c8c8c;
		background-color: #F3E2A9;
		font-size: 80%;
		text-align: center; 
		margin: 0.313em 0px 0.938em 0px;
		padding: 0.313em; 
	}

	.kontaktformular button { 
		width: 30%;
		min-width: 30%; 
		height: 2.5em;
		font-size: 85%;
	}

	.kontaktformular textarea { 
		height: 15em; 
		width: 95%;
		min-width: 95%; 
		border: 0.063em solid #8c8c8c;
		background-color: #F3E2A9;
		font-size: 80%;
		text-align: center; 
		margin: 0.313em 0px 0.938em 0px;
		padding: 0.313em; 
	}

	.kontaktformular input:focus, .kontaktformular select:focus, .kontaktformular textarea:focus {
		background-color: #d9d9d9; 
	}
	
	.kontaktformular input:-moz-read-only { /* For Firefox */
		background-color: #F7F2E0;
	}

	.kontaktformular input:read-only { 
		background-color: #F7F2E0;
	}

/* ==================================== 
   2. Styles für die  Layoutbereiche 
   ==================================== */
   
	.bemerkunguebungsplan{
		font-size: 60%;
		text-align: center;
	}
	
	.bemerkungunteruebungsplan{
		font-size: 80%;
		text-align: center;
	}
	
	.wrapper {
		width: 90%;
		background: #fff;
		color: #000; 
	}
   
   .wrapper, .kopfbereich, .textbereich, .logo, .navibereich, .fussbereich{ 
		margin-left: auto; 
		margin-right: auto;
	}

	.benutzermenue { 
		height: 2.563em;
		padding: 0.313em 0.313em 0 0;
		margin: -1em 2em 0 0 ;
		position: relative;
		z-index: 1;
		float: right;
		text-align: right;
		color: #e25303;
		font-size: 100%;
		font-weight: bold;
		width: 90%;
	}
	
	.benutzermenue ul {
		margin-bottom: 0;
		padding: 0 0 0 0;
	}
	
	.benutzermenue li { 
		display: inline; 
		list-style-type: none; 
		margin-left: 1em;
		margin: 0 0.313em;
		padding: 0 0 -0.938em 0; 
		color: #003366;
	}
	
	.kopfbereich {
		color: #003366; 
		background-color: #000;
		background: #fff;
		line-height: 3.0em; 
	}

.logo { 
		width: 15%; 
		border-style: none; 
		margin-top: -1.375em; 
		margin-left: 1em;
		margin-bottom: 1em;
	}

	.logo2 {
		width: 60%; 
		margin: 0.5em 0 0 2em; 
	}
	
	.logo3 {
		width: 100%;  		
	}
	
/*	.logo { 
		width: 16%; 
		border-style: none; 
		margin-top: -1.375em; 
		margin-left: 1em;
		margin-bottom: 1em;
	}

	.logo2 {
		width: 50%; 
		margin: 0 0 0 2em; 
	}
	
	.logo3 {
		width: 100%;  		
	}
*/
	.navibereich { 
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		text-align: right;
		font-size: 130%;
		width: 100%;
		color: #ffffff;
		font-weight: bold; 
		float: none; 
		white-space: nowrap;
		z-index: 1;
		
		}

	.navibereich a { 
		padding: 0 0.313em 0 0.313em; 
		color: #fff !important;
		font-weight: bold; 
		z-index: 1;
	}
	
	
	.navibereich a:hover, a:focus {
		border-bottom: none;
		z-index: 1;
	}
	
	/*Navi Main Intranet JF*/
	
		ijfnav {
			float: right;
			width: 100%;
			background: #e25603;
			font-size: 100%;
			text-align: left; 
			margin: 0 0 0 0; 
			z-index: 1;
		}

		ijfnav ul {
			margin: 0;
			padding: 0;
			z-index: 1;
		}

		ijfnav a {
			display: block;
			color: #fff;
			text-decoration: none;
			z-index: 1;
		}

		ijfnav ul li {
			position: relative;
			float: right;
			list-style: none;
			z-index: 1;
		}

		ijfnav ul li:hover {
			border-bottom: none !important;
			text-decoration: none !important;
			background: #003366 !important;
			z-index: 1;
		}


		ijfnav ul ul {
			position: absolute;
			top: -9999px;
			left: -9999px;
			background: #e25303;
			box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
			z-index: 1;
		}

		
		.aktivijf {
			background: #003366 !important;
			z-index: 1;
		}


		ijfnav ul ul li {
			float: none;
			width: 200px;
			border-bottom: 1px solid #555;
			z-index: 1;
		}

		ijfnav ul ul li a {
			padding: 10px 20px;
			z-index: 1;
		}

		ijfnav ul li:hover > ul {
			top: 100%;
			left: 0;
			border-bottom: none;
			text-decoration: none;
			z-index: 1;
		}
 
		ijfnav ul ul li:hover > ul {
			top: 0;
			left: 200px;
			z-index: 1;
		}
		
 
		ijfnav ul li.submenu > a:after {
			position: relative;
			float: right;
			content: '';
			margin-left: 10px;
			margin-top: 10px;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			border-top: 5px solid #fff;
			border-bottom: 5px solid transparent;
			z-index: 1;
		}
 
		ijfnav ul ul li.submenu a:after {
			margin-left: auto;
			margin-right: -10px;
			margin-top: 7px; 
			border-left: 5px solid #fff;
			border-right: 5px solid transparent;
			border-top: 5px solid transparent;
			border-bottom: 5px solid transparent;
			z-index: 1;
		}
		
		ijfnav ul li.submenu img{
			height: 1.1em; 
			margin: auto; 
			z-index: 1;
		}
 
		ijfnav ul ul li:last-child {
			border-bottom: none;
			z-index: 1;
		}

	/*Navi Main JF*/
	
		jfnav {
			float: right;
			width: 100%;
			background: #003366;
			font-size: 100%;
			text-align: left; 
			margin: 0 0 0 0; 
			z-index: 1;
		}

		jfnav ul {
			margin: 0;
			padding: 0;
			z-index: 1;
		}

		jfnav a {
			display: block;
			color: #fff;
			text-decoration: none;
			z-index: 1;
		}

		jfnav ul li {
			position: relative;
			float: right;
			list-style: none;
			z-index: 1;
			
		}

		jfnav ul li:hover {
			background: #e25303 !important;
			z-index: 1;
		}

		jfnav ul li a {
			padding: 20px;
			z-index: 1;
		}

		jfnav ul ul {
			position: absolute;
			top: -9999px;
			left: -9999px;
			background: #003366;
			box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
			z-index: 1;
		}

		
		.aktivjf {
			background: #e25303;
			z-index: 1;
		}

		jfnav ul ul li {
			float: none;
			width: 200px;
			border-bottom: 1px solid #555;
			z-index: 1;
		}

		jfnav ul ul li a {
			padding: 10px 20px;
			z-index: 1;
		}

		jfnav ul li:hover > ul {
			top: 100%;
			left: 0;
			z-index: 1;
		}
 
		jfnav ul ul li:hover > ul {
			top: 0;
			left: 200px;
			z-index: 1;
		}
		
 
		jfnav ul li.submenu > a:after {
			position: relative;
			float: right;
			content: '';
			margin-left: 10px;
			margin-top: 10px;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			border-top: 5px solid #fff;
			border-bottom: 5px solid transparent;
			z-index: 1;
		}
 
		jfnav ul ul li.submenu a:after {
			margin-left: auto;
			margin-right: -10px;
			margin-top: 7px; 
			border-left: 5px solid #fff;
			border-right: 5px solid transparent;
			border-top: 5px solid transparent;
			border-bottom: 5px solid transparent;
			z-index: 1;
		}
		
		jfnav ul li.submenu img{
			height: 1.1em; 
			margin: auto; 
			z-index: 1;
		}
 
		jfnav ul ul li:last-child {
			border-bottom: none;
			z-index: 1;
		}
		
	/*Navi Main Fw*/
	
		fwnav {
			float: right;
			width: 100%;
			background: #a72920;
			font-size: 100%;
			text-align: left; 
			margin: 0 0 0 0; 
			z-index: 1;
		}

		fwnav ul {
			margin: 0;
			padding: 0;
			z-index: 1;
		}

		fwnav a {
			display: block;
			color: #fff;
			text-decoration: none;
			z-index: 1;
		}

		fwnav ul li {
			position: relative;
			float: right;
			list-style: none;
			z-index: 1;
			
		}

		fwnav ul li:hover {
			background: #6D1B15 !important;
			z-index: 1;
		}

		fwnav ul li a {
			padding: 20px;
			z-index: 1;
		}

		fwnav ul ul {
			position: absolute;
			top: -9999px;
			left: -9999px;
			background: #a72920;
			box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
			z-index: 1;
		}

		
		.aktivfw {
			background: #6D1B15;
			z-index: 1;
		}

		fwnav ul ul li {
			float: none;
			width: 200px;
			border-bottom: 1px solid #555;
			z-index: 1;
		}

		fwnav ul ul li a {
			padding: 10px 20px;
			z-index: 1;
		}

		fwnav ul li:hover > ul {
			top: 100%;
			left: 0;
			z-index: 1;
		}
 
		fwnav ul ul li:hover > ul {
			top: 0;
			left: 200px;
			z-index: 1;
		}
		
 
		fwnav ul li.submenu > a:after {
			position: relative;
			float: right;
			content: '';
			margin-left: 10px;
			margin-top: 10px;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			border-top: 5px solid #fff;
			border-bottom: 5px solid transparent;
			z-index: 1;
		}
 
		fwnav ul ul li.submenu a:after {
			margin-left: auto;
			margin-right: -10px;
			margin-top: 7px; 
			border-left: 5px solid #fff;
			border-right: 5px solid transparent;
			border-top: 5px solid transparent;
			border-bottom: 5px solid transparent;
			z-index: 1;
		}
		
		fwnav ul li.submenu img{
			height: 1.1em; 
			margin: auto; 
			z-index: 1;
		}
 
		fwnav ul ul li:last-child {
			border-bottom: none;
			z-index: 1;
		}

	.navibereich a { 
		padding: 0.313em; 
		z-index: 1;
	}

	.benutzeraktiv {
		color:#003366;
		border-bottom: 0.063em solid #e25303; 
	}

	.textbereich {
		padding: 0.625em 0.313em 1.25em 0.313em;
		font-size: 140%;
		width: 99%; 
		margin: auto; 
		-ms-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
		white-space: normal;
		clear: both;
	}

	.readonly {
		background-color: #F7F2E0;
	}

	.legende { 
		margin: -0.625 0 -1,25em 0;
		padding: 0 0 0 0; 
		text-align: left; 
		font-size: 50%; 
		text-align: center; 
		line-height: 1.2em;
	}
	
	.boollegende { 
		margin: 0 0 0 0;
		padding: 0 0 0 0; 
		text-align: left; 
		font-size: 50%; 
		text-align: center; 
		line-height: 1.2em;
	}
	
	.fussbereichjf {
		height: 3.5em;
		padding: 0.313em 0 0.625em 0;
		text-align: center; 
		font-weight: bold; 
		background: #e25303;
		color: #000;
		border-top: 0.063em solid #FFF;
		letter-spacing: 0.159em; 
		text-transform: uppercase; 
		line-height: 1.4em; 
		font-size: 90%;
	}

	.fussbereichjf address {
		text-align: center;  
		font-size: 100%;      
		font-style: normal;  
		letter-spacing: 0.125em; 
		line-height: 1.5em;  
	}

	.fussbereichjf a:{ 
		text-decoration: none; outline: none;
	} 
	.fussbereichjf a:link { 
		color: #fff; 
	} 
	.fussbereichjf a:visited {
	color: #fff; 
	}
	.fussbereichjf a:hover, 
	.fussbereichjf a:focus { 
		border-bottom: 0.063em solid #fff 
	}
	.fussbereichjf a:active { 
		color: #fff;
		background-color: #fff; 
	}  
	.fussbereichfw {
		height: 3.5em;
		padding: 0.313em 0 0.625em 0;
		text-align: center; 
		font-weight: bold; 
		background: #a72920;
		color: #000;
		border-top: 0.063em solid #FFF;
		letter-spacing: 0.159em; 
		text-transform: uppercase; 
		line-height: 1.4em; 
		font-size: 90%;
	}

	.fussbereichfw address {
		text-align: center;  
		font-size: 100%;      
		font-style: normal;  
		letter-spacing: 0.125em; 
		line-height: 1.5em;  
	}

	.fussbereichfw a:{ 
		text-decoration: none; outline: none;
	} 
	.fussbereichfw a:link { 
		color: #fff; 
	} 
	.fussbereichfw a:visited {
	color: #fff; 
	}
	.fussbereichfw a:hover, 
	.fussbereichfw a:focus { 
		border-bottom: 0.063em solid #fff 
	}
	.fussbereichfw a:active { 
		color: #fff;
		background-color: #fff; 
	}  
	.footerbild {
		display: none;
	}
	
	.copy {
		font-size: 80%;
		color: #383838; 
	}

/* ==================================== 
   3. Sonstige Styles 
   ==================================== */

	.ampel { 
		width: 70%;
		color: #fff;
		background: #424242;  
		padding: 0.625em;  
		font-weight: bold; 
	}  

	.ampelrot { 
		color: #000;
		background: #df0101;
		padding: 0.625em;
		margin: 1.25em;
	}  

	.ampelgelb{ 
		color: #000;
		background: #ffbf0c;  
		padding: 0.625em;
		margin: 1.25em;
	}
	
	.ampelgruen { 
		color: #000;
		background: #40ff00;
		padding: 0.625em;
		margin: 1.25em;
	}  

	.ampelrot table, .ampelgelb table, .ampelgruen table {
		border-style: none; 
		text-align: center; 
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 0;
		margin-top: 0;
		border-collapse: collapse; 
	}

	.ampelrot tr, .ampelgelb tr, .ampelgruen tr {
		border-style: none; 
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 0.313em;
		margin-top: 0.313em;
		text-align: center;	
	}

	.ampelrot td, .ampelgelb td, .ampelgruen td {
		border-style: solid;
		text-align: left; 
		margin-right: auto;
		margin-left: auto;
		margin-bottom: -0.313em;
		margin-top: -0.313em;
		width: 62.5em;
		padding: 0.438em; 
	}
	
	.termine {
		margin: 0 0 0 0; 
		list-style: none; 
		font-size: 90%; 
		display: inline; 
		width: 100%;
	}
	
	.login { 
		height: 1.563em;
		padding: 0.213em 0.313em 0 0;
		margin: -0.3em 0 0 -2.2em;
		position: absolute;
		z-index: 1;
		float: right;
		text-align: right;
		color: #e25303;
		font-size: 120%;
		font-weight: bold;
		width: 100%;
	}
	
	.login ul {
		margin-bottom: 0;
		position: absolute; 
		padding: 0 0 0 0;
		float: right; 
		text-align: right; 
		width: 60%; 
		min-width: 60%; 
		margin-right: -19em; 
	}
	
	.login li { 
		display: inline; 
		list-style-type: none; 
		margin-left: 1em;
		margin: 0 0.313em;
		padding: 0 0 -0.938em 0; 
		color: #003366;
		text-align: right;
	}
	
	.login form {
		width: 50%; 
		min-width: 50%; 
		height: 1.563em;
		padding: 0.313em 0.313em 0 0.313em;
		margin: 0 0 0 0; 
		float: right; 
		border: none; 
		background-color: transparent;
	}
	
	.login button{
		width: 20%	!important; 
		min-width: 20%	!important; 
		height: 1.9em;
		padding: 0.15em 0.15em 0 0 !important; 
		float: left;  
		margin: -0.25em 0.15em 0 0.15em;
		vertical-align: middle;
		border: 1px #2e2e2e solid; 
		border-radius: 0.5em 0.5em 0.5em 0.5em	!important;
		background-color: #dcdcdc;
	}
	
	.login input{
		width: 30%; 
		min-width: 30%; 
		height: 1.563em;
		padding: 0.15em 0.15em 0 0 !important; 
		margin: -0.15em 0.30em 0 0;
		float: left;  
		border: 1px #2e2e2e solid; 
		border-radius:  0 0.5em 0.5em 0; 
		border-collapse: collapse; 
	}
	
	.loginimg {
		height: 2em;
		width: 2em !important;
		min-width: 2em !important;
		max-width: 2em	!important;
		float: right;
		border: 1px #2e2e2e solid; 
		border-radius: 0.5em 0 0 0.5em	!important; 
		border-collapse: collapse; 
		background-color: #c5c5c5 !important;
		margin: -0.15em 0 0 0	!important;
	}
	
	.logout {
		text-align: center; 
		width: 45em; 
		height: 35em; 
		background-color: #fff;
		position: absolute; 
		top: 50%;
		left: 50%; 
		margin-top: -17.5em; 
		margin-left: -22.5em; 
	}
	
	.fehlerbild {
		max-width: 70%;
	}

	.gruppenanzeige { 
		margin: 0 0 0 0;
		padding: 0 0 0 0; 
		text-align: left; 
		font-size: 100%; 
		text-align: center; 
		line-height: 1.2em;
		border-style: solid; 
		border-width: 0.05em; 
		border-color: #000;
		width: 50%; 
		max-width: 50%; 
	}
	
	.umfrage {
		background-color: #F7F2E0;
		width: 45em !important; 
		padding: 1.25em; 
		border: 0.036em solid #8c8c8c;
		margin: 0 auto 0 auto;  
	}
	
	.umfrage input, select, textarea { 
		width: 90%;
		min-width: 90%;  
	}
	
	.umfrage input[type=radio] { 
		width: 1em;
		min-width: 1em; 
		height: 1em;
		font-size: 95%;
	}
	
	.belegung0 tr {
		background-color: fff;
	}
	
	.belegung6 tr {
		background-color: fff;
	}
	
/* Tabellen Ansprechpartner (Startseite Intranet) */
	.ansprechpartner table {
		border-collapse: collapse;
		border: none;
		margin-right: auto;
		margin-left: 0;
		margin-bottom: auto;
		margin-top: auto;
		text-align: left; 
	}
	
	.ansprechpartner tbody{
		border-collapse: separate; 
		border: none; 
		max-width: 6.25em;
	}	
	
	.ansprechpartner tr {
		border-collapse: separate;
		border: none;
	}
	
	.ansprechpartner th {
		border-collapse: separate;
		border: none;
		padding: 0.25em; 
	}
	
	.ansprechpartner td {
		border-collapse: separate;
		border: none;
		padding: 0.125em; 
		padding-right: 0.5em; 
		text-align: left; 
	}
	
	.informationenstartseite {
		color: #2e2e2e;
		background-color: #f4f4f4;
		border-color: #d8d8d8 !important;
		padding: 0.75em;
		margin-bottom: 20px;
		border: 0.1em solid transparent;
		border-radius: 4px;
		width:40%; 
		float: left; 
		hyphens: auto !important;
		white-space: normal;
		margin: 0.8em; 
	}
	
	.informationenstartseite img {
		height: 2.1em;
		float: left;
		margin: 0.1em; 
	}
	
	.textbereich p{
		clear: both;
	}
	
	.statistik form {
		background-color: #fff;
		width: 10em; 
		padding: 0.2em; 
		border: none;
		margin: 0 auto 0 auto; 
	}

	.statistik input, .statistik select, .statistik textarea { 
		width: 50%;
		min-width: 50%; 
		border: 0.063em solid #8c8c8c;
		background-color: #fff;
		font-size: 60%;
		text-align: center; 
		margin: 0.313em 0px 0.938em 0px;
		padding: 0.313em; 
	}

	.statistik button { 
		width: 30%;
		min-width: 30%; 
		height: 2.5em;
		font-size: 85%;
	}

	.statistik textarea { 
		height: 15em; 
	}

	.statistik input:focus, .statistik select:focus, .statistik textarea:focus {
		background-color: #d9d9d9; 
	}
	
	.statistik progress {
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		border: none;
		background-size: auto;
		width: 100%;
		min-width: 8em; 
		height: 30px;

		border-radius: 15px;
		color: #003366; /** IE 10 **/
		background-color: #efefef;
	}

	.statistik progress::-moz-progress-bar { 
		background-color: #003366;
		border-radius: 15px;
	}

	.statistik progress::-webkit-progress-bar {
		background-color: #efefef;
		border-radius: 15px;
	}

	.statistik progress::-webkit-progress-value {
		background-color: #003366;
		border-radius: 15px;
	}
	
	.statistik table {
		border: #000000 solid 0.25em !important;  
	}

	.statistik tr {
		border-left: #000000 solid 0.25em !important;
		border-right: #000000 solid 0.25em !important;
		border-bottom: none; 
		border-top: none;
	}
	.statistik th{
		border: none; 
	}
	.statistik td{
		border: none; 
	}
	
	.statistiktrennungspalte {
		border-left: 0.25em #000 solid !important; 
	}
	
	.statistiktrennungzeile {
		border-top: 0.25em #000 solid !important;
	}
	
	.statistiktrennungecke {
		border-top: 0.25em #000 solid !important;
		border-left: 0.25em #000 solid !important;
	}
	
	.statistikleft {
		text-align: left; 
	}
	
	.statistikright {
		text-align: right; 
	}
	
/*Meldungen*/
	.meldungsbar {
		margin-top: 3.6em; 
	}
	
	.merfolgreich {
		color: #2e2e2e;
		background-color: #EAF8A3;
		border-color: #A1D148 !important;
		padding: 0.75em;
		border: 0.1em solid transparent;
		border-radius: 4px;
		text-align: center; 
		hyphens: auto !important;
		white-space: normal; 
		margin: 0.1em;
		clear: both; 
		position: relative; 
		z-index: 0;
	}
	
	.mwarnung {
		color: #2e2e2e;
		background-color: #F8F1AE;
		border-color: #F3E275 !important;
		padding: 0.75em;
		border: 0.1em solid transparent;
		border-radius: 4px;
		text-align: center; 
		hyphens: auto !important;
		white-space: normal; 
		margin: 0.1em;
		clear: both; 
		position: relative; 
		z-index: 0;
	}
	
	.mfehler {
		color: #2e2e2e;
		background-color: #F2AEA9;
		border-color: #F44336 !important;
		padding: 0.75em;
		border: 0.1em solid transparent;
		border-radius: 4px;
		text-align: center; 
		hyphens: auto !important;
		white-space: normal; 
		margin: 0.1em;
		clear: both; 
		position: relative; 
		z-index: 0;
		
	}
	
	.minformationen {
		color: #2e2e2e;
		background-color: #B4D7F2;
		border-color: #2695F3 !important;
		padding: 0.75em;
		border: 0.1em solid transparent;
		border-radius: 4px;
		text-align: center; 
		hyphens: auto !important;
		white-space: normal; 
		margin: 0.1em;
		clear: both; 
		position: relative; 
		z-index: 0;
	}
/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}