/*
Author		:	Thomas Arnold TA/ED
erstellt am	:	13.09.2005
letzte Änderung :	15.09.2005 / TA

Grundsaetzlich aus Performancegründen alles in der Reihenfolge, wie es
auf den Seiten benötigt wird. Ist ein bisschen mehr Arbeit (bzw. man
muss etwas strukturierter arbeiten), aber es lohnt sich. */

body
{
	color					:	#004000;
	background				:	transparent;

/* -- Moegliche Werte, damit es in den gaengigen Browsern in etwa
	  gleich aussieht: 69%, 76%, 86%, 93% -- */

	font-size				:	83%;

/* -- Wenn dieser Wert geaendert wird, muessen auch alle Einzuege
	  u.ae. kontrolliert werde, da z.B. die haengenden Initialien
	  direkt davon abhaengen -- */
}

/* -- ID's fuer den Kopfbereich -- */

/* -- ganzer Kopf (Logo, Header, Banner und TopNav) -- */

#kopf

{
	width					:	100%;
	margin-top				:	0px;
	padding-top				:	0px!important;
	text-align				:	center;
/*	height					:	190px; */
	float					:	right;
	position				:	static;
	color					:	#004000;
}

/* -- Logo -- */

#logo
{
	color					:	white;
	background				:	white;
	float					:	left;
	padding					:	10px 0em 10px 10px;
	width					:	150px;
	height					:	190px;
	margin-top				:	0px;
	text-align				:	center;
	overflow				:	hidden;
	position				:	static;
}

/* -- Fuer den Fall, dass jemand CSS an und Bilder aus hat -- */

#logo a
{
	color					:	#004000;
	background				:	white;
}

/* Kopfbereich */

#header
{
	width					:	100%;
	height					:	190px;
	margin-top				:	-200px;
	position				:	static;
	float					:	right;
/*	font-size				:	100%;*/
	color					:	#004000;
	background				:	transparent;

}


/* -- Alles weg, was bei media=screen unerwuenscht ist -- */

.skip,
.none,
.printonly,
#help
{
	display					:	none;
}

#headerunten
{
	float					:	right;
	width					:	79%;
	height					:	95px;
	margin-top				:	0;
/*	padding					:	1em 0 0 0;*/
	text-align				:	center;
	background				:	#004000;
	color					:	white!important;
	border-width				:	0 0 0 8px;
	border-style				:	solid;
	border-color				:	#004000;
	font-style				:	italic;
	font-weight				:	bold;
}

#headerunten h1
{
	font-style				:	italic;
	font-size				:	1.6em;
	margin					:	0;
	padding					:	1em 0 0.5em 0;
	color					:	white;
	background				:	transparent;
}

#headerunten a
{
	color					:	white;
	background				:	transparent;
}

#headerunten :hover,
#headerunten :focus
{
	color					:	white;
	background				:	transparent;
}


#headeroben
{
	float					:	right;
	width					:	79%;
	height					:	95px;
/*	padding					:	20px 0 0 0;*/
	text-align				:	center;
	color					:	#004000;
	background				:	#99d099;
	border-width				:	0 0 0 8px;
	border-style				:	solid;
	border-color				:	#99d099;
	font-style				:	italic;
	font-weight				:	bold;
/*	font-size				:	medium;*/
/*	background-color			:	transparent; */
}

#headeroben h1
{
	font-style				:	italic;
	font-size				:	1.6em;
	margin					:	0;
	padding					:	1em 0 0.5em 0;
	color					:	#004000;
	background				:	transparent;
}

#headeroben a
{
	color					:	#004000;
	background				:	transparent;
}


#headeroben :hover,
#headeroben :focus
{
	color					:	#004000;
	background				:	transparent;
}


#banner
{
	float					:	right;
	padding					:	10px 0 10px 0;
	width					:	80%;
/*	height					:	50px;*/
/*	min-height				:	40%; */
/*	max-height				:	40%; */
	text-align				:	center;
	border-width				:	1px 1px 1px 1px;
	border-style				:	solid;
	border-color				:	#004000;
	color					:	white;
	background				:	#004000;
	font-style				:	normal;
	font-weight				:	bold;
	letter-spacing				:	0.1em;
	font-variant				:	small-caps;
	font-size				:	medium;
}

#topnav
{
	float					:	right;
	padding					:	2px 0 0 0;
	margin-left				:	-1px;
	width					:	80%;
	height					:	20px;
	text-align				:	left;
	border-width				:	1px 1px 1px 1px;
	border-style				:	solid;
	border-color				:	#004000;
	color					:	#004000;
	background				:	white;
	font-family				:	"Arial Narrow", Arial, Verdana, sans-serif;
	font-style				:	normal;
	font-size				:	small;
}

#topnav a
{
	color					:	#004000;
	background				:	white;
	font-family				:	"Arial Narrow", Arial, Verdana, sans-serif;
	font-style				:	normal;
	font-size				:	small;
}

/* -- Wenn alles andere versagt, fixfloat hilft (zum Trennen von Bereichen) -- */

.fixfloat
{
	float					:	none;
	clear					:	both;
	width					:	1px;
	margin					:	0;
	padding					:	0;
	font-size				:	0px;
	line-height				:	0px;
	height					:	1px;
}

.w3c
{
	float					:	right;
	margin-top				:	-31px;
}

/* -- Menü rechts -- */

#contentnav
{
	float					:	right;
/*	width					:	19%;*/
	width					:	17%;
	margin					:	1em 0 0 1%;
	background				:	White;
	color					:	#004000;

}


.navhead
{
	color					:	white;
	padding					:	0 1em 0 1em;
	background				:	#004000;
}

.navitems
{
	margin					:	0;
/*	padding					:	.2em 0 .5em 2.2em;*/
	padding					:	0 0 0 2.2em;
	list-style				:	disc url(../img/verweis.gif) outside;
	vertical-align				:	middle;
	line-height				:	130%;
}

/* li vor ul auf 2. Stufe */
li.navitemx
{
	list-style-type				:	none;
	list-style-image			:	none;
	display					:	inline;
	vertical-align				:	middle;
/*	line-height				:	10%;*/
}

li.navitemx li
{
	display					:	list-item;
}

/* -- Definitionen fuer den Inhaltsblock -- */

#inhalt
{
	float					:	right;
	margin					:	1em 0 1em 0;
/*	border-width				:	1px 1px 1px 1px;*/
/*	border-style				:	solid;*/
/*	border-color				:	silver;*/
	background				:	white;
	color					:	black;
	font-size				:	1em;
}


/* -- Definitionen fuer die linke Spalte mit Sprachauswahl, Direktanwahl und News -- */

#linkespalte
{
	float					:	left;
	width					:	18.5%;
/* max:	width					:	20%;*/
	margin					:	0 0 1em 0;
	background				:	White;
	color					:	#004000;
}

/* -- TA 05.09.2006 für Sprachwahl -- */
#sprachwahl
{
	text-align				:	right;
	color					:	#004000;
	background				:	#99d099;
/*	margin					:	0; */
	padding					:	0 2px 1px 0;
	font-weight				:	bold;
	text-decoration				:	none;
	letter-spacing				:	1px;
}

#sprachwahl a
{
	text-decoration				:	none;
}

#sprachwahl :hover
{
	color					:	#99d099;
	background-color			:	#004000;
	text-decoration				:	none;
}

#leftnav
{
	width					:	100%;
}

/* -- damit die gesamten Felder klickbar sind und
	  nicht nur der tatsaechliche Linktext hier das
	  Inline-Element a auf block umbiegen und diesem
	  Block eine Breite von 100% geben. -- */

#leftnav ol
{
	display					:	block;
	list-style				:	none outside;
	padding					:	0;
	margin					:	1em 0 0 0;
	border-top				:	1px solid #004000;
	color					:	#004000;
	background				:	transparent;
	font-weight				:	bold;
	text-decoration				:	none;
}

#leftnav li
{
	width					:	100%;
/*	max-width				:	7em; */
/*	min-width				:	5em; */
/*	padding					:	2px 0 2px 2px;*/
	padding					:	0 0 0 0;
	margin					:	0 0 0 0;
	border-left				:	1px solid #004000;
	border-right				:	1px solid #004000;
/*	border-top				:	1px solid #004000;*/
	border-bottom				:	1px solid #004000;
	text-align				:	left;
	text-indent				:	2em; /* 5px */
	letter-spacing				:	1px;
	color					:	#004000;
	background				:	#99d099;
/* die naechsten 4 Zeilen machen den Unterschied */
	display					:	block;
/*	float					:	top;*/
	position				:	relative;
/*	top					:	0;*/

	text-decoration				:	none;
}

#leftnav li a
{
	display					:	block;
	width					:	100%;
	height					:	100%;
	text-decoration				:	none;
}

#leftnav li :hover
{
/*	color					:	#99d099;*/
/*	background-color			:	#004000;*/
	text-decoration				:	none;
}

#newsindex
{
	margin					:	1em 0 0 0;
}

#newsindex p
{
	padding					:	0 1em 0 2em;
}

#newsindex a
{
	text-decoration				:	none;
}

.newshead
{
	color					:	white;
	padding					:	0 1em 0 2em;
	margin					:	0.5em 0 0.5em 0;
	background				:	#004000;
}


dd
{
	margin					:	0;
	padding					:	0;
	border-bottom			:	1px dashed #e0dcd4;
}

kbd
{
	font					:	small-caption;
}

samp	{
	font-family				:	"Times New Roman", Times, serif;
	color					:	#000000;
	background				:	#FAF9F7;
}

/* -- Workaround für NN4 aus basic.css wieder zuruecksetzen -- */

img
{
	color					:	#000000;
	background				:	transparent;
}

img :hover
{
	background				:	transparent;
}

.imgright
{
	float					:	right;
}

.imgleft
{
	float					:	left;
}

caption	{
    caption-side			:	top;
	text-align				:	left;
	border-top				:	1px solid #bbb;
	border-right			:	1px solid #bbb;
	border-bottom			:	1px dashed #bbb;
	border-left				:	1px solid #bbb;
	margin-top				:	1em;
	margin-bottom			:	0;
	padding					:	.3em 0 .3em 3px;
	color					:	#000000;
	background				:	#e2ded4;
    margin-left				:	auto;
    margin-right			:	auto
}

.caption	{
	font					:	.9em/150% arial, Geneva, sans-serif;
	text-align				:	left;
	border-bottom			:	1px solid #999;
	border-left				:	1px solid #999;
	margin-top				:	0;
	padding-left			:	.5em;
	color					:	#000000;
	background				:	#eee8e0;
}

/* -- horizontale Linie nicht anzeigen -- */
hr	{
	display					:	none;
}

.separator
{
	font-size				:	1px;
	line-height				:	1px;
	height					:	3px;
	background				:	transparent url(../img/dots.gif) repeat-x;
/* -- Achtung! Wegen der font-size oben hier die margins und paddings nicht in relativen Werten angeben --*/
	margin					:	10px 0 10px 0;
	padding					:	0;
}

/*
Solange dem CSS nicht der korrekte charset-Header mitgeschickt wird,
sollten die typografischen Anfuehrungszeichen hier in Unicode stehen:
http://www.w3.org/TR/CSS2/syndata.html#escaped-characters
Wer selber konvertieren will:
http://www.saila.com/usage/tips/examples/special_characters.html
*/

q
{
	quotes					:	'\00201E' '\00201D' '\002018' '\002019';
}

#inhalt address,
#inhalt blockquote,
#inhalt caption,
#inhalt dl,
#inhalt h3,
#inhalt h4,
#inhalt img,
#inhalt p,
#inhalt pre,
#inhalt table
{
/*	margin-right				:	5%;*/
	margin-right				:	20px;
	margin-left				:	20px;
}
#inhalt ol,
#inhalt ul,
#inhalt li
{
	margin-right				:	20px;
}


#inhalt address,
#inhalt blockquote,
#inhalt dl,
#inhalt h3,
#inhalt h4,
#inhalt ol,
#inhalt p,
#inhalt	ul
{
	margin-top				:	.6em;
	margin-bottom				:	.1em;
}

#inhalt h1 img
{
	margin					:	0;
	padding					:	0;
}

#inhalt h1,
#inhalt h2
{
	margin-top				:	0;
	margin-left				:	20px;
	padding-top				:	.5em;
}

#inhalt p,
#inhalt li
{
	line-height				:	150%;
}

#inhalt p
{
	padding-bottom				:	.5em;
}

#inhalt li, #inhalt dd
{
	margin					:	.2em 0 .2em 20px;
}

#inhalt ul li
{
	list-style-image			:	url(../img/verweis.gif);
}

#inhalt ul li ol li
{
	list-style-type				:	decimal;
	list-style-image			:	none;
}

#inhalt th
{
	background				:	#ffff99;
}

/* -- Seitennavigation unten -- */

#bottomnav ul
{
	padding					:	0 0 0 1em;
	margin					:	0;
}

#bottomnav li
{
	float					:	left;
	width					:	auto;
	margin					:	.2em 2px 0 0;
	padding					:	0;
/* ist zwar CSS2.1, aber list-item nuetzt nix im IE und bei block verschwinden die Icons auch im Mozilla*/
/*	display					:	inline-block; */
	display					: 	list-item;
	list-style				:	inside;
	position				:	relative;
	top					:	0;

}

#bottomnav ul li#bot-top
{
	list-style-image			:	url(../img/top.gif);
}


#bottomnav ul li#bot-home
{
	list-style-image			:	url(../img/home.gif);
}

#bottomnav ul li#bot-back
{
	list-style-image			:	url(../img/arrowl.gif);
}

#bottomnav ul li#bot-print
{
	list-style-image			:	url(../img/print.gif);
}


/* -- burn all GIFs :-) -- */

.xmlbutton
{
	border					:	1px solid;
	border-color				:	#004000;
	margin					:	0;
	padding					:	0 3px;
	font					:	bold 10px Verdana,sans-serif;
	color					:	#004000;
	background				:	#99d099;
	text-decoration				:	none;
}

a.xmlbutton:hover	{
	color					:	#000000!important;
	background-image			:	none!important;
	background-color			:	#ffa060 !important;
	border-color				:	#630 #fc9 #f96 #330;
	text-decoration				:	none!important;
}

/* -- der Uebersicht halber alle Deklarationen fuer Formulare en bloc -- */

form
{
	margin					:	0;
	padding					:	0;
}

input,
textarea,
select
{
	background				:	#e3ded4;
	color					:	#000000;
	font-size				:	.9em;
}

input,
label,
legend,
option,
select,
textarea
{
	font-weight				:	bold;
	line-height				:	normal;
}

input:focus,
textarea:focus
{
	background				:	#faf7f1;
	color					:	#000000;
	font-weight				:	bold;
	font-size				:	.9em;
	line-height				:	normal;
	outline					:	#6D7DAA solid 2px;
}

input[type=text]#plz,
input[type=text]#anzahl
{
	width					:	5em;
	max-width				:	5em;
}

label,
input[type=checkbox],
input[type=button],
input[type=submit]
{
	cursor					:	pointer;
/*
Wegen der naechsten Deklaration validiert dieses Style Sheet
nicht mehr. Aber egal, weil die Gebrauchstauglichkeit vor der
Validierung kommt, ist es halt drin, den ohne dass wuerde kein
IE-Nutzer je merken, dass man auf Labels auch draufklicken kann.
*/
/*	cursor					:	hand; */
}

.acc
{
	font-weight				:	bold;
	border-bottom				:	1px dotted;
}

/* -- Linkgedoens -- */

a:focus, a:hover
{
	background-color			:	#ffffcc;
	color					:	black;
/*	cursor					:	hand; */
}

a:link,
a:visited,
a:active
{
	color					:	#004000;
}

/*
a[href]
{
	text-decoration				:	underline;
}
*/

.version
{
	font-size				:	xx-small;
	text-align				:	right;
	font-family				:	Arial, Verdana, sans-serif;
}

.justre
{
	text-align				:	right;
}

.justli
{
	text-align				:	left;
}

.justce
{
	text-align				:	center;
}
.author
{
	font-size				:	x-small;
	text-align				:	right;
	padding					:	0 2em 1em 2em;
	font-family				:	Arial, Verdana, sans-serif;
	font-weight				:	normal;
}