html, body {
margin:0;
padding:0;
font-family:Arial;
}

.foto {
height:122px;
width:200px;
position:absolute;
top:0px;
margin:0;
padding:0;
background-color:transparent;
background-image:url(../images/soenke.jpg);
background-repeat:no-repeat;
background-position:100px 0;
}

.header {
position:relative;
margin:30px 0;
padding-left:210px;
background-color:orange;
font-size:xx-large;
}

.berufstitel {
font-size:smaller;
}

ul.menu  {
float:left;
margin:0;
padding:0;
width:170px;
list-style-type:none;
}

.menu  li {
margin:20px;
margin-left:0px;
padding:3px 0px;
background-color:#00FF01;
text-align:center;
font-size:small;
}

.menu a:link, .menu a:visited {
text-decoration:none;
color:black;
}

.menu a:hover, .menu a:active  {
font-weight:bold;
}

.submenu a:link, .submenu a:visited {
color:black;
}

.submenu a:hover, .submenu a:active {
color:orange;
font-weight:normal;
}

ul.submenu {
margin:0;
margin-bottom:-10px;
padding:0;
background-color:white;
list-style-type:square;

}

ul.submenu li {
padding-left:30px;
background-color:white;
margin:0;
text-align:left;
}

.footer {
clear:both;
}

.footer ul {
margin:0;
margin-left:170px;
padding:0;
list-style-type:none;
}

.footer li{
display:inline;
margin:0;
padding:20px;
font-size:smaller;
}

.footer a:link, .footer a:visited, .footer a:hover, .footer a:active {
color:black;
font-size:smaller;
text-decoration:none;
}

.content {
margin:0;
margin-left:170px;
margin-right:50px;
padding:10px;
}

.content a:link,.content a:visited, .content a:hover,.content a:active {
margin:3px;
padding-top:5px;
}

.formular {
position:relative;s
margin:0;
padding:0;
width:450px;
}
.formular label {
float:left;
}

.formular p{
margin:0;
padding:7px 8px;
clear:both;
}

.formular input, .formular select {
float:right;
}