.image {

    position: relative;
    width: 100%; /* for IE 6 */
    margin-bottom:24px;
}
h2 {

}
h2.hp-box {
    position: absolute;
    top: 14px;
    left: 10px;
    width: 100%;
    font-size: 20px;
}

.ck_editor_box h1 {
    background-color: #555;
    color: white;
    padding:10px;
    padding-top: -20px;
    font-size: 32px;
}

.ck_editor_box h2 {
    background-color: #cccccc;
    padding:10px;
    padding-top: -20px;
    margin-top:10px;
    margin-bottom:14px;
    font-size: 26px;
}

.ck_editor_box h3 {
    background-color: #EEEEEE;
    padding:10px;
    padding-top: -20px;
    margin-top: 10px;
    font-size: 20px;

}

h2.hp-box span {
    color: white;
    font: bold 16px Helvetica, Sans-Serif;
    line-height: 38px;
    letter-spacing: 0px;
    background: rgb(0, 0, 0); /* fallback color */
    background: rgba(0, 0, 0, 0.6);
    padding: 10px;
}

h2 span.spacer {

    padding:0 5px;

}
.ck_editor_box ul {
    margin-bottom: 14px;
    list-style-type: none;
}

.ck_editor_box li {
    text-indent: -5px;
}

.ck_editor_box ul > li:before {
    content: "-";
    text-indent: -5px;
    margin-right: 4px;
}


.ck_editor_box p {
    padding: 12px;
    margin-bottom: 0px;
    margin-top: -8px;
}


ul {
    margin: 0;
}
ul.dashed {
    list-style-type: none;
}
ul.dashed > li {
    text-indent: -5px;
}
ul.dashed > li:before {
    content: "-";
    text-indent: -5px;
}