html, body {
height: 100%;
margin: 0px;
padding: 0px;
font-family: Arial, Verdana, Tahoma;
font-size: 10pt;
color: #3d3d3d;
background: white;
}

#MainContainer {
position: absolute;
top: 20%;
left: 50%;
margin: 0 auto;
margin-left: -360px;
width: 720px; /*width: 720px;*/
text-align: right;
}

#HeadContainer {
text-align: left;
width: 720px;
height: 80px;
text-align: right;
}

#Logo {
margin-left: 10px;
float: left;
}

#LeftContainer {
text-align: left;
float: left;
width: 210px;
margin-top: 10px;
padding: 0px 10px;
}

#RightContainer {
text-align: left;
width: 490px;
margin-top: 10px;
float: right;
}


#SiteNavigation{
margin: 62px 0px 10px 120px;
padding: 0px;
float: left;
}

#SiteNavigation li{
display: inline;
}

#SiteNavigation li a{
display:inline; 
}

#ContentNavigation {
margin: 0px 4px;
padding: 5px;
background: url('../gfx/cont_nav.gif') repeat-x;
}

#imprint {
text-align: right;
margin: 0px 30px;
font-size: 8pt;
}


img {
border: 0px;
margin: 0px;
}

#ContentNavigation p {
color: #9d9d9d;
text-decoration: none;
font-weight: bold;
line-height: 13pt;
margin: 5px 0px;
}

#ContentNavigation strong {
color: #3d3d3d;
}

#ContentNavigation a {
color: #9d9d9d;
text-decoration: none;
font-weight: bold;
}

#ContentNavigation a:hover {
color: #ffaa00;
font-weight: bold;
}



#content {
padding: 5px 5px 5px 10px;
}

#content h1{
font-size: 12pt;
margin: 0px;
}

#content h2{
font-size: 10pt;
margin: 0px;
margin-top: 20px;
}

#content p{
margin: 10px 10px;
}

#content li{
display: inline;
}

#portfolio-page {
text-align: right;
}

#imprint a {
color: #3d3d3d;
text-decoration: none;
}

#imprint a:hover {
color: #3d3d3d;
text-decoration: underline;
font-weight: normal;
}

.overview {
margin-bottom: 70px;
}

.lastElement {
margin: 0px 30px 20px 5px;
}

td {
vertical-align: top;
}