html {
    font-family: Verdana, Geneva, sans-serif;
}

.nofloat {
    clear: both;
}
.align-left {
    float: left;
}
.align-right {
    float: right;
}
.text-centered {
    text-align: center;
}
.text-justified {
    text-align: justify;
}
/*
.content-element h1, .content-element h2, .content-element h3, .content-element h4, .content-element h5, .content-element h6 {
    position: relative;
    float: left;
    width: 100%;
    clear: both;
}
.content-element p.bodytext {
    position: relative;
    width: 100%;
    padding: 5px;
}*/
.content-element p {
    padding-bottom: 5px;
    font-size: 0.9em;
}
h1.align-left {
    float: left;
    clear: both;
}
h1.align-right {
    float: left;
    clear: both;
}

h2.align-left {
    float: left;
    clear: both;
}
h2.align-right {
    float: left;
    clear: both;
}
.italic {
    font-style: italic;
}
.bold {
    font-weight: bold;
}
.title1 {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.4em;
    /*height: 1.45em;*/
    margin-bottom: 0.34em;
    margin-top: 0.34em;
}
.title2 {
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.3em;
    /*height: 1.25em;*/
    margin-bottom: 0.34em;
    margin-top: 0.34em;
}
.title3  {
    font-size: 1.0em;
    font-weight: bold;
    line-height: 1.2em;
    /*height: 1.25em;*/
    margin-bottom: 0.34em;
    margin-top: 0.34em;
}

.content-element li ul, .content-element li ol {
    margin-top: 7px;
    margin-bottom: 11px;
    margin-left: 20px;
}
.content-element ul, .content-element ol {
    /*list-style-position: outside;*/
    list-style-position: inside;
    margin-left: 20px;
}
.content-element ul li, .content-element ol li {
    margin-left: 10px;
}
.content-element ul {
    list-style: disc;
}
.content-element li ul {
    list-style: circle;
}
.content-element ol {
    list-style: decimal;
}
.content-padding-5px {
    padding: 5px;
}
.content-padding-10px {
    padding: 10px;
}
.content-padding-15px {
    padding: 15px;
}
.content-padding-20px {
    padding: 20px;
}
.content-padding-left-15px {
    padding-left: 15px;
}
.content-padding-top-15px {
    padding-top: 15px;
}
.content-padding-right-15px {
    padding-right: 15px;
}
.content-padding-bottom-15px {
    padding-bottom: 15px;
}
.content-padding-left-5px {
    padding-left: 5px;
}
.content-padding-top-5px {
    padding-top: 5px;
}
.content-padding-right-5px {
    padding-right: 5px;
}
.content-padding-bottom-5px {
    padding-bottom: 5px;
}
.content-padding-left-10px {
    padding-left: 10px;
}
.content-padding-top-10px {
    padding-top: 10px;
}
.content-padding-right-10px {
    padding-right: 10px;
}
.content-padding-bottom-10px {
    padding-bottom: 10px;
}

.htmlarea-content-body p {
    border: 1px dashed #c8c8c8;
    margin: 4px;
    padding: 4px;

}
.htmlarea-content-body ul, .htmlarea-content-body ol {
    border: 1px dashed #0000c8;
}
.htmlarea-content-body table, .htmlarea-content-body table tr td {
    border: 1px dashed #c80000;
    margin: 4px;
    padding: 4px;
}
.htmlarea-content-body h1, .htmlarea-content-body h2, .htmlarea-content-body h3, .htmlarea-content-body h4, .htmlarea-content-body h5, .htmlarea-content-body h6 {
    border: 1px dashed #00c800;
    margin: 4px;
    padding: 4px;
}


html body.htmlarea-content-body *{
    font-family: Verdana, Geneva, sans-serif;
    color: #3f3f3f;
}

.htmlarea-content-body .content-padding-5px {
    padding: 5px;
}
.htmlarea-content-body .content-padding-10px {
    padding: 10px;
}
.htmlarea-content-body .content-padding-15px {
    padding: 15px;
}
.htmlarea-content-body .content-padding-20px {
    padding: 20px;
}
.htmlarea-content-body .content-padding-left-15px {
    padding-left: 15px;
}
.htmlarea-content-body .content-padding-top-15px {
    padding-top: 15px;
}
.htmlarea-content-body .content-padding-right-15px {
    padding-right: 15px;
}
.htmlarea-content-body .content-padding-bottom-15px {
    padding-bottom: 15px;
}
.htmlarea-content-body .content-padding-left-10px {
    padding-left: 10px;
}
.htmlarea-content-body .content-padding-top-10px {
    padding-top: 10px;
}
.htmlarea-content-body .content-padding-right-10px {
    padding-right: 10px;
}
.htmlarea-content-body .content-padding-bottom-10px {
    padding-bottom: 10px;
}
.htmlarea-content-body .content-padding-left-5px {
    padding-left: 5px;
}
.htmlarea-content-body .content-padding-top-5px {
    padding-top: 5px;
}
.htmlarea-content-body .content-padding-right-5px {
    padding-right: 5px;
}
.htmlarea-content-body .content-padding-bottom-5px {
    padding-bottom: 5px;
}

.htmlarea-content-body .text-centered {
    text-align: center;
}
.htmlarea-content-body .text-justified {
    text-align: justify;
}

.htmlarea-content-body div {
    border: 1px dashed fuchsia;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 4px;
    padding: 4px;
}

.content-element-top-50percent {
    position: relative;
    display: block;
    vertical-align: middle;
    azimuth: center;
    margin-top: auto;
    margin-bottom: auto;
    height: 100%;
}

.letter-spacing-4px {
    letter-spacing: 4px;
}
.font-size-120percent {
    font-size: 120%;
}
.line-height-160percent {
    line-height: 160%;
}