body { font-family: Arial,Verdana,Geneva,Helvetica,sans-sarif; padding:0; margin: 0; font-size: 62.5%; background: #FBFCFA; height: 100%; } 
*{ margin: 0; padding: 0; font-size: 1em; }
html { height: 100%; }
img { border: 0px; }

#allumfassend { background-image: url(../grafiken/navileiste.gif); background-repeat: repeat-y; min-height: 100%; height:auto !important; /* moderne Browser */ height:100%; /* IE */ }

/* Der obere grüner Balken */
#top{ height:18px; background:#B6CAA8; color:#333333; margin:0; padding:0; border: solid #333333; border-width: 0px 0px 0 1px; } 

/* Das Logo und das Themenbild */
#title { height:156px; background:#D1DFCA; color:#333333; margin:0px;  padding:0; border: solid #333333; border-width: 0px 0px 0 1px; } 
#pic { position: absolute; top:18px; left:0px; }
#pic2 { position: absolute; top:18px; left:219px; }

/* +----------------+ */
/* | Die Navigation | */
/* +----------------+ */
.menu { position: absolute; top: 164px; left: 0px; margin-top: 10px; width:218px; } 

/* Erste Navigationsebene */
.menu ul { list-style-type: none; padding:0px 0px 0px 0px ; margin: 0; width:218px; background-color: #B6CAA8; height: 84px;  }
.menu li { padding: 0px; margin: 0px;  }
.menu li a { font-size: 1.2em; font-weight: bold; color: #5A7449; text-decoration: none; padding: 4px 0px 4px 67px; display: block; width: 150px; }
.menu li a:hover { margin: -1px 0 -1px 0; border-top:1px solid #84A071;  border-bottom:1px solid #84A071; background-color: #C1D2B5; }
.menu li a.activepath { font-size: 1.2em; font-weight: bold; display: block; margin: 0px; color: #5A7449; padding: 2px 0px 2px 67px; border-top: 0px solid #84A071; border-bottom: 0px solid #84A071; background-color: #C1D2B5; }

/* Zweite Navigationsebene */
.menu ul ul { list-style-type: none; padding: 0px; margin: 0; background-color: #C1D2B5;  }
.menu li li { padding:0px; margin: 0px; border-bottom: 0px; background-color: #C1D2B5; }
.menu li li a { font-weight: bold; color: #5A7449; text-decoration: none; padding: 2px 0px 2px 67px; display: block;  }
.menu li li p.akt { display: block; color: #FF0000; padding: 2px 0px 2px 67px; background-color: #F5FCF1; border-top: 0px; border-bottom: 0px; }
.menu li li p.akt:hover { display: block; color: #5A7449; padding: 2px 0px 2px 67px; background-color: #FF0000; border-top: 0px; border-bottom: 0px; }

/* Dritte Navigationsebene */
.menu ul ul ul { font-size: 1em; list-style-type: none; padding: 0px 0px 0px 0px; margin: 0px -15px 0px 0px; background-color: #F0F7E3;  }
.menu li li li { padding:0px; border-bottom: 0px; background-color: #F0F7E3; }
.menu li li li a { color: #75973A; text-decoration: none; padding: 2px 0px 2px 15px; display: block; margin-left: 15px; }
.menu li li li p.akt { display: block; color: #EA1F20;  padding: 2px 0px 2px 15px; margin-left: 15px; }
.menu li li li p.akt:hover { display: block; color: #FF0000;  padding: 2px 0px 2px 15px; margin-left: 15px; }

/* +------------------------+ */
/* | Der Portalblockbereich | */
/* +------------------------+ */
#pbVisible { float: right; width: 161px; color: #333333; background-color: #E5EDE1; margin: 0px; padding: 0px; height: 500px; }
#pbHidden  { display: none; }

/* Teasertexte im Portalblockbereich */
#pbVisible .teaser { margin: 0px 0px 20px 0px; padding: 0px; } 
#pbVisible .teaser a { margin: 0px; padding: 0px; } 
#pbVisible .teaser h1 { font-size: 1.1em; color: #456D2A; margin-top: 10px; padding: 0px 7px; }
#pbVisible .teaser h1 a { font-size: 1.1em; color: #456D2A; text-decoration: none; }
#pbVisible .teaser h1 a:hover { text-decoration: underline; }
#pbVisible .teaser p { font-size: 1.2em; color: #000000; padding: 0px 7px; }
#pbVisible .teaser p a { color: #000000; text-decoration: none; }

/* +------------------+ */
/* | Der Seiteninhalt | */
/* +------------------+ */														   
#inhalt { margin: 0px 161px 0px 218px; color: #333333; padding: 0px; background: #E9F0E6; height: 600px;  }

/* Überschriften */
#inhalt h1 { margin: 0px 0px 0px 180px; font-size: 1.9em;  font-weight: normal; font-style: italic; color: #AFC4A0; height: 20px; padding: 10px 0px 0px 0px; }
#inhalt h1 a {font-size: 1.0em; color: #5C7F44; margin: 100px; padding: 0px; }
#inhalt h2 { font-size: 1.2em; font-weight: bold; color: #5C7F44; margin: 0px; padding: 100px 22px 0px 22px;  }
#inhalt h2 a { font-size: 1.0em; font-weight: bold; color: #5C7F44; margin: 0px; padding: 0px;  }

/* Fließtext */
#inhalt p { position: relative; margin-left:181px; margin-top: 10px; font-size: 1.2em; font-weight: normal; color: #5A7449; height: 44px; }

/* Link im Fließtext */
#inhalt p a { font-size: 1.0em; font-weight: normal; color: #000000; text-decoration: underline; padding: 0px; margin: 0px; }

/* Links */
#inhalt a { font-size: 1.2em; font-weight: normal; color: #000000; padding: 10px 22px; text-decoration: underline;}

/* Listenpunkte */
#inhalt ol { color: #000000; margin-top: 0px; margin-bottom: 7px; margin-left: 21px;  }
#inhalt ul { color: #000000; margin-top: 0px; margin-bottom: 7px; margin-left: 38px; }
#inhalt li { font-size: 1.2em; font-weight: normal; list-style-type: square;  }
#inhalt li a { font-size: 1.0em; margin: 0px; padding: 0px; list-style-type: square; }
#inhalt li.bgr1 { font-size: 1.2em; font-weight: normal; padding: 2px; list-style-type: square; }
#inhalt li.bgr2 { font-size: 1.2em; font-weight: normal; padding: 2px; list-style-type: square; }

/* Die Grafiken */
#inhalt .picleft { float:left; border:0; padding: 10px 10px 10px 22px; }
#inhalt .picright {	float: right; padding: 10px 22px 10px 10px; }
#inhalt .pic { border: 0px; padding: 10px 10px 10px 22px; }
#inhalt .picdownload { border: 0px; margin: 10px 5px 0px 0px; }

/* Teasertexte */
#inhalt .teaser { clear: both; padding: 0em; margin: 2em 0em 2em 0em; background-color: #D1DFCA; }
#inhalt .teaser .teaserbild { float: left; width: 160px; padding: 0px; margin: 0px; }
#inhalt .teaser .teaserbild a { padding: 0px; margin: 0px; }
#inhalt .teaser .teaserinhalt { background-color: #D1DFCA; height: 10.1em; overflow:auto; }
#inhalt .teaser .teaserHeadline { padding: 0.5em 0em 0.5em 10px; }
#inhalt .teaser .teaserHeadlineLink { font-size: 1.2em; font-weight: bold; color: #5A7449; text-decoration: none; margin: 0px; padding: 0px; }
#inhalt .teaser .teaserHeadlineLink:hover { text-decoration: underline; margin: 0px; padding: 0px; }
#inhalt .teaser .teaserSubline { font-size: 1.2em; color: #5A7449; margin-top: 0.3em; margin-bottom: 0.3em; padding-left: 0.3em; }
#inhalt .teaser .teaserContent { font-size: 1.2em; color: #5A7449; line-height: 1.25em; margin-top: 0.3em; margin-bottom: 0.3em; padding-left: 10px; } 
#inhalt .teaser .teaserContentLink { color: #5A7449; padding-left: 0.2em; text-decoration: none; white-space: nowrap; font-size: 1.1em; }
#inhalt .teaser .teaserContentLink span { font-size: 1.2em; }
#inhalt .teaser .teaserContentLink:hover { text-decoration: underline; }
#inhalt .teaser .teaserHeadlineOhneLink { font-size: 1.2em; font-weight: bold; color: #5A7449; padding: 0.5em 0em 0.5em 10px; }