body, html {
    background-color: #eee;
    font-family: sans-serif;
    margin: 0;
    padding: 0;
    line-height: 110%;
}

body .container {
    border: 1px solid lightgrey;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
}

.header {
    font-size: 24pt;
    height: 4ex;
    width: 100%;
    line-height: 100%;
}

.header h1 {
    font-size: 24pt;
    color: #c00;
    font-family: serif;
    font-weight: 500;
    margin: auto;
}

h1, h2, h3, h4, h5, h6 {
    margin: 1ex 0 0 0;
    color: #600;
}

h1 :link, h2 :link, h3 :link, h4 :link, h5 :link, h6 :link, 
h1 :visited, h2 :visited, h3 :visited, h4 :visited, h5 :visited, h6 :visited, :link, :visited {
    color: #600;
}


ol, ul {
    margin: 0 0 0 1.5em;
    padding: 0;
}

li {
    margin: 1ex 0;
}

h1 {
    font-size: 15pt;
}

h2 {
    font-size: 14pt;
}

h3 {
    font-size: 12pt;
}

h4 {
    font-size: 11pt;
}

h5 {
    font-size: 10pt;
}

h6 {
    font-size: 9pt;
}

img {
    border: 0;
}

body .container {
    width: 54em;
    max-width: 99%;
    min-width: 800px;
    margin: 2em auto;
    background-color: white;
}

body .container .body_container {
    width: 99%;
    font-size: 75%;
    margin: 1ex auto;
}

.header {
    border-bottom: 1px dotted #600;
}

td.teaser, td.column {
    vertical-align: top;
}

.header h1 {
    display: inline;
}

.column {
    height: 100%;
}

.column.left {
    width: 22%;
    min-width: 22%;
}

.column.right {
    width: 25%;
    min-width: 25%;
}

.column.left {
    border-right: 1px dotted #600;
}

.column.left img {
    margin: 5ex auto;
    display: block;
}

.column.right {
    background-color: #eee;
}

.column.middle table {
    width: 100%;
}

.menu .current {
    font-weight: bolder;
}

.current .menu {
    font-weight: normal;
    
}

.menu .menu {
    margin-left: 1em;
}

.menu .menu dd {
    text-transform: none;
}

.menu dt {
    display: none;
}

.menu dd {
    margin: 1ex 0;
}

.menu a {
    text-decoration: none;
    color: #600;
}

#footer {
    clear: both;
}

.teasers {
    margin: auto;
    width: 100%;
    border-bottom: 1px dotted black;
}

.teaser {
    width: 48%;
    margin: 0 auto;
    padding: 0 1em;
}

.teaser.left_teaser {
    left: 0;
}

.teaser.right_teaser {
    right: 0;
}

.column.right .teaser {
    width: 96%;
}

.column .content {
    margin: 1em;
}

.clearer {
    clear: both;
}

p {
    margin: 1.5ex 0;
    font-size: 9pt;
    display: block;
}

div, img {
    margin: 0;
    padding: 0;
    display: block;
}

.teaser img {
    display: inline;
}

.editlink {
    outline: 1px dotted red;
    background-color: yellow;
}

.discreet:link, .discreet:visited {
    text-decoration: none;
    color: #bbb;
}