/* -- 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					:	2em auto 2em auto;
	padding					:	0;
	color					:	#747474;
	background				:	#D4D9D9;
	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, h2, h3, h4, {
	color					:	#54585F;
	font-weight				: 	600;
	letter-spacing			:	0.03em;
	background				:	transparent;
}

h1	{
	font-size				:	1em;
	clear					: 	both;
	margin					:	0;
	padding					:	1.3em 0 1.2em 0;
}

h2	{
	font-size				:	0.85em;
	clear					: 	both;
	margin					:	0;
	padding					:	0.8em 0 0.6em 0;
}

h3	{
	font-size				:	0.8em;
	clear					: 	both;
	margin					:	0;
	padding					:	0.6em 0 0.2em 0;
}

h4	{
	font-size				:	0.7em;
	font-style				:	normal;
}

.text-kleiner	{
	font-size				:	.83em;
}

/*	hier =1, da Texte in Tabellen schon kleiner sind. Reduzieren, sobald Darstellung ohne Tabellen */
.bildunterschrift	{
	font-size				:	0.9em;
}


ul li {
	font-size:	0.88em;
	margin: 0;
	padding: 0;
}


kbd	{
	font					:	small-caption;
}

samp	{
	font					:	small/normal Georgia, "Times New Roman", Times, serif;
	color					:	#000;
	background				:	#faf9f7;
}

strong	{
	color					:	#111;
	background				:	transparent;
}

table	{
	border					:	0;
	margin					:	0;
	padding					:	0 0 0.3em 0;
	font-size				:	0.9em;
	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;
}

/* -- Linkgedoens -- */

a:link	{
	color					:	#54585F;
	text-decoration:		: 	underline;
}

a:visited	{
	color					:	#000000;
	text-decoration:		: 	underline;
}

a:hover	{
	color					:	#000000;
	text-decoration:		: 	underline;
}

a:active	{
	color					:	#A9A9A9;
	text-decoration:		: 	underline;
}


a:link:hover	{
	color					:	#000000;
}

a:visited:hover	{
	color					:	#000000;
}

a:hover:active	{
	color					:	#A9A9A9;
}

a#abstract:link	{
	color					:	#000000;
}

/* -- Klassen -- */

.icon	{
	vertical-align			:	middle;
	padding-right			:	3px;
}

#abstract	{
	color					:	#222;
	background				:	transparent;
	font-weight				:	bold;
}


/* specials */

/*#logo {
	width: 10em;
	height: 26.1em;
	margin: 1em 3em 1.5em 1em;
	padding: 0;
	display:block;
	border: 0px solid #000;
	}*/
	
#logo {
/*	width: 10em;
	height: 26.1em;*/
	/*margin: 1em 1.5em 1.5em 1em;*/
	padding: 0;
	display:block;
	border: 0px solid #000;

 position: relative;
 top: -0.12em;
	}

/*** Formulare (Kontaktformular) START ***/

div.csc-mailform-field label {
	width: 100px;
	float: left;
}

/*** Formulare (Kontaktformular) START ***/

/***** SITEMAP - START *****/

div.sitemap1 {
	text-decoration:none;
	color:	#54585F;
	font-size:0.8em;
	font-weight:bold;
	padding:6px 0 2px 0;
}	
	
div.sitemap2 {
	padding-left: 20px;
	color:	#67726a;
	font-size:0.78em;
	text-decoration:none;	
}	

div.sitemap3 {
	padding-left: 40px;
	color:	#54585F;
	font-size:0.75em;
	text-decoration:none;	
}	

/***** SITEMAP - END *****/

#rahmen {
	width: 57em;
	margin: 5em auto 5em auto;
	padding: 0;
	border-width: 0;
	background-color: #FBFBFB;
	border: 0px solid #000;
}


#flaeche-dunkelgrau {
	margin: 0;
	padding: 0;
	height: 4.6em;
	text-align:	left;
	background-color: #67726a;
	border: 0px solid #000;
}

#flaeche-subnavi {
	height: 1.2em;
	text-align:	left;
	margin: 0;
	padding: 0;
	background-color: #D4D9D9;
	border: 0px solid #000;
	border-bottom: 0 solid #ff0000;
}

#flaeche-weiss {
	margin: 0;
	padding: 0;
	background-color: #FBFBFB;
	border: 0px solid #ff0000;
}

#spalte-inhalt {
	float: left;
	text-align: left;
	width:40em;
	margin: 0 0 0.2em 0;
	padding: 0;
	text-align:	left;
	border: 0px solid #000;
}

#einzuege-inhalt {
	margin: 0;
	padding: 0 0 3em 1em;
	text-align:	left;
	line-height: 1.2em;
	border: 0px solid #000;
}

#spalte-logo {
	float: right;
	margin: 0;
	padding: 0;
	border: 0px solid #000;
}


#flaeche-hauptnavi {
	height:1.5em;
	margin: 0;
	padding: 0;
	text-align:	left;
	background-color: #67726a;
	border: 0px solid #00ff00;
	border-bottom: 0 solid #ff0000;
}



#rahmen-hauptnavi {
	float: right;
	height:1.5em;
	width: 54em;
	margin: 0;
	padding: 0;
	border-top: 0.07em solid #D4D9D9;
	border-left: 0.07em solid #D4D9D9;
	border-right: 0 solid #ff0000;
	border-bottom: 0 solid #D4D9D9;
}

#rahmen-subnavi {
	float: right;
	width: 54em;
	margin: 0;
	padding: 0;
	border-top: 0 solid #D4D9D9;
	border-left: 0.07em solid #FBFBFB;
	border-right: 0 solid #D4D9D9;
	border-bottom: 0 solid #D4D9D9;
}

#rahmen-inhalt {
	float: right;
	width: 54em;
	height: auto;
	margin: 0;
	padding: 0;
	border-top: 0em solid #D4D9D9;
	border-left: 0.07em solid #D4D9D9;
	border-right: 0 solid #D4D9D9;
	border-bottom: 0 solid #D4D9D9;
}


#rahmen-fusszeile {
	float: right;
	width: 54em;
	height: 1.7em;
	margin: 0;
	padding: 0;
	border-top: 0 solid #D4D9D9;
	border-left: 0.07em solid #D4D9D9;
	border-right: 0 solid #ff0000;
	border-bottom: 0.07em solid #D4D9D9;
}


div#leftnav {
	float:left;
	width: 30em;
	margin: 0;
	padding: 1em 0 0 4em;
	color: #717173;
	font-size:0.8em;
	letter-spacing: 0.1em;
	display:block;
}

#leftnav ul {
	float:left;
	width: auto;
	height:1.6em;
	font: normal 100% sans-serif;
	list-style:none;
	margin: 0;
	padding: 0;
	display:block;
}

#leftnav ul li {
	width: auto;
	display:inline;
}

#leftnav a	{
	padding: 0px 1em 0.5em 1em;
	font-weight:500;
}

#leftnav a:link {
	color: #FBFBFB;
	text-decoration:none;
}

#leftnav a:visited {
	color: #FBFBFB;
	text-decoration:none;
}

#leftnav a:hover {
	color: #ffffff;
	text-decoration:none;
}
	
#leftnav a:active {
	color: #ffffff;
	text-decoration:none;
}



/* Navigation Home, Kontakt,  */
/* sorgt für die Ränder und Hintergrundfarbe des gesamten Navigationsmenüs */
div#rightnav {
	float:right;
	width: 20em;
	padding: 0;
	margin: 1em 1em 0 0;
	color: #717173;
	font-size:0.8em;
	letter-spacing: 0.1em;
/*	border-top: 0.07em solid #67726a;
	border-left: 0.07em solid #67726a;
	border-bottom: 0px solid #ff0000;
	border-right: 0 solid #67726a;*/
	display:block;
}

#rightnav ul {
	float:right;
	width: auto;
	height:1.6em;
	font: normal 100% sans-serif;
	list-style:none;
	margin: 0;
	padding: 0;
	display:block;
}

#rightnav ul li {
	width: auto;
	display:inline;
}

a.rightnav {
	padding: 0px 1em 0.5em 1em;
	font-weight:500;
	}

a.rightnav:link {
	color: #FBFBFB;
	text-decoration:none;
	}

a.rightnav:visited {
	color: #FBFBFB;
	text-decoration:none;
	}

a.rightnav:hover {
	color: #ffffff;
	text-decoration:none;
	}
	
a.rightnav:active {
	color: #ffffff;
	text-decoration:none;
	}



a.rightnav-aktiv {
	padding: 0px 1em 0.5em 1em;
        color: #ffffff;
	}

a.rightnav-aktiv:active {
	text-decoration:none;
	}
	
a.rightnav-aktiv:link {
	color: #ffffff;
	text-decoration:none;
	}

a.rightnav-aktiv:visited {
	color: #ffffff;
	text-decoration:none;
	}

a.rightnav-aktiv:hover {
	color: #ffffff;
	text-decoration:none;
	}
	
a.rightnav-aktiv:active {
	color: #ffffff;
	text-decoration:none;
	}

div#rootnav {
	position:relative;
	top:-4.2em;
	float: right;
	height:1.5em;
	width: 71em;
	font-size:0.8em;

/*	float:left;
	padding: 0;
	margin: 1em 1em 1em 2em;
	color: #ffffff;*/
	/*font-size:0.8em;*/
	letter-spacing: 0.1em;
	border: 0;
	display:block;
}

#rootnav ul {
	float:left;
	width: auto;
	height:1.6em;
	font: normal 100% sans-serif;
	list-style: none;
	margin: 0;
	padding: 0;
	display:block;
}

#rootnav ul li {
	width: auto;
	display:inline;
    color: #000000;
	margin:0;
	padding:0;
}

a.rootnav {
/*	padding: 0px 1em 0.5em 1em;*/
	font-weight:500;
        color: #000000;
	text-decoration:underline overline;
}

a.rootnav:link {
	color: #000000;
	text-decoration:underline overline;
}

a.rootnav:visited {
	color: #000000;
	text-decoration:underline overline;
}

a.rootnav:hover {
	color: #000000;
	text-decoration:underline overline;
}
	
a.rootnav:active {
	color: #000000;
	text-decoration:none;
	}



a.rootnav-aktiv {
/*	padding: 0px 1em 0.5em 1em;*/
        color: #333333;
	text-decoration:none;
	}

a.rootnav-aktiv:link {
	color: #333333;
	text-decoration:none;
	}

a.rootnav-aktiv:visited {
	color: #333333;
	text-decoration:none;
	}

a.rootnav-aktiv:hover {
	color: #000000;
	text-decoration:underline overline;
	}
	
a.rootnav-aktiv:active {
	color: #333333;
	text-decoration:none;
}





/* Hauptnavigation Ebene 1 */
/* sorgt für die Ränder und Hintergrundfarbe des gesamten Navigationsmenüs */
div#hauptnavi {
	width: 50em;
	padding: 0;
	margin: 0;
	color: #717173;
	font-size:0.95em;
	letter-spacing: 0.1em;
	border-top: 0.07em solid #67726a;
	border-left: 0.07em solid #67726a;
	border-bottom: 0 solid #D4D9D9;
	border-right: 0 solid #67726a;
	display:block;
}

#hauptnavi ul {
	width: auto;
	height:1.6em;
	font: normal 100% sans-serif;
	list-style:none;
	font-size: .9em;
	margin: 0;
	padding: 0;
	display:block;
}

#hauptnavi ul li {
	width: auto;
	display:inline;
}

a.hauptnavi {
	padding: 0px 1em 0.5em 1em;
	font-weight:500;
	}

a.hauptnavi:link {
	color: #FBFBFB;
	text-decoration:none;
	}

a.hauptnavi:visited {
	color: #FBFBFB;
	text-decoration:none;
	}

a.hauptnavi:hover {
	color: #ffffff;
	text-decoration:none;
	background-color: #D4D9D9;
	}
	
a.hauptnavi:active {
	color: #ffffff;
	text-decoration:none;
	}



a.hauptnavi-aktiv {
	padding: 0px 1em 0.5em 1em;
	background-color: #D4D9D9;
	font-weight:500;
	}

a.hauptnavi-aktiv:active {
	color: #000000;
	text-decoration:none;
	}
	
a.hauptnavi-aktiv:link {
	color: #000000;
	text-decoration:none;
	}

a.hauptnavi-aktiv:visited {
	color: #000000;
	text-decoration:none;
	}

a.hauptnavi-aktiv:hover {
	color: #000000;
	text-decoration:none;
	}
	
a.hauptnavi-aktiv:active {
	color: #ffffff;
	text-decoration:none;
	}
	
	
/* Unternavigation */
div#subnavi {
	width: 62.7em;
	margin: 0;
	padding: 0;
	border: 0px solid #ff0000;
	color: #717173;
	font-size:0.86em;
	letter-spacing: 0.05em;
	display:block;
}

#subnavi ul {
	height:1.5em;
	margin: 0;
	padding: 0;
	font: normal 100% sans-serif;
	list-style:none;
	display:block;
}

#subnavi ul li {
	margin: 0;
	padding: 0;
	border-top: 0px solid #99f;
	border-bottom: 0px solid #000;
	display:inline;
}


a.subnavi {
	margin: 1em 0 0 0;
	padding: 0px 1em 0px 1em;
	font-weight:500;
	}

a.subnavi:link {
	color: #000000;
	text-decoration:none;
	}

a.subnavi:visited {
	color: #000000;
	text-decoration:none;
	}

a.subnavi:hover {
	color: #ffffff;
	text-decoration:none;
	}
	
a.subnavi:active {
	color: #ffffff;
	text-decoration:none;
	}
	

a.subnavi-aktiv {
	margin: 1em 0 0 0;
	padding: 0px 1em 0px 1em;
	font-weight:500;
	}

a.subnavi-aktiv:link {
	color: #ffffff;
	text-decoration:none;
	}

a.subnavi-aktiv:visited {
	color: #ffffff;
	text-decoration:none;
	}

a.subnavi-aktiv:hover {
	color: #ffffff;
	text-decoration:none;
	}
	
a.subnavi-aktiv:active {
	color: #ffffff;
	text-decoration:none;
	}


	
div#subnavi2 {
	width: 45em;
	margin: 0.5em 0 0 0;
	padding: 0;
	border: 0px solid #ff0000;
	color: #717173;
	font-size:0.86em;
	letter-spacing: 0.05em;
	display:block;
}

#subnavi2 ul {
	height:1.7em;
	margin: 0;
	padding: 0;
	font: normal 100% sans-serif;
	list-style:none;
	display:block;
}

#subnavi2 ul li {
	margin: 0;
	padding: 0;
	border-top: 0px solid #99f;
	border-bottom: 0px solid #000;
	display:inline;
}


a.subnavi2 {
	padding: 0px 1em 0px 1em;
	font-weight:500;
	}

a.subnavi2:link {
	color: #848484;
	text-decoration:none;
	}

a.subnavi2:visited {
	color: #848484;
	text-decoration:none;
	}

a.subnavi2:hover {
	color: #000000;
	text-decoration:none;
	}
	
a.subnavi2:active {
	color: #000000;
	text-decoration:none;
	}



a.subnavi2-aktiv {
	padding: 0px 1em 0px 1em;
	font-weight:500;
	}

a.subnavi2-aktiv:link {
	color: #000000;
	text-decoration:none;
	}

a.subnavi2-aktiv:visited {
	color: #000000;
	text-decoration:none;
	}

a.subnavi2-aktiv:hover {
	color: #000000;
	text-decoration:none;
	}
	
a.subnavi2-aktiv:active {
	color: #000000;
	text-decoration:none;
	}


/* Servicenavigation Impressum */
div#servicenavi {
	float:right;
	width: 10em;
	padding: 0;
	margin: 0 1em 0 0;
	color: #717173;
	font-size:0.8em;
	letter-spacing: 0.1em;
	border-top: 0px solid #ff0000;
	border-left: 0px solid #ff0000;
	border-bottom: 0px solid #ff0000;
	border-right: 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: #FBFBFB;
	text-decoration:none;
	}

a.servicenavi:visited {
	color: #FBFBFB;
	text-decoration:none;
	}

a.servicenavi:hover {
	color: #ffffff;
	text-decoration:none;
	}
	
a.servicenavi:active {
	color: #ffffff;
	text-decoration:none;
	}



a.servicenavi-aktiv {
	padding: 0px 1em 0.5em 1em;
	font-weight:bold;
	}

a.servicenavi-aktiv:active {
	color: #ffffff;
	text-decoration:none;
	}
	
a.servicenavi-aktiv:link {
	color: #ffffff;
	text-decoration:none;
	}

a.servicenavi-aktiv:visited {
	color: #ffffff;
	text-decoration:none;
	}

a.servicenavi-aktiv:hover {
	color: #ffffff;
	text-decoration:none;
	}
	
a.servicenavi-aktiv:active {
	color: #ffffff;
	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: 23em;
	font-size: 1em;
	border: 0.08em solid #D4D9D9;
	}
	
textarea{
	width: 23em;
	height: 10em;
	font-size: 1em;
	border: 0.08em solid #D4D9D9;
	}
	
select {
	width: 23em;
	font-size: 1em;
	border: 0.08em solid #D4D9D9;
	}
	
	


.mailform {
	font-size: 1em;
	margin: 0 0.2em 0 0;
	padding: 0;
	}

.mailformrequired {
	font-size: 1em;
	margin: 0 0.2em 0 0;
	padding: 0;
	}
	
.clr{
	clear:both;
}