body {
width:95%;
margin:0;
margin-left:2%;margin-right:1%;
padding:0px;
font-family:verdana,arial,helvetica,sans-serif;
}

.bereichService
{
background-color:rgb(255,255,255);
/* background-color:rgb(203,221,203); */
}

.bereichInformation
{
background-color:rgb(172,45,64);
}

.bereichHandel
{
background-color:rgb(241,11,83);
}

.bereichDienstleistung
{
background-color:rgb(255,79,38);
}

.festabstand {font-family:monospace, lucida console, courier new;}

abbr {cursor:help;}
acronym {cursor:help;}
blockquote, q {quotes:"" "" "" "";}
hr {border:0;height:2px;line-height:0px;rgb(203,221,203);background-color:rgb(203,221,203);
}

td, p {margin-top:0em;margin-bottom:0.7em;font-size:90%;line-height:140%;color: rgb(29,38,30);}
br {line-height:40%;}
ul {font-size:90%;line-height:140%;color:rgb(29,38,30);margin-top:0em;margin-left:0;margin-bottom:0.7em;padding: 0px 0px 0px 2em;border: 0px;list-style-type:circle;} 
li {margin: 0px 0px 0px 0px;padding: 0px 0px 5px 0px;border: 0px;} 
h1 {margin-top:0em;margin-bottom:0.7em;font-size:100%;line-height:140%;COLOR:#000033;}
h2 {margin-top:0em;margin-bottom:0.3em;font-size:95%;line-height:140%;COLOR:#000033;}
h3 {margin-top:0em;margin-bottom:0em;font-size:90%;line-height:120%;COLOR:#000033;}
h4 {margin-top:0em;margin-bottom:0em;font-size:85%;line-height:140%;COLOR:#000033;}
.bold {font-weight: bold}
.ppx	{font-size:70%;}
.navback {border-color:#FF9B34;}
.navohne {}
.navlinkoben {font-size:80%; line-height:15pt;}
a.navlinkoben:link {color:#2c2c2c; font-weight:bold; text-decoration:none;}
a.navlinkoben:visited {color:#2c2c2c; font-weight:bold; text-decoration:none;}
a.navlinkoben:hover {text-decoration:underline; color:#2c2c2c; }
a.navlinkoben:active {color:#2c2c2c; font-weight:bold; text-decoration:none;}
.navlink {}
a.navlink:link, a.navlink:visited, a.navlink:active, a.navlink:focus {
color:#3c3c3c; font-weight:bold; text-decoration:none;}
a.navlink:hover {text-decoration:underline; color:#3c3c3c;}

.navway {font-size:70%; line-height:100%;}
a.navway:link {color:#3c3c3c; font-weight:bold; text-decoration:none;}
a.navway:visited {color:#3c3c3c; font-weight:bold; text-decoration:none;}
a.navway:hover {text-decoration:underline; color:#3c3c3c; }
a.navway:active {color:#3c3c3c; font-weight:bold; text-decoration:none;}
.navitab2 {}
a.navitab2:link {color:#0c0c0c; font-weight:bold; text-decoration:none;}
a.navitab2:visited {color:#0c0c0c; font-weight:bold; text-decoration:none;}
a.navitab2:hover {text-decoration:underline; color:#0c0c0c; }
a.navitab2:active {color:#0c0c0c; font-weight:bold; text-decoration:none;}

a:link {color:#3c3c3c; font-weight:bold; text-decoration:underline;}
a:visited {color:#3c3c3c; font-weight:bold; text-decoration:underline;}
a:hover {text-decoration:none; color:#3c3c3c;}

/*### width 97 % für Horizontalscrollvermeidung bei IE 5.5 - IE 6 ist mit 98 % zufrieden ###*/
#Alles
{
width:100%;
margin-top:0px;
padding:0px;
margin-left:auto;
margin-right:auto;
background-color:rgb(255,255,255);
}

#Kopf
{
float:left;
width:100%;
height:69px;
margin: 0px;
padding: 0px;
background-color:rgb(255,216,137);
border-bottom:3px solid rgb(203,221,203);
}

#KopfLinks
{
float:left;
width:24%;
margin: 0px 0px 0px 0px;
border: 0px solid rgb(119,119,119);
}

#Logo
{
text-align:center;
width:auto;
padding-top:0.5em;
}

#Logo img
{
border: 0;
}

#KopfRechts
{
float:left;
text-align:left;
width:71%;
margin-left:2%;
}

#KopfRechtsOben
{
float:left;
width:100%;
margin-top:0.3em;
}

#TopNav {
	width:auto;
	float:right;
	text-align:right;
}

ul.TopNav {
	width:auto;
	float:left;
	list-style-type			:	none;
}

ul.TopNav li {
	width					:	auto;
	margin-left:0.5em;
	float					:	left;
	font-size:90%;
	color:rgb(29,38,30);
}
				a.TopNav {
					display							:	block;
					margin-bottom			:	0.2em;
					font-size						:	100%;
				}
				.information {
				border-bottom:3px solid rgb(172,45,64);
				}
				
				.handel {
				border-bottom:3px solid rgb(241,11,83);
				}
				
				.dienstleistung {
				border-bottom:3px solid rgb(255,79,38);
				}
				
				.service
				{
				color:rgb(240,240,240);
				border-bottom:3px solid rgb(119,119,119);
				}
				
				a.TopNav:link {
					font-weight						:	normal;
					text-decoration					:	none;
				}
				a.TopNav:visited {
					font-weight						:	normal;
					text-decoration					:	none;
				}
				a.TopNav:hover {
					font-weight						:	normal;
					color:rgb(255,255,255);
					background-color:rgb(29,38,30);
					text-decoration					:	none;
				}
				a.TopNav:active {
					font-weight						:	normal;
					text-decoration					:	none;
				}
				a.TopNav:focus {
					font-weight						:	normal;
					color:rgb(255,255,255);
					background-color:rgb(29,38,30);
					text-decoration					:	none;
				}

#suche {
	float:left;
	text-align:right;
}

#suche label {
	display:none;
}

.submit {
	width:4em;
}

#KopfRechtsUnten
{
float:left;
width:100%;
}

#KopfText {
padding-left:0.5em;
position:absolute; top:30px;
}

#KopfText h1 {
font-size:120%;
font-weight:normal;
/* font-style:italic; */
color:rgb(29,38,30);
}

#WayNav
{
width:auto;
margin-top:2em;
font-size:70%; 
line-height:100%;
}

#Koerper
{
float:left;
width:100%;
border-top: 2px solid rgb(203,221,203);
background-color:rgb(255,255,255);
}

#Text
{
float:left;
width:69%;
padding-top:1.0em;
padding-left:3%;
padding-right:2%;
}

#TextBreit
{
float:left;
width:69%;
padding-top:1.0em;
margin-left:3%;
margin-right:2%;
}

.BildImTextLinks
{
float:left;
text-align:left;
margin-top:0px;
margin-left:0px;
margin-right:10px;
margin-bottom:5px;
}

.BildImTextRechts
{
float:right;
text-align:right;
margin-top:0px;
margin-left:10px;
margin-right:0px;
margin-bottom:5px;
}

.SiteMapListe
{
font-size:80%;
float:left;
line-height:180%;
}

.Artikel
{
float:left;
width:100%;
margin-top:0.2em; 
padding-top:0.5em; 
/* margin-bottom:0.2em;  */
border-top:2px dotted rgb(172,45,64);
font-size:90%;
}

.tabname {
float:left;
width:100%;
margin-bottom:0.5em; 
}

.tabstd	{
width:auto;
}

.tabkopf {
}

.tabhigh2 {
	width:60%;
}

.tabhigh1 {
}

.UntereZeile
{
font-size:0.8em;
}

.BildUnterschrift
{
clear:both;
font-size:0.7em;
line-height:120%;
width:15em;
text-align:right; 
float:right; 
margin-bottom:0.5em;
}

.tabfuss {
float:left; 
text-align:left; 
}
.tabweiss {color:#000000; background-color:#FFFFFF; border-color:#FFFFFF;}

#NaviContainer
{
float:left;
width:24%;
height:32em;
padding-top:0px;
margin:0;
border:0px solid blue;
}
#NaviContainer, #NaviContainer ul li, #NaviContainer ul ul li, #NaviContainer ul ul ul li, #NaviContainer ul ul ul ul li
{
display:block;
list-style-type:none;
}
/*###### Navigation 1. Hierachie ######*/
	#NaviContainer ul a, #NaviContainer ul span
	{
	padding-left:1em;
	background-color:rgb(249,230,191);
	border-bottom:1px solid rgb(203,221,203);
	border-right:1px solid rgb(203,221,203);
	border-left:1px solid rgb(203,221,203);
	}
/*###### Navigation 2. Hierachie ######*/
	#NaviContainer ul ul a, #NaviContainer ul ul span
	{
	padding-left:2em;
	background-color:rgb(251,239,215);
	border-bottom:1px solid rgb(203,221,203);
	border-right:1px solid rgb(203,221,203);
	border-left:1px solid rgb(203,221,203);
	}
/*###### Navigation 3. Hierachie ######*/
	#NaviContainer ul ul ul a, #NaviContainer ul ul ul span
	{
	padding-left:3em;
	background-color:rgb(253,247,232);
	border-bottom:1px solid rgb(203,221,203);
	border-right:1px solid rgb(203,221,203);
	border-left:1px solid rgb(203,221,203);
	}
/* Anker */
	#NaviContainer a, #NaviContainer span
	{
	display:block;
	font-size:80%;
	font-weight:bold;
	color:rgb(29,38,30);
	text-decoration:none;
	padding-left:0px;
	padding-top:3px;
	padding-bottom:3px;
	margin-bottom:2px;
	}
/*###### navlink und navitab2 ######*/
	/* navitab2 hier nur, falls nicht der ganze Pfad hervorgehoben werden soll */
	#NaviContainer a.navlink, #NaviContainer a.navitab2
	{
	color:rgb(29,38,30);
	}
	#NaviContainer ul ul li a.navlink, #NaviContainer ul ul li a.navitab2
	{
	color:rgb(29,38,30);
	}
	#NaviContainer ul li span.navitab2
	{
	color:rgb(29,38,30);
	background-color:rgb(255,255,255);
	border-right:1px solid rgb(255,255,255);
	}
	#NaviContainer ul li a.navlink:hover, #NaviContainer ul li a.navitab2:hover 
	{
	background-color:rgb(29,38,30);
	color:rgb(255,255,255);
	}
	#NaviContainer ul ul li span.navitab2
	{
	color:rgb(29,38,30);
	background-color:rgb(255,255,255);
	}
	#NaviContainer ul ul li a.navlink:hover, #NaviContainer ul ul li a.navitab2:hover 
	{
	background-color:rgb(29,38,30);
	color:rgb(255,255,255);
	}

#Fussnote
{
font-size:90%;
line-height:140%;
width:100%;
margin-top:1em;
padding-top:1em;
padding-bottom:1em;
}

#Fussnote p
{
float:left;
margin:0 0 0 0;
padding:0 0 0 0;
margin-right:1em;
padding-bottom:0.5em;
}

#Fussnote p.left
{
float:left;
width:45%;
margin-right:5%;
padding-bottom:0.5em;
}

#Fussnote p.right
{
float:left;
width:45%;
padding-bottom:0.5em;
}

#Fussnote h1
{
margin:0 0 0 0;
padding:0 0 0 0;
margin-right:1em;
padding-bottom:0.5em;
font-weight:bold;
}

#Fussnote h2
{
margin:0 0 0 0;
padding:0 0 0 0;
margin-right:1em;
padding-bottom:0em;
font-weight:normal;
}

#Fuss
{
float:left;
margin-top:0.5em;
margin-bottom:0.7em;
width:100%;
height:1.8em;
background-color:rgb(255,216,137);
border-top:3px solid rgb(203,221,203);
}

#FussLinks
{
float:left;
padding-top:0.5em;
padding-left:1.0em;
text-align:left;
font-size:70%;
width:65%;
}

#FussRechts
{
float:right;
padding-top:0.5em;
text-align:right;
font-size:80%;
margin-left:2%;
margin-right:2%;
width:24%;
}

#NaviContainer ul {font-size:100%;line-height:140%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;border: 0px;} 
#NaviContainer li {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;border: 3px;} 

.SiteMapBereich {font-size:80%;line-height:140%;color: rgb(29,38,30);}
ul.sitemap {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 25px;border: 0px;} 
li.sitemap {margin: 0px 0px 0px 25px;padding: 10px 0px 0px 0px;border: 0px;} 

.iRmenu {margin-top:0px;margin-left:15px;margin-bottom:0.7em;}

.versteckt {display:none;}

.clear {
    height:0px;
    line-height:0px;
    clear:both;
}

/* Formular-Formatierung von Peter Sörgel, fact-design */
label.left
{
	float			: left;
	text-align		: right;
/* die naechsten zwei sind beliebig anpassbar, um in das jeweilige Gestaltungsraster zu passen. Bei Aenderungen aber nicht vergessen, die margins bei input.right entsprechend anzupassen: */
	width			: 7.3em;
	margin-right	: 0.3em;
}

/*  positioniert die Text- und Auswahlboxen rechts daneben: */
input[type=text], select
{
	float			: left;
}

/*  dann werden alle checkboxen und radiobuttons, die mit der Klasse "right" versehen wurden, um den errechneten linken Abstand der input und select-Elemente (s.o.) nach rechts verschoben: */
input.right
{
	float					:	left;
	width					:	auto;
	clear					:	both;
	margin-left				:	6.2em;
	margin-right			:	0.3em;
}

/*  Extrawurst fuer Mozilla, keine Ahnung, warum das so ist. Feedback und Loesungsvorschlaege willkommen */
input[type=checkbox].right, input[type=radio].right, input[type=submit].right 
{
	margin-left				:	7.3em;
}

/*  Nicht vergessen, die floats wieder aufzuheben, sonst floatet es munter weiter */
form br
{
	clear					:	both;
}

/*  fuer grafische UAs und DAUs der Hinweis, dass die Label anklickbar sind. Weil's so schoen ist, die Kontrollelemente gleich mit. Mit einer Ausnahme: fuer Textfelder macht der Pointer natuerlich keinen Sinn, dort sollte nach wie vor die Text-Einfuegemarke als Cursor erscheinen. Daher hier die Einschraenkung auf die input-Elemente des Typs checkbox, radiobutton, button und submit: */
label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit]
{
	cursor					:	pointer;
}

/*  legt den vertikalen Abstand der einzelnen Elemente zueinander fest */
form
{
	line-height				:	140%;
  font-size:80%;
  color: rgb(29,38,30);
  background-color: #FFFFFF;
  }

legend
{
  font-weight:bold;
}

fieldset
{
	width					:	auto;
  padding-left:1.5em;
	border:1px solid rgb(255,155,52);
}

.gelb 
{ 
background-color: yellow; 
}

.ReaderStop {
	display: inline;
	left: -1000px;
	overflow: hidden;
	width: 0px;
	position: absolute;
	top: -1000px;
	height: 0px
  }

.clearFloat {
	float					:	none;
	clear					:	both;
	width					:	0px;
	margin					:	0;
	padding					:	0;
	font-size				:	0px;
	line-height				:	0px;
	height					:	0px;
	clip					:	rect(0px, 0px, 0px, 0px);
}

/*### Fuer Suchseitenformatierung /suche/templates/phpdig.html ###*/
h2.kleiner
{
	font-size:80%;
}

.sucheText
{
	clear:both;
	float:left;
	width:100%;
	margin:	1em 0px 0px 0px; 
	font-size:90%;
}

a.sucheText 
{
	text-decoration:underline;
	color:rgb(0,75,141);
}

a.sucheText:hover, a.sucheText:focus, a.sucheText:active
{
	text-decoration:none;
	color:rgb(255,255,255);
	background-color:rgb(0,75,141);
}

.limitLinks
{
	clear:both;
	float:left;
	width:100%;
	padding:0.5em 0 0.5em 0;
}

.winzig
{
	font-size:65%;
}

.fett
{
	font-weight:700;
}

.sucheergebnis
{
	background-color:rgb(255,255,0);
	font-weight:bold;
	font-size:105%;
}

.pfOben
{
	float:right;
	text-align:right;
	color:rgb(29,38,30);
	font-size:80%;
}

span.pfeilOben
{
	clear:left;
	float:left;
	width:100%;
	text-align:right;
	margin-bottom:0.5em;
	border-top:2px dotted rgb(119,119,119);
	padding-bottom:0.5em;
	padding-top:0.1em;
	margin-top:0.7em;
	font-size:80%;
}

/*### Anmeldeformular ###*/
input.SuchSenden
{
	vertical-align:bottom;
	font-size:70%;
	width:7em;
	height:1.7em;
	margin-left:3px;
	background-color:rgb(236,236,236);
	border:1px solid;
	border-color:rgb(29,38,30);
}

form.formForm
{
	font-size:90%;
	/* background-color:#f1f1f1; */
	line-height:140%;
	margin:0.8em 0em 0.4em 0em;
	padding:0.4em 0.8em 0.4em 0em;
}

input.zahlForm
{
	width:1.4em;
	height:1.4em;
}

input.subForm
{
	width:30em;
	height:1.5em;
	border:0.1em solid rgb(29,38,30);
	background-color:rgb(250,250,250);
}

legend.leg
{
	color:rgb(50,50,255);
	font-weight:500;
}

radio.radioForm
{
	padding-left:1em;
}

label.textForm
{
	display:block;
	width:20em;
	float:left;
}

input.bestellForm
{
	width:18em;
	height:1.4em;
	margin:0 0 0.3em 0;
}

input.vonForm
{
	width:10em;
	height:1.4em;
}

fieldset
{
	margin-top:15px;
}