.htmlarea-content-body  {
        font-family:  Arial, Helvetica, sans-serif;
        font-size:100%;
        margin:0;
        padding:3px;
        background-color:#fff;
}

/* Left, center and right alignment of text in paragraphs and cells.*/
p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left { text-align: left; }
p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center { text-align: center; }
p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right { text-align: right; }

/* Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.*/
p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #666666; }
p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #FFFF66; padding: 2px 4px 2px 4px; border: 1px solid #666666; }

/* Bullet styles for unordered lists.*/
ul.component-items { color: #186900; list-style-type: circle; }
ul.action-items { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }

/* Numbering styles for ordered lists.*/
ol.component-items-ordered { color: #10007B; list-style-type: lower-roman; }
ol.action-items-ordered { color: #8A0020; list-style-type: lower-greek; }

/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
span.important { color: #8A0020; }
span.name-of-person { color: #10007B; }
span.detail { color: #186900; }
span.gross { font-size: 150%; }

/* Selectors for the default configuration of the link accessibity feature.*/
a.external-link {}
a.external-link-new-window {}
a.internal-link {}
a.internal-link-new-window {}
a.download {}
a.mail {}

.htmlarea-content-body a:link, .htmlarea-content-body a:visited { color: #0F238A; text-decoration: underline; }
.htmlarea-content-body a:hover, .htmlarea-content-body a:active { color: #0F238A; text-decoration: none; }

a.weisserlink:link, a.weisserlink:visited, a.weisserlink:hover, a.weisserlink:active { color: #fff; }

table.preistabelle {
background-color: #EDEBF1;
border: 1px solid #003380;
color: #000;
border-collapse: collapse;
border-spacing: 0;
padding: 5px;
margin-bottom: 10px;
}


.preistabelle td { padding: 5px }
.preistabelle th { padding: 5px; background-color: #003380; color: #FFFFFF; text-align: left; }

td.preiszelle { border-bottom: 1px solid #003380 } 

th p.bodytext { margin: 0 }

table.orangetabelle {
background: url(images/boxhin2.gif) bottom repeat-x; 
border: 1px solid #0F238A;
color: #000;
border-collapse: collapse;
border-spacing: 0;
padding: 5px;
}

.orangetabelle td { padding: 5px; }
.orangetabelle th { padding: 5px; background-color: #E84F13; color: #FFFFFF; text-align: left; }




    .preise_gelb {
    float: left;
    background: #FF0;
    text-align: center;
    border-spacing: 0;
    border-collapse: collapse;
    }
    .preise_gelb td {
    padding: 3px 0 3px 3px;
    }
    .preise_gelb table {
    background: #fff;
    border-spacing: 0;
    margin: 4px 0;
    }
    table.preise_gelb table th {
    background: #FFFCD6;
    padding: 5px;
    border-right: 3px solid #FF0;
    color: #000;
    text-align: center;
    }
    .grau {
    background: #DCDDDF;
    }
    .preise_gelb table td {
    padding: 10px 5px;
    border-right: 3px solid #FF0; 
    }
    .preise_gelb tr.grau td {
    padding: 2px;
    }
    
    
    .preise_gruen {
    float: left;
    background: #00A24E;
    text-align: center;
    border-spacing: 0;
    border-collapse: collapse;
    }
    .preise_gruen td {
    padding: 3px 0 3px 3px;
    }
    .preise_gruen table {
    background: #fff;
    border-spacing: 0;
    margin: 4px 0;
    }
    table.preise_gruen table th {
    background: #CBE6D3;
    padding: 5px;
    border-right: 3px solid #00A24E;
    color: #000;
    text-align: center;
    }

    .preise_gruen table td {
    padding: 10px 5px;
    border-right: 3px solid #00A24E; 
    }
    .preise_gruen tr.grau td {
    padding: 2px;
    }
    
    
    .preise_blau {
    float: left;
    background: #00AEEF;
    text-align: center;
    border-spacing: 0;
    border-collapse: collapse;
    }
    .preise_blau td {
    padding: 3px 0 3px 3px;
    }
    .preise_blau table {
    background: #fff;
    border-spacing: 0;
    margin: 4px 0;
    }
    table.preise_blau table th {
    background: #C7EAFB;
    padding: 5px;
    border-right: 3px solid #00AEEF;
    color: #000;
    text-align: center;
    }

    .preise_blau table td {
    padding: 10px 5px;
    border-right: 3px solid #00AEEF; 
    }
    .preise_blau tr.grau td {
    padding: 2px;
    }

    .preise_tuerkis {
    float: left;
    background: #00A3B5;
    text-align: center;
    border-spacing: 0;
    border-collapse: collapse;
    }
    .preise_tuerkis td {
    padding: 3px 0 3px 3px;
    }
    .preise_tuerkis table {
    background: #fff;
    border-spacing: 0;
    margin: 4px 0;
    }
    table.preise_tuerkis table th {
    background: #C7E7ED;
    padding: 5px;
    border-right: 3px solid #00A3B5;
    color: #000;
    text-align: center;
    }

    .preise_tuerkis table td {
    padding: 10px 2px;
    border-right: 3px solid #00A3B5; 
    }
    .preise_tuerkis tr.grau td {
    padding: 2px;
    }
    
    .preise_rot {
    float: left;
    background: #D2222A;
    text-align: center;
    border-spacing: 0;
    border-collapse: collapse;
    }
    .preise_rot td {
    padding: 3px 0 3px 3px;
    }
    .preise_rot table {
    background: #fff;
    border-spacing: 0;
    margin: 4px 0;
    }
    table.preise_rot table th {
    background: #F5D0C2;
    padding: 5px;
    border-right: 3px solid #D2222A;
    color: #000;
    text-align: center;
    }

    .preise_rot table td {
    padding: 10px 5px;
    border-right: 3px solid #D2222A; 
    }
    .preise_rot tr.grau td {
    padding: 2px;
    }
    
TD { vertical-align: top; }
.contenttable th { padding: 3px; background-color: #0F238A; color: #FFFFFF; text-align: left; }
.contenttable td { padding: 5px }

#textfeld ul { list-style-image: url(/fileadmin/images/listbullet.gif); list-style-position: outside; }
#textfeld li { padding-bottom: 8px; }

#rechts ul { list-style-image: url(/fileadmin/images/listbullet.gif); list-style-position: outside; }
#rechts li { padding-bottom: 8px; }

span.small { font-size: 10px; }
span.Blue_Font { color: #0F238A; }
span.weiss { color: #ffffff; }
span.Blue_Headline { color: #0F238A; font-weight: bold; }
span.Graue_Headline { color: #333333; font-weight: bold; }
span.Preis1 { color: #0F238A; font-size: 120%; }
span.Preis2 { color: #000; font-size: 120%; }

/*.rte_image { border: 1px solid #1F3280; }*/

.Blue_Font_Bold { font-weight: bold; color: #0F238A; }
.Orange_Background { padding: 3px; background-color: #E0922F; color: #FFFFFF; border: 1px solid #CF8327; }
.Grauer_Background { padding: 2px; background-color: #DBDBDF; border: 1px solid #B2B2B2; width: 100%; }
.Grauer_Background p { padding-bottom: 2px; }
.Weisse_Schrift { color: #FFFFFF; }

.csc-textpic-caption { font-size: 90% }