#page #page-content #region-main h1, #page #page-content #region-main h2, #page #page-content #region-main h3,
#page #page-content #region-main h4, #page #page-content #region-main h5, #page #page-content #region-main h6,
#page #page-content #region-main b, #page #page-content #region-main strong,#page #page-content #region-main li,
#page #page-content #region-main span, #page #page-content #region-main p, .imkoContent  {
    font-family: 'Open Sans', sans-serif;
}

.mod-header {
    height: 75px;
    background-color: #0032a1;
}

.course-title {
    color: white;
    line-height: 75px;
    text-align: center;
    font-size: 2.5em;
}

#page-mod-book-view #page #page-content #region-main hr {
    border-style: solid;
    border-color: #C9C9C9;
    border-width: 1px 0 0 0;

    margin: 0;
    margin-top: 5px;
}

.editor_atto hr {
    padding: 0;
    border: none;
    border-top: medium solid #b4b8ba;
    color: #333;
    text-align: center;

    margin-bottom: 10px;
    margin-top: 25px;
}

.editor_atto .talk-bubble hr:after {
    content: "Volgende praat wolk:";
    display: inline-block;
    position: relative;
    top: -0.7em;
    font-size: 1em;
    padding: 0 0.23em;
    background: white;
}

#page-mod-book-view #page #page-content #region-main h3 {
    color: black;
    font-weight: bold;
}

#page-mod-book-view #page #page-content #region-main h4 {
    margin: 0;
    padding: 0;
    color: #0032a1;
    font-style: italic;
}

#page-mod-book-view #page #page-content #region-main .book_content .no-overflow {
    overflow: visible;
}

#page-mod-book-view #page #page-content #region-main .navtop {
    display: none;
}

#page-mod-book-view #page #page-content #region-main .navbottom {
    position: fixed;
    margin-right: 145px;
    right: 0;
    bottom: 0;
}


#page-mod-book-view #page #page-content #region-main ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

#page-mod-book-view #page #page-content #region-main li {
    list-style: none;
    margin-left: 0;
    padding-left: 0;

    background: url('/theme/imkovakopleidingen/sjacko/DrogisterijStijl/img/blue_arrow.png') no-repeat;
    background-size: 10px auto;
    background-position: 0% 5px; /* default: 0 0.37em -> new default 0*/

    padding-left: 20px;
    padding-top: 2.5px;
    padding-bottom: 2.5px;
}

#page-mod-book-view #page #page-content #region-main .imkoContent table li {
    background: url('/theme/imkovakopleidingen/sjacko/DrogisterijStijl/img/white_arrow.png') no-repeat;
    background-size: 10px auto;
    background-position: 0% 5px; /* default: 0 0.37em -> new default 0*/
}

#page-mod-book-view #page #page-content #region-main .navbottom a[title=Vorige] {
    background: 0;
    content: url('/theme/imkovakopleidingen/sjacko/DrogisterijStijl/img/previous_button.png');
    width: 161px;
    height: auto;
}

/* Firefox fix */
#page-mod-book-view #page #page-content #region-main .navbottom a[title=Vorige]:after {
    background: 0;
    content: url('/theme/imkovakopleidingen/sjacko/DrogisterijStijl/img/previous_button.png');
    width: 161px;
    height: auto;
}

#page-mod-book-view #page #page-content #region-main .navbottom a[title=Vorige]:hover {
    content: url('/theme/imkovakopleidingen/sjacko/DrogisterijStijl/img/previous_button_hover.png');
}


#page-mod-book-view #page #page-content #region-main .navbottom a[title=Volgende] {
    background: 0;
    content: url('/theme/imkovakopleidingen/sjacko/DrogisterijStijl/img/next_button.png');
    width: 161px;
    height: auto;
}

/* Firefox fix */
#page-mod-book-view #page #page-content #region-main .navbottom a[title=Volgende]:after {
    background: 0;
    content: url('/theme/imkovakopleidingen/sjacko/DrogisterijStijl/img/next_button.png');
    width: 161px;
    height: auto;
}

#page-mod-book-view #page #page-content #region-main .navbottom a[title=Volgende]:hover {
    content: url('/theme/imkovakopleidingen/sjacko/DrogisterijStijl/img/next_button_hover.png');
}


.hImage {
    float: right !important;
    position: relative;
}

.imkoContent {
    margin: 0 !important;

    /* Imko Content Debug Check
    background-color: #d4d6d8;
    Imko Content Debug Check.end */
}

.imkoConverstaion {
    margin: 0 !important;
}

.imkoConversation .conversationAnnelie {
    position: fixed;
    right: 60px;
}

.imkoConversation .conversationCustomer {
    position: fixed;
    float: left;
}

.imkoConversation .imkoContent {
    margin:0 auto !important;
    display: block;
    float: none;
}

#page #page-content #region-main .imkoContent table {
    background: #0032A1 !important;
    color: white;
}

.inline-block {
    display: inline-block;
}
.left {
    float: left;
}
.right {
    float: right;
}
.relative {
    position: relative;
}

img.right {
    padding: 10px 0 10px 10px !important;
}

img.left {
    padding: 10px 10px 10px 0 !important;
}

.imkoContent table td {
    padding: 0cm 5.4pt 0cm 5.4pt;
}
.imkoContent table th {
    padding: 0cm 5.4pt 0cm 5.4pt;
}

.imkoDragAssignment .talk-bubble{
    right: -230px !important;
    top: -60px !important;
}