#container
{
font-family: sans-serif;
width: 74%;
margin: 15px auto;
background-color: #dddddd;
color: #333;
border: 1px solid gray;
line-height: 130%;
}

#top
{
padding: .5em;
background-color: #4b578a; 
border-bottom: 1px solid gray;
background-image: url(../images/oben.jpg);
background-repeat: repeat-x;
background-position: 25% 12px;
min-height: 50px;
}

#top h1
{
padding: 0;
margin: 0;
}

#topnav {
padding: .3em;
padding-left: .5em;
background-color: #ffffff;
border-bottom: 1px solid gray;
}

#leftnav
{
float: left;
width: 124px;
margin: 0;
padding: 0.5em;
height: 450px;
background-color: #dddddd;
background-image: url(../images/pi-one-horiz.gif);
background-repeat: no-repeat;
background-position: bottom right ;
}

#rightnav
{
float: right;
width: 123px;
margin: 0;
padding: 1em;
font-size: 0.8em;
line-height: 1.1em;
text-align:justify;
background-color: #dddddd;
}

#content
{
margin-left: 140px;
border-left: 1px solid gray;
margin-right: 149px;
border-right: 1px solid gray;
padding: 1em;
background-color: #ffffff;
min-height: 450px;
font-size: 0.8em;
}

#footer
{
clear: both;
margin: 0;
padding: .3em;
/* color: #333; */
color: #ffffff;
background-color: #4b578a;
border-top: 1px solid gray;
background-image: url(../images/unten.jpg);
background-repeat: repeat-x;
/* height: 20px; */
font-size: 10pt;
}

#leftnav p, #rightnav p { margin: 0 0 0.5em 0; }
#content h2 { margin: 0 0 .5em 0; }