body {
  min-width: 640px;
  color: #000;
  background: #B1A99B;
  font: 100.01% verdana,arial,sans-serif;
  margin: 0;
  padding: 0 0 20px 0;
  text-align: center;
}

a:link, a:visited { color: #5B462E; border: none; }
a:focus, a:hover, a:active { color: #5F964C; }

abbr { font-style: normal; border: none; }

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

img { border: 0; }

img.bildlinks {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

img.bildrechts {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}

.floataus {
  display: block;
  clear: both;
  float: none;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
}

/**#logo {
  background: url(logo.gif) no-repeat;
  width: 100%;
}**/

#top { font-size: 1px; }

#rahmen {
  background: #FFF url(seite_links.gif) repeat-y;
  width: 95%;
  max-width: 58em;
  text-align: left;
  margin: 20px auto 0 auto;
}

#rahmen {
  width:expression(document.body.clientWidth > 1200? "1100px": "auto" );
}

#rahmeninnen { background: url(seite_rechts.gif) top right repeat-y; }

#kopfteil {
  background: url(ecke_oben_links.gif) no-repeat;
  width: 100%;
}

#kopfteilinnen { background: url(ecke_oben_rechts.gif) top right no-repeat; }

#logo {
  float: left;
  padding: 20px 0 15px 35px;
}

/***********************************
Servicemenue oben rechts
************************************/
ul#servicemenue {
  float: right;
  padding: 17px 40px 10px 0;
}
ul#servicemenue li { display: inline; }
ul#servicemenue strong { font-weight: normal; }
ul#servicemenue li a:link, ul#servicemenue li a:visited, ul#servicemenue li span.angezeigt {
  display: block;
  color: #000;
  font-size: 70%;
  text-decoration: none;
  padding: 0.5em 0 0.7em 28px;
}
ul#servicemenue li a:focus, ul#servicemenue li a:hover, ul#servicemenue li a:active { text-decoration: underline; }

.startseite a:link, .startseite a:visited{
	background: url(startseite_off.gif) 0 50% no-repeat;
}
.startseiteangezeigt a, .startseiteangezeigt a:hover, .startseiteangezeigt a:active, .startseiteangezeigt a:focus, .startseiteangezeigt a:link, .startseite a:hover {
	background: url(startseite_on.gif) 0 50% no-repeat;
}

.sitemap a:link, .sitemap a:visited{
	background: url(sitemap_off.gif) 0 50% no-repeat;
}
.sitemapangezeigt a, .sitemapangezeigt a:hover, .sitemapangezeigt a:active, .sitemapangezeigt a:focus, .sitemapangezeigt a:link, .sitemap a:hover {
	background: url(sitemap_on.gif) 0 50% no-repeat;
}

.kontakt a:link, .kontakt a:visited{
	background: url(kontakt_off.gif) 0 50% no-repeat;
}
.kontaktangezeigt a, .kontaktangezeigt a:hover, .kontaktangezeigt a:active, .kontaktangezeigt a:focus, .kontaktangezeigt a:link, .kontakt a:hover {
	background: url(kontakt_on.gif) 0 50% no-repeat;
}

.impressum a:link, .impressum a:visited{
	background: url(impressum_off.gif) 0 50% no-repeat;
}
.impressumangezeigt a, .impressumangezeigt a:hover, .impressumangezeigt a:active, .impressumangezeigt a:focus, .impressumangezeigt a:link, .impressum a:hover {
	background: url(impressum_on.gif) 0 50% no-repeat;
}
/***********************************
Mittelteil
************************************/
#mittelteil {
  height: 1%;
  background: url(inhalt.gif) 30% 0 repeat-y;
  margin: 0 40px;
}

#mittelteilinnen {
  height: 1%;
  background: url(streifen.gif) 30% 0 no-repeat;
}

html>body #mittelteil,
html>body #mittelteilinnen {
  height: auto;
}

body #mittelteilinnen { background-image: url(streifen.gif); }

/***********************************
Hauptmenue links
************************************/
#menue {
    float: left;
    width: 24%;
    margin: 35px 0 0 0;
    padding-bottom: 50px;
}

.menu{
	border: 0px;
	border-bottom: 0px;
	border-style: solid;
	border-color: #ccc;
	position: relative;
    /*left: -10px;*/
    border-top: 1px solid #FFF;

}

.menu li{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #FFF;
	/*background: url(hauptmenue_off.gif) repeat-y;*/
}

.menu ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	background-color: #D7D2C5;
	left: -20px;
}
.menu ul ul {
	padding-left: 20px;
	background-color: #ECF7E8;
	border-bottom: 0px;
	font-size:11px;
	/*background: url(submenue_on.gif) repeat-y;*/
}
.menu a:link, .menu a:visited, .menu a:active {
	padding: 4px 10px 4px 10px;
	color:#333333;
	display: block;
	text-decoration: none;
}

.menu_default a:hover {
	text-decoration:underline;
	background-color: #C0DAB6;
    /*background: url(hauptmenue_over.gif) repeat-y;*/
}

.menu_current {
   	color: #fff;
	background-color: #C0DAB6;
	/*background: url(hauptmenue_on.gif) repeat-y;*/
}

.menu ul ul .menu_current a:hover {
	text-decoration:none;
	background-color: #C0DAB6;
    /*background: url(submenue_over.gif) repeat-y;*/
}

.menu ul ul .menu_default a:hover {
	text-decoration:underline;
	background-color: #DFEDDA;
    /*background: url(submenue_over.gif) repeat-y;*/
}


/***********************************
Seiteninhalt rechts
************************************/

#inhalt {
  float: left;
  width: 74.8%;
}

#inhaltinnen {
  background: #FAF8F2;
  margin-left: 10px;
  padding: 12px 0 0 15px;
  margin-top: 25px;
  height: 1em;
}

html>body #inhaltinnen { height: auto; }

#inhalt h1 {
  color: #5F964C;
  background-color: #FDFCF9;
  font-size: 80%;
  line-height: 130%;
  text-transform: uppercase;
  margin: 0 0 25px 0;
  padding: 4px 8px 4px 8px;
  border: 1px solid #DEDAD2;
}

#inhalt h2 {
  color: #5F964C;
  font-size: 80%;
  line-height: 140%;
  margin: 1.4em 0 0.8em 0;
}

#inhalt h3 {
  color: #5B462E;
  font-size: 80%;
  line-height: 140%;
  margin: 1.4em 0 0 0;
}

#inhalt img.links {
  padding: 3px;
  border: 1px solid #DEDAD2;
  background: #FDFCF9;
  float: left;
  margin: 0 15px 10px 0;
}

#inhalt img.rechts {
  padding: 3px;
  border: 1px solid #DEDAD2;
  background: #FDFCF9;
  float: right;
  margin: 0 0 10px 15px;
}

#inhalt p {
  font-size: 80%;
  line-height: 140%;
  margin: 0 0 0.6em 0;
}

#inhalt p.mehrabstandoben { margin-top: 1.2em; }

#inhalt ul {
  margin: 0 0 0.8em 16px;
  padding-top: 0.2em;
}

#inhalt li {
  background: url(listenpunkt.gif) no-repeat 0 0.55em;
  font-size: 80%;
  line-height: 140%;
  margin: 0 0 0.4em 0;
  padding: 0 0 0 14px;
}

#inhalt h2.link, #inhalt h3.link,#inhalt h4.link,
#inhalt p.link {
  background: url(linkpfeil.gif) no-repeat 0 0.6em;
  line-height: 170%;
  padding:  0 0 0 14px;
}

#inhalt ul.link {
  margin-bottom: 0.8em;
  margin-left: 0;
}

#inhalt ul.link li {
  height: 1.7em;
  background: url(linkpfeil.gif) no-repeat 0 0.55em;
  line-height: 170%;
  margin: 0;
  padding: 0 0 3px 14px;
}

html>body #inhalt ul.link li { height: auto; }

#inhalt table {
  margin: 1em 0;
  border-top: 1px solid #BAB4AD;
  border-left: 1px solid #BAB4AD;
}

#inhalt table th {
  color: #513E28;
  background: #DEDACE;
  font-size: 80%;
  text-align: left;
  padding: 14px 6px 8px 6px;
  border-bottom: 1px solid #BAB4AD;
  border-right: 1px solid #BAB4AD;
}

#inhalt table td {
  background: #F5F3EB;
  font-size: 80%;
  vertical-align: top;
  padding: 8px 6px;
  border-bottom: 1px solid #BAB4AD;
  border-right: 1px solid #BAB4AD;
}

#inhalt table tr.hell td,
#inhalt table td.hell {
  background: #FDFCF9;
}

#inhalt p.nachoben {
  text-align: right;
  margin: 0;
  padding: 2em 0 0.8em 0;
}

body.ueberuns #inhalt h1, body.ueberuns #inhalt h2,
body.ueberuns a:focus, body.ueberuns a:hover, body.ueberuns a:active { color: #5F964C; }
body.ueberuns #inhalt li { background-image: url(listenpunkt.gif); }

body.ueberuns #inhalt p.link, body.ueberuns #inhalt ul.link li {
  background-image: url(linkpfeil.gif);
}

#fussteil { background: url(ecke_unten_links.gif) bottom left no-repeat; }

#fussteilinnen {
  height: 1%;
  background: url(ecke_unten_rechts.gif) bottom right no-repeat;
  padding-bottom: 42px;
}

#fussteiltext {
  height: 1%;
  background: url(fuss.gif) 30% 0 no-repeat;
  margin: 0 40px;
}

html>body #fussteilinnen, html>body #fussteiltext { height: auto; }

#text {
  margin-left: 25%;
}

#text p {
  color: #5B462E;
  font-size: 70%;
  margin: 0;
  padding: 14px 10px 10px 25px;
}