:root {
	--colourWhite: #ffffff;
	--colourChalk: #fafafa;
	--colourBritanniaBlue: #071637;
	--colourCeruleanBlue: #274cd8;
	--colourGreen: #07d694;
	--colourTotoRosso: #a50034;
	--colourBrigadeRed: #b61615;
	--colourNeonOrange: #ff4d06;
	--colourNeonYellow: #fafb09;
	--colourLegacyBlue: #001842;
}

body { 
		background-color: white; 
		margin-left: 10px;
    font-family: TrebuchetLightRegular, Verdana, Arial, Helvetica !important;
    font-size: 11px; 
		color: #555;
}

body  h1 {
    font-family: TrebuchetBoldItalic, Arial, Helvetica, Verdana;
		font-size: 18pt;
		font-weight: normal;
}

body  h5 {
    font-family: TrebuchetBoldRegular, Arial, Helvetica, Verdana;
		font-size: 18px;
		font-weight: normal;
}

H1, H2, H3, H4, H5, H6 { margin: 10px 0px 2px 0px; display:block; font-weight: normal; clear:left; }

H1, H1 A { font-size: 18px; color: #013565; margin-bottom: 8px}
H2, H2 A { font-size: 14px; color: #888; padding: 2px; border: solid #bbb; border-width: 0px 0px 1px 0px; padding-left:0px; margin-bottom: 5px}
H3, H3 A { font-size: 14px; color: #6d95d2; padding: 2px; border: solid #bbb; border-width: 0px 0px 1px 0px; padding-left:0px; margin-bottom: 5px}
H4, H4 A { font-size: 14px; color: #adce59; padding: 2px; border: solid #bbb; border-width: 0px 0px 1px 0px; padding-left:0px; margin-bottom: 5px}
H5, H4 A  { font-size: 14px; color: var(--colourBritanniaBlue); padding: 2px; border: solid #bbb; border-width: 0px 0px 1px 0px; padding-left:0px; margin-bottom: 5px}

.head {
		background-color: #dedede;
		/*margin-bottom: 1em;*/

		/* Als Fallback für unwissende Browser die Hintergrundfarbe */
		background-color: #e0e0e0;
		
		/* Der Hintergrund soll einen Verlauf von links nach rechts, von Grau nach weiß haben */
		background: -webkit-gradient(linear, left top, right top, from(#e0e0e0), to(#fff));
		background: -moz-linear-gradient(left, #e0e0e0, #fff);
		background: -o-linear-gradient(left, #e0e0e0, #fff);
		background: -ms-linear-gradient(left, #e0e0e0, #fff);
		background: linear-gradient(left, #e0e0e0, #fff);
		background: linear-gradient(to right, #e0e0e0, #fff);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', GradientType=1,
                startColorstr='#e0e0e0', endColorstr='#ffffff', startColor='#ff', endColor='#00') /* ie7 */
		/*progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=10)*/;
		-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#ffffff'); /* ie8 */

		border-top: 1pt solid #aaa;
		border-left: 1pt solid #aaa;
		border-right: 1pt solid #aaa;
		border-bottom: 0pt solid #aaa;

		/* Damit MSIE Layout hat */
		zoom: 1;
		/*font-size: 18px;
		line-height: 16px;*/
		font-family: TrebuchetLightItalic, Verdana, Arial, sans-serif;
		font-style: normal;
		padding: 10px 0px 15px 10px;
		/*-moz-box-shadow: 5px 5px 10px #aaa;*/
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		-webkit-border-radius-topleft: 10px;
		-webkit-border-radius-topright: 10px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		/*border-radius: 10px;*/
}

.my_body {
		zoom: 1;
		font-family: TrebuchetLightItalic, Verdana, Arial, sans-serif;
		border: 1pt solid #083567;
		border: 1pt solid #aaa;

		/* Als Fallback für unwissende Browser die Hintergrundfarbe */
		background-color: #e0e0e0;
		
		/* Der Hintergrund soll einen Verlauf von links nach rechts, von Grau nach weiß haben */
		background: -webkit-gradient(linear, left top, right top, from(#e0e0e0), to(#fff));
		background: -moz-linear-gradient(left, #e0e0e0, #fff);
		background: -o-linear-gradient(left, #e0e0e0, #fff);
		background: -ms-linear-gradient(left, #e0e0e0, #fff);
		background: linear-gradient(left, #e0e0e0, #fff);
		background: linear-gradient(to right, #e0e0e0, #fff);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', GradientType=1,
                startColorstr='#e0e0e0', endColorstr='#ffffff', startColor='#ff', endColor='#00'); /* ie7 */
		-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#ffffff'); /* ie8 */

		padding: 10px 10px 15px 10px;
		margin: 0px 0px;
		font-size: 10px;
		
		/*overflow-x: scroll;
		overflow-y: scroll;*/
}

.my_foot {
		zoom: 1;
		font-family: TrebuchetLightItalic, , Verdana, Arial, sans-serif;
		border: 1pt solid #aaa;

		/* Als Fallback für unwissende Browser die Hintergrundfarbe */
		background-color: #e0e0e0;
		
		/* Der Hintergrund soll einen Verlauf von links nach rechts, von Grau nach weiß haben */
		background: -webkit-gradient(linear, left top, right top, from(#e0e0e0), to(#fff));
		background: -moz-linear-gradient(top left, #e0e0e0, #fff);
		background: -moz-linear-gradient(left, #e0e0e0, #fff);
		background: -o-linear-gradient(left, #e0e0e0, #fff);
		background: -ms-linear-gradient(left, #e0e0e0, #fff);
		background: linear-gradient(left, #e0e0e0, #fff);
		background: linear-gradient(to right, #e0e0e0, #fff);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', GradientType=1,
                startColorstr='#e0e0e0', endColorstr='#ffffff', startColor='#ff', endColor='#00') /* ie7 */
		/*progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=10)*/;
		-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#ffffff'); /* ie8 */

		padding: 10px 10px 15px 10px;
		margin: 0px 0px;
		margin-top: -15px;
		font-size: 10px;
}

.realtable, .changetable {
		width: 100%;
		border-width: 0pt;
		border-collapse: collapse;
}

/* Zeichensatz für die Tabellen festlegen */
.realtable td, .changetable td, .changetable input, .changetable option, .changetable select { 
		font-size: 14px;
}

.head h5 { 
		font-family: TrebuchetLightRegular;
		font-size: 14px;
}

.my_body h4 { 
		font-family: TrebuchetBoldRegular;
		font-size: 16px;
}

.my_body h5 { 
		font-family: TrebuchetBoldRegular;
		font-size: 16px;
}

/* Die Ränder der "Echten Tabellen" sollen nicht gezeichnet werden */
.realtable table { border: 0pt solid #083567; border-collapse: collapse; }
.realtable td { border: 1px solid #ddd; padding: 5px 10px; }
.changetable table { border-width: 0pt; border-collapse: collapse; }
.changetable td { border-width: 0pt; padding: 5px; }

/* Formatierung der Kopfzeile einer realen Tabelle */
.realtable thead tr, .realtable thead td {
	background-color: #083567;
	background: -webkit-gradient(linear, left top, left bottom, from(#083567), to(#6d95d2));
	background: -moz-linear-gradient(top, #083567, #6d95d2);
	background: -o-linear-gradient(top, #083567, #6d95d2);
	background: -ms-linear-gradient(top, #083567, #6d95d2);
	background: linear-gradient(top, #083567, #6d95d2);
	background: linear-gradient(to bottom, #083567, #6d95d2);

	border-width: 0pt; 

	zoom: 1;
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#083567', endColorstr='#6d95d2'); /* ie8 */
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', GradientType=0,
							startColorstr='#083567', endColorstr='#6d95d2', startColor='#ff', endColor='#00') /* ie7 */
	/*progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=10)*/;
}

.realtable thead tr td {
	font-family: TrebuchetBoldItalic;
	font-weight: normal;
	text-align: center; 
	color: #fff; 
}

/* Für Browser, die nth-child nicht unterstützen, ein weißer Hintergrund der Zeilen */
.realtable tr { 
	background-color: #fff;
}

/* Zeilen in "Echten Tabellen" sollen wechselweise eingefärbt werden */
.realtable tr:nth-child(odd) { background-color: #fff; }
.realtable tr:nth-child(even) { background-color: #e0e0e0; }

.impressum {
	position: relative; 
	bottom: 3.7em; 
	margin-top: -1em; 
	height: 0em; 
	text-align: center; 
	color: black;
}

/* Darstellung der Links allgemein */
a:link {
	color: var(--colourBrigadeRed);
	text-decoration: none;
	background: inherit;
}
a:hover {
	color: var(--colourBritanniaBlue);
	text-decoration: underline;
	/*background: #ccc;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa));
	background: -moz-linear-gradient(top,  #eee,  #aaa);
	background: -ms-linear-gradient(top,  #eee,  #aaa);
	background: linear-gradient(top,  #eee,  #aaa);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#aaa');*/
}
a:active {
	color: #f7a922;
	text-decoration: none;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#bbb));
	background: -moz-linear-gradient(top,  #aaa,  #bbb);
	background: -ms-linear-gradient(top,  #aaa,  #bbb);
	background: linear-gradient(top,  #aaa,  #bbb);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaa', endColorstr='#bbb');*/
}
a:visited {
	color: #f7a922;
	text-decoration: none;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa));
	background: -moz-linear-gradient(top,  #eee,  #aaa);
	background: -ms-linear-gradient(top,  #eee,  #aaa);
	background: linear-gradient(top,  #eee,  #aaa);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#aaa');*/
}

a.link_normal:link {
	color: #555;
	text-decoration: underline;
}
a.link_normal:hover {
	color: #555;
	background: #ccc;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa));
	background: -moz-linear-gradient(top,  #eee,  #aaa);
	background: -ms-linear-gradient(top,  #eee,  #aaa);
	background: linear-gradient(top,  #eee,  #aaa);
	background: linear-gradient(to bottom,  #eee,  #aaa);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#aaa');
}
a.link_normal:active {
	color: #eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#bbb));
	background: -moz-linear-gradient(top,  #aaa,  #bbb);
	background: -ms-linear-gradient(top,  #aaa,  #bbb);
	background: linear-gradient(top,  #aaa,  #bbb);
	background: linear-gradient(to bottom,  #aaa,  #bbb);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaa', endColorstr='#bbb');
}
a.link_normal:visited {
	color: #555;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa));
	background: -moz-linear-gradient(top,  #eee,  #aaa);
	background: -ms-linear-gradient(top,  #eee,  #aaa);
	background: linear-gradient(top,  #eee,  #aaa);
	background: linear-gradient(to bottom,  #eee,  #aaa);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#aaa');
}

input[type=text], textarea, select {
	border: 1px solid #aaa; 
	padding: 2px;
	margin: 0px;
	font-family: TrebuchetLightItalic; 
	line-height: 1.2em; 
}

input[type=mail], input[type=tel] {
	border: 1px solid #aaa; 
	padding: 2px;
	margin: 0px;
	font-family: TrebuchetLightRegular; 
	line-height: 1.2em; 
}

li { margin-left: -16px; }
ul.content { list-style-type: none; font-size: 12px; }

address { font-family: TrebuchetLightRegular, Helvetica, Verdana; color: #555; font-size: 14px; }

/* Standard-Formatierung für alle Formulare */
/*form.normal { border: 6px groove #0099FF; background-color: #ddd; padding: 20px; margin-bottom: 2em; width: 100%; }*/
form.normal { background-color: #fff; margin-bottom: 2em; width: 100%; }
/*div.normal { border: 6px groove #0099FF; background-color: #ddd; padding: 20px; }*/
div.normal { border: 3px dotted #AAAAAA; border-bottom: 3px dotted #AAAAAA; background-color: #fff; margin-bottom: 1em; width: 100%;  min-height: 50px; }

/*button.normal { border: 0pt solid #ddd; background-color: #ddd; cursor: pointer; width: 20%; height: 2em; }*/
button.normal{ background-color:#efe; color: #083567; border: 1px dotted #f6ae22;
							margin-top: 10px;
							margin-bottom: 10px;
							margin-left: 15px;
							margin-right: 15px;
							padding: 2px; width: 200px; font-weight: bold;
							cursor: pointer; }
span.normal { border-right: 3pt groove #0099FF; font-size: 2em; }

table { border: 1pt solid #083567; width: 98%; border-collapse: collapse; }
td { border: 1pt solid #083567; padding: 5px; }

/* Formatierung des Spin für die Dauer der Durchführung von Aktionen */
.TextPlusSpin {
	margin-left: 1em;
	vertical-align: middle;
}

.TextPlusSpin img {
	display: inline-block;
	margin-left: 1em;
}

.TextPlusSpinAusblenden {
	position:relative;
	-webkit-transition-property: font-size, height;
	-webkit-transition-duration: 2s, 2s;
	-webkit-transition-delay: 0s, 0.1s;
	-webkit-transition-timing-function: linear, ease-out;
	transition-property: color;
	transition-duration: 4s;
	transition-delay: 0s;
	transition-timing-function: ease-out;
}

/* Element 'details' im IE11 noch nicht bekannt, daher muss es gesondert formtiert werden */
details {
	display: block;
	margin-top: 1em;
}


/* Formatierung für MySQL-Fehlermeldungen */
.error { border: 5pt ridge red; padding: 10px; font-weight: bold; }
.error table { border: 0pt solid white; font-weight: normal; }
.error_name { width: 10%; text-align: left; font-weight: bold; border: 0pt solid red; }
.error_wert { text-align: left; font-style: italic; border: 0pt solid red; }

/* Angaben für die Tabelle, in der die gelöschten Daten stehen */
.delete { position: relative; top: 0em; margin-bottom: 1em; height: 200px; clear:left; border: 1pt dashed red; }
.delete_name { width: 20%; text-align: right; font-weight: bold; border: 0pt solid red; }
.delete_wert { text-align: left; font-style: italic; border: 0pt solid red; }

.edit td { border: 0px solid #083567; }
table.edit { border: 0px solid #083567; }
/*input, select, textarea { font-size: 14px; font-family: Verdana, sans-serif; font-weight: bold; }*/

/* Der 'Zurück'-Button */
.zurueck_form { background-color:#eee; color: #083567; width: 200px; border:6px groove #f6ae22; padding: 5px; text-align: center; }
.zurueck_button { background-color:#efe; color: #083567; border: 1px dotted #f6ae22; cursor: pointer; }

.button_scroll {
		/*margin-left: 0.5em;
		margin-right: 0.5em;*/
		cursor: pointer;
}

/* Angaben für das Anmeldefenster, wenn sich Benutzer, die kein SingleSignOn haben, versuchen anzumelden */
#anmeldeFenster {
	position: absolute;
	position: fixed;
	left: 22em;
	left: calc(100% / 2 - 180px);
	top: 10em;
	width: 300px; 
	padding: 10px 20px 15px 20px;
	border: 1pt solid #aaa;
	border-radius: 10px;
  box-shadow: 10px 10px 10px rgba(200,200,200,1);
}

.newPasswort {
	display: none;
}

.missedPassword {
	font-size: 11px !important;
}

.rejectText {
	font-size: 12px;
}

.rejectUserID {
	font-family: TrebuchetBoldRegular;
}

.smallText {
	font-size: 11px;
}

/* Angaben zur den Gruppen */
#list_groups {
	position: fixed !important; 
	display: none;
	
	font-family: TrebuchetLightRegular;
	font-size: 13px;
	
	width: 360px;
	height: 375px;
	
	top: 125px;
	left: 25%;
	left: calc(100% / 2 - 180px);
	/*right: 35%;*/
	
	z-index: 2;
	/*overflow-y: scroll;*/
	
	padding: 20px 15px 20px 20px;
	
	border: 3px ridge #aaa;
  border-radius: 20px;
	/*border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;*/
	background-color: rgb(230,230,230);
	/*background-color: rgba(200,200,200,0.7);*/
	opacity: 0.95;
  box-shadow: 10px 10px 10px rgba(200,200,200,1);
}

.group_entry_global::before {
	position: relative;
	content: url("../design/b_globe.png"); 
	margin-right: 0.5em; 
	vertical-align: top; 
	z-index: 1;
}

.group_entry_local { 
	height: 1.5em; 
	margin-left: 1.6em;
}


/* Angaben zur den zugewiesenen Schulungen */
#list_schoolings {
	position: fixed !important; 
	display: none;
	
	font-family: TrebuchetLightRegular;
	font-size: 13px;
	
	width: 500px;
	height: 400px;
	height: 34em;
	
	top: 125px;
	left: 25%;
	/*right: 35%;*/
	
	z-index: 2;
	/*overflow-y: scroll;*/
	
	padding: 20px 15px 20px 20px;
	
	border: 3px ridge #aaa;
  border-radius: 20px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: rgb(230,230,230);
	/*background-color: rgba(200,200,200,0.7);*/
	opacity: 0.95;
  box-shadow: 10px 10px 10px rgba(200,200,200,1);
}

#list_schoolings_entry, #list_employee_entry {
	height: 31.1em;
	overflow-y: scroll;
}

#list_schoolings ul {
	line-height: 1.3em;
	margin-left: -1.7em;
	list-style-type: none;
}

#list_schoolings li {
	line-height: 1.3em;
}

#list_employee_entry li {
	margin-left: 0px;
}

#hr {
	margin: 0.5em 0em -0.6em -1.3em;
	text-align: center;
}

#headline_self, #headline_other {
	margin-top: -0.3em;
	font-size: 16px;
	line-height: 1.3em;
}

#liste_schulung_dept, #button_close_schoolings {
	padding: 0px;
}


/* muss erstmal genau getestet werden */
.grayout {
   position: fixed;
   left: 0px;
   top: 0px;
   height: 100%;
   width: 100%;
   background-color: black;
   opacity: 0.5;
   z-index: 9999;
}

/* --------------------------------------- */


/* Karteireiter */
.switchbutton_blur { 
		width: 165px;
		height: 30px;
		background-color: #deded6; /* zweite Möglichkeit mit leichtem Rot-Ton */
		background-color: #e0e0e0;
		/*background-color: rgba(222,222,210,1); */
		border: 1px	solid #aaa;
		border-bottom: 1px solid rgba(210,210,210,0.9);
		border-radius: 40px 10px 0px 0px; 
		cursor: pointer; 
}

.switchbutton_blur  p { 
		font-family: TrebuchetLightRegular;
		font-size: 13px;
		/*font-size: calc(140px/10px);*/  /* funktioniert noch nicht im IE10 */
		color: #083567;
		margin: 0em 0em 0.1em 0.5em; 
}

.switchbutton_focus { 
		width: 170px;
		height: 30px;
		background-color: rgb(241,227,187); 
		background-color: rgba(241,227,187,0.4); 
		border: 1pt solid #083567;
		border: 1px solid #aaa; 
		border-bottom: 1px solid rgba(210,210,210,0.9);
		border-radius: 40px 10px 0px 0px; 
		/*margin: 0px; */
}


.switchbutton_focus  p { 
		font-family: TrebuchetBoldItalic;
		font-size: 13px;
		/*font-size: calc(140px/10px);*/ /* funktioniert noch nicht im IE10 */
		color: #083567;
		font-weight: normal; 
		margin: 0em 0em 0em 0.5em; 
}

.switchbutton_disabled { 
		display: none; 
		width: 135px; 
		background-color: yellow; 
}

.switchbutton_disabled  p { 
		color: blue; 
		margin-top: 0em; 
		margin-bottom: 0em; 
}

.card_blur { display: none; }

.card_focus { 
		/* Karte soll angezeigt werden */
		display: block;

		/* Für den MSIE wird Layout benötigt */
		zoom: 1;

		/* Als Fallback für unwissende Browser die Hintergrundfarbe */
		background-color: #e0e0e0;
		
		/* Der Hintergrund soll einen Verlauf von links nach rechts, von Grau nach weiß haben */
		background: -webkit-gradient(linear, left top, right top, from(#e0e0e0), to(#fff));
		background: -moz-linear-gradient(left, #e0e0e0, #fff);
		background: -o-linear-gradient(left, #e0e0e0, #fff);
		background: -ms-linear-gradient(left, #e0e0e0, #fff);
		background: linear-gradient(left, #e0e0e0, #fff);
		background: linear-gradient(to right, #e0e0e0, #fff);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', GradientType=1,
                startColorstr='#e0e0e0', endColorstr='#ffffff', startColor='#ff', endColor='#00'); /* ie7 */
		-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#ffffff'); /* ie8 */
}

.first_line { margin-top: 2em; }


.stoffliste_gefahrgut_titel {
		zoom: 1;
		filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', GradientType=0,
                startColorstr='#083567', endColorstr='#6d95d2', startColor='#ff', endColor='#20'); 
		-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#083567', endColorstr='#6d95d2'); 
}

/*  ------------------------------------------------------------------------------------------------- */
/* Besondere Angaben für die Battery-API                                                               */
/* -------------------------------------------------------------------------------------------------- */

.battery_green {
		background: -webkit-gradient(linear, top, bottom, from(#bfb), #090 50%, to(#bfb));
		background: -moz-linear-gradient(to bottom, #cfc, #7c7 2%, #7f7 20%, #070 55%, #7f7 97%, #cfc);
		background: -o-linear-gradient(top, #cfc, #7c7 2%, #7f7 20%, #070 55%, #7f7 97%, #cfc);
		background: -ms-linear-gradient(top, #cfc, #7c7 2%, #7f7 20%, #070 55%, #7f7 97%, #cfc);
		background: linear-gradient(top, #cfc, #7c7 2%, #7f7 20%, #070 55%, #7f7 97%, #cfc);
		background: linear-gradient(to bottom, #cfc, #7c7 2%, #7f7 20%, #070 55%, #7f7 97%, #cfc);
}

.battery_yellow {
		background: -webkit-gradient(linear, top, bottom, from(#ffa), to(#ffa));
		background: -moz-linear-gradient(top, #ffa, #ff7 2%, #ffa 20%, #ca0 55%, #ff7 97%, #ffa);
		background: -o-linear-gradient(top, #ffa, #ff7 2%, #ffa 20%, #ca0 55%, #ff7 97%, #ffa);
		background: -ms-linear-gradient(top, #ffa, #ff7 2%, #ffa 20%, #ca0 55%, #ff7 97%, #ffa);
		background: linear-gradient(top, #ffa, #ff7 2%, #ffa 20%, #ca0 55%, #ff7 97%, #ffa);
		background: linear-gradient(to bottom, #ffa, #ff7 2%, #ffa 20%, #ca0 55%, #ff7 97%, #ffa);
}

.battery_red {
		background: -webkit-gradient(linear, top, bottom, from(#e0e0e0), to(#fff));
		background: -moz-linear-gradient(top, #fcc, #f77 2%, #fcc 10%, #922 65%, #f77 97%, #fcc);
		background: -o-linear-gradient(top, #fcc, #f77 2%, #fcc 10%, #922 65%, #f77 97%, #fcc);
		background: -ms-linear-gradient(top, #fcc, #f77 2%, #fcc 10%, #922 65%, #f77 97%, #fcc);
		background: linear-gradient(top, #fcc, #f77 2%, #fcc 10%, #922 65%, #f77 97%, #fcc);
		background: linear-gradient(to bottom, #fcc, #f77 2%, #fcc 10%, #922 65%, #f77 97%, #fcc);
}


/*  ------------------------------------------------------------------------------------------------- */
/* Besondere Angaben für Formulare                                                                    */
/* -------------------------------------------------------------------------------------------------- */

/* Alle benötigten Felder (:required) grün einfärben */
input:required, textarea:required, select:required {
		background-color: #dfd;
}

/*input[required]:valid, textarea[required], select[required] { 
	border-color: #00f;
	content: " *";
}*/

label[required]:after {
	content: " *";
}


/* Alle optionalen Felder (::optional; außer Checkboxen) blau einfärben 
   erstmal rausgenommen, da zuviel Farbe ;-)
input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):optional, textarea:optional {
		background-color: #bdf;
}*/

input:invalid {
		border: 1pt solid red;
}

/* In Selectboxen die Anlagen aus Allgemein in "inherit" einfärben */
.Allgemein {
		background-color: inherit;
}

/* In Selectboxen die Anlagen aus Moers in "papayawhip" einfärben */
.Moers {
		background-color: papayawhip;
}

/* In Selectboxen die Anlagen aus Herne in "#dfd" einfärben */
.Herne {
		background-color: #dfd;
}

/* In Selectboxen die Anlagen aus Hygienics in "#82162d" einfärben */
.Hygienics {
		background-color: #82162d;
}

/* Disablete Einträge in einer Select-Group durch <optgroup> an Stelle von <option disabled> */
.My_Disabled {
		color: grey; 
		font-family: TrebuchetLightRegular;
		font-style: normal; 
		font-weight: normal; 
		padding-left: 3px; 
}


/* Allgemeine Angaben zu gelöschten Datensätzen */
.del_betrieb { 
		background-color: #FFEFD5 !important; 
		padding: 2px 5px 2px 5px;
}

.del_productsafety { 
		background-color: #FFCCCC !important; 
}

.del_all { 
		background-color: #FFCCCC; 
}



/* -------------------------------------------------------------------------------------------------- */
/* Besondere Angaben für die Button                                                                   */
/* -------------------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------------------- */
/* Besondere Angaben für die Transition-Button                                                        */
/* -------------------------------------------------------------------------------------------------- */


.spezial_button {
	padding: 5px 7px 3px 7px !important;
	border: 3px solid #eee !important; 
	border-radius: 30px / 45px !important; 
	
	min-width: 80px;
	height: 30px !important;
	
	/* Damit die Button etwas Abstand haben */
	margin-right: 5px;

	/* Verlauf für Browser, die das unterstützen */
	background: -webkit-gradient(linear, left top, left top, from(#083567), to(#6d95d2));
	background: -moz-linear-gradient(top, #083567, #6d95d2);
	background: -ms-linear-gradient(top, #083567, #6d95d2);
	background: linear-gradient(top, #083567, #6d95d2);
	background: linear-gradient(to bottom, #083567, #6d95d2);
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#083567', endColorstr='#6d95d2'); 
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', GradientType=0,
							startColorstr='#083567', endColorstr='#6d95d2', startColor='#ff', endColor='#20');
	background: -moz-linear-gradient(top, #083567, #6d95d2) !important;
	color: #fff !important;
	font-family: TrebuchetLightRegular !important;
	font-size: 12px !important;

	/* Schatten der Buttons */
	-webkit-box-shadow: 4px 4px 10px rgba(0,0,0,.4);
	-moz-box-shadow: 4px 4px 10px rgba(0,0,0,.4);
	-ms-box-shadow: 4px 4px 10px rgba(0,0,0,.4);
	box-shadow: 4px 4px 10px rgba(0,0,0,.4);

	cursor: pointer;
}

.disabled {
	padding: 5px 7px 3px 7px !important;
	border: 3px solid #eee !important; 
	border-radius: 30px / 45px !important; 
	
	min-width: 80px;
	height: 30px !important;

	/* Verlauf für Browser, die das unterstützen */
	background: -webkit-gradient(linear, left top, left top, from(#555555), to(#cccccc));
	background: -moz-linear-gradient(top, #555555, #cccccc) !important;
	background: -ms-linear-gradient(top, #555555, #cccccc) !important;
	background: linear-gradient(top, #555555, #cccccc) !important;
	background: linear-gradient(to bottom, #555555, #cccccc) !important;
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#cccccc'); 
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', GradientType=0,
							startColorstr='#555555', endColorstr='#cccccc', startColor='#ff', endColor='#20');
	color: #fff !important;
	font-family: TrebuchetLightRegular !important;
	font-size: 12px !important;

	/* Schatten der Buttons */
	-webkit-box-shadow: 4px 4px 10px rgba(0,0,0,.4);
	-moz-box-shadow: 4px 4px 10px rgba(0,0,0,.4);
	-ms-box-shadow: 4px 4px 10px rgba(0,0,0,.4);
	box-shadow: 4px 4px 10px rgba(0,0,0,.4);
	
	cursor: auto;
}


/* -------------------------------------------------------------------------------------------------- */
/* Besondere Angaben für die blauen Button                                                            */
/* -------------------------------------------------------------------------------------------------- */

.searchform {
		display: inline-block;
		zoom: 1; /* ie7 hack for display:inline-block */
		*display: inline;
		border: solid 1px #d2d2d2;
		padding: 2px 3px;
		
		-webkit-border-radius: 2em;
		-moz-border-radius: 2em;
		border-radius: 2em;

		/* Schatten der Buttons */
		-webkit-box-shadow: 4px 4px 10px rgba(0,0,0,.4);
		-moz-box-shadow: 4px 4px 10px rgba(0,0,0,.4);
		box-shadow: 4px 4px 10px rgba(0,0,0,.4);

		/* Hintergrundfarbe, wenn kein verlauf unterstützt wird */
		background: #f1f1f1;

		/* Verlauf für Browser, die das unterstützen */
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
		background: -moz-linear-gradient(top,  #fff,  #ededed);
		background: -ms-linear-gradient(left, #fff, #e0e0e0);
		background: linear-gradient(top,  #fff, #ededed);
		background: linear-gradient(to bottom,  #fff, #ededed);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
		-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
}

.searchform input, .searchform button {
		font: normal 12px/100% Arial, Helvetica, sans-serif;
}

/* Für die Datumsfelder (Stand Datenbank) */

.db {
	vertical-align: middle;
	margin: -3px 0px 0px 10px;
}

.searchform input.db {
		font-family: TrebuchetLightRegular;
		font-size: 11pt;
}

.searchform span.db {
		font-family: TrebuchetLightRegular;
		font-size: 8pt;
}
/* ---------------------------------------------------*/

.searchform .datumfield {
		/*background: #fff;*/
		padding: 6px 6px 6px 8px;
		/*width: 202px;*/
		width: 100px;
		border: solid 1px #bcbbbb;
		outline: none;

		/* Runde Ecken der Button */
		-webkit-border-radius: 2em;
		-moz-border-radius: 2em;
		border-radius: 2em;

		/* Schatten der Buttons */
		-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
		-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
		box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}

.searchform .datumbutton {
		color: #fff;
		padding-left: 0.5em;
		border: solid 1px #494949;
		font-size: 11px;
		height: 27px;
		width: 27px;

		/* Textschatten */
		text-shadow: 0 1px 1px rgba(0,0,0,.6);

		/* Runde Ecken der Button */
		-webkit-border-radius: 2em;
		-moz-border-radius: 2em;
		border-radius: 2em;

		/* Hintergrundfarbe, wenn kein verlauf unterstützt wird */
		background: #5f5f5f;

		/* Verlauf für Browser, die das unterstützen */
		background: -webkit-gradient(linear, left top, left top, from(#083567), to(#7799ff));
		background: -moz-linear-gradient(top,  #083567, #7799ff);
		background: -ms-linear-gradient(top,  #083567, #7799ff);
		background: linear-gradient(top,  #083567, #7799ff);
		background: linear-gradient(to bottom,  #083567, #7799ff);
		-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#083567', endColorstr='#6d95d2'); 
		filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', GradientType=0,
                startColorstr='#083567', endColorstr='#6d95d2', startColor='#ff', endColor='#20');

		/* Mauszeiger */
		cursor: pointer;
}

.searchform .newbutton {
		color: #fff;
		padding-left: 0.5em;
		border: solid 1px #494949;
		font-size: 11px;
		height: 25px;
		/*width: 27px;*/

		/* Textschatten */
		text-shadow: 0 1px 1px rgba(0,0,0,.6);

		/* Runde Ecken der Button */
		-webkit-border-radius: 2em;
		-moz-border-radius: 2em;
		border-radius: 2em;

		/* Hintergrundfarbe, wenn kein verlauf unterstützt wird */
		background: #083567;
		
		/* Alte Verläufe, werden nicht mehr benötigt
		background: -webkit-gradient(linear, left top, left top, from(#083567), to(#7799ff));
		background: -moz-linear-gradient(top,  #083567, #7799ff);

		-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); 
		filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', GradientType=0,
                startColorstr='#083567', endColorstr='#7799ff', startColor='#ff', endColor='#20'); */

		/* Versuchsverläufe, nur für alle Fälle aufbewahrt
		background: -moz-linear-gradient(top,  #083567, #77ccff);

		background: -moz-linear-gradient(top,  #083567, #7799ff);
		background: -moz-linear-gradient(top,  #6d95d2, #88ddff);
		background: -moz-linear-gradient(top,  #6d95d2, #6d95d2);
		background: -moz-linear-gradient(top,  #6d95d2, #55ccff);*/
		
		/* Verlauf für Browser, die das unterstützen */
		background: -webkit-gradient(linear, left top, left top, from(#083567), to(#6d95d2));
		background: -moz-linear-gradient(top,  #083567, #6d95d2);
		background: -ms-linear-gradient(top,  #083567, #6d95d2);
		background: linear-gradient(top,  #083567, #6d95d2);
		background: linear-gradient(to bottom,  #083567, #6d95d2);
		-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#083567', endColorstr='#6d95d2'); 
		filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', GradientType=0,
                startColorstr='#083567', endColorstr='#6d95d2', startColor='#ff', endColor='#20'); 
		
		/* Mauszeiger */
		cursor: pointer;
}

.searchform .standardbutton {
		color: #fff;
		padding-left: 0.5em;
		border: solid 1px #494949;
		font-size: 11px;
		height: 25px;
		/*width: 27px;*/

		/* Textschatten */
		text-shadow: 0 1px 1px rgba(0,0,0,.6);

		/* Runde Ecken der Button */
		-webkit-border-radius: 2em;
		-moz-border-radius: 2em;
		border-radius: 2em;

		/* Hintergrundfarbe, wenn kein Verlauf unterstützt wird */
		background: #083567;

		/* Verlauf für Browser, die das unterstützen */
		background: -webkit-gradient(linear, left top, left top, from(#083567), to(#6d95d2));
		background: -moz-linear-gradient(top,  #083567, #6d95d2);
		background: -ms-linear-gradient(top,  #083567, #6d95d2);
		background: linear-gradient(top,  #083567, #6d95d2);
		background: linear-gradient(to bottom,  #083567, #6d95d2);
		-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#083567', endColorstr='#6d95d2'); 
		filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', GradientType=0,
                startColorstr='#083567', endColorstr='#6d95d2', startColor='#ff', endColor='#20'); 
		
		/* Mauszeiger */
		cursor: pointer;
}

/* Datei Protokoll */
.datei_protokoll_left {
		width:15em;
		vertical-align:top;
}



/* (c) by Nick La (Webdesigner-Wall) */

.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2); 
}

.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

/* color styles 
---------------------------------------------- */

/* black */
.black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

/* gray */
.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* orange */
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* red */
.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* rosy */
.rosy {
	color: #fae7e9;
	border: solid 1px #b73948;
	background: #da5867;
	background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
	background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}
.rosy:hover {
	background: #ba4b58;
	background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
	background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}
.rosy:active {
	color: #dca4ab;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
	background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
}

/* green */
.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

/* pink */
.pink {
	color: #feeef5;
	border: solid 1px #d2729e;
	background: #f895c2;
	background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
	background: -moz-linear-gradient(top,  #feb1d3,  #f171ab);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
}
.pink:hover {
	background: #d57ea5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
	background: -moz-linear-gradient(top,  #f4aacb,  #e86ca4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');
}
.pink:active {
	color: #f3c3d9;
	background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
	background: -moz-linear-gradient(top,  #f171ab,  #feb1d3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');
}

/* ------------------------------------------------ */

/*************************************************************/
/* Angaben zum Erstellen eines Kalenders                     */
/*************************************************************/

table#kalender  {
	width: 350px;
}

#kalender table,
#kalender td,
#kalender caption {
	border: 1px solid black;
	border-collapse: collapse;
	padding: 0.4em;
	text-align: center;
}

#kalender td:nth-of-type(6),
#kalender td:nth-of-type(7) {
	background: #ebf5d7;
	color: #666;
}

#kalender caption,
#kalender tr:first-of-type {
	background: #666;
	color: #c4ced3;
	font-weight: bold;
}

#kalender td.heute {
	color: red;
	font-weight: bold;
	background: #ffebe6;
}
/*************************************************************/





@media print
{
	.bdb_no { display: none; }
	.zurueck_form { display: none; }

	.head {
			background: #fff;
			filter: progid:DXImageTransform.Microsoft.gradient(enabled='false', GradientType=1,
									startColorstr='#dedede', endColorstr='#ffffff', startColor='#ff', endColor='#00') /* ie7 */
			-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff'); /* ie8 */
	}

	.my_body {
			font-family: 'TrebuchetLightRegular', 'Times New Roman', Verdana, Arial, sans-serif;
			border: 1pt solid #083567;
			border: 1pt solid #aaa;
			padding: 10px 10px 15px 10px;
			margin: 0px 0px;
			font-size: 10pt;
			background: #fff;
			filter: progid:DXImageTransform.Microsoft.gradient(enabled='false', GradientType=1,
									startColorstr='#dedede', endColorstr='#ffffff', startColor='#ff', endColor='#00'); /* ie7 */
			-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#ffffff'); /* ie8 */
	}

	.realtable td {
		font-size: 11px;
	}
}