@font-face {
    font-family: 'source_sans_proregular';
    src: url('sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('sourcesanspro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'source_sans_proSBdIt';
    src: url('sourcesanspro-semiboldit-webfont.woff2') format('woff2'),
         url('sourcesanspro-semiboldit-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'source_sans_prosemibold';
    src: url('sourcesanspro-semibold-webfont.woff2') format('woff2'),
         url('sourcesanspro-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'source_sans_prolight_italic';
    src: url('sourcesanspro-lightit-webfont.woff2') format('woff2'),
         url('sourcesanspro-lightit-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'source_sans_proitalic';
    src: url('sourcesanspro-it-webfont.woff2') format('woff2'),
         url('sourcesanspro-it-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'source_sans_prolight';
    src: url('sourcesanspro-light-webfont.woff2') format('woff2'),
         url('sourcesanspro-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'source_sans_proXLtIt';
    src: url('sourcesanspro-extralightit-webfont.woff2') format('woff2'),
         url('sourcesanspro-extralightit-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'source_sans_probold_italic';
    src: url('sourcesanspro-boldit-webfont.woff2') format('woff2'),
         url('sourcesanspro-boldit-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'source_sans_proextralight';
    src: url('sourcesanspro-extralight-webfont.woff2') format('woff2'),
         url('sourcesanspro-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'source_sans_problack';
    src: url('sourcesanspro-black-webfont.woff2') format('woff2'),
         url('sourcesanspro-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'source_sans_problack_italic';
    src: url('sourcesanspro-blackit-webfont.woff2') format('woff2'),
         url('sourcesanspro-blackit-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'source_sans_probold';
    src: url('sourcesanspro-bold-webfont.woff2') format('woff2'),
         url('sourcesanspro-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

input#phocagallerycreatesubcatsubmit.btn:hover{color:#000000;
    background-color: #538FC7!important;
}
input#phocagallerycreatesubcatsubmit.btn{color:#ef4129;}


#s5_middle_body_section {border:0px!important;}
.random-imageLogo_toprow{
  text-align:center;
}
@media screen and (min-width: 830px) {
#s5_top_body_section_inner{
  display:none;
  }
}
@media screen and (max-width: 830px) {
#s5_pos_custom_1{
  display:none;
  }
}
#instagram{width: 45px;
    height: 45px;
    background: url(../images/Instagram_icon.png) no-repeat center center;;
    float: left;
	margin-left: 10px;}

#sliderck276 .swiper-caption{
border-left: 1px solid #fff;
}

#sliderck276 .swiper-button{
float: right;}
.swiper-wrapper{
background:#EF4129;
}
.swiper-img-cont{background:#fff;}
#s5_login a{
color:#ffffff;}

body{
background: none!important;
font-family: 'source_sans_proregular';
}
ul.tags.inline{
list-style:none;
}
ul.tags.inline li{
display:inline;
margin-right: 2px;
}
#s5_component_call_wrap_inner{
padding-left:50px!important;
padding-right:50px!important;
}

.contact-form input, input, input[type="text"], #jform_contact_message {
	background-color: #ffffff!important;
}
.jevbootstrap .span10{
	width:100%!important;
}

.search.mod_search129 button.button.btn.btn-primary{
	background:#ef4129!important;}
.search.mod_search129 button.button.btn.btn-primary:hover{
	background:#2e73b0!important;}

#s5_social_login_wrap{
padding:30px!important;
max-width:1160px!important;
text-align:center!important;
margin: 0 auto!important;
}

#s5_facebook{
	background:#3B5998 url(../images/facebook.png) no-repeat center center;
	height: 45px;
	width: 39px;
}
#s5_facebook:hover {
    background:#545454 url(../images/facebook.png) no-repeat center center;
}

#s5_header_area1, #s5_menu_spacer{
  display:none!important;
}

#s5_accordion_menu_left h3 a{
font-family: 'source_sans_proregular'!important;
}
.module_round_box.left span.s5_accordion_menu_left{
padding-top:10px!important;
padding-bottom:10px!important;}

.module_round_box.Logo_cstm{
background: #fff!important;
text-align: center;
padding: 30px !important;}


.module_round_box.Logo_cstm .s5_mod_h3_outer{
background: #fff !important;
	padding:0px!important;
	margin-bottom:0px!important;
}

#s5_logo_banner_row{
  	margin-top:0px!important;
	padding-top:20px!important;}
.btn{
	font-size:13px!important;}
/* ===== contentomgeving ==== */

/*#s5_center_column_wrap_inner{
background:#FDE100 !important;
}*/
/* ===== footer ==== */

#s5_footer_body_section {
    margin-top: 5px;
}
#s5_footer_area1{
  	color:#ffffff!important;
	background: #538FC7!important;
    border-top: solid 0px #538FC7!important;
}
.moduletablecronjob{
height:0px;
}

#s5_breadcrumb_font_wrap {
	color:#ffffff!important;
    border-top: solid 0px #F2F2F2!important;
	background:#538FC7!important;
	}
#s5_breadcrumb_font_wrap a{
	color:#ffffff!important;
    border-top: solid 0px #F2F2F2!important;
	}

/* ===== partners ==== */
#containerPartners img{
	max-width:60% !important;}

#s5_if_innerbox{
	margin-top:35px;}
/* ===== slider home topright ==== */
.moduletable_slide .jdGallery .slideInfoZone h2{
	color: #FFF !important;
}
/* ===== nieuwsbrief left ==== */
.easyfolderlistingleftstraf a{
	font-size: 1.1em;
	color:#ffffff!important;
	padding-left:10px!important;
	display:inline!important;
	list-style-type:none!important;
}
.easyfolderlistingleftstraf a:hover{
	/*color:#3F6A93!important;*/
  color:#ffff!important;
}
ul.easyfolderlistingleftstraf li a{
	background: none!important;
	list-style-type:none!important;
}
/* ===== agenda left ==== */
.s5_outer.activity{
	background: #2f73b08c;
	color:#ffffff;}

.s5_outer.activity .mod_events_latest_table tr {
    border-bottom: 2px solid #ef4129;
}

/*span.hasjevtip {
    background: #44b5c1;
}*/
.cal_daysoutofmonth{
	background:#ff3b301c!important;
}
#jevents_body .cal_table {
	background-color:#ffffff!important;
}

/* ===== nieuwspagina ==== */
.blog_news img, .item-page_news img{
	margin-right:10px;
}
.blog_news .items-row{
	margin-bottom:50px;
}
/* ===== menu in artikel ==== */
.pull-right {
    margin-left: 15px;
}
/* ===== pagenav in artikel ==== */
.pager a, .pager a:active{
	background-color: #2b9ca8!important;
}
.pager a:hover{
	background-color: #ef4129!important;
}
/* ===== spelendleren pagina ==== */
#block{
	text-align: center;
	width:33%;
	display:inline-block;
	padding-bottom: 50px;
}
div.item-page_spelen img{
	float:left;
	display:inline;
}
div.item-page_spelen p{
	display: inline-block;
	width: 100%;
	text-align: center;

}
.pg-csv-box, .pg-cv-box-img, .pg-cv-box {
    max-height: 130px;
    max-width: 130px;
    -webkit-box-shadow:0px 0px 0px 0px rgba(120, 120, 120, 0.5), inset 0px 0px 0px 0px rgba(240, 240, 240, 0.2);
   /*! box-shadow:0px 0px 2px 1px rgba(120, 120, 120, 0.5), inset 0px 0px 7px 7px rgba(240, 240, 240, 0.2); */
   -webkit-border-radius: 0px;
   /*! border-radius: 2px; */ 
    }
.mfp-image-holder .mfp-close{
   right: 0px!important; 
    }
    
.pg-csv-box-img, .pg-cv-box-img{
 background: url(../../../images/STRAF_Images/Fotokader.png) no-repeat left center;
 background-size: contain;
 padding: 29px!important;
  
 }
/* ===== left accordion menu main-left ==== */
#s5_left_wrap.img{
width:100%; height:100%;
}

/*#s5_left_wrap{
	background: url(../../../images/mijnschacht_Dblauw.svg); 
	background-repeat: no-repeat;
	background-size: cover;

}
*/
#s5_left_wrap{ 
  width:100%;
  background-image: url('../../../images/mijnschacht_Dblauw.svg');
  background-repeat: no-repeat;
  background-position:left top;
  background-size:220% 125em;
 
}

#s5_accordion_menu.main-left h3{
 background:none!important;
  text-transform:uppercase;
  border-bottom:0px!important;
  font-weight: bold;
}
#s5_accordion_menu ul li a.mainlevel:hover{
  background:#ef4129!important;
}


#s5_accordion_menu.main-left h3:hover{
  background:#ef4129!important;
  text-transform:uppercase;
  border-bottom:0px!important;
}
#s5_accordion_menu.main-left h3#current{
  background:#ef4129!important;
  text-transform:uppercase;
}
#s5_accordion_menu.main-left #current.s5_am_toggler a, #s5_accordion_menu.main-left h3.s5_am_toggler a.mainlevel{
  color:#fff!important;
}
#s5_accordion_menu.main-left a:hover{
color:#fff!important;
}
#s5_accordion_menu.main-left #current a{
color:#ffffff!important;
background:#ef4129!important;
}
#s5_accordion_menu.main-left #current .s5_am_innermenu span{
color:#ffffff!important;
}
#s5_accordion_menu.main-left #current .s5_am_innermenu span a.mainlevel{
color:#ffffff!important;
background:none!important;
}
#s5_accordion_menu.main-left h3.s5_am_open{
  background:none!important;  
}
#s5_accordion_menu.main-left h3.s5_am_open:hover{
  background:none!important;
}
/* ===== fontaangekocht kgkingcool ==== */

/*@font-face {
    font-family: 'kgkingcoolkc';
    src: url('../fonts/kgkingcoolkc-webfont.woff2') format('woff2'),
         url('../fonts/kgkingcoolkc-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.fontkool{
  font-size:2em;
  font-family: 'kgkingcoolkc';
  color:#ffffff !important;
  text-transform: none !important;
}
*/

#s5_component_wrap_inner h1{
  font-size:2.1em;
/*  font-family: 'kgkingcoolkc'; */
  color:#ef4129;
}

/* ===== leftbar menu and header ==== */
#s5_accordion_menu.main-left li a,
div.s5_accordion_menu_element li a {
  	padding-left:35px!important;
	background: url(../../../images/icons/Straf_ico_32.png) no-repeat left center !important;
}

.module_round_box.leftstraf{
	padding-bottom: 17px!important;
	padding-top: 17px;
}
#s5_left_column_wrap .s5_mod_h3_outer{
	background: none !important;
	border-top: solid 0px !important;
}

.s5_h3_first, .s5_h3_last{
  font-size:1.7em;
/*  font-family: 'kgkingcoolkc'; */
  color:#ffffff !important;
    text-transform: none !important;
}

h3.s5_mod_h3::after
{
  content:'';
/*  background: url(../../../images/icons/lijn_wit_small.png) no-repeat;*/
  width:100%;
  height: 13px;
  display:inline-block;
  float:left;
  clear:right;
}

#s5_left_column_wrap {
	background: #538fc7!important;
	}
		
	
ul.latestnewsleftstraf.mod-list li a{
 	padding-left: 35px;
	color:#ffffff;
	margin:5px 0px 5px 0px;
	font-size: 1.1em;
	background: url(../../../images/icons/Straf_ico_32.png) no-repeat left center !important;
}
ul.latestnewsleftstraf.mod-list li a:hover{
  background: #ef4129 !important;
  color:#ffff!important;}

span.s5_accordion_menu_left a.mainlevel{
color: #fff !important;
text-transform: uppercase !important;
font-weight: bold;
font-size: 1em !important;
/*text-shadow: 1px 1px 6px #000000;*/}

#s5_nav li a{
font-size:1.2em!important;
}
/* =====  background note image =====*/

/*#s5_component_call_wrap_inner*/

/*
#s5_component_call_wrap_inner .blog-featuredhome .item.column-1 {  
	padding-top: 2% !important;
	padding-bottom: 6% !important;
	border: 10px solid;
  border-image:: url(../../../images/icons/lijn_red_small.png);
/*	border-bottom: 3px solid #ef4129;*/
 
 
#s5_component_call_wrap_inner .blog-featuredhome .item.column-1:after{
     content: "";
    display: block;
    height: 70px;
    background-image: url(../../../images/STRAF_Images/lijn_mier_content.png);
    background-repeat: no-repeat;
    background-position: right bottom;
} 
 
/* =====  -fontcool style =====*/
/*.module_round_box-fontcool {
  padding: 20px;
}
*/
.module_round_box-fontcool .s5_mod_h3_outer {
  margin-top: 10px;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 16px;
  background: none !important;
  padding: 0px !important;
  border: none !important;
}
.module_round_box-fontcool {
color:#ffffff!important;
}

.module_round_box-fontcool .s5_h3_first,
.module_round_box-fontcool .s5_mod_h3 {
  color: #FFFFFF !important;
}

.module_round_box-fontcool h3 {
  font-size: 1.3em;
}

.module_round_box-fontcool a {
  color: #FDE100;
}
.module_round_box-fontcool a:hover {
  color: #ef4129;
}
/* === font color red === */
.module_round_box-fontcoolred .s5_mod_h3_outer {
  margin-top: 10px;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 16px;
  background: none !important;
  padding: 0px !important;
  border: none !important;
}

.module_round_box-fontcoolred .s5_h3_first,
.module_round_box-fontcoolred .s5_h3_last,
.module_round_box-fontcool .s5_mod_h3 {
  color: #ef4129 !important;
}

.module_round_box-fontcoolred h3 {
  font-size: 1.3em;
}

.module_round_box-fontcoolred .s5_mod_h3::after
{
  content:'';
  background: url(../../../images/icons/lijn_red_small.png) no-repeat;
  width:100%;
  height: 13px;
  display:inline-block;
  float:left;
  clear:right;
}

/* TABS */
.nav-tabs a, .nav-pills a{
    color: #333 !important;
}
@media only screen and (max-width: 600px) {
  .blog_news p {padding-left:0px!important; float:left;} 
  .blog_news img{float:initial; display:block;}
  dd.create{display:inline-block;}
  
}