/*
	author 		 : Result Media
	authorUrl	 : http://www.resultmedia.nl	
*/
@font-face {
	font-family: 'DaxWeb';
	src: url('../fonts/DaxWeb.eot');
	src: url('../fonts/DaxWeb.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/DaxWeb.woff') format('woff');
	font-weight: normal;
    font-style: normal;
}


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		vertical-align: baseline; }
/*article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }
table { border-collapse:collapse; border-spacing:0; } 
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:bold; } 
ol,ul { list-style:none; } 
caption,th { text-align:left; } 
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } 
q:before,q:after { content:''; } 
abbr,acronym { border:0; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }


iframe, object, embed{
	max-width: 100%;
	width: 100%;
	margin-bottom: 10px;
}*/
/* 
====================
	Basic styles
==================== */
html {
	}


body {
	background: #EDEDED;
	font-family: 'DaxWeb',Tahoma, Arial, Verdana, Geneva, sans-serif;
	font-size: 13px; 
	color: #000000;
	margin: 0px;
	padding: 0px;
}
body.component {
	background: #fff;
}
.layout-boxed .body-innerwrapper {
	margin-top: 14px;
	margin-bottom: 14px;
	box-shadow: 0 0 3px 1px #7F8588;
	max-width: 1008px;
}
	
img { border: 0 none;}

/*header*/

#sp-section-1 .container {
  padding-left: 0px;
  padding-right: 0px;
}
.sp-module.headertext{
	position: absolute;
	top: 0px;
	left: 50%;
	margin: 20px 4px 10px 0px;
    padding:14px 14px 5px 14px;
    background-color: rgba(255, 255, 255, 0.8);
    border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	z-index: 100;
	width: 485px;
}
.sp-module.headertext h2.newsflash-title {
	padding-bottom: 4px;
	padding-top: 0px;
	line-height: 21px;
	font-size:26px;
	color: #be0a26;

}
.sp-module.headertext-content h2.newsflash-title {
	padding-bottom: 4px;
	padding-top: 0px;
	line-height: 22px;
	font-size:24px;
	color: #be0a26;

}
.sp-module.headertext p {
	margin: 0;
	padding: 0;
}

#sp-main-body {
	border-left: 13px solid #be0a26;
	padding: 0px 0px;
}
.article-details .article-ratings-social-share{
	display: none !important;
}
#sp-component{
	padding-top: 20px;
	padding-bottom: 10px;
	padding-right: 60px;
	min-height: 450px;
}
.sp-module.leftbox{
	bottom: 0;
    margin-bottom: 10px;
    position: absolute;
}
#sp-left .sp-module:first-child, #sp-right .sp-module:first-child {
  margin-top: 35px;
}
#sp-left .sp-module, #sp-right .sp-module {
  border: none;
  margin-top: 50px;
  border: none;
  padding: 5px;
  border-radius: none;
}
.article-list .article{
	margin-bottom: 30px;
	padding: 0px;
	border: none;
	border-radius: 0px;
}
.afb-over{
	margin-top: -75px;
	z-index: 100;
}
.afb-opdracht{
	margin-bottom: 15px;
}
.afb-opdracht img{
	width: 100%;
	height: 200px;
}
/* 
====================
	Basic list
==================== */

li {
	line-height: 15px;
	padding-left: 5px;
	padding-top: 0px;
	list-style: disc;
}


ul {
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
}

/* #Lists
================================================== */
	ul, ol { margin-bottom: 10px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 0px 0px 0px 18px; font-size: 100%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; font-size: 12px;}
	ul li { line-height: 18px; }
	li p { line-height: 18px; }


/* 
====================
	Basic links
==================== */
/*a {
	color: #0089D5;
	font-weight: normal;
}*/

a:link {   
	font-weight: normal; 
	color:  #000000; 
	text-decoration: none; 
}

a:visited {  
	font-weight: normal; 
	color:  #000000; 
	text-decoration: none; 	
}
	
a:hover {  
	font-weight: normal; 
	color:  #000000; 
	text-decoration: underline; 	
}

/* 
====================
	Basic Typography
==================== */
p {
	line-height: 20px;
	font-size: 13px;
	color: #000000;
	padding: 0px 0px 13px 0px;
}
p a:link {   
	font-weight: normal; 
	color:  #000000; 
	text-decoration: underline; 
}

p a:visited {  
	font-weight: normal; 
	color:  #000000; 
	text-decoration: underline; 	
}
p a:hover {  
	font-weight: normal; 
	color:  #000000; 
	text-decoration: underline; 	
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'DaxWeb', sans-serif;
	color: #000000;
	font-weight: normal;
}

h1 {	
    font-size: 30px !important;
    line-height: 24px;
    color: #be0a26;
    margin-top: 10px;
    padding-bottom: 10px;
    font-weight: 600;
}

h2 {
	display:block;
    font-size: 20px;
    line-height: 24px;
    margin: 0;
    padding: 14px 0px 8px 0px;
}

h3 {
    font-size: 16px;
    line-height: 20px;
}
h4 { 
	padding-top: 20px;
	font-size:13px;
	color: #000000;
	font-weight: bold;
}

h5 { 
	font-size:14px;
	line-height: 20px;
	padding-top: 5px;
}
h6 { 
	font-size:11px;

}

em { font-style: italic; }
strong { font-weight: bold; }
small { font-size: 80%; }

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

.picto {float:left; text-align: center; margin-right:30px;}
.picto-box {margin: 10px auto; width: 260px; overflow: hidden;}
/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }

/* 
====================
	Basic menulinks
==================== */

ul#menubalk.menu { 
	margin: 0px; 
	padding: 0px; 
	width: 280px;
}

ul#menubalk.menu li { 
	margin: 0 0 0 15px; 
	padding:0;
	border: none;
}

ul#menubalk.menu li a { 
	display:block; 
	margin: 0px; 
	padding: 0px; 
	font-size: 15px;
	line-height: 26px;
	font-weight: 600; 
	color: #7f8589; 	
	text-decoration: none;
}

ul#menubalk.menu li a:hover {
	color: #be0a26;
	text-decoration: none;
}
ul#menubalk.menu li.active a {
	color: #be0a26;
	font-size: 20px;
}
ul#menubalk.menu li ul {
	padding: 0;
	margin: 0;
}

ul#menubalk.menu li ul li {
	padding: 0;
	margin: 0;
}

ul#menubalk.menu li ul li a {
	display: block;
	font-size: 15px;
	line-height: 26px; 
	padding: 0px 0px 0px 10px;
	margin-left: 20px;
}

ul#menubalk.menu li ul li a:hover {
	color: #be0a26;
	background: url("../images/arrow.gif") left top no-repeat;
}
ul#menubalk.menu li.active ul li a {
	display: block;
	font-size: 15px;
	line-height: 26px;
	color: #7f8589;
	padding: 0px 0px 0px 25px;
	margin: 0px;
}
ul#menubalk.menu li.active ul li a span {
	color: #999;
}
ul#menubalk.menu li.active ul li a:hover{
	display: block;
	padding: 0px 0px 0px 25px;
	margin: 0px;
	color: #be0a26;
}
ul#menubalk.menu li ul li.active a {
	display: block;
	padding: 0px 0px 0px 25px;
	margin: 0px;
	color: #7f8589;
	background: url("../images/arrow.gif") left top no-repeat;
}
 
/*Mobile menu links */
.offcanvas-menu .offcanvas-inner ul.menu > li a:hover, .offcanvas-menu .offcanvas-inner ul.menu > li a:focus, .offcanvas-menu .offcanvas-inner ul.menu > li span:hover, .offcanvas-menu .offcanvas-inner ul.menu > li span:focus {
  color: #be0a26;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {
  display: block;
  font-size: 18px;
  padding: 10px 0px;
  position: relative;
  line-height: 18px;
  text-decoration: none;
  opacity: 0.7;
  transition: 0.3s;
}

/* 
====================
	Header
==================== */

.header-infrawijzer_bg {
	background-image: url("../images/headers/header-station-960.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: transparent;
	width: 1008px;
	height: 228px;
}
.header-brug-wit_bg {
	background-image: url("../images/headers/header-brug-wit-960.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: transparent;
	width: 1008px;
	height: 228px;
}
.header-brug_bg {
	background-image: url("../images/headers/header-brug-960.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: transparent;
	width: 1008px;
	height: 228px;
}

.header-vliegtuigen_bg {
	background-image: url("../images/headers/header-bouw-960.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: transparent;
	width: 1008px;
	height: 228px;
}

.header-bus_bg {
	background-image: url("../images/headers/header-bus-960.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: transparent;
	width: 1008px;
	height: 228px;
}
.header-tram_bg {
	background-image: url("../images/headers/header-tram-960.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: transparent;
	width: 1008px;
	height: 228px;
}

/*BREADCRUMBS*/
.breadcrumbs{
	font-size: 11px;
	padding-left: 0px;
	padding-bottom: 4px;
	color: #004386;
	
}
.breadcrumbs a {
	font-size: 11px;
	padding-left: 0px;
	padding-bottom: 5px;
	color: #004386;
	font-weight: bold;
}
/* 
=======================
	Heading / titles
======================= */ 
.componentheading  {
	font-size: 14pt;	
	color: #CCCCCC;
	padding: 5px 0px 5px 0px;
	margin: 0px;
	font-weight: normal;
}

.contentpaneopen {
	width: 100%;
}

.contentheading {
	font-size: 10pt;	
	color: #000000;
	padding: 5px 0px 5px 0px;
	font-weight: normal;
	text-transform: none;
}

.frontpageheader {	
	color: #000000;
	font-size: 13pt;
	padding: 10px 0px;
	text-align: center;
	font-weight: bold;
}

.contentpagetitle {
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
}

.contentdescription {
	font-size: 10pt;
	color: #000000;
}

.createdate {
	color: #dee1d7; 
	font: 10px Arial, Helvetica, sans-serif; 
	}

.modifydate {
	color: #dee1d7; 
	font: 10px Arial, Helvetica, sans-serif; 
	}
	
.small {
	font-size: 9pt; 
	color: #333333;
	text-decoration: none;
	font-weight: normal;
}
	
/* 
======================================
	Sectie- and categorieblog layout
====================================== */
.blog {
	margin-bottom: 40px;
}
.items-leading{
	background: #f7b283;
	padding: 10px;
}

.items-leading h3 {
	color: #fff;
	line-height: 20px;
	padding: 7px 0px 5px 0px;
}
.items-leading p {
	color: #fff;
}
.items-row
{
        overflow:hidden;
        margin-bottom:0px !important;
}
.itemtitle {
	padding: 0 10px;
}
.blog-more
{
        padding:10px 5px
}

.cols-1
{
        display: block;
        float: none !important;
        margin: 0 !important;
}

.cols-2 .column-1
{
        width:51%;
        float:left;
}

.cols-2 .column-2
{
        width:49%;
        float:right;
        margin:0
}

.cols-3 .column-1
{
        float:left;
        width:29%;
        padding:0px 5px;
        margin-right:4%

}
.cols-3 .column-2
{
        float:left;
        width:29%;
        margin-left:0;
        padding:0px 5px
}
.cols-3 .column-3
{
        float:right;
        width:29%;
        padding:0px 5px
}

.column-2
{
        width:55%;
        margin-left:40%;
}

.column-3
{
        width:30%
}

a.blogsection:link, a.blogsection:visited {
	font-size: 10pt;
	color: #000000;
	text-decoration:underline;
}

a.blogsection:hover {
	font-size: 10pt;
	color: #CCCCCC;
}
.moduletable_linken{
	margin-bottom: 8px;
}

/* 
====================
	Readon
==================== */

a.readon:link, a.readon:visited {
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding: 0px 10px 0px 5px;	
	}

a.readon:hover {
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
	color: #CCCCCC;
	padding: 0px 10px 0px 5px;	
}

/* 
========================
	Page navigation
======================== */
ul.pagenav {
	margin: 0;
	padding: 0;
	list-style: none;	
}
li.pagenav {
	margin: 0;
	padding: 0;
	list-style: none;	
}
.pagenav-prev {

}
.pagenav-next{

}

a.pagenav, a.pagenav:visited { 
	color: #000000;
	text-decoration: underline;
}

a.pagenav:hover {
	color: #000000;
}

.pagenavbar {
	
}
.separator { 
	font-size:12px;
	padding:20px 0 0;
	display:block;
	color:#505050;
	font-size:12px;
	font-weight:700; 
}
p.readmore {
	font-weight: bold;
	padding: 0 0 6px 0;
	font-style: italic;
}
p.readmore a{
	font-weight: bold;
	color: #666;
	font-style: italic;
}
.pagination {
	display: inline-block;
	margin: 0 auto;
}
select#imgordering.inputbox{
	display: inline-block;
}

select#limit.inputbox{
	display: inline-block;
	width: 50px;
}

.pagination ul{
	margin-left: 0;
}

.pagination li{
	margin: 0;
	padding: 0 5px;
	list-style: none;
	float: left;
}
.counter{
	display: none;
}
.sp-module-content-bottom{
	margin-top: -30px;
	padding-bottom: 50px;
}

/* 
====================
	Message
==================== */

.message {
	font-weight: bold;
	font-size : 9pt;
	color : #E42627;
	text-align: left;
}
.message li{
	font-size: 9pt;
	}

#system-message { margin-left: 15px; }
#system-message dt.warning{ color:#be4e4c;margin:0 0 10px;font-size:16px;font-weight:700; }
#system-message dd.warning li { line-height:20px;background: transparent url(../images/arrow-2.png) no-repeat left top;padding:0 0 0 20px; }


/* #Media Queries
================================================== */
/* X-Large devices (large desktops, less than 1400px) {width: 1140px;} */
@media screen and (max-width: 1399.98px) {

}
/* Large devices (desktops, less than 1200px) {width: 960px;} */
@media screen and (min-width:992px) and (max-width: 1199.98px) {
		.layout-boxed .body-innerwrapper {max-width: 1008px;}
		.container {max-width: 1008px;}	
}

/* Medium devices (tablets, less than 992px) {max-width: 720px;} */
@media screen and (min-width: 768px) and (max-width: 991.98px) {
		.layout-boxed .body-innerwrapper {max-width: 768px;}
		.container {max-width: 768px;}
		.sp-module.navi{display: none;}
		#sp-component{padding-top: 20px; padding-left: 70px; padding-bottom: 120px; height: 100%;}
		.article-list .col-lg-6 {width: 50%;}
		.sp-module.headertext{margin: 80px 4px 10px 0px; width: 365px;}
		.sp-module.headertext h1 {padding-bottom: 4px;padding-top: 7px;line-height: 20px;font-size:24px;}
		.afb-over {position: static; margin-top: 0px;}
		.header-infrawijzer_bg {
			background-image: url("../images/headers/header-station-960.jpg");
			width: 768px;
		}
		.header-brug-wit_bg {
			background-image: url("../images/headers/header-brug-wit-960.jpg");
			width: 768px;
		}
		.header-brug_bg {
			background-image: url("../images/headers/header-brug-960.jpg");
			width: 768px;
		}
		.header-vliegtuigen_bg {
			background-image: url("../images/headers/header-bouw-960.jpg");
			width: 768px;
		}
		.header-bus_bg {
			background-image: url("../images/headers/header-bus-960.jpg");
			width: 768px;
		}
		.header-tram_bg {
			background-image: url("../images/headers/header-tram-960.jpg");
			width: 768px;
		}

	}

	
	/* Small devices (landscape phones, less than 768px) {max-width: 540px;} */
	@media screen and (max-width: 767.98px) {
		.sp-module.headertext {display: none;}
		.sp-module.navi{display: none;}
		.layout-boxed .body-innerwrapper {max-width: 460px;}
		#sp-left .sp-module:first-child, #sp-right .sp-module:first-child {margin-top: 20px;}
		ul#menubalk.menu li {margin: 0 0 0 5px;}
		#sp-component{padding-top: 20px; padding-left: 70px; padding-right: 70px; padding-bottom: 120px; height: 100%;}
		.article-list .col-lg-6 {width: 100%;}
		.afb-over {position: static; margin-top: 0px;}
		.custom_afb-header img{
			width: 460px;
			height: 100%;
		}
		.header-infrawijzer_bg {
			background-image: url("../images/headers/header-station-460.jpg");
			height: 114px;
			width: 460px;
		}
		.header-brug-wit_bg {
			background-image: url("../images/headers/header-brug-wit-460.jpg");
			height: 114px;
			width: 460px;
		}
		.header-brug_bg {
			background-image: url("../images/headers/header-brug-460.jpg");
			height: 114px;
			width: 460px;
		}
		.header-vliegtuigen_bg {
			background-image: url("../images/headers/header-bouw-460.jpg");
			height: 114px;
			width: 460px;
		}
		.header-bus_bg {
			background-image: url("../images/headers/header-bus-460.jpg");
			height: 114px;
			width: 460px;
		}
		.header-tram_bg {
			background-image: url("../images/headers/header-tram-460.jpg");
			height: 114px;
			width: 460px;
		}

}

	/* X-Small devices (portrait phones, less than 460px)*/
	@media only screen and (max-width: 460px) {
		.sp-module.headertext {display: none;}
		.sp-module.navi{display: none;}
		.layout-boxed .body-innerwrapper {max-width: 320px;}
		ul#menubalk.menu li {margin: 0 0 0 0px;}
		#sp-component{padding-top: 20px; padding-left: 15px; padding-right: 15px; padding-bottom: 120px; height: 100%;}
		.article-list .col-lg-6 {width: 100%;}
		.leftbox img {width: 240px; height: auto;}
		h1 {font-size: 28px !important;}
		.afb-opdracht img{width: 100%; height: 160px;}
		.afb-over {position: static; margin-top: 0px;}
		.shadowbox, .topheader_bg{
			width: 320px;
		}
		.custom_afb-header img{
			width: 320px;
			height: 100%;
		}
		.header-infrawijzer_bg {
			background-image: url("../images/headers/header-station-460.jpg");
			height: 114px;
			width: 320px;
		}
		.header-brug-wit_bg {
			background-image: url("../images/headers/header-brug-wit-460.jpg");
			height: 114px;
			width: 320px;
		}
		.header-brug_bg {
			background-image: url("../images/headers/header-brug-460.jpg");
			height: 114px;
			width: 320px;
		}
		.header-vliegtuigen_bg {
			background-image: url("../images/headers/header-bouw-460.jpg");
			height: 114px;
			width: 320px;
		}
		.header-bus_bg {
			background-image: url("../images/headers/header-bus-460.jpg");
			height: 114px;
			width: 320px;
		}
		.header-tram_bg {
			background-image: url("../images/headers/header-tram-460.jpg");
			height: 114px;
			width: 320px;
		}
	}