/* Standaard 1.0 */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300italic);

/* ======================================================================================================================================================
/* # reset
====================================================================================================================================================== */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, cite, img, ol, ul, li, fieldset, form, label, table, tbody, tr, th, td, article, canvas, footer, header, nav, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	-webkit-text-size-adjust: none;
}

html {
	height: 100%;
}

blockquote {
	quotes: none;
}

blockquote:before, blockquote:after {
	content: '';
	content: none;
}




/* ======================================================================================================================================================
/* # generals
====================================================================================================================================================== */

body {
	color: white;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	margin: 0;
	padding: 0;
	height: 100%;
	background-size: cover;


}


div {
	width: 410px;
	position: absolute;
	left: 50%;
	margin-left: -205px;
	text-align: center;
	margin-top: 170px;
	margin-bottom: 30px;
}



img {
	border: none;
	display:block;
	border-radius: 2px;
	height: auto !important;
	max-width: 100%;
}

ul {
	list-style-type: none;
	margin: 0 0 70px 60px;
}


ul li {
	margin-top: 11px;
}



ul li img {
	float: left;
	margin: 0 8px 8px 0;
}


ol {
    padding: 0 0 0 26px;
    list-style: none;
    margin-bottom: 20px;
    counter-reset: numList;
}

ol li {
    margin-right: 44px;
    position: relative;
}

ol li:before {
    counter-increment: numList;
    content: counter(numList);
    float: left;
    position: absolute;
    left: -26px;
    font: bold 12px sans-serif;
    text-align: center;
    color: #fff;
    line-height: 20px;
    width: 20px;
    height: 20px;
    background: #01667a;
	border-radius: 10px;
}

a:link, a:visited{
	color: #FFFFFF;
	text-decoration: underline;
}

a:hover, a:active{
	color: #FFFFFF;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
}

td {
	vertical-align: top;
}

h1, h1 a, .heading1, .heading1 a {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: white !important;
	font-size: 34px;
	line-height: 35px;
	margin: 0 0 10px 0;
	text-decoration: none !important;
	display: block;
	font-style: normal;
}

h2, h2 a, .heading2, .heading2 a {
	font-family: 'Open Sans', sans-serif;
	color: white !important;
	font-size: 20px;
	line-height: 28px;
	margin: 0 0 20px 0;
	text-decoration: none !important;
	display: block;
	font-weight: 400;
}

h3, h3 a, .heading3, .heading3 a {
	font-family: 'Open Sans', sans-serif;
	color: white !important;
	font-size: 17px;
	line-height: 18px;
	margin: 0 0 10px 0;
	text-decoration: none !important;
	display: block;
	font-weight: 600;
}

h4, h4 a, .heading4, .heading4 a {
	font-family: 'Open Sans', sans-serif;
	color: white !important;
	font-size: 15px;
	line-height: 16px;
	margin: 0 0 6px 0;
	text-decoration: none !important;
	display: block;
	font-weight: 600;
}

h5, h5 a, .heading5, .heading5 a {
	font-family: 'Open Sans', sans-serif;
	color: white !important;
	font-size: 15px;
	line-height: 16px;
	margin: 0 0 6px 0;
	text-decoration: none !important;
	display: block;
	font-weight: 600;
}

p {
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 22px;
}

hr {
	border: solid #e2e2e2;
	border-width: 1px 0 0;
	clear: both;
	/*margin: 30px 0 30px;
	height: 0;*/
	width: 70px;
	margin-top: 30px;
	margin-bottom: 30px;
}

blockquote {
	margin: 20px 0 20px 0;
	padding: 0 0 0 14px;
	border-left: 1px solid #e2e2e2;
}

	blockquote cite {
		margin-bottom: 0px;
	}

	blockquote, blockquote cite {
		font-size: 15px;
		line-height: 18px;
		color: #828282;
	}

	blockquote span {
		display: block;
		font-size: 12px;
		color: #525252;
		margin-top: 5px;
	}

	blockquote span:before {
		content: "\2014 \0020";
	}

	blockquote span a, blockquote span a:link, blockquote span a:visited {
		color: #525252;
	}


/* ================ date ========================= */

.date {
	font-style: italic;
	margin: 0 0 10px 0;
	font-size: 13px;
	color: #919191;
	display: block;
}


/* ================ a next ========================= */

a.next:link, a.next:visited {
	color: #097987;
	background: transparent url(../images/icon-next-blue.png) no-repeat 0 1px;
	padding: 5px 8px 5px 27px;
	line-height: 12px;
	display: inline-block;
	margin-top: 6px;
	text-decoration: none;
	border-radius: 2px;
}

a.next:hover, a.next:active{
	color: #013f65;
}


/* ================ a previous ========================= */

a.previous:link, a.previous:visited {
	color: #097987;
	background: transparent url(../images/icon-prev-blue.png) no-repeat 0 1px;
	padding: 5px 8px 5px 27px;
	line-height: 12px;
	display: inline-block;
	margin-top: 6px;
	text-decoration: none;
	border-radius: 2px;
}

a.previous:hover, a.previous:active {
	color: #013f65;
}


/* ======================================================================================================================================================
/* # print
====================================================================================================================================================== */


@media print {
	body, p, h1, h2, h3, h4, h5, h6, #container, #content {
		background: white;
		color: black;
	}

	#footer, #header, #sidebar, #sidebar, #breadcrumb {
		display: none;
	}
}
ul.social_media {
	width : 100%;
	margin : 0 auto;
}
ul.social_media li img {
	float : none;
}

ul.social_media li {
	text-align : center;
	display : inline-block;
}

div p img {
	display : inline;
}