* {
margin: 0;
padding: 0;
color:#000;
}

html{
background:#fff7d5;
font-size:100.1%;
}

body{
width:55em;
background:#fff7d5;
font-size:0.9em;
font-family:arial,helvetica,sans-serif;
margin:10px auto;
text-align:center;
}

ul{
list-style-type:none;
padding:0.5em 0 0 0.2em;
}

table{
margin:1em auto 2em auto;
border:2px solid #000;
border-collapse:collapse;
}
td{
border:2px solid #000;
border-collapse:collapse;
padding:0.2em;
}

p{
text-align:justify;
padding:0.2em;
}

/* ---- */

#container{
width:55em;
margin:auto;
text-align:left;
}

#logo{
background-image:url(logo.gif);
background-repeat:no-repeat;
background-position:50%;
width:7em;
height:7em;
float:left;
}

#titel{
background:#93bac7;
margin-left:8em;
height:7em;
clear:right;
text-align:center;
}

#navi{
clear:left;
float:left;
width:7em;
margin:1em 0;
text-align:left;
background:#93bac7;
padding:2px;
}

#navi ul li a{
text-decoration:none;
height:1.4em;
display:block;
background:#93bac7;
}

#navi a:hover{
background:#b0b7e4;
}

#navi a:focus{
background:#a8b4e9;
}

#navi li{
position:relative;
}

#navi ul li ul {
position: absolute;
top: 0;
left: 99%;
width: 100%;
}

div#navi ul li ul,
div#navi ul li:hover ul
{display: none;}

div#navi ul li:hover ul,
div#navi ul ul li:hover ul
{display: block;}

#content{
margin:1em 0 1em 8em;
padding:0.5em;
background:#e1edf1;
clear:right;
}

#content h2{
text-decoration:underline;
padding:0 0 1em 1em;
}

#footer{
clear:left;
background:#d6daf1;
text-align:right;
}

#footer span{
float:left;
}