div#praesentation
{
left: 0px;
font-size:100%;
text-align:left;
width: 80%;
padding: 20px 20px 20px 5%;
border: 1px solid;
border-color: #FFEFD4 #3D3D3D #3D3D3D #FFEFD4;
background-color: #C0C0C0; /* grau */
color: #005E01; /* gruen */
}

div#praesentation h1
{
font-size:1.2em;
padding:10px 3px 3px 3px;
letter-spacing:3px;
background:#C65C39; /* orange */
border: 1px solid;
border-color: #FFEFD4 #3D3D3D #3D3D3D #FFEFD4;
border-top: 4px solid #F08500;
color:#fff;
}

div#praesentation h2
{
padding:1p;
font-size:1.1em;
color:#C65C39;
}

DIV.abb
{
float: right;
border: 1px solid #C65C39;
margin: 10px;
padding: 6px;
text-align: center;
}

.legende
{
font-weight: bold;
font-size: 10px;
margin-top : 6px;
}

.gr
{
width: 140px;
height : 140px;
}


/* Standard-Links ------------------------*/ 
div#praesentation a:link
{
border-left: 3px solid #F08500;
color: #fff;
padding-left: 3px;
}

div#praesentation a:link:hover
{
border-left: 3px solid #00FFFF;
background-color: #c30;
color : #FFEAC8;
padding-left: 3px;
}

div#praesentation a:visited:hover
{
border-left: 3px solid #F08500;
color : #fff;
padding-left : 3px;
}

div#praesentation a:visited
{
border-left: 3px solid #F08500;
color: #fff;
padding-left: 3px;
}

div#praesentation a:active
{
border-left: 3px solid #F08500;
color: #fff;
padding-left: 3px;
}

/* --- Navigationsliste Fusszeile ----- */
#subcontainer
{
background: #FF8000;
margin: 0 auto;
padding: 0 0 0 0;
font-family: Arial, Helvetica, sans-serif;
border: 1px solid;
border-color: #3D3D3D #FFEFD4 #FFEFD4 #3D3D3D;
}

/* to stretch the container div to contain floated list */
#subcontainer:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul#sublist
{
list-style: none;
padding: 0;
margin: 0 auto;
width: 80%;
font-size: 1.0em;
}

ul#sublist li
{
display: block;
float: left;
width: 15%;
margin: 0;
padding: 0;
}

ul#sublist li a
{
display: block;
width: 100%;
padding: 0.5em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #E8FFE8;  /* hellgrün */
text-decoration: none;
background: #008001;  /* grün */
}

#subcontainer>ul#sublist li a { width: auto; }

ul#sublist li#active a
{
background: #EB2E12;  /* rot */
color: #BDBEFF;  /* hellblau */
padding-right: 20%;
border: 1px solid;
border-color: #aaab9c #fff #fff #ccc;
margin-right: 20%;
}

ul#sublist li a:hover, ul#sublist li#active a:hover
{
color: Blue;  /* blau */
background: #E5E600;  /* gelb */
border-color: #aaab9c #fff #fff #ccc;
}