#matrix
{
 width: 32.6em ;
 height: 28em ;
 position: relative ;
}
#matrix img
{
 border: none ;
}
#matrix #nutzercol
{
 float: left ;
 width: 9.15em ;
}
#matrix #nutzercol a
{
 display: block ;
 text-decoration: none ;
 width: 9.15em ;
 color: #154414 ;
 border-top: solid 3px #88b788 ;
 margin: 7.55em 0 0 0 ;
 padding: 0.4em 0 0 0 ;
}
#matrix #nutzercol a:hover 
{
 text-decoration: underline;
}
#matrix #nutzer
{
 margin: 0.9em 0 0 0 ;
 padding: 0 0 0 0 ;
 list-style-type: none ;
 list-style-image: none ;
}
#matrix #nutzer li
{
 position: relative ;
 margin: 0 0 0 0 ;
 padding: 0 0 0 0 ;
 width: 9.15em ;
 height: 3.1em ;
 list-style-type: none ;
 list-style-image: none ;
}
* html #matrix #nutzer li
{
 width: 9.15em ;
}
#matrix #nutzer li a
{
 display: block ;
 text-decoration: none ;
 width: 8.85em ;
 height: 2.8em ;
 color: #154414 ;
 border: solid 1px #9bc49b ;
 border-right: solid 3px #88b788 ;
 background-color: #e4f0e4 ;
 background-image: url('/umwelt/symbole/verlauf_g.gif');
 background-position: top left ;
 background-repeat: repeat-x ;
 margin: 0 0 2px 0 ;
 padding: 0 0 0 0 ;
}
#matrix #nutzer li a:hover 
{
 text-decoration: underline;
}
#matrix #nutzer li a span
{
 display: block ;
 padding: 0 0.2em 0 1.4em ;
 text-indent: -1.25em ;
}
#matrix #nutzer li a span.single
{
 padding: 10px 5px 0 20px ;
}
#matrix #nutzer li a span img
{
 margin: 0 -1px 0 0 ;
 padding: 0 0 0 0 ;
}
#matrix #nutzer li a:hover
{
 background-color: #e4f0e4 ;
 background-image: url('/umwelt/symbole/gruen_aktiv.gif');
 background-position: bottom left ;
}
#matrix #nutzer li div
{
 position: absolute ;
 height: 2px ;
 width: 22.5em ;
 top: 1.4em ;
 left: 8.89em ;
 background-color: #88b788 ;
}
#matrix #schutzcol
{
 float: left ;
 position: relative;
}
#matrix #schutzcol a
{
 display: block ;
 text-decoration: none ;
 width: 22.5em ;
 color: #134472 ;
 border-top: solid 3px #2683DD ;
 padding: 0.3em 0 0 0 ;
 margin: 0 0 0 0 ;
}
#matrix #schutzcol a:hover 
{
 text-decoration: underline;
}
#matrix #schutz
{
 margin: 0.5em 0 0 0 ;
 padding: 0 0 0 0 ;
 list-style-type: none ;
 list-style-image: none ;
}
#matrix #schutz li
{
 position: relative;
 margin: 3em 0 0 0 ;
 padding: 0 0 0 0 ;
 float: left ;
 list-style-type: none ;
 list-style-image: none ;
}
#matrix #schutz li.alt
{
 position: absolute ;
 top: 2em ;
 left: 0px ;
 margin: 0 0 0 0 ;
 padding: 0 0 0 0 ;
 height: 2em ;
}
#matrix #schutz li.landschaft
{
 left: 7.9em ;
}
#matrix #schutz li.klima
{
 left: 15.8em ;
}
#matrix #schutz li a
{
 display: block ;
 text-decoration: none ;
 width: 5em;
 height: 2.2em ;
 color: #134472 ;
 border: solid 1px #7cb4eb ;
 border-bottom: solid 3px #2683dd ;
 background-color: #eff5fb ;
 background-image: url('/umwelt/symbole/verlauf_b.gif');
 background-position: top left ;
 background-repeat: repeat-x ;
 margin: 0 0 0 0.6em ;
 text-align: center;
 white-space: nowrap ;
 padding: 0 0 0 0 ;
}
#matrix #schutz li.alt a
{
 width: 7em ;
 border: solid 1px #7cb4eb ;
 border-top: solid 3px #2683dd ;
}
#matrix #schutz li a:hover
{
 background-image: url('/umwelt/symbole/blau_aktiv.gif');
 background-position: bottom left ;
}
#matrix #schutz li a span
{
 display: block ;
 padding: 5px 0px 0 0px ;
}
#matrix #schutz li a span img
{
 margin: 0 5px 0 0 ;
 padding: 0 0 0 0 ;
}
#matrix #schutz li div
{
 position: absolute ;
 height: 16.69em ;
 width:    2px ;
 left: 2.85em ;
 top: 2.25em ;
 background-color: #2683DD ;
}
* html #matrix #schutz li div
{
 left: 2.85em ;
}

#matrix #schutz li.wasser
{
 margin-left: 2.1em;
}

#matrix #schutz li.wasser div
{
 left: 2.64em ;
}
* html #matrix #schutz li.wasser div
{
 left: 2.64em ;
}

#matrix #schutz li.boden
{
 margin-left: 2.1em;
}

#matrix #schutz li.boden div
{
 left: 2.4em ;
}
* html #matrix #schutz li.boden div
{
 left: 2.5em ;
}
#matrix #schutz li.alt div
{
 height: 19.8em ;
 left: 6.3em ;
 top: 2.5em ;
}
#matrix #schutz li.landschaft div
{
 height: 19.8.3em ;
 left: 6.3em ;
 top: 2.5em ;
}
#matrix #schutz li.klima div
{
 height: 19.8em ;
 left: 6em ;
 top: 2.5em ;
}
#matrix #mitte
{
 overflow: hidden ;
 position: relative ;
 list-style-type: none ;
 list-style-image: none ;
 margin: 9em 0 0 0 ;
 width:    23em ;
}
#matrix #mitte li
{
 position: relative ;
 list-style-type: none ;
 list-style-image: none ;
 float:    left ;
 padding: 0 0 0 0 ;
 margin: 0 0 1.38em 2.05em ;
 display: inline ;
}
#matrix #mitte li.leer
{
 width: 1.7em ;
 height: 1.7em ;
}
#matrix #mitte li a
{
 display: block ;
 width: 1.6em ;
 height: 1.6em ;
 line-height: 1.6em ;
 border: solid 1px #B6B6B6 ;
 background-color: #FFFFFF ;
 margin: 0 0 0 0 ;
 background-image: url('/umwelt/symbole/verlauf_s.gif');
 background-position: top center ;
 background-repeat: repeat-x ;
 padding: 0 0 0 0 ;
}
#matrix #mitte li a img
{
 padding: 0.4em 0 0 0.6em ;
}

* html #matrix #mitte li a
{
 width: 1.7em ;
 height: 1.7em ;
}
#matrix #mitte li a:hover
{
 background-image: url('/umwelt/symbole/grau_aktiv.gif');
 background-position: bottom center ;
}
#matrix #mitte li a span
{
 display: none ;
}