#blauweboek {
    max-width: 766px;
    margin: 0 auto;
    background-color: white;
    padding: 30px;
    /* border: 1px solid #20589C; */
}

.naar_index {
    width: 100%;
    border-top: 2px dotted #ED1C24;;
    text-align: right;
    margin: 60px 0px;
    clear: both;
}

#blauweboek a, #blauweboek a:visited {
    text-decoration: none;
    color: #ED1C24;;
}

#blauweboek a:focus, #blauweboek a:hover {
    text-decoration: none;
}

a {
    cursor: pointer;
}

.color {
    background-color: #dfeff6;
}

.color > h1 {
    padding: 30px 0px 0px 50px !important;
}

.color > h2 {
    color: #21475D !important;
    padding: 0px 0px 0px 50px !important;
}

.box {
    background-color: #dfeff6;
    padding: 15px;
}

/* All the lists */
.list_style > ul {
    list-style-position: outside;
  	margin: 0;
  	padding: 0;
	margin-left: 17px;
}

.list_style > ol {
    list-style-position: outside;
    margin: 0;
    padding: 0;
    margin-left: 18px;
}

.trace {
    list-style-type: '- ';
}

.inhouds_titel {
    color: #21475D;
    font-weight: bold;
    font-size: 140%;
    margin: 20px 0px;
}

.titel_inhoud {
    color: #21475D;
    font-weight: bold;
    font-size: 140%;
    margin: 20px 0px;
    padding: 0px 0px 0px 50px;
}

.subtitel_inhoud {
    color: #21475D;
    font-weight: bold;
    font-size: 120%;
    margin-bottom: 20px;
}

.titel {
    color: #21475D;
}

.index_item {
    color: black;
    font-weight: none;
    padding-left: 40px;
}

.text_size p {
    font-size: 11px;
}

.box_footer {
    background-color: #dfeff6;
    padding: 15px;
    min-height: 400px;
    position: relative;
}

.text_bottom {
    margin-top: 250px;
}

.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 20px;
    width: 40px;
    height: 39px;
    background-color: #fff;
    border: 1px solid #c5c5c5;
    border-radius: 2px 2px 0 0;
    z-index: 1000;
    float: right;
    cursor: pointer;
    font-size: 13px;
}

.index {
    color: #21475D;
    font-weight: bold;
    padding-left: 10px;
    font-size: 110%;
}

.clearfix {
    overflow: auto;
}

.size {
    width: 65px;
}

.imgSize {
    width: 150px;
}

.table-bordered thead tr th {
    background-color: #36286B !important;
    color: white;
}

.blue {
    background-color: #C7E1F5;
}

.grey {
    background-color: #D9DAD7;
}

.break_word_show {
    display: none;
}

.table_show {
    display: none;
}

.table_show table tbody tr td {
    padding: 10px;
}

.table_responsive {
    max-width: 1400px;
    overflow-x: scroll;
}

.green {
    color: #13B688;
}

/*responsive tables */
@media only screen and (max-width: 800px) {
    /* Force table to not be like tables anymore */
    #no-more-table table, 
    #no-more-table thead, 
    #no-more-table tbody, 
    #no-more-table th, 
    #no-more-table td, 
    #no-more-table tr { 
        display: block; 
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-table thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-table tr { 
        width: 150%;
        border: 1px solid #ccc; 
    }

    #no-more-table td { 
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 40%; 
        white-space: normal;
        text-align:left;
    }

    #no-more-table td:before { 
        position: absolute;
        top: 6px;
        left: 6px;
        width: 100%; 
        padding-right: 10px; 
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }

    /* Label the data */
    #no-more-table td:nth-of-type(1)::before {
        content: "Gevaar/ blootstelling";
    }
    #no-more-table td:nth-of-type(2)::before {
        content: "Risicoklasse";
    }
    #no-more-table td:nth-of-type(3)::before {
        content: "Beheersmaatregel";
    }
    #no-more-table td:nth-of-type(4)::before {
        content: "REST risicoklasse";
    }
    #no-more-table td:nth-of-type(5)::before {
        content: "Meer informatie";
    }
    /* #no-more-table td:before { content: attr(data-title); } */
}



@media only screen and (max-width: 768px) {
    .table_hide {
        display: none;
    }

    .table_show {
        display: block;
    }
}

@media only screen and (max-width: 500px) {
    .color > h1 {
        padding: 30px 10px 0px 20px !important;
    }

    .color > h2 {
        padding: 30px 10px 0px 20px !important;
    }

    .titel_inhoud {
        padding: 30px 10px 0px 20px !important;
    }

}

@media only screen and (max-width: 320px) {
    .break_word_hide {
        display: none;
    }

    .break_word_show {
        display: block;
    }
}