
/* -- Alles wech, was bei media=screen unerwuenscht ist -- */

.skip	{
	display					:	none;
}

/* -- UAs, die nur CSS1 verstehen (bzw. kein Dynamic Page Reflowing 
beherrschen), koennen mit dem Inhalt der naechsten IDs sowieso nix 
anfangen, daher hier weg. Aber nicht vergessen, diese dann im Style 
Sheet fuer CSS2-faehige UAs (chrome.css) wieder anzuschalten! -- */

#fontsizer, #toolbox	{
	visibility				:	hidden;
	display					:	none;
}

/* -- Tags ohne besonderen Grund in alphabetischer Reihenfolge -- */

address, abbr, acronym, dfn	{
	font-variant			:	normal;
/* wegen Safari, der ploetzlich alle Abkuerzungen und Akronyme kursiv setzt */
	font-style				:	normal;
	text-transform			:	none;
}

a abbr, a acronym	{
	text-decoration			:	underline;
}

a, address, blockquote, div, 
caption, cite, dfn, dl, dt, 
fieldset, h1, h2, h3, h4, 
img, input, label, legend, 
li, ol, option, p, q, 
select, textarea, td, th, ul 	{
	font-family				:	Verdana, sans-serif;
}

caption 	{
	font-size				:	0.8em;
}

body	{
	margin					:	2.5em auto 6em auto;
	padding					:	0;
	color					:	#747474;
	background				:	#BCBCBD;
	background-image		:	url(../pics/spacer.gif);
	font-family				:	Arial, Helvetica, Verdana, sans-serif;
	font-size				:	0.8em;
	text-align				:	center;
	line-height				:   1.4em;
}

cite, q	{
	font-style				:	italic;
}

code	{
	font					:	.95em/140% Monaco, Courier, monospace;
	color					:	#444;
}

dd, p	{
	margin					:	0;
	padding					:	0 0 0.9em 0;
	font-size				:	0.88em;
	line-height				: 	1.3em
}

dt, legend, strong, th	{
	font-weight				:	bold;
}


h1	{
	clear					: 	both;
	font-size				:	1em;
	text-transform			: 	uppercase;
	font-weight				:	normal;
	color					:	#C41E3A;
	margin					:	0;
	padding					:	1.3em 0 1.2em 0;
}

h2	{
	clear					: 	both;
	font-size				:	0.85em;
	text-transform			: 	uppercase;
	font-weight				:	normal;
	color					:	#C41E3A;
	margin					:	0;
	padding					:	0.8em 0 0.6em 0;
}

h3	{
	clear					: 	both;
	font-size				:	0.8em;
	text-transform			: 	uppercase;
	font-weight				:	normal;
	color					:	#C41E3A;
	margin					:	0;
	padding					:	0.6em 0 0.2em 0;
}

h4	{
	font-size				:	0.7em;
	text-transform			: 	uppercase;
	font-weight				:	normal;
	color					:	#C41E3A;
}

.text-kleiner	{
	font-size				:	.83em;
}

.bildunterschrift	{
	font-size				:	0.7em;
}



kbd	{
	font					:	small-caption;
}

samp	{
	font					:	small/normal Georgia, "Times New Roman", Times, serif;
	color					:	#000;
	background				:	#faf9f7;
}

strong	{
	font-weight: bold;
}

table	{
	border					:	0;
	margin					:	0;
	padding					:	0 0 0.3em 0;
	font-size				:	1em;
	line-height				: 	1em
}

th	{
	background				:	#e5efee;
	color					:	#000;
	font-weight				:	bold;
	text-align				:	left;
}

th p	{
	font-weight				:	normal;
}

/*	fuer den MS IE, der auch in der aktuellsten Version zu doof ist, 
	irgendwas in Tabellen rein zu vererben */
th, td	{
	font-size				:	1em;
}

/* und dann nochmal richtig */
html>body th, html>body td	{
	font-size				:	1em;
}

ul {
	list-style:square;
}

ul li {
	font-size:	0.88em;
	margin: 0;
	padding: 0;
}

#einzuege-inhalt ul {
	list-style:square;
	margin: 0 0 0 16px;
	padding: 0;
}

#einzuege-inhalt ul li {
	margin: 1px 0 4px 0;
	padding: 0;
}

#einzuege-inhalt ul li ul {
	list-style:disc;
	margin-bottom: 8px;
	padding: 0;
}
#einzuege-inhalt ul li ul li {
	margin: 1px 0 1px 0;
	padding: 0;
}


/*#einzuege-inhalt ul {
	position: relative;
	left: -23px;
	list-style-image:url(../pics/rot.gif);
} */





/* -- Linkgedoens -- */

a:link	{
	color					:	#C41E3A;
	text-decoration:		: 	underline;
}

a:visited	{
	color					:	#747474;
	text-decoration:		: 	underline;
}

a:hover	{
	color					:	#C41E3A;
	text-decoration:		: 	underline;
}

a:active	{
	color					:	#C41E3A;
	text-decoration:		: 	underline;
}


a:link:hover	{
	color					:	#C41E3A;
}

a:visited:hover	{
	color					:	#C41E3A;
}

a:hover:active	{
	color					:	#C41E3A;
}

a#abstract:link	{
	color					:	#C41E3A;
}

/* -- Klassen -- */

#abstract	{
	color					:	#222;
	background				:	transparent;
	font-weight				:	bold;
}


/* specials */

#logo {
	float:left;
	width: 15.2em;
	height: 2.08em;
	margin: 0 1em 0 0.3em;
	padding: 0;
	display:block;
}

#klopps-subnavi {
	float:left;
	width: 0.45em;
	height: 0.45em;
	margin: 0.45em 0.5em 0 0;
	padding: 0;
	border: 0 solid #C41E3A;
	display:block;
}

#klopps-subnavi2 {
	float:left;
	width: 0.45em;
	height: 0.45em;
	margin: 0.45em 0.5em 0 0;
	padding: 0;
	border: 0 solid #C41E3A;
	display:block;
}

#kopfbildplatz {
	float:left;
	width: 29em;
	height: 10.3em;
	margin: 0;
	padding: 0;
	border: 0px solid #000;
	display:block;
}

#kopfbild {
	width: 29em;
	height: 10.3em;
	margin: 0;
	padding: 0;
	border: 0px solid #000;
	display:block;
}

#rahmen-rootline {
	width: 60em;
	height: 15px;
	text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
	/* padding: 5px 0 0 0; */ falls weiss unterlegt
	padding: 0 0 3px 0;
	border: 0px solid #ff0000;
	}


#rahmen {
	width: 60em;
	margin: 0 auto 0 auto;
	padding: 4em 0 2em 0;
	text-align:left;
	border-width: 0;
	background-color: #ffffff;
	background-image:url(../pics/e.gif);
	background-repeat:no-repeat;
	background-position:0 30em;
	border: 0px solid #000;
}


#flaeche-grau {
	clear:both;
	width:100%;
	height:10.3em;
	margin: 0 0 0 0;
	padding: 0;
	background: #BCBCBD;
}

#flaeche-rot {
	float: left;
	width:12em;
	height:10.3em;
	margin: 0;
	padding: 0;
	background: #C41E3A;
}

#flaeche-weiss {
	float: left;
	width: 0.2em;
	height:10.3em;
	margin: 0;
	padding: 0;
	border: 0px solid #ff0000;
	background: #ffffff;
}

#flaeche-weiss-rechts {
	float: right;
	width: 0.2em;
	height:10.3em;
	margin: 0;
	padding: 0;
	border: 0px solid #ff0000;
	background: #ffffff;
}


#spalte-inhalt {
	float: left;
	width:29.3em;
	margin: 0;
	padding: 0 0 3em 0;
	line-height: 1.2em;
	border: 0px solid #0000ff;
}

#einzuege-inhalt {
	margin: 0;
	padding: 0 1em 6em 0;
	border: 0px solid #0000ff;
}

#spalte-rechts {
	float: right;
	width:18em;
	margin: 0 0.12em 3.2em 0.1em;
	padding: 0 0 3em 0;
	line-height: 1.2em;
	border: 0px solid #ff0000;
	overflow:hidden;
}

#einzuege-spalte-rechts {
	margin: 0;
	padding: 0 0 6em 0;
	border: 0px solid #0000ff;
}

.bildunterschrift {
	text-align: left;
}

/* Rootline */
		
	#rootlinetext {
		display: inline;
		float: left;
		color: #666666;
		height: .9em;
		font-size: .75em;
		line-height: .9em;
		margin: 0 0 0 1.5em;
		padding: 0 4px 0 0;
		font-weight: bold;
		border: 0px solid #ff0000;
		}

	#rootline {
		float: left;
		height: .9em;
		margin: 0;
		border: 0px solid #ff0000;
		}
	
	
	#rootline ul {
		list-style: none;
		list-style-image: none;
		margin: 0;
		padding: 0;
		}
	
	#rootline ul li {
		font-size: .75em;
		line-height: .9em;
		font-weight: normal;
		margin: 0;
		padding: 0;
		display: inline;
		border: 0px solid #ff0000;
		}
	

	#rootline ul li.on {
		}
	
	#rootline ul li.on a:link, #rootline ul li.on a:visited {
		color: #666666;
		margin: 0px;
		text-decoration: none;
		}
		* html #rootline ul li.on a:link, * html #rootline ul li.on a:visited {
			}
	
	#rootline ul li.on a:hover {
		color: #C41E3A;
		text-decoration: none;
		}

/* ENDE Rootline */


/* Navigation Home, Kontakt,  */
/* sorgt für die Ränder und Hintergrundfarbe des gesamten Navigationsmenüs */
div#rightnav {
	float:left;
	width: 12.4em;
	padding: 0;
	margin: 1em 0 0 0;
	color: #717173;
	letter-spacing: 0em;
	border: 0px solid #ff0000;
	display:block;
}

#rightnav ul {
	float:left;
	width: auto;
	height:1.6em;
	margin: 0 0 0 0;
	padding: 0 0 0 1.5em;
	color: #000000;
	text-transform: uppercase;
	font-size:0.8em;
	list-style:none;
	display:block;
}

#rightnav ul li {
	width: auto;
	display:inline;
}

a.rightnav {
	margin: 0 2em 0 0;
	padding: 0;
	font-weight:500;
	}

a.rightnav:link {
	color: #000000;
	text-decoration:none;
	}

a.rightnav:visited {
	color: #000000;
	text-decoration:none;
	}

a.rightnav:hover {
	color: #C41E3A;
	text-decoration:none;
	}
	
a.rightnav:active {
	color: #C41E3A;
	text-decoration:none;
	}



a.rightnav-aktiv {
	margin: 0 2em 0 0;
	padding: 0;
	font-weight:500;
	}

	
a.rightnav-aktiv:link {
	color: #C41E3A;
	text-decoration:none;
	}

a.rightnav-aktiv:visited {
	color: #C41E3A;
	text-decoration:none;
	}

a.rightnav-aktiv:hover {
	color: #C41E3A;
	text-decoration:none;
	}
	
a.rightnav-aktiv:active {
	color: #ffffff;
	text-decoration:none;
	}



/* Hauptnavigation Ebene 1 */
/* sorgt für die Ränder und Hintergrundfarbe des gesamten Navigationsmenüs */
div#hauptnavi {
	float:left;
	width: 29em;
	height: 1.5em;
	margin: 1em 0 0 0;
	padding: 0;
	color: #000000;
	text-transform: uppercase;
	letter-spacing: 0em;
	border: 0px solid #ff0000;
	display:block;
}

#hauptnavi ul {
	width: auto;
	height:1.1em;
	font-size:0.8em;
	list-style:none;
	margin: 0;
	padding: 0;
	display:block;
}

#hauptnavi ul li {
	width: auto;
	display:inline;
}

#textfeldhauptnavi {
	float:left;
	margin: 0;
	padding: 0;
	border: 0px solid #ff0000;
	display:inline;
}

a.hauptnavi {
	margin: 0 2em 0 0;
	padding: 0;
	font-weight:500;
	}

a.hauptnavi:link {
	color: #000000;
	text-decoration:none;
	}

a.hauptnavi:visited {
	color: #000000;
	text-decoration:none;
	}

a.hauptnavi:hover {
	color: #C41E3A;
	text-decoration:none;
	}
	
a.hauptnavi:active {
	color: #C41E3A;
	text-decoration:none;
	}



a.hauptnavi-aktiv {
	margin: 0 2em 0 0;
	padding: 0;
	font-weight:500;
	}

a.hauptnavi-aktiv:active {
	color: #C41E3A;
	text-decoration:none;
	}
	
a.hauptnavi-aktiv:link {
	color: #C41E3A;
	text-decoration:none;
	}

a.hauptnavi-aktiv:visited {
	color: #C41E3A;
	text-decoration:none;
	}

a.hauptnavi-aktiv:hover {
	color: #C41E3A;
	text-decoration:none;
	}
	
a.hauptnavi-aktiv:active {
	color: #ffffff;
	text-decoration:none;
	}
	
	
/* Unternavigation */
div#subnavi {
	float:left;
	width: 12.2em;
	height: 30em;
	margin: 1em 0 0 0;
	padding: 0;
	border: 0px solid #ff0000;
	color: #717173;
	text-align:left;
	letter-spacing: 0em;
	display:block;
}

#subnavi ul {
	margin: 0 0 0 1em;
	padding: 0;
	list-style:none;
	border: 0px solid #ff0000;
	display:block;
}

#subnavi ul li {
	height: auto;
	clear:left;
	margin: 0;
	padding: 0.5em 0 0.5em 0;
	font-size:0.85em;
	line-height:1.1em;
	border: 0px solid #ff0000;
	display:block;
}


#subnavi ul li ul li {
	clear:left;
	margin: 0;
	padding: 0.5em 0 0 0;
	font-size:0.9em;
	line-height:1.1em;
	border: 0px solid #00ff00;
	display:block;
}


a.subnavi {
	margin: 0 0 0 0;
	padding: 0;
	font-weight:500;
	}

a.subnavi:link {
	color: #000000;
	text-decoration:none;
	}

a.subnavi:visited {
	color: #000000;
	text-decoration:none;
	}

a.subnavi:hover {
	color: #C41E3A;
	text-decoration:none;
	}
	
a.subnavi:active {
	color: #C41E3A;
	text-decoration:none;
	}
	

a.subnavi-aktiv {
	margin: 0 0 0 0;
	padding: 0;
	font-weight:500;
	}

a.subnavi-aktiv:link {
	color: #C41E3A;
	text-decoration:none;
	}

a.subnavi-aktiv:visited {
	color: #C41E3A;
	text-decoration:none;
	}

a.subnavi-aktiv:hover {
	color: #C41E3A;
	text-decoration:none;
	}
	
a.subnavi-aktiv:active {
	color: #C41E3A;
	text-decoration:none;
	}

#textfeldsubnavi {
	float:left;
	width: 8em;
	margin: 0;
	padding: 0;
	border: 0px solid #ff0000;
	display:block;
}


.subnavi2 {
	margin: 0;
	padding: 0;
	border: 0px solid #D4D9D9;
	display:block;
}

a.subnavi2 {
	margin:0;
	padding:0;
	font-weight:500;
	}

a.subnavi2:link {
	color: #000000;
	text-decoration:none;
	}

a.subnavi2:visited {
	color: #000000;
	text-decoration:none;
	}

a.subnavi2:hover {
	color: #C41E3A;
	text-decoration:none;
	}
	
a.subnavi2:active {
	color: #C41E3A;
	text-decoration:none;
	}



a.subnavi2-aktiv {
	margin:0;
	padding:0;
	font-weight:500;
	}

a.subnavi2-aktiv:link {
	color: #C41E3A;
	text-decoration:none;
	}

a.subnavi2-aktiv:visited {
	color: #C41E3A;
	text-decoration:none;
	}

a.subnavi2-aktiv:hover {
	color: #C41E3A;
	text-decoration:none;
	}
	
a.subnavi2-aktiv:active {
	color: #C41E3A;
	text-decoration:none;
	}


/* Servicenavigation Impressum */
div#servicenavi {
	float:right;
	width: 10em;
	margin: 0 1em 0 0;
	padding: 0;
	color: #717173;
	font-size:0.8em;
	letter-spacing: 0.1em;
	border: 0px solid #ff0000;
	display:block;
	}

#servicenavi ul {
	float:right;
	width: auto;
	height:1.6em;
	list-style:none;
	margin: 0;
	padding: 0;
	display:block;
}

#servicenavi ul li {
	width: auto;
	display:inline;
}

a.servicenavi {
	padding: 0px 1em 0.5em 1em;
	font-weight:500;
	}

a.servicenavi:link {
	color: #000000;
	text-decoration:none;
	}

a.servicenavi:visited {
	color: #000000;
	text-decoration:none;
	}

a.servicenavi:hover {
	color: #C41E3A;
	text-decoration:none;
	}
	
a.servicenavi:active {
	color: #C41E3A;
	text-decoration:none;
	}



a.servicenavi-aktiv {
	padding: 0px 1em 0.5em 1em;
	}

a.servicenavi-aktiv:active {
	color: #C41E3A;
	text-decoration:none;
	}
	
a.servicenavi-aktiv:link {
	color: #C41E3A;
	text-decoration:none;
	}

a.servicenavi-aktiv:visited {
	color: #C41E3A;
	text-decoration:none;
	}

a.servicenavi-aktiv:hover {
	color: #C41E3A;
	text-decoration:none;
	}
	
a.servicenavi-aktiv:active {
	color: #C41E3A;
	text-decoration:none;
	}	


/* Datum */
div#datum {
	float:left;
	width: 10em;
	margin: 0 0 0 0.5em;
	padding: 0;
	border: 0px solid #ff0000;
	color: #ffffff;
	font-size:0.8em;
	letter-spacing: 0.03em;
	display:block;
}



input{
	width: 18em;
	font-size: .75em;
	border: 0.08em solid #D4D9D9;
	}
	
textarea{
	width: 18em;
	height: 7em;
	font-size: .75em;
	border: 0.08em solid #D4D9D9;
	}
	
select {
	width: 18em;
	font-size: .75em;
	border: 0.08em solid #D4D9D9;
	}
	
	


.mailform {
	font-size: 0.8em;
	margin: 0 0.2em 0 0;
	padding: 0;
	}

.mailformrequired {
	font-size: 0.8em;
	margin: 0 0.2em 0 0;
	padding: 0;
	}