body { background-color: #ddddee; font-family: Verdana, Arial, "Times New Roman"; font-size: 11pt; }
body
{
    margin: 0;
    padding: 0;
}
a { text-decoration: none; }
div.overall { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; }
div.title {
    position: relative;
    top: 10px;
    left: 200px;
    width: 440px;
    margin: 0px 0px 20px 0px;
    padding: 20px 0px 20px 0px;
    background-color: #666699;
    text-align: center;
    vertical-align: middle;
    color: #eeeeee;
    font-size: 16pt;
}
div.nav {
    position: absolute;
    top: 130px;
    left: 14px;
    width: 165px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 5px;
    background-color:#ccccff;
}
body>div.nav {
    position: fixed;
} 
div.nav-rechts {
    position: absolute;
    top: 190px;
    left: 650px;
    width: 165px;
    margin: 0px;
    padding: 0px 0px 0px 5px;
    background-color:#ccccff;
}
body>div.nav-rechts {
    position: fixed;
} 
div.nav-image {
    position: absolute;
    top: 20px;
    left: 23px;
    margin: 0px;
    padding: 0px;
    z-index: 90;
}
div.address {
    position: absolute;
    top: 500px;
    left: 14px;
    width: 170px;
    margin: 0px;
    padding: 0px;
    background-color:#666699;
    color: #eeeeff;
    font-size: 8pt;
}
div.address table {
    width: 100%;
    text-align: right;
}
div.address td {
    text-align: right;
    margin: 0px;
    padding: 1px;
}
div.address a {
    color: #eeeeff;
}

div.address a img {
    position: fixed;
    top: 190px;
    left: 29px;
    width: 0px; height: 0px;
}

img {
    border-style: none;
    border-width: 0px;
}

div.address a:hover {
    color: #cccc00; 
}

div.address a:hover img {
    position: fixed;
    top: 320px;
    left: 50px;
    width: 140px;
    height: 169px;
    z-index: 100;
    background: black;
}
div.email {
    position: absolute;
    top: 555px;
    left: 14px;
    width: 170px;
    margin: 0px;
    padding: 0px;
    background-color:#666699;
    color: #eeeeff;
    font-size: 8pt;
}
div.email table {
    width: 100%;
    text-align: right;
    margin: 0px;
    padding: 0px;
}

div.email td {
    margin: 0px;
    padding: 0px 0px 0px 0px;
}

div.email a {
    color: #eeeeff;
}
div.email a:hover {
    color: #cccc00; 
}

div.news {
    position: absolute;
    top: 574px;
    left: 14px;
    width: 170px;
    margin: 0px;
    padding: 0px;
    background-color:#666699;
    color: #eeeeff;
    font-size: 8pt;
}

div.news table {
    width: 100%;
    text-align: right;
    margin: 0px;
    padding: 0px;
}

div.news td {
    margin: 0px;
    padding: 0px 0px 0px 0px;
}

div.news a {
    color: #eeeeff;
}
div.news a:hover {
    color: #cccc00; 
}

div.content {
    position: relative;
    left: 225px;
    padding: 10px 5px 0px 5px;
    margin-top: 20px;
    width: 380px;
    height: 480px;
    overflow: auto;
    font-size: 9pt;
    color: #666699;
}

div.content td {
    text-align: justify;
    vertical-align: top;
    padding-bottom: 10px;
}

td.left {
    padding-right: 2px;
    text-align: left;
    background-color: #ccccee;
}
td.right {
    padding-left: 2px;
    text-align: right;
    background-color: #ccccee;
}
div.content td.image {
    width: 100%;
    text-align: center;
}

table.preise {
    width: 100%;
    font-size: 8pt;
}
table.preise th {
    background-color: #666699;
    color: #eeeeee;
    font-weight: bold;
}
table.preise td {
    text-align: left;
    padding: 0px 2px 0px 2px;
    margin: 0px 2px 0px 2px;
}
table.preise td.preis {
    white-space: nowrap;
}

table.preise tr.gerade {
    background-color: #ddddee;
}
table.preise tr.ungerade {
    background-color: #ccccff;
}
table.preise td.links {
    text-align: left;
}
table.preise td.mitte {
    text-align: left;
}
table.preise td.rechts {
    text-align: left;
}

em { font-style: italic; }

div.content .small {
    font-size: 8pt;
}
div.content td.small-right {
    font-size: 8pt;
    text-align: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
div.content td.heading-special {
    font-weight: bold;
    background-color: #ccccff;
    font-size: 11pt;
    padding: 3px 5px 3px 5px;
    margin: 3px 5px 3px 5px;
}
div.content td.heading {
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 10px 0px;
    /* background-color: #666699;*/
    vertical-align: middle;
    color: #666699;
    font-size: 11pt;
    font-weight: bold;
}
div.content td.em {
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 10px 0px;
    /* background-color: #666699;*/
    vertical-align: middle;
    color: #666699;
    font-size: 9pt;
    font-weight: bold;
}
div.content td.jahrzahl {
    text-align: right;
    font-style: italic;
    white-space: nowrap;
}
div.content td.lebenslauf {
    text-align: left;
}
div.content a {
    color: #666699;
    font-style: italic;
    text-decoration: underline;
}

div.content ul { text-align: left; }


div.times {
    position: absolute;
    top: 10px;
    left: 650px;
    margin: 0px;
    padding: 0px 2px 1px 2px;
    width: 166px;
    background-color:#ccccff;
    color:#666699;
    font-size: 8pt;
}
div.times table {
    text-align: left;
}
div.times table td {
    padding: 1px 0px 0px 0px;
}
div.times td.title {
    font-weight: bold;
}

img.float-left {
    float: left;
    padding: 0px 5px 0px 0px;
    margin:  0px 5px 0px 0px;
}
img.float-right {
    float: right;
    padding: 0px 0px 0px 5px;
    margin:  0px 0px 0px 5px;
}
img.float-both {
    float: both;
}

dd {
    padding-top: 5px;
    padding-bottom: 5px;
}

li div.explanation {
    padding-left: 20px;
    font-size: 8pt;
}