#safetymanual {
 max-width:800px;
 margin:10px auto;
 background-color:#fff;
 color:#1d1f20;
 font-size:16px;
 line-height:1.6em;
 margin-top:25px
}
.landkeuze {
    width: 100%;
    display: block;
    clear: both;
    text-align: right;
    padding: 0px 0px 12px 12px;
}

#safetymanual h1, #safetymanual h2, #safetymanual h3 {color:#2f3768; font-weight:normal;}

#safetymanual h1 { margin-left: 17px;}
#safetymanual h4 { margin:0;line-height: inherit; font-weight: bold;}
#safetymanual a, #safetymanual a:visited { /*color:#2f3768;*/ color:#3058b4; }
#safetymanual a:hover,#safetymanual div.inhoud_titel:hover { color:#FAAA00}
#safetymanual .hoofdstuk a { text-decoration: underline;}

#safetymanual .inhoudsopgave a, #safetymanual .inhoudsopgave a:visited { color:#2f3768; }
#safetymanual .inhoudsopgave a:hover,#safetymanual .inhoudsopgave div.inhoud_titel:hover { color:#FAAA00; text-decoration:none;}

#safetymanual .inhoudsopgave .nummer.bigCircle:hover {background-color:#FAAA00;}

.geel {  color: #EFB848;} 
.rood {  color: #df3834;}
.groen { color: #3ea43d;}
.blauw { color: #2361d6;}
.lichte_kleur {opacity: 0.85;}
.centered {display: block; margin-left:auto; margin-right:auto;}

.manual_logo{padding:10px;max-width:140px; float:right;}

.inhoudsopgave { background-color: #e7edf9; border-radius: 15px; padding: 30px;}

#safetymanual h2.inhoud_titel,.inhoud_titel,#safetymanual .inhoud_subtitel {
 border-top:2px dotted #1d1f20;
 border-bottom:2px dotted #1d1f20;
 padding:15px 0;
 font-size:20px;
 font-weight:700;
 margin:30px 0 20px 20px;
 line-height:inherit;
 font-weight:bold
}

	
.inhoud_item {	padding:0 20px 0 20px; margin: 0; font-size: 16px;}

.nummer {margin-right:20px; display:inline-block; float:left; min-width: 30px; font-weight: bold;}
.nummer.bigCircle {
 background-color:#1d1f20;
 border-radius:50%;
 width:38px;
 height:38px;
 line-height:38px;
 display:inline-block;
 float:left;
 color:#fff!important;
 text-align:center;
 margin-left:-20px;
 margin-top:-7px;
 font-size:16px;
 margin-right:31px
}


#safetymanual .hoofdstuk_kleur { color:#043866 }
#safetymanual .hoofdstuk2_kleur { color:#097f6c }
#safetymanual .hoofdstuk3_kleur { color:#57a7e0 }
#safetymanual .hoofdstuk4_kleur { color:#9377b4 }
#safetymanual .hoofdstuk5_kleur { color:#df3834 }
#safetymanual .hoofdstuk6_kleur { color:#e77b1d }
#safetymanual .hoofdstuk7_kleur { color:#99bd3e }

.voorwoord { background-color: #dfeaf7; border-radius: 15px; padding: 30px; margin-top:20px;}

.hoofdstuk p, .hoofdstuk ol,.hoofdstuk ul {margin-bottom: 30px;}
.hoofdstuk p.no-padding {margin-bottom:0px}

.hoofdstuk li {margin-bottom: 5px;}
.voorwoord p, .voorwoord ol,.voorwoord ul{margin-bottom: 30px;}


.voorwoord ol > li {
    position: relative;
   margin: 0 0 0px 14px;
    padding: 2px 8px;
    list-style: none;
}
.voorwoord  ol {
    counter-reset: li;
    margin-left: 0;
    padding-left: 0;
}
.voorwoord ol > li {counter-increment: li;}
.voorwoord ol > li:before {
    content: counter(li); 
    position: absolute;
    top: -2px;
    left: -1.5em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 2em;
    margin-right: 8px;
    padding: 4px;
    color: #df3834;
    font-weight: bold;
    text-align: center;
}

.hoofdstuk{margin:30px 0;}

.lijnen_row .row {    border-bottom: 2px dotted #f0c224; padding:8px 0;}
.lijnen_row .row:first-child {border-top: 2px dotted #f0c224;}


#safetymanual .naarindex {
    width: 100%;
    text-align: right;
    margin: 10px 0px 4px 0px;
    clear: both;
}
.indexWissel:after {
    content: " ↑";
    font-size: 110%;
	
}
#safetymanual a.indexWissel {text-decoration:none;}

.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;
}

.stippel_kader {
	border: 2px dotted #7793AD;
	border-radius: 10px;
	padding: 15px;
	margin-bottom: 15px;
	
}
.stippel_kader.kleiner {max-width: 400px;}
.img-responsive {display:block}
.blok-risico, .blok-maatregelen {
	border-top: 2px dotted #222;
	border-bottom: 2px dotted #222;
	padding: 10px 80px 10px 0;
	color: #7a7a79;
	background: #fff url('/documenten/vgwm-2018/images/img_risicos.png') no-repeat right center;
	margin: 20px 0;
	
}
.blok-risico strong, .blok-maatregelen strong {
	color: #222;
}
.blok-maatregelen {
	background: #fff url('/documenten/vgwm-2018/images/img_maatregelen.png') no-repeat right center;
}





@media (max-width: 767px) {
	
	.inhoudsopgave{   padding: 10px;}
	
}

@media (max-width: 480px) {
 .nummer{ margin-right: 5px;}
 .inhoud_item {    padding: 7px 0 7px 0px;    line-height: 19px;}
 .inhoud_titel {    margin: 30px 0 20px 16px;}
 .nummer.bigCircle {    margin-right: 10px;}
 .voorwoord {    padding: 15px;}
 #safetymanual h2.inhoud_titel, .inhoud_titel, #safetymanual .inhoud_subtitel {
    font-size: 18px;
}
}