body {
width:90%;
margin:0;
margin-left:4%;margin-right:3%;
padding:0px;
font-family:verdana,arial,helvetica,sans-serif;
}

.bereichService
{
background-color:rgb(240,240,240);
}

.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:"" "" "" "";}

td, p {margin-top:0em;margin-bottom:0.7em;font-size:90%;line-height:140%;color: rgb(0,0,0);}
br {line-height:40%;}
ul {font-size:90%;line-height:140%;color:rgb(0,0,0);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;}

a {color:rgb(0,0,0); font-weight:bold; text-decoration:underline;}
a:link {text-decoration:underline;}
a:visited {text-decoration:underline;}
a:hover {text-decoration:none;}
a:focus {text-decoration:none;background-color:rgb(230,230,230);}

.navway {font-size:70%; line-height:100%;}
a.navway:link {font-weight:bold; text-decoration:none;}
a.navway:visited {font-weight:bold; text-decoration:none;}
a.navway:hover {text-decoration:underline;}
a.navway:active {font-weight:bold; text-decoration:none;}

/*### 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;
margin-bottom:auto;
}

#Kopf
{
float:left;
width:100%;
margin: 0px;
padding: 0px;
}

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

#Logo
{
text-align:center;
width:auto;
height:75px;
border-top: 0px solid rgb(255,255,255);
border-left: 1px solid rgb(255,255,255);
border-bottom: 2px solid rgb(120,120,120); 
color:rgb(255,255,255);
background-color:rgb(120,120,120); 
padding-top:0em;
font-size:70%;
font-weight:normal;
font-family:courier;
}

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

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

#KopfRechtsUnten
{
	width:100%;
float:right;
text-align:right:
font-size:100%;
color:rgb(255,255,255);
background-color:rgb(240,240,240);
}

#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%;
}

				.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
				{
				border-bottom:3px solid rgb(119,119,119);
				}

				a.TopNav {
					display							:	block;
					margin-bottom			:	0.2em;
					font-size						:	100%;
					font-weight						:	normal;
					text-decoration					:	none;
					color:rgb(0,0,0);
					background-color:rgb(240,240,240);
				}
				
				a.TopNav:hover {
					font-weight						:	normal;
					color:rgb(255,255,255);
					background-color:rgb(0,0,0);
					text-decoration					:	none;
				}

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

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

#Text
{
float:left;
width:50%;
padding-left:50%;
background-color:rgb(255,255,255);
}

#TextBreit
{
float:left;
min-height:30em;
width:59%;
padding-top:1.0em;
margin-left:3%;
margin-right:0%;
}

#RechteSpalte
{
float:left;
width:29%;
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;
}

#quernav {
height:1.5em;
	background-color:rgb(240,240,240);
	display:block;
	float:right;
	text-align:right;
	width:100%;
}

#quernav a, #quernav span {
	color:rgb(255,255,255);
	font-weight:normal;
	text-align:center;
	padding:0.3em;
	padding-left:2em;
	padding-right:2em;
	text-decoration:none;
}

.sonder1
	{
	background-color:rgb(172,45,64);
	}
	
span.sonder1 {border:2px dotted rgb(172,45,64);}
a.sonder1 {border:2px solid rgb(240,240,240);}
a.sonder1:active {border:2px solid rgb(172,45,64);}
a.sonder1:hover {border:2px dotted black;}
/* um zuverhindern dass es von a:focus überchrieben wird */
a.sonder1:focus {border:2px dotted black; background-color:rgb(172,45,64);}

.sonder2
	{
	background-color:rgb(120,120,120);
	}
	
span.sonder2 {border:2px dotted rgb(120,120,120)}
a.sonder2	{border:2px solid rgb(240,240,240);}
a.sonder2:active {border:2px dotted rgb(120,120,120);}
a.sonder2:hover {border:2px dotted black;}
a.sonder2:focus {border:2px dotted black;background-color:rgb(120,120,120);}

.sonder3
	{
	background-color:rgb(241,11,83);
	}
	
span.sonder3 {border:2px dotted rgb(241,11,83);}
a.sonder3	{border:2px solid rgb(240,240,240);}
a.sonder3:active {border:2px dotted rgb(241,11,83);}
a.sonder3:hover {border:2px dotted black;}
a.sonder3:focus {border:2px dotted black;background-color:rgb(241,11,83);}


#NaviContainer
{
float:left;
width:24%;
height:35em;
padding-top:0px;
margin:0;
border-left:1px solid rgb(255,255,255);
}
#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(240,240,240);
	}
/*###### Navigation 2. Hierachie ######*/
	#NaviContainer ul ul a, #NaviContainer ul ul span
	{
	padding-left:2em;
	background-color:rgb(231,231,231);
	}
/*###### Navigation 3. Hierachie ######*/
	#NaviContainer ul ul ul a, #NaviContainer ul ul ul span
	{
	padding-left:3em;
	background-color:rgb(240,240,240);
	}
/* Anker */
	#NaviContainer a, #NaviContainer span
	{
	display:block;
	font-size:80%;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
	padding-left:0px;
	padding-top:3px;
	padding-bottom:3px;
	margin-top:3px;
	margin-right:0px;
	margin-bottom:0.2em;
	border-bottom:1px solid rgb(119,119,119);
	}
/*###### navlink und navitab2 ######*/
	/* navitab2 hier nur, falls nicht der ganze Pfad hervorgehoben werden soll */
	#NaviContainer a.navlink, #NaviContainer a.navitab2
	{
	color:rgb(0,0,0);
	background:url(images/navipassiv.jpg); background-repeat:no-repeat; background-position:0.2em center;
	background-color:rgb(240,240,240);
	}
	#NaviContainer ul ul li a.navlink, #NaviContainer ul ul li a.navitab2
	{
	color:rgb(0,0,0);
	background:url(images/navipassiv.jpg); background-repeat:no-repeat; background-position:1.2em center;
	background-color:rgb(240,240,240);
	}
	#NaviContainer ul li span.navitab2
	{
	color:rgb(0,0,0);
	background:url(images/naviaktiv.jpg); background-repeat:no-repeat; background-position:0.2em center;
	background-color:rgb(255,255,255);
	}
	#NaviContainer ul li a.navlink:hover, #NaviContainer ul li a.navitab2:hover 
	{
	background:url(images/naviaktiv.jpg); background-repeat:no-repeat; background-position:0.2em center;
	background-color:rgb(0,0,0);
	color:rgb(255,255,255);
	}
	#NaviContainer ul ul li span.navitab2
	{
	color:rgb(0,0,0);
	background:url(images/naviaktiv.jpg); background-repeat:no-repeat; background-position:1.2em center;
	background-color:rgb(255,255,255);
	}
	#NaviContainer ul ul li a.navlink:hover, #NaviContainer ul ul li a.navitab2:hover 
	{
	background:url(images/naviaktiv.jpg); background-repeat:no-repeat; background-position:1.2em center;
	background-color:rgb(0,0,0);
	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;
}

#FussLinks
{
clear:both;
float:left;
margin-top:0.5em;
margin-bottom:0.7em;
/* nur wegen Kopflinks */
/* border: 1px solid rgb(255,255,255); */
text-align:left;
font-size:70%;
width:71%;
}

#FussRechts
{
float:right;
margin-top:0.5em;
margin-bottom:0.7em;
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(0,0,0);}
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(0,0,0);
  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 {
	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(0,0,0);
	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(0,0,0);
}

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(0,0,0);
	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;
}