/*
VeiligWerk geel: #fcb215
VeiligWerk heel donker blauw: #274c90
VeiligWerk donker blauw:#3770b9
VeiligWerk licht blauw: #0399d7
*/

html,
body, div, span, p, ol, ul,
li
 {
	line-height: 1.8em;
}

#safetymanual {
	max-width: 766px; 
	margin: 0 auto; 
	background-color:white; 
	padding:30px;
	border:1px solid #fcb215;
}

#safetymanual .naarindex  {
	width:100%;
	text-align:right;
 	margin: 30px 0px 4px 0px; 
 	clear: both;
}


#safetymanual .ondertitel {
	width:98%;
	padding-left:6px;
}

#safetymanual .inhoud_titel {
	color: #0070bb;
	border-top:2px dotted #fcb215;
	border-bottom:2px dotted #fcb215;
	font-weight:bold;
	font-size: 130%;
	margin-top: 2px;	
	margin-bottom: 10px;	
	padding:10px 0px;
}

#safetymanual .inhoud_subtitel {
	color: #0070bb;
	font-style:italic;
	font-size: 110%;
	margin-top: 20px;	
	margin-bottom: 10px;	
}

#safetymanual h1 {
	font-size:34pt;
	padding:20px 0px;
	font-weight:bold
}

#safetymanual h2 {
	color:#0070bb;
	font-size: 14pt;
	line-height: 18pt;
	font-weight: normal;
	margin: 10px 0px 0px 0px;
}

#safetymanual h3 {
	font-size:13pt;
	font-weight:bold;
	padding:10px 0px 0px 0px;
	margin-bottom: 4px;
	clear:both;
}

#safetymanual a, #safetymanual a:visited {
	color:#274c90;
}

#safetymanual a:focus, #safetymanual a:hover {
	color:#0399d7;
}

.index_titel {
	font-weight:bold;
}

.hoofdstukItem {
	margin: 40px 0px 20px 0px;
}


.stippel_kader {
	border: 2px dotted #fcb215;
	border-radius: 10px;
	padding: 15px;
	margin-bottom: 15px;
}
.stippel_kader p {
	margin-bottom: 0;
}

.letop {
	color:#fcb215;
	font-weight:bold;
	font-size:120%;	
}

.referentie {
	color:#fcb215;
	font-size:100%;	
}

.borden {
	float:left;
	width: 31%;
}

.toolbox-part {
	clear:both;
	padding-top: 16px;
	min-height:40px;
	overflow:visible;
}

.toolbox-icon {
	width:40px;
	float:left;
	margin-right: 8px;
}

.toolbox-subheader {
	width:90%;
	float:left;
	border-top:2px solid #CCC;
	border-bottom:2px solid #CCC;
	font-weight:bold;
	font-size:18px;
	color:#1A3A65;
	padding:2px 0 0px 12px;
	margin-bottom:20px;
	min-height:36px;
	margin-top:2px;

}
/*table style*/
table {
    max-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom:10px;

}

.table {
    width: 100%;
    margin-bottom: 18px;
}

.table th, .table td {
    padding: 8px;
    line-height: 18px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.table th {
    font-weight: bold;
}

.table thead th {
    vertical-align: bottom;
}

.table thead:first-child tr th, .table thead:first-child tr td {
    border-top: 0;
}

.table tbody + tbody {
    border-top: 2px solid #e5f2f8;
}

.table-condensed th, .table-condensed td {
    padding: 4px 5px;
}
.table-condensed td {
    vertical-align:top;
}
.table-bordered {
    border: 0px solid #e5f2f8;
    border-collapse: separate;
    * border-collapse: collapsed;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.table-bordered th + th, .table-bordered td + td, .table-bordered th + td,
.table-bordered td + th {
    border-left: 1px solid #1e71b1;
}

.table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
    border-top: 0;
    background-color:#1e71b1;
	color:white
}

.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
    border-radius: 4px 0 0 0;
}

.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child {
    -webkit-border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0;
    border-radius: 0 4px 0 0;
}

.table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 4px;
    -moz-border-radius: 0 0 0 4px;
    border-radius: 0 0 0 4px;
}

.table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child {
    -webkit-border-radius: 0 0 4px 0;
    -moz-border-radius: 0 0 4px 0;
    border-radius: 0 0 4px 0;
}

.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
    background-color: #e5f2f8;
}

.table tbody tr:hover td, .table tbody tr:hover th {
    background-color: #f5f5f5;
}

/*responsive tables */
@media only screen and (max-width: 800px) {
	
	/* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}



/* Extra small devices */
@media (max-width: 767px) {
	
	.ondertitel {
		width:100%;
	}

	table.termen {
    max-width: 500px;
	}

	.borden {
		float:left;
		width: 49%;
	}
}