body
/* -- Seitenraender hintergrund etc --*/
{
        margin: 0 auto;
        padding: 0;
        color: #333333;
        background:#EBEBE3;
        font-family: arial, sans-serif;
        height: 100%;
        width: 950px;
        font-size: 101.01%;
        text-align: center;
border: solid 1px #888888;
}
.pathway{
        margin: 0;
        padding: 0;
        color: #333333;
        
        font-family: arial, sans-serif;
      font-size: 12px;
       
}

a.mainlevel {
/* background: url(../images/but1.gif) no-repeat; */
background-position: left;
background-color: #fff;
padding-top: 5px;
 border-bottom: solid 1px #915197;
color: #336633;
line-height: 27px;
height: 27px;
width: 150px;
padding-left:33px;
font-size: 13px;
}
a.mainlevel:link, a.mainlevel:visited {
/* background: url(../images/but1.gif) no-repeat; */
background-position: left;
background-color: #fff;
padding-top: 5px;

line-height: 27px;
height: 27px;
width: 150px;
padding-left:33px;
font-size: 13px;

}
a.mainlevel:hover {
background: url(../images/but2.gif) no-repeat;
background-position: left;
background-color: #D4C898;
line-height: 27px;
height: 27px;
width: 274px;
color: #fff;
padding-top: 5px;

text-decoration: none;
width: 100%;
padding-left:33px;
font-size: 13px;
}


text-decoration: underline;
width: 100%;
padding-left:33px;
font-size: 13px;
}

a.sublevel {
width: 145px;
border-right: 0px solid #000;
border-bottom: 1px solid #999;
padding: 0 5px 0 0;
margin-bottom: 0;
background-color: #ffffff;
padding-left: 33px;
color: #333;
}


a.sublevel:hover {
padding-left: 38px;
color: #F3601E;
text-decoration: underline;
}

select.boldItalic,
option.boldItalic,
select.boldItalic option.boldItalic {
   font-weight:bold;
   font-style:italic;
}

select.boldItalic option {
   font-weight:normal;
   font-style:normal;
}


/* -- Positionierung der Bereiche --*/
#content
{
        max-width: 950px;
height:100%;
        padding: 0px;
        border-right: solid 0px #99cc00;
        background: url(../images/hell.jpg) repeat-y;
        
min-height: 600px;
        position: relative;
        margin: 0px auto;
        text-align: left;
}

* html #content { height: 500px; }
body > #content { width: auto; }
*html #content { width: expression((body.offsetWidth>1000)?'950px':'auto'); }
*>html #content { width: 950px; }

#navigation
{
        border-bottom: solid 1px #eeeeee;
        display: block;
        background: url(../images/woerter5.gif) bottom left no-repeat;
        margin: 0px;
        font-size: 0.8em;
        text-align: right;
        min-height: 112px;
        padding:0;
}

* html #navigation { height: 112px; }

#top
{
        border-top: solid 1px #99cc00;
        border-bottom: solid 3px #eeeeee;
        margin: -1px 0px 0px 0px;
        font-size: 0.8em;
        padding: 0px 20px 0px 0px;
        min-height: 30px; 
        font-weight: normal;
        background: #ffffff;
}

*html #top { height: 80px; }

#drum
{
        top: 0px;
        right: 0px;

        padding: 0px;
      margin: 0px 0 0 202px; 
        border: 0px solid #cc0000;
       /* min-height: 20px; */
}

#top img
{
        margin: 0 20px 20px 0;
        padding: 0;
        display: inline;
}

#top h2
{
        font-size: 1.6em;
        margin: 20px 0 0 0;
        border: solid 0px;
        color: #3A9D09;
}

#top p
{
        padding: 10px 0 10px 0;
        margin: 0;
}

#Bereichsmenue
{
        top: 122px;
        left: 0px;
        padding: 0px;
        margin: 0px;
        border-top: 0px solid #3A9D09;
        font-size: 0.8em;
        position: absolute;

        
background-color: #ffffff;
}

html + body #Bereichsmenue
{
        top: 133px;
        border: solid 0px #000000;
}

#rechts
{
        float: right;
        width: 200px;
        border: solid 0px #000000;
        margin: 0px;
        padding: 0px;
        font-size: 0.77em;
}

.moduletable
{
        border: solid 0px #cccccc;
        padding: 10px;
        margin: 13px 0 20px 0;
        background:#ffffff;
}

.moduletable h3
{
        padding: 16px 0 0 0px;
        border-bottom: solid 1px #cccccc;
        text-transform: uppercase;
        margin: 0;
        color: #3A9D09;
}

.moduletable p
{
        margin: 10px 0 2px 0;
        font-size: 0.9em;
        
}

.moduletabletipp
{
        border-left: solid 0px #3A9D09;
        padding: 0 10px 0px 10px;
        margin: 13px 0 20px 0;
        background:#ffffff;
}

.moduletableonline
{
        margin: 0px;
        padding: 0px;
        background:#ffffff;
}

.moduletableonline img
{
        border: solid 0px;
        margin: 0px;
        padding: 0px;
}

.moduletabletipp h3
{
        padding: 16px 0 0 0px;
        border-bottom: solid 1px #cccccc;
        text-transform: uppercase;
        margin: 0;
        color: #3A9D09;
}

.moduletabletipp h4
{
        font-size: 1em;
        margin: 10px 0 2px 0;
        padding: 0;
}

.moduletabletipp p
{
        padding: 0px;
        margin: 10px 0 2px 0;
}

.moduletablecontentrechts
{
        border-left: solid 0px #3A9D09;
        padding: 0 10px 0px 10px;
        margin: 13px 0 20px 0;
}

.moduletablecontentrechts h3
{
        padding: 16px 0 0 0px;
        border-bottom: solid 1px #cccccc;
        text-transform: none;
        margin: 0;
        color: #3A9D09;
        font-size: 1.2em;
}

#Bereichsmenue .moduletable
{
        margin: 0 0 0 10px;
        padding: 0;

}

.teaser
{
        border: solid 0px;
        display: block;
        min-height: 14em;
        padding: 0 0 0px 0;
        color: #000000;
        margin: 0 0 20px 0;
}

.teaser .icon { padding: 0px; }

.teaser h2
{
        margin: 10px 0 10px 0;
        font-weight: normal;
}

.teaser p { padding: 10px; }

.teaser img
{
        float: left;
        margin: 10px 20px 20px 10px;
}

* html .teaser { height: 200px; }

#inhalt
{
        padding: 20px 0px 20px 20px;
        font-size: 0.8em;
        border:solid 0px;
        background:#ffffff;
}

#inhalt2
{
        border: solid 0px;
        font-size: 0.8em;
        margin: 0 200px 0 0;
        padding: 20px;
        background:#ffffff;
}

/* Inhalt mit rechts */
.float2
{
        width: 90%;

        display: block;
        float: left;
        padding: 5px;
        overflow: hidden;
        border: solid 0px #cccccc;
        margin: 0 30px 10px 0;
        background:#ffffff;

}

/* Inhalt mit links */
.float3
{
        width: 25%; 


        display: block;
        float: right;

        
        padding: 0 0px  0 6px;
        OVERFLOW: auto;
        border: solid 0px #cccccc;
        margin: 0 20px 10px 0;
        background:#ffffff;
scrolling: yes;

}
.spalte{border:solid 0px; padding:0px; width:auto; display:block; }
/* ie 5 hack */
html + body .float2
{
        width: 99%;
        border: solid 0px;
}

/* Inhalt mit ohne */
.float1
{
        padding: 0px;
        margin: 0 10px 0 0px;
        border: solid 0px;
        display: block;
}

#inhalt img , #inhalt .float1 img ,  #inhalt2 img , #inhalt2 .float1 img , #inhalt2 img
{
        padding: 3px;
        margin: 0px 20px 10px 0;
        border: solid 1px #cccccc;
        float: left;
}

#inhalt .float2 h2 , #inhalt2 .float2 h2
{
        font-size: 1.3em;
        color: #6D4A8B;
        border-bottom: solid 1px #6D4A8B;
        margin: 10px 0 0 0;
        padding: 0px;
        background: none;
        font-weight: bold;
}

/* Navigation oben */
#navigation ul li a
{
        color: #ffffff;
        text-decoration: none;
        padding: 2px;
}

#navigation ul li a:visited
{
        color: #ffffff;
        text-decoration: none;
}

#navigation ul li a:hover
{
        color: #ffffff;
        text-decoration: underline;


}

#navigation ul
{
        list-style-type: none;
        margin: 0 0 0px 0px;
        
border: solid 0px #ffffff;
         padding: 93px 10px 0px 10px;




}

#navigation ul li
{
        color: #aaaaaa;
        font-weight: bold;
        display: inline;
         padding: 4px 20px 2px 15px;
        border-right: solid 1px #ffffff;
        background: #7D4C73;
}

html + body #navigation ul li { width: 160px; }

#navigation ul li a:active
{
        background: #ffffff;
        color: #000000;
}

#navigation ul li a:focus
{
        background: #ffffff;
        color: #000000;
}

#navigation #active_menu-nav
{
        background: #3A9D09;
        color: #000000;
}

/*allgemeine Formatierung*/
.trenner
{
        background: url(../images/trenner.gif);
        height: 30px;
        clear: left;
        margin: 25px 0 15px 0;
}

.back_button { text-align: right; }

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

a:hover
{
        background: #E0E1C8;
        color: #000000;
}

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

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

a:active
{
       
        color: #ffffff;
}

a:focus
{
        background: #E0E1C8;
        color: #ffffff;
}

.icon a:link { text-decoration: none; }
.icon a:visited { text-decoration: none; }

h1
{
        font-size: 1.1em;
        font-weight: bold;
        padding: 3px 3px 3px 0;
        border-bottom: 1px solid #cccccc;
        color: #99cc00;
        line-height: 1.5em;
        text-align: left;
        text-transform: uppercase;
        margin: 0px 0 0px 0px;
}

h2
{
        font-size: 1.6em;
        font-weight: normal;
        padding: 0;
        color: #3A9D09;
        line-height: 1.2em;
        margin: 20px 0 10px 0;
}

h3
{
        font-size: 1.3em;
        font-weight: bold;
        padding: 0px;
        margin: 15px 0 15px 0;
        border-bottom: 0px solid #cccccc;
        color: #3A9D09;
        line-height: 1.1em;
}

p
{
        margin: 10px 0 10px 0;
        line-height: 1.4em;
}

/* Inhalte Bereichsmenue */
#Bereichsmenue ul
{
        list-style: none;
        margin: 0px 0 0 3px;
        padding: 0px;
        border: none;
        background:#ffffff;
}

#Bereichsmenue ul li
{
        border-bottom:1px solid #b2b299
        height: 1%;
        margin: 0;
        padding: 1px 0 1px 1px;
}

#Bereichsmenue ul li ul
{
        margin: 8px 0px 8px 15px;
        padding: 5px 0 5px 0px;
        border-top: solid 2px #99cc00;
        border-bottom: solid 2px #99cc00;
}

#Bereichsmenue ul li ul li ul
{
        margin: 10px 0px 10px 20px;
        padding: 0px
        border-top: solid 0px #99cc00;
        border-bottom: solid 1px #99cc00;
}



#Bereichsmenue ul li ul li ul li
{
        border-bottom: 1px solid #cccccc;
        padding: 0 0 0 0px;
        margin: 0px 0 0px 1px;
}

#Bereichsmenue ul li ul li
{
        border-bottom: 1px solid #cccccc;
        padding: 0px;
        margin: 5px 0 5px 1px;
}

#Bereichsmenue ul li a:link
{padding: 2px 0 2px 0;text-decoration:none;
display:block}
#Bereichsmenue ul li a:visited
{text-decoration:none;display:block;padding: 2px 0 2px 0;}

#active_menu1, #active_menu2, #active_menu3, #active_menu { font-weight: bold; color:#297106; padding-left: 10px; background: url(eck.gif) no-repeat top left; }
.unsichtbar, .reader, a.skip { display: none; }

#active_menu1:hover , #active_menu2:hover , #active_menu3:hover {color:#000000}

.sign { 
	background: url(eck.gif) no-repeat top left; 
	margin-top: 2px; 
	width: 10px; 
	height: 12px; 
	float: left;
	}
/* iemac hide \*/
.unsichtbar, .reader, a.skip
{
        position: absolute;
        left: -3000px;
        top: -2000px;
        width: 0px;
        height: 0px;
        overflow: hidden;
        display: inline;
}

/* eof iemac hide */
.wrap
{
        float: none;
        clear: left;
        border: 0;
        visibility: hidden;
        margin: 0;
        padding: 0;
        height: 0;
        line-height: 1px;
        font-size: 1px;
}

.wrap2
{
        float: none;
        clear: both;
        border: 0;
        visibility: hidden;
        margin: 0;
        padding: 0;
        height: 0;
        line-height: 1px;
        font-size: 1px;
}

/*formular*/
label
{
        margin: 0;
        border: 0px solid #cccccc;
        background-color: #ffffff;
        color: #666666;
        padding-top: 0.3em;
        padding-right: 1em;
        padding-bottom: 0em;
        font-size: 1em;
        vertical-align: top;
}

#formular
{
        margin: -5px 0 0 0;
        border: solid 0px;
        padding: 20px 10px 20px 10px;
}

fieldset
{
        border: solid 0px;
        padding: 0px;
        margin: 0;
}

form p { padding: 10px 0 0px 0; }

input.searchbox
{
        color: #333333;
        background-color: #eeeeee;
        border: solid 1px #3A9D09;
        font-family: arial;
        font-size: 1em;
}

input.kontakt:focus
{
        background-color: #0db14b;
        color: #ffffff;
}

.highlight { text-decoration: underline; }

.submit
{
        background-color: #eeeeee;
        color: #000000;
        border: solid 1px #3A9D09;
        font-size: 1em;
        margin: 0 0 0 10px;
}

#footer
{
       
        text-align: right;
        padding: 0;
min-top: 500px;
        border: solid 0px;
        max-width: 950px;
        margin: 0 auto;
}

body > #footer { width: auto; }
*html #footer { width: expression((body.offsetWidth>1000)?'950px':'auto'); }
*>html #footer { width: 950px; }

.prop
{
        height: 70px;
        float: right;
        width: 1px;
        border: solid 0px;
        margin: 0;
}

.back_button
{
        text-align: right;
        font-size: 0.9em;
        border-top: solid 1px #cccccc;
        margin: 40px 0 0 0;
        padding: 10px 0 0 0;
        color: #cccccc;
}

a.back , a.top { padding: 0px 10px 0 20px; }

/* Seitennavigation */
ul.pagenav
{
        border-top: solid 2px #3A9D09;
        border-bottom: solid 2px #3A9D09;
        margin: 0px 0 0 -10px;
        padding: 10px 0 10px 0;
}

ul.pagenav li
{
        display: inline;
        border-right: solid 1px #3A9D09;
        padding: 0px 10px 0 10px;
}

.blog_more
{
        margin: 20px 0 50px 0;
        border: solid 0px;
}

h3.pagenavh
{
        margin: 0px 0 0px -10px;
        padding: 0px 5px 0 5px;
        font-size: 1.0em;
        color: #ffffff;
        background: #3A9D09;
        display: inline;
}

/*blogmore */
.blog_more ul
{
        border-top: solid 2px #3A9D09;
        border-bottom: solid 2px #3A9D09;
        margin: 0px 0 0 -10px;
        padding: 20px 0 20px 20px;
        list-style-type: square;
}

.blog_more ul li { margin: 10px 0 10px 0; }

p.pagenav
{
        border-top: solid 2px #3A9D09;
        border-bottom: solid 2px #3A9D09;
        margin: 0px 0 0 -10px;
        padding: 10px 0 10px 0;
}

img.content
{
        padding: 0.2em;
        text-align: left;
        border: solid 1px #cccccc;
        float: right;
        display: inline;
        margin: 20px;
        width: 120px;
}

/* Sitemap */
.sitemapebene0
{
        margin: auto;
        background: url(../images/strich.gif) repeat-y;
        list-style-type: none;
        padding: 0px;
}

.sitemapebene1
{
        margin: 10px 0 0 30px;
        background: url(../images/strich2.gif) repeat-y;
        list-style-type: none;
        padding: 30px 0 0 0px;
}

.sitemapebene2
{
        margin: 10px 0 0 30px;
        background: url(../images/strich3.gif) repeat-y;
        list-style-type: none;
        padding: 30px 0 0 20px;
        border: solid 0px;
}

.sitemapebene0 li
{
        margin: 0px;
        padding: 10px;
}

.sitemapebene1 li
{
        margin: 0px;
        padding: 10px;
}

.sitemapebene2 li
{
        margin: 0px;
        padding: 10px;
}

#inhalt .sitemapebene0 a.sitemap:link
{
        border: solid 1px #000000;
        padding: 5px;
        display: block;
        width: 200px;
        background: #ffffff;
}

#inhalt .sitemapebene0 a.sitemap:visited
{
        border: solid 1px #000000;
        padding: 5px;
        display: block;
        width: 200px;
        background: #ffffff;
}

#inhalt .sitemapebene0 a.sitemap:hover
{
        background: #000000;
        color: #ffffff;
}

#inhalt .sitemapebene0 a.sitemap:active
{
        background: #000000;
        color: #ffffff;
}

#inhalt .sitemapebene0 a.sitemap:focus
{
        background: #000000;
        color: #ffffff;
}

#inhalt .sitemapebene1 a.sitemap:link, #inhalt .sitemapebene1 a.sitemap:visited
{
        border: solid 1px #3A9D09;
        padding: 5px;
        display: block;
        width: 200px;
        background: #ffffff;
}

#inhalt .sitemapebene0 a.sitemap:hover
{
        background: #3A9D09;
        color: #ffffff;
}

#inhalt .sitemapebene1 a.sitemap:active
{
        background: #3A9D09;
        color: #ffffff;
}

#inhalt .sitemapebene1 a.sitemap:focus
{
        background: #3A9D09;
        color: #ffffff;
}

/* --  Linie-- */
hr
{
        /* beide Farben gleich setzen */
        /* und eine "Null-Border" verwenden, */
        /* da die Browser bei der Darstellung */
        /* unterschiedlich vorgehen */
        background-color: #cccccc;
        color: #cccccc;
        border: 0 none;
        margin: 0 10px 0 0;
        padding: 0px;
        line-height: 1px;
        /* bei Bedarf anpassen, */
        /* Gecko fŸgt ein Pixel hinzu! */
        height: 1px;
        /* evtl. zusŠtzlich */
        clear: both;
        display: block;
        /* bei Bedarf anpassen */
        width: 95%;
}