/*reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td {border:0; font-size:100%; margin:0; padding:0}
a {outline:none;}
table {border-collapse:collapse; border-spacing:0;}
fieldset, img {border:0;}
img {vertical-align:bottom;}
del, ins {text-decoration:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal}
q:before, q:after {content:'';}
abbr, acronym {border:0; font-variant:normal;}
sup, sub {vertical-align:baseline;}
legend {color:#000;}
input, button, textarea, select, optgroup, option {font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;}
input, button, textarea, select {font-size:100%;}

/* Seite allgemein */
html {
	height: 100%;
	margin-bottom: 1px;
	overflow-y: scroll;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
body {
	top: 0;
	margin: 0;
	height: 100%;
	color: #000000;
	background: #d0c8be;
	font-family: "ff-meta-web-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
}
#seite {
	min-height: 100%;
	width: 770px;
	margin: 0 auto 0 auto;
	background-color: #ffffff;
}
#inhalt {
	clear: both;
	width: 100%;
}
#inhaltZentriert {
	width: 720px;
	margin: 0 auto 0 auto;
	padding: 20px 0 20px 0;
}
/* Seitengliederung */
div.bildLeiste {
	width: 250px;
	height: 100%;
	float: left;
	padding: 3px 0 6px 0;
}
div.links240 {
	width: 240px;
	float: left;
}	
div.textLeiste {
	width: auto;
	margin-left: 275px;
}
div.clear {
	clear: both;
}
div.variabelLinks {
	display: block;
}
div.variabelUnten {
	display: none;
}
/* Textelemente */
div, p, li, td { 
	font-size: 14px;
	line-height: 1.4; /* 20px */
	font-style: normal;
}
h1, h2, h3, h4 {
	font-weight: bold;
	margin-bottom: 1em;
}
h1 { 
	font-size: 24px;
	line-height: 28px; 
	text-align: center;
}
h2 {
	font-size: 20px;
	line-height: 24px;
}
h3 { 
	font-size: 18px;
	line-height: 20px;
}
h4 { 
	font-size: 16px;
	line-height: 18px;
}
div, p, li, select, input, button, textarea, td, h1, h2, h3, h4 {
	color: #000000;
}
a {
	color: 	#0070f0;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.linkOut {
	display: inline;
	color: 	#0070f0;
	text-decoration: none;
}
.linkHover {
	display: inline;
	color: 	#0070f0;
	text-decoration: underline;
	cursor: pointer;
}	
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	top: -.5em;
}
.block {
	text-align: justify;
}
.abstand {
	margin-bottom: 1em;
}
.abstand4 {
	margin-bottom: 4px;
}
.abstand8 {
	margin-bottom: 8px;
}
.ohneAbstand {
	margin-bottom: 0;
}
.zentriert {
	text-align: center;
}
.font12 {
	font-size: 12px;
	line-height: 18px;
}
.top18 {
	margin-top: 18px;
}
.top30 {
	margin-top: 30px;
}
.top50 {
	margin-top: 50px;
}
.left30 {
	margin-left: 30px;
}
.padding15 {
	padding: 15px;
}
.floatLeft {
	float: left;
	margin-right: 8px;
}
.floatRight {
	float: right;
	margin-left: 8px;
}
.clear {
	clear: both;
}
.rot {
	color: #d02020;
}
.lila {
	color: #802080;
}
.gruen {
	color: #20a020;
}
.gruen2 {
	color: #207020;
}
.boxGruen {
	padding: 10px;
	border: 1px  solid #606060;
	background-color: #c0c0a0;
	background-image: -moz-linear-gradient(top, #f0f0c0 0%, #c0c0a0 100%);
	background-image: -webkit-linear-gradient(top, #f0f0c0 0%, #c0c0a0 100%);
	background-image: -o-linear-gradient(top, #f0f0c0 0%, #c0c0a0 100%);
	background-image: -ms-linear-gradient(top, #f0f0c0 0%, #c0c0a0 100%);
	background-image: linear-gradient(top, #f0f0c0 0%, #c0c0a0 100%);
}
.bgGelb {
	background-color: #ffff80;
	background-image: -moz-linear-gradient(top, #ffffe0 0%, #ffffa8 100%);   /* sandgeld:  #ffdd99, #f0bb88 */
	background-image: -webkit-linear-gradient(top, #ffffe0 0%, #ffffa8 100%);
	background-image: -o-linear-gradient(top, #ffffe0 0%, #ffffa8 100%);
	background-image: -ms-linear-gradient(top, #ffffe0 0%, #ffffa8 100%);
	background-image: linear-gradient(top, #ffffe0 0%, #ffffa8 100%);
}
.sichtbar {
  display: block;
}
.verborgen {
  display: none;
}
/* Listen */
ul.eingerueckt15 {
	padding-left: 15px;
}
ul.litListe {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.litListe li {
	padding-left: 25px;
	text-indent: -25px;
	text-align: justify;
	margin-bottom: 5px;
}
ul.litListe li:first-line {
	text-indent: 0;
}
/* Formularfelder */
input, select, textarea {
	border: 1px solid #606060;
}
input.aufnahme, textarea.aufnahme {
	width: 98%;
	line-height: 20px;
	background-color: #ffffff;
	overflow: visible;
}
input.radio, input.dateisuche {
	border: 0;
}
button.senden, button.hochladen {
	margin-right: 4px;
	border: 1px solid #666666;
	background-color: f0bf4a; /* #f7c64f; */
	background-image: -moz-linear-gradient(top, #fff078 0%, #f0bf4a 100%);
	background-image: -webkit-linear-gradient(top, #fff078 0%, #f0bf4a 100%);
	background-image: -o-linear-gradient(top, #fff078 0%, #f0bf4a 100%);
	background-image: -ms-linear-gradient(top, #fff078 0%, #f0bf4a 100%);
	background-image: linear-gradient(top, #fff078 0%, #f0bf4a 100%);
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px;
}
/* Bildelemente */
img.icon {
	border: 0;
}
img.w250 {
	width: 250px;
}
img.achtung {
	border: 0;
	margin-right: 5px;	
}
img.mailPwd {
	vertical-align: baseline;
}
.rund {
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
 }
.rand {
	border: 1px  solid #606060;
}
.schatten {
	-webkit-box-shadow: 3px 4px 3px #b0b0b0;
	-moz-box-shadow: 3px 4px 3px #b0b0b0;
	box-shadow: 3px 4px 3px #b0b0b0;
}
/* nur für hist. Überblick */
.histZeile {
	width: 100%;
	padding-bottom: 16px;
}
.histLi {
	width: 45px;
	float: left;
}
.histRe {
	width: auto;
	margin-left: 45px;
	text-align: justify;
}
/* Indexseite Anmeldeformulare */
.afIndex {
	width: 520px;
	margin: 0 auto 0 auto;
}
/* Interner Bereich */
/* Hinweise */
#notes {
	margin: 1em 0 1em 0;
	padding: 10px;
	-webkit-box-shadow: 3px 3px 3px #a0a0a0;
	-moz-box-shadow: 3px 3px 3px #a0a0a0;
	box-shadow: 3px 3px 3px #a0a0a0;
}
#notes h3 {
	text-align: left;
	margin-top: 10px;
}
#notes p {
	text-align: justify;
	margin: 0.7em 0 0.7em 0;
}
#notes ul {
	padding-left: 15px;
}
#notes li {
	padding-bottom: 0.3em;
}