@CHARSET "UTF-8";

body {
	background-image: url(bg.gif);
	background-repeat: repeat-y;
	font-family: calibri, arial, helvetica, sans-serif;
}
#bgoben {
	background-image: url(bgoben.gif);
	background-repeat: no-repeat;
	width: 500px;
	height: 350px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
}


a {
	color: #787878;
}
a:hover {
	color: #33b101;
}

button img {
	border-width: 0px;
}

.small {
	font-size: 80%;
}
.gruen {
	color: #33b101;
}
.grau {
	color: #999999;
}

input, textarea {
	font-family: calibri, arial, helvetica, sans-serif;
}
input.text, textarea {
	border: 1px solid #b2b2b2;
	padding: 1px;
}
input.submit {
	font-weight: bold;
	color: #33b101;
}
.fehler {
	color: #b13301;
}
.meldung {
	color: #33b101;
}
input.fehler, textarea.fehler, select.fehler {
	color: black;
	border-color: #b13301;
	background-color: #efd6cc;
}
select.fehler {
	border-width: 1px;
}
p.checkboxfehler {
	border: 1px solid #b13301;
	background-color: #efd6cc;
}


#inhalt {
	position: absolute;
	left: 360px;
	top: 72px;
	width: 580px;
	z-index: 1000;
	padding-bottom: 40px;
}
#inhalt h1 {
	font-size: 130%;
	margin: 0px 0px 0.5em 0px;
}
#inhalt h2 {
	font-size: 100%;
	color: #33b101;
	margin: 1em 0px 0.5em 0px;
}
#inhalt h2.zwischen {
	color: black;
	text-decoration: underline;
}
#inhalt h3 {
	font-size: 100%;
	margin: 1em 0px 0.5em 0px;
}
#inhalt p {
	margin: 0px 0px 0.5em 0px;
}
#inhalt img.bild {
	border: 1px solid #B2B2B2;
}


table.anmeldung {
	width: 580px;	
}
table.form td, table.form th {
	vertical-align: top;
	padding-bottom: 0.25em;
	
}
table.form th {
	width: 220px;
	font-weight: normal;
	text-align: right;
	padding-top: 2px;
	padding-right: 10px;
}
table.form td {
	width: 350px;
}

table.form input.text {
	width: 350px;
}
table.form input.readonly {
	border-color: white;
}
table.form input.submit {
	width: 180px;
}
table.form textarea {
	width: 350px;
	height: 150px;
}
table.form select {
	width: 350px;
}


table.liste {
	width: 100%;	
}
table.liste td, table.liste th {
	padding: 0px 0.5em;
	border-bottom: 1px solid #b2b2b2;
	text-align: left;
	vertical-align: top;
}
table.liste tr.eingeladen {
	background-color: white;
}
table.liste tr.nichtempfohlen {
	background-color: #efd6cc;
}
table.liste tr.empfohlen {
	background-color: #d6efcc;
}
table.liste td.offen_eingeladen {
	color: blue;
}
table.liste td.offen_erinnert {
	color: darkorange;
}
table.liste tr a {
	color: green;
}
table.liste tr.optinfehlt {
	color: #999999;
}
table.liste tr.optinfehlt a {
	color: #999999;
}
table.liste tr.inaktiv td, table.liste tr.inaktiv th {
	text-decoration: line-through;
	color: #999999;
}
table.liste td.klein, table.liste th.klein {
	font-size: 80%;
}
table.liste tr.fusszeile td, table.liste tr.fusszeile th {
	border-bottom-width: 0px;
}
table.liste tr.summe td, table.liste tr.summe th {
	border-top: 1px solid #999999;
}
table.liste tr.kopfzeile td, table.liste tr.kopfzeile th {
	vertical-align: bottom;
	border-bottom: 2px solid #999999;
}
table.liste tr.zwischenueberschrift th {
	padding-top: 1em;
	font-size: 80%;
	background-color: #DDDDDD;
}

#navi {
	position: absolute;
	left: 15px;
	top: 180px;
	z-index: 2000;
	background-image: url(bgnaviunten.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding-bottom: 1px;
}
#navi ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#navi ul li {
	display: block;
	text-align: right;
	background-image: url(bgnavi.gif);
	background-position: top right;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 10px 10px 0px 0px;
	width: 300px;
	height: 26px;
}
#navi a {
	color: #787878;
	text-decoration: none;
	font-weight: bold;
}
#navi a:hover {
	color: #33b101;
}

#navi2 {
	position: absolute;
	left: 15px;
	top: 400px;
	z-index: 2001;
	width: 290px;
	font-size: 12px;
}
#navi2 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#navi2 ul li {
	text-align: right;
}

#logo {
	position: absolute;
	top: 25px;
	left: 15px;
	z-index: 100;
}

#unterdemlogo {
	position: absolute;
	left: 15px;
	top: 130px;
	line-height: 100%;
	z-index: 200;
}
#unterdemlogo b {
	color: #33b101;
}


#login {
	position: absolute;
	top: 10px;
	left: 300px;
	width: 650px;
	text-align: right;
	font-size: 80%;
	z-index: 500;
}
#login input.text {
	width: 80px;
}


button.icon {
	width: 24px;
	height: 22px;
	xborder-width: 1px;
}


input.password {
	font-family: tahoma;
}



@media print {

body {
	background-image: none;	
}

#navi, #navi2, #bgoben, #login, #logo {
	display: none;
}

#inhalt {
	position: static;
	width: 100%;
}

}