body {
	background: #e9eae8; /* grau */
    font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;  /* schwarz */
}

/* Formatierung für Links */
a:link { color: #e9eae8; text-decoration:none; }		/* Farbe: grau, Verweis zu noch nicht besuchten Seiten */
a:active { color: #ff0000; text-decoration:none; }	/* für Elemente, während der Anwender mit der Maus darüber fährt (CSS 2.0) */
a:visited { color: #e9eae8; text-decoration:none; }	/* für gerade angeklickte Elemente  */
a:hover { color: #ff0000; text-decoration:none; }	/* für Verweise zu bereits besuchten Seiten */

/* CSS-Klasse für Tabelle mit wechselnden Farben */
.zeile-a {
	background-color : #FFFFFF;	/* weiß */
}
.zeile-b {
	background-color : #e9eae8;	/* grau */
}


.zeilenhoehe {
	line-height: 9px;
}
.textfield {
	font-size: 11px;
	color: #333333;
	background: #F7F7F7;
	border: 1px solid #CCCCCC;
	padding-left: 1px;
}
text.infobox {
	color: #99CC00;
	margin: 0px 0px 5px;
	padding: 0px 0px 3px;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
}
.save-message {
	color: #000000;		/* schwarz */
	text-align: left;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
a {
	font-size: 11px;
}
.err {
	color: #FF9900;		/* rot */
}
th {
	font-weight: bold;
	text-align: left;
}

/* Einstellungen für div-Tags */
div.inhalt {
	position: relative;
	width: 75%;
	height: 100%;
	top: 0px;
    margin: 0 auto;
	border: solid blue 0px;
	z-index:1;
}
div.navigation {
	position: relative; 
	width: 100%;
	height: 50px;
	top: 0px;
	border: solid yellow 0px;
	z-index:3;
}
div.menu {
	position: relative; 
	float: left;
	width: 80%; 
	height: 40px;
	border: solid red 0px;
}
div.infobox {
	position: relative;
	float: left;
	width: 10%; 
	height: 46px;
	font-size: 11px;
	text-align: center;
	border: solid green 0px;
}
div.main {
	position: relative; 
	margin: 0px; 
	top: 0px;
	bottom: 30px;
	min-height: 10px;
	border: solid black 0px;
	z-index:2;
}
div.footer {
	position: fixed;
	bottom: 0px;
	height: 30px;
	/* background-color: white; */
	width: 75%;
	text-align: center;
	border: solid orange 0px;
}
body {
  margin-bottom: 40px;
}
div.clear {
	clear: left;
}

/* Ausrichtung von div-Tags im div-Kontent Main */
div.box-links {
	float: left;
}
div.box-1 {
	float: left;
	margin-left: 20px;
}
div.box-2 {
	width: 200px;
	float: left;
	margin-left: 20px;
} /* Box befindet sich in der Seite Konto */

div.box-3 {
	margin-top: 20px;
}
div.box-links-statistik {
	position: absolute;
	float: left;
	left: 0px;
	top: 0px;
}
div.box-rechts-statistik {
	position: absolute;
	float: left;
	left: 510px;
	top: 0px;
}
div.box-mitte-statistik {
	position: absolute;
	left: 245px;
	top: 0px;
}
div.box-rechts-statistik {
	position: absolute;
	float: left;
	left: 1035px;
	top: 0px;
}
/* Rand von Tabellenzellen entfernt */
.kein-rand-0 {
	border-left: hidden;
	border-right: hidden;
	border-top: hidden;
	border-bottom: hidden;
}
.kein-rand-1 {
	border-top: hidden;
	border-bottom: hidden;
} 
.kein-rand-2 {
	border-left: hidden;
	border-right: hidden;
}
.kein-rand-3 {
	border-left: hidden;
	border-right: hidden;
	border-top: hidden;
}


/* Beginn -> Einstellung Tabellen */
table.braun th {
	box-shadow: inset 0 0 0 1px #8a8a8a;
	-moz-box-shadow: inset 0 0 0 1px #8a8a8a;
	-webkit-box-shadow: inset 0 0 0 1px #8a8a8a;
	background: #4a4a4a url(grad_dark.png) repeat-x left top;
	background: -moz-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8a8a8a), color-stop(50%, #707070), color-stop(51%, #626262), color-stop(100%, #787878));
	background: -webkit-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
	background: -o-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
	background: -ms-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
	background: linear-gradient(to bottom, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#787878', GradientType=0);
	line-height: 25px;	/* Zeilenhöhe von Menü */
	padding: 0 20px;
	filter: none;
  	color:#fff;
	font-size:11px;
	font-weight:bold;
 	text-align:center;
	text-shadow:0 -1px 1px rgba(0,0,0,.5);
}
tr.braun {
	box-shadow: inset 0 0 0 1px #8a8a8a;
	-moz-box-shadow: inset 0 0 0 1px #8a8a8a;
	-webkit-box-shadow: inset 0 0 0 1px #8a8a8a;
	background: #4a4a4a url(grad_dark.png) repeat-x left top;
	background: -moz-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8a8a8a), color-stop(50%, #707070), color-stop(51%, #626262), color-stop(100%, #787878));
	background: -webkit-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
	background: -o-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
	background: -ms-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
	background: linear-gradient(to bottom, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#787878', GradientType=0);
	padding: 0 20px;
	filter: none;
  	color:#fff;
	font-size:11px;
 	text-align:center;
	text-shadow:0 -1px 1px rgba(0,0,0,.5);
}
tr > th.blau { 
	box-shadow: inset 0 0 0 1px #377CD0;
	-moz-box-shadow: inset 0 0 0 1px #377CD0;
	-webkit-box-shadow: inset 0 0 0 1px #377CD0;
	background: #4a4a4a url(grad_dark.png) repeat-x left top;
	background: -moz-linear-gradient(top, #377CD0 0%, #155CB2 50%, #114EA9 51%, #053D90 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #377CD0), color-stop(50%, #155CB2), color-stop(51%, #114EA9), color-stop(100%, #053D90));
	background: -webkit-linear-gradient(top, #377CD0 0%, #155CB2 50%, #114EA9 51%, #053D90 100%);
	background: -o-linear-gradient(top, #377CD0 0%, #155CB2 50%, #114EA9 51%, #053D90 100%);
	background: -ms-linear-gradient(top, #377CD0 0%, #155CB2 50%, #114EA9 51%, #053D90 100%);
	background: linear-gradient(to bottom, #377CD0 0%, #155CB2 50%, #114EA9 51%, #053D90 100%);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#377CD0', endColorstr='#053D90', GradientType=0);
	padding: 0 20px;
	filter: none;
  	color:#fff;
	font-size:11px;
 	text-align:center;
	text-shadow:0 -1px 1px rgba(0,0,0,.5);
}
td.blau { 
	box-shadow: inset 0 0 0 1px #377CD0;
	-moz-box-shadow: inset 0 0 0 1px #377CD0;
	-webkit-box-shadow: inset 0 0 0 1px #377CD0;
	background: #4a4a4a url(grad_dark.png) repeat-x left top;
	background: -moz-linear-gradient(top, #377CD0 0%, #155CB2 50%, #114EA9 51%, #053D90 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #377CD0), color-stop(50%, #155CB2), color-stop(51%, #114EA9), color-stop(100%, #053D90));
	background: -webkit-linear-gradient(top, #377CD0 0%, #155CB2 50%, #114EA9 51%, #053D90 100%);
	background: -o-linear-gradient(top, #377CD0 0%, #155CB2 50%, #114EA9 51%, #053D90 100%);
	background: -ms-linear-gradient(top, #377CD0 0%, #155CB2 50%, #114EA9 51%, #053D90 100%);
	background: linear-gradient(to bottom, #377CD0 0%, #155CB2 50%, #114EA9 51%, #053D90 100%);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#377CD0', endColorstr='#053D90', GradientType=0);
	padding: 0 20px;
	filter: none;
  	color:#fff;
	font-size:11px;
 	text-align:center;
	text-shadow:0 -1px 1px rgba(0,0,0,.5);
}
tr > th.gruen { 
	box-shadow: inset 0 0 0 1px #32C932;
	-moz-box-shadow: inset 0 0 0 1px #32C932;
	-webkit-box-shadow: inset 0 0 0 1px #32C932;
	background: #4a4a4a url(grad_dark.png) repeat-x left top;
	background: -moz-linear-gradient(top, #32C932 0%, #25BA25 50%, #18AB18 51%, #0A8B0A 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32C932), color-stop(50%, #25BA25), color-stop(51%, #18AB18), color-stop(100%, #0A8B0A));
	background: -webkit-linear-gradient(top, #32C932 0%, #25BA25 50%, #18AB18 51%, #0A8B0A 100%);
	background: -o-linear-gradient(top, #32C932 0%, #25BA25 50%, #18AB18 51%, #0A8B0A 100%);
	background: -ms-linear-gradient(top, #32C932 0%, #25BA25 50%, #18AB18 51%, #0A8B0A 100%);
	background: linear-gradient(to bottom, #32C932 0%, #25BA25 50%, #18AB18 51%, #0A8B0A 100%);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#32C932', endColorstr='#0A8B0A', GradientType=0);
	padding: 0 20px;
	filter: none;
  	color:#fff;
	font-size:11px;
 	text-align:center;
	text-shadow:0 -1px 1px rgba(0,0,0,.5);
}
td.gruen { 
	box-shadow: inset 0 0 0 1px #32C932;
	-moz-box-shadow: inset 0 0 0 1px #32C932;
	-webkit-box-shadow: inset 0 0 0 1px #32C932;
	background: #4a4a4a url(grad_dark.png) repeat-x left top;
	background: -moz-linear-gradient(top, #32C932 0%, #25BA25 50%, #18AB18 51%, #0A8B0A 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32C932), color-stop(50%, #25BA25), color-stop(51%, #18AB18), color-stop(100%, #0A8B0A));
	background: -webkit-linear-gradient(top, #32C932 0%, #25BA25 50%, #18AB18 51%, #0A8B0A 100%);
	background: -o-linear-gradient(top, #32C932 0%, #25BA25 50%, #18AB18 51%, #0A8B0A 100%);
	background: -ms-linear-gradient(top, #32C932 0%, #25BA25 50%, #18AB18 51%, #0A8B0A 100%);
	background: linear-gradient(to bottom, #32C932 0%, #25BA25 50%, #18AB18 51%, #0A8B0A 100%);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#32C932', endColorstr='#0A8B0A', GradientType=0);
	padding: 0 20px;
	filter: none;
  	color:#fff;
	font-size:11px;
 	text-align:center;
	text-shadow:0 -1px 1px rgba(0,0,0,.5);
}
table.separate { border-radius: 10px; border-spacing: 0; /*Zwischenraum Zellen*/ border-collapse: separate; text-align:center;}

table.separate td, table.separate th {  padding: 2px 3px; /* Zeilenhöhe und breite */ }
table.separate td { border-bottom: 1px solid #5d5d5d; border-right: 1px solid #5d5d5d; }
table.separate tr:last-child td:first-child {
    border-bottom-left-radius:3px;	
}

table.separate tr:last-child td:last-child {
    border-bottom-right-radius:3px;
}

table.separate tr td:first-child {
   border-left: 1px solid #5d5d5d;
}

table.separate tr:first-child th,
table.separate tr:first-child td {
   border-top: 1px solid #5d5d5d;
}

table.separate tr:first-child th:first-child,
table.separate tr:first-child td:first-child {
    border-top-left-radius:5px;
	border-left: 1px solid #5d5d5d;
}

table.separate tr:first-child th:last-child,
table.separate tr:first-child td:last-child {
    border-top-right-radius:5px
}
tr > td.noborder-bottom {
	border-bottom: 0px solid #5d5d5d;
}
tr > td.noborder-left {
	border-left: 0px solid #5d5d5d;
}
tr > td.noborder-right {
	border-right: 0px solid #5d5d5d;
}
/* Ende -> Einstellung Tabellen */

/* Tooltip */
.tooltipp { cursor: help; }



/* Noch nicht in benutzung!! Einstellungen für Buttons */
.button-rot {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
	background:-moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
	background-color:#fe1a00;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:19px;
	font-weight:bold;
	padding:15px 15px;
	text-decoration:none;
}
.button-rot:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));
	background:-moz-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-o-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00',GradientType=0);
	background-color:#ce0100;
}
.button-rot:active {
	position:relative;
	top:1px;
}

/* This button was generated using CSSButtonGenerator.com */
.classname {
	background-color:#fe1a00;
	text-indent:0.1px;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:40px;
	text-decoration:none;
	text-align:center;
}.classname:hover {
	background-color:#ce0100;
}.classname:active {
	position:relative;
	top:1px;
}