span.Blue {
    color: #0000FF;
}

span.Yellow {
    color: #FFFF00;
}

span.Gray {
    color: #CCCCCC;
}

span.Green {
    color: #00FF00;
}

span.Red {
    color: #FF0000;
}

span.Black {
    color: #000000;
}

span.White {
    color: #FFFFFF;
}

img {
    border: 0px none;
}

h1, h2, h3, h4, h5 {
    line-height: 1.2em;
    margin-top: 0pt;
}

h1 {
    font-size: 1.8em;
}

h3 {
    font-size: 1.3em;
}

.smallfont {
    font-size: 10px;
}

.template {
}

.barrierReef {
    left: -5000px;
    position: absolute;
}

.printOnly {
    display: none;
}

.screenOnly {
    display: block;
}

.marginright {
    margin-right: 15px;
}

.marginleft {
    margin-left: 15px;
}

.template_default {
}

.template_include {
    margin: 0px !important;
}

.template_texttext .template_left {
    width: 48%;
}

.template_texttext .abstandRechts {
    margin-right: 4%;
}

.template_1bild {
}

.template_2bild small {
    display: block;
    margin: 15px 0pt;
}

.template_2bild .template_left, .template_2bild .template_right {
    width: 48%;
}

.template_2bild .abstandRechts {
    margin-right: 4%;
}

.template_3bild .template_left, .template_3bild .template_right {
    width: 32%;
}

.template_3bild .abstandRechts {
    margin-right: 2%;
}

.template_2bildtext small {
    display: block;
    margin: 15px 0pt;
}

.template_2bildtext .template_left {
    width: 62%;
}

.template_2bildtext .abstandRechts {
    margin-right: 4%;
    width: 31%;
}

.template_text2bild small {
    display: block;
    margin: 1em 0pt;
}

.template_text2bild img {
    display: block;
    margin: 0pt 0pt 0.7em;
}

.template_text2bild .abstandRechts {
    margin-right: 4%;
    width: 62%;
}

.template_table table {
    margin: 0pt;
    width: 100%;
}

.template_table th {
    text-align: left;
}

.template_left {
    float: left;
}

.template_right {
    float: right;
}

.inplace {
    background-color: #000000;
    clear: both;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 0px 3px 10px;
}

.clear {
    clear: both;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0pt;
    visibility: hidden;
}

* html .clearfix {
    height: 1%;
}

.nav {
}

#statusbox {
    position: absolute;
    top: 100px;
    left: 200px;
    width: 180px;
    height: 60px;
    border: 2px solid #222;
    padding: 5px;
    background: #333;
    color: #999;
    line-height: 10px;
    visibility: hidden;
}

#userstatuslist img, #statusbox img {
    position: relative;
    top: 3px;
}

#statusbox a {
    color: #999;
    text-decoration: none;
}

#statusbox a:HOVER {
    color: #fff;
    text-decoration: none;
}

#statusbox img#pfeil {
    position: absolute;
    top: 70px;
    left: 78px;
}

#userstatuslist{
    background: #ddd;
    padding: 3px;
    border: 1px solid #777;
}