body {
	background-image: url("../../../images/cepro-background.jpg");
    background-position: center center;
	background-attachment: fixed;
    background-repeat: no-repeat;
	background-size: cover;
	background-color: #0e4687;
}

.tm-block-full {height: auto; max-height: 400px; } /* Top-image module */

.page-id-13 .uk-article-title {display: none;}
.page-id-13 .uk-breadcrumb {display: none;}

.page-id-2587 .uk-article-title {display: none;}
.page-id-2587 .uk-breadcrumb {display: none;}

.page-id-4703 .tm-navbar{display:none;}
.page-id-4703 .tm-bottom-b{display:none;}

.page-id-4705 .tm-navbar{display:none;}
.page-id-4705 .tm-bottom-b{display:none;}
.page-id-4705 .uk-article-title {display: none;}

.page-id-5130 .tm-navbar{display:none;}
.page-id-5130 .tm-bottom-b{display:none;}
.page-id-5130 .uk-article-title {display: none;} 

.page-id-5116 .tm-navbar{display:none;}
.page-id-5116 .tm-bottom-b{display:none;}

.page-id-5124 .tm-navbar{display:none;}
.page-id-5124 .tm-bottom-b{display:none;}

.page-id-4704 .tm-navbar{display:none;}
.page-id-4704 .tm-bottom-b{display:none;}

.page-id-5131 .tm-navbar{display:none;}
.page-id-5131 .tm-bottom-b{display:none;}
.page-id-5131 .uk-article-title {display: none;}

.page-id-5117 .tm-navbar{display:none;}
.page-id-5117 .tm-bottom-b{display:none;}

.page-id-5125 .tm-navbar{display:none;}
.page-id-5125 .tm-bottom-b{display:none;}

/* BEGIN KLEURENNAVIGATIE */

.uk-navbar-nav > li li a:hover {background-image: none;}
.uk-navbar-nav > li li.uk-active a {background-image: none;}

.uk-navbar-nav > li.uk-active li a {background-image: none ;}

.uk-navbar-nav > li > a {color: #FFF;}
.uk-navbar-nav > li li > a {color: #FFF;}

.uk-navbar-nav > li {
	background-image: url("../../../images/corner-2.png");
    background-position: 0% 100%;
    background-repeat: no-repeat;
	background-size: 15px 15px; }

.uk-navbar-nav > li a:hover {
	background-image: url("../../../images/spark.png")  ;
    background-position: left bottom;
    background-repeat: no-repeat; 
	background-size: 40px 40px; }

.uk-navbar-nav > li:hover > a,  
.uk-navbar-nav > li > a:focus,  
.uk-navbar-nav > li.uk-open > a {    
    -o-transition: none;  
    -ms-transition: none;  
    -moz-transition: none;  
    -webkit-transition: none;  
    transition: none; }
	
.uk-navbar-nav > li.uk-active a {
	background-image: url("../../../images/spark.png") ;
    background-position: left bottom;
    background-repeat: no-repeat; 
    background-size: 40px 40px;
}


/* LINKS EN RECHTS EEN HOEK
.uk-navbar-nav > li {
	background-image: url("../../../images/corner.png"), url("../../../images/corner-2.png");
    background-position: right bottom, left bottom;
    background-repeat: no-repeat, no-repeat;
}
*/

.uk-navbar-nav > li:nth-child(1) {background-color: #e4302c; color: #ffffff; border-left: 3px solid white; border-right: 0px solid white; border-top: 2px solid white; border-bottom: 0px solid white;}
.uk-navbar-nav > li:nth-child(1) a:hover {background-color: #BB1C17; color: #ffffff; border: none;}

/*.uk-navbar-nav > li:nth-child(1):before {
    content: '';
    position: absolute;
    top: 0; bottom: 0;
    border-bottom: 20px solid white;
    border-right: 20px solid #e4302c;
    width: 0;
} */

.uk-navbar-nav > li:nth-child(2){background-color: #0e4687; color: #ffffff; border-left: 3px solid white; border-right: 0px solid white; border-top: 2px solid white; border-bottom: 0px solid white;}
.uk-navbar-nav > li:nth-child(2) a:hover {background-color: #0B3666; color: #ffffff; box-shadow: none; border:none;}

.uk-navbar-nav > li:nth-child(3){background-color: #e4302c; color: #ffffff; border-left: 3px solid white; border-right: 0px solid white; border-top: 2px solid white; border-bottom: 0px solid white;}
.uk-navbar-nav > li:nth-child(3) a:hover {background-color: #BB1C17; color: #ffffff; box-shadow: none; border:none;}

.uk-navbar-nav > li:nth-child(4) { background-color: #0e4687; color: #ffffff; border-left: 3px solid white; border-right: 0px solid white; border-top: 2px solid white; border-bottom: 0px solid white; }
.uk-navbar-nav > li:nth-child(4) a:hover { background-color: #0B3666; color: #ffffff; box-shadow: none; border:none; }

.uk-navbar-nav > li:nth-child(5){background-color: #e4302c; color: #ffffff; border-left: 3px solid white; border-right: 0px solid white; border-top: 2px solid white; border-bottom: 0px solid white;}
.uk-navbar-nav > li:nth-child(5) a:hover {background-color: #BB1C17; color: #ffffff; box-shadow: none; border:none;}

.uk-navbar-nav > li:nth-child(6) { background-color: #0e4687; color: #ffffff; border-left: 2px solid white; border-right: 2px solid white; border-top: 2px solid white; border-bottom: 0px solid white; }
.uk-navbar-nav > li:nth-child(6) a:hover { background-color: #0B3666; color: #ffffff; box-shadow: none; border:none;}

.uk-navbar-nav > li:nth-child(7){background-color: #e4302c; color: #ffffff; border-left: 0px solid white; border-right: 2px solid white; border-top: 2px solid white; border-bottom: 0px solid white;}
.uk-navbar-nav > li:nth-child(7) a:hover {background-color: #BB1C17; color: #ffffff; box-shadow: none; border:none;}

.uk-navbar-nav > li:nth-child(8) { background-color: #0e4687; color: #ffffff; border-left: 0px solid white; border-right: 2px solid white; border-top: 2px solid white; border-bottom: 0px solid white; }
.uk-navbar-nav > li:nth-child(8) a:hover { background-color: #0B3666; color: #ffffff; box-shadow: none; border:none; }

.uk-navbar-nav > li:nth-child(9){background-color: #e4302c; color: #ffffff; border-left: 0px solid white; border-right: 2px solid white; border-top: 2px solid white; border-bottom: 0px solid white;}
.uk-navbar-nav > li:nth-child(9) a:hover {background-color: #BB1C17; color: #ffffff; box-shadow: none; border:none;}

.uk-dropdown-navbar {
	background: #0e4687;
	border: 2px solid white;
	}

/* EINDE KLEURENNAVIGATIE */


h1, h2, h4, h5, h6 {color: #e4302c;}
h3 {color: #0e4687;}
.uk-article-title {color: #0e4687; margin-top: -25px;}
.uk-article-meta {display:none;}
.uk-panel-box .uk-panel-title {color: #e4302c;}
.uk-panel-box {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #CCC;
    color: #525252;
    padding: 30px;
}

.uk-panel-box-secondary {padding-bottom: 0px;}
.uk-panel-box-secondary h3 {margin-top: -15px;}

.uk-breadcrumb {padding-bottom: 25px; margin-top: -15px;}
.uk-breadcrumb > li, .uk-breadcrumb > li > a, .uk-breadcrumb > li > span  {font-size: 11px;}
.wp-front_page .uk-breadcrumb { display: none; }
.wp-front_page .uk-article-title { display: none; }
.homepage-title {margin-top: -30px;}
.tm-top-c {height: 100px;}

.stel-een-vraag {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #CCC;
    color: #525252;
    padding: 15px;
	float: none;
}

.contactbutton-red {
	color: #ffffff;
	background: #e4302c none repeat scroll 0 0;
	border: 1px solid #ffffff;
	padding: 15px 25px;
	margin-top: 15px;
	float: left;
	background-image: url("../../../images/corner-2.png");
    background-position: 0% 100%;
    background-repeat: no-repeat;
	background-size: 15px 15px; 
	}
	
.contactbutton-red a {color: #ffffff; padding-left: 15px;}
.contactbutton-red a:hover {color: #CCC;}
.contactbutton-red:hover {
	background-image: url("../../../images/spark.png");
    background-position: left bottom;
    background-repeat: no-repeat; 
	background-size: 40px 40px;	
}

.contactbutton-blue {
	color: #ffffff;
	background: #0e4687 none repeat scroll 0 0;
	border: 1px solid #ffffff;
	padding: 15px 25px;
	margin-top: 15px;
	float: left;
	background-image: url("../../../images/corner-2.png");
    background-position: 0% 100%;
    background-repeat: no-repeat;
	background-size: 15px 15px; 
	}
	
.contactbutton-blue a {color: #ffffff; padding-left: 15px;}
.contactbutton-blue a:hover {color: #CCC;}
.contactbutton-blue:hover {
	color: #CCC;
	background-image: url("../../../images/spark.png");
    background-position: left bottom;
    background-repeat: no-repeat; 
	background-size: 40px 40px;
}

.uk-search:before { 
color: #FFFFFF; 
margin: 0px 0px 15px 30px; 
 }  

.uk-search-field {
color: rgba(255, 255, 255, 0.8); 
background: rgba(14, 70, 135, 0.5) none repeat scroll 0 0;
border: 2px solid white;
margin: 0px 0px 15px 25px;
}

#lang_sel_list ul {border-top: none;}
#lang_sel_list ul a {background: none;}
#lang_sel_list img.iclflag {
    height: 17px;
    position: relative;
    top: 1px;
    width: 25px;
}

.tm-page {  
margin-top: 0px;  
margin-bottom: 30px;
border: 2px solid white;  
}

.uk-button { -webkit-appearance: none; border-radius: 0; }
.uk-button-primary {padding: 5px 15px; -webkit-appearance: none; border-radius: 0; }
.uk-button-secondary {padding: 5px 15px; -webkit-appearance: none; border-radius: 0; }

.tm-toolbar {color: #ffffff; background: #e4302c; position: fixed; width: 100%; z-index: 99; }
.tm-toolbar a {color: #ffffff; font-weight: bold;}
.tm-headerbar {padding-top: 65px;}

.cepro-category {
    position:relative;
    border:1px solid #CCC;
	margin-top: -125px;
	padding-top: 10px;
}

.cepro-category img {margin-top: -10px;}
.cepro-category p {line-height: 16px;}

.cepro-category:before {
    position:absolute; right:-1px; bottom:-1px; content:'';
    border-bottom: 70px solid #CCC;
    border-left: 70px solid transparent;
}

.cepro-category:after {
    position:absolute; right:-2px; bottom:-2px; content:'';
    border-bottom: 70px solid white;
    border-left: 70px solid transparent;
}

.tm-main-bottom .rpwe-summary {font-size: 14px; !important;}
.uk-article-title a {padding-top: 25px;}
.wp-post-image {padding-bottom: 50px;}

.tm-totop-scroller {background: none; box-shadow: none; border: none;}
.tm-totop-scroller:hover {background: none; box-shadow: none; border: none;}

hr { border-width: 2px 0 0; border-color: #CCC; }

.tm-bottom-b {font-size: 11px;}
.tm-bottom-b .uk-panel-title { color: #999999; font-size: 14px;}
.tm-bottom-b .uk-nav-side > li > a {padding: 3px 0;}

.tm-bottom-b .uk-panel-box-secondary .uk-panel-title {margin-top: -20px;}
.tm-bottom-b .uk-panel-box-secondary {padding-bottom: 15px;}

.tm-main-top .uk-panel {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(135deg,  #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* Afmetingen van Footer */
body > .tm-page + .tm-block {height:50px; background: none #e4302c; width: 100%; margin-top: -75px; padding-top: 0px; margin-bottom: 0px;}
body > .tm-page + .tm-block .widget_text {font-size: 9px;}

.tm-block {padding-bottom: 25px;}

/* Productpagina blokken */
.grijzebalk {background: #F9F9F9; padding: 10px 20px 0px 20px; color: #CF1F1B; border: 1px solid #EDEDED; }
.kader {border: 1px solid #ccc;}
.product-titel {
	margin-top: -10px;
	background: #e4302c; 
	color: #ffffff; 
	padding: 8px 15px; 
	font-weight: bold; 
	font-size: 18px; 
	min-height: 50px; 
	text-align:center;
} 
.specificaties {background: #EBECED; padding-top: 10px; padding-bottom: 10px; min-height: 100px;}

.hoek-in-foto  {
	background-image: url("../../../images/corner-2.png");
    background-position: 0% 100%;
    background-repeat: no-repeat;
	background-size: 15px 15px;
	 }
	 
.hoek-in-foto img {z-index: 1;}

.uk-width-medium-1-2 h3 {font-size: 18px; line-height: 22px;}
.uk-width-medium-1-3 h3 {font-size: 18px; line-height: 22px;}
.uk-width-medium-1-4 h3 {font-size: 18px; line-height: 22px;}
.uk-width-medium-1-5 h3 {font-size: 18px; line-height: 22px;}
.uk-width-medium-2-4 h3 {font-size: 18px; line-height: 22px;}
.uk-width-medium-1-6 h3 {font-size: 18px; line-height: 22px;}


.productpagina-kader {border: 1px solid #CCC; padding: 15px 15px 0px 15px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(135deg,  #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.productpagina-kader-1-2-3 {margin-top: -115px;  position: relative; border: 1px solid #CCC; padding: 15px 15px 0px 15px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(135deg,  #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}



/* 
-------------------------------------------------------------------------------------------------
CONTACTFORMULIER 
-------------------------------------------------------------------------------------------------
 */

.uk-form uk-form-stacked {
	-webkit-appearance: none; border-radius: none;}

.uk-form textarea, .uk-form select[multiple], .uk-form select[size] {
    height: 100px; -webkit-appearance: none;}

.uk-form .wpcf7-submit {color: #ffffff; font-size: 12px;}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea, .wpcf7 select  {
	color: #54545c;
	width: 100%;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: none;
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	      box-sizing: border-box;
		  -webkit-appearance: none;		 		  
		  
		  }

.wpcf7 input[type="text"]:focus{
	background: #fff; 
}
.wpcf7-submit{
	float: right;
	background: #999;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	border: none;
	padding: 4px 10px;
	cursor: pointer;
	-webkit-appearance: none;
}

.wpcf7-submit:hover{
	background: #b8ae98; color: #ffffff
}
span.wpcf7-not-valid-tip{
	text-shadow: none;
	font-size: 12px;
	color: #fff;
	background: #ff0000;
	padding: 5px;
}
div.wpcf7-validation-errors { 
	text-shadow: none;
	border: transparent;
	background: #f9cd00;
	padding: 5px;
	color: #9C6533;
	text-align: center;
	margin: 0;
	font-size: 12px;
}
div.wpcf7-mail-sent-ok{
	text-align: center;
	text-shadow: none;
	padding: 5px;
	font-size: 12px;
	background: #59a80f;
	border-color: #59a80f;
	color: #fff;
	margin: 0;
}

#responsive-form{
	max-width:1200px;
	margin:0 auto;
    width:100%;	
}
.form-row{
	width: 100%;}
	
.column-half, .column-full{
	float: left;
	position: relative;
	padding: 0.25rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}

.column-full-right {
	float: right;
	align: right;
	position: relative;
	padding: 0.25rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}

span.wpcf7-list-item {
    float: right;
}

.column-1-4 {
	float: left;
	position: relative;
	padding: 0.25rem;
	width:25%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}

.column-3-4 {
	float: left;
	position: relative;
	padding: 0.25rem;
	width:75%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}


.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/* 
-------------------------------------------------------------------------------------------------
EINDE CONTACTFORMULIER 
-------------------------------------------------------------------------------------------------
 */


/* ========================================================================
   MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE
 ========================================================================== */


/* iPad liggend */
@media (min-width: 960px) and (max-width: 1024px) { 

.cepro-category {margin-top: -100px;}
.uk-panel-box-secondary {padding-bottom: 15px;}
.uk-width-medium-1-4 h3 {font-size: 16px; line-height: 20px;}

}

/* Tekstverkleining en aanpassingen voor iPad staand */
@media (min-width: 480px) and (max-width: 959px) { 

.uk-navbar-nav > li > a {color: #FFF; font-size: 12px; }
.contactbutton-red {max-width: 100px; padding: 15px 10px;}
.contactbutton-red a {font-size: 12px;}
.contactbutton-blue {max-width: 100px; padding: 15px 10px;}
.contactbutton-blue a {font-size: 12px;}

.cepro-category {margin-top: -90px;}
.uk-panel-box-secondary {padding-bottom: 15px;}


}


/* iPhone liggend */
@media (min-width: 480px) and (max-width: 767px) {  
.cepro-category {margin-top: 15px;}
h2, .uk-h2 {font-size: 22px; line-height: 26px;}
h3, .uk-h3 {font-size: 20px; line-height: 26px;}
.uk-overlay-panel h1 {font-size: 25px; line-height: 33px;}
.uk-navbar {padding: 15px 0px 35px 0px;}
}	


/* iPhone staand */
@media  (max-width: 479px) { 

.uk-navbar {padding: 15px 0px 15px 0px;}
.cepro-category {margin-top: 10px;}
h2, .uk-h2 {font-size: 18px; line-height: 24px;}
h3, .uk-h3 {font-size: 20px; line-height: 26px;}
.uk-overlay-panel h1 {font-size: 25px; line-height: 33px;}
.uk-overlay-panel h2 {font-size: 22px; line-height: 30px;}
.homepage-title {margin-top: -15px; padding-bottom: 50px;}
.tm-top-c {height: 200px;}
.uk-article-title {font-size: 29px; line-height: 35px;}
 

}

/*nieuwe styles ivm aanpassingen html-validator*/
a.uk-button-primary  {
 font-size:13px!important;
}

a.uk-button-primary {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
    border: 1px solid rgba(211,211,211,1);
  -webkit-border-radius: 0.2em;
  border-radius: 0.2em;
  -o-text-overflow: clip;
  text-overflow: clip;
  white-space: nowrap;
   -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,0.8) , 0 1px 0 0 rgba(0,0,0,0.298039) ;
  box-shadow: 0 0 1px 1px rgba(255,255,255,0.8) , 0 1px 0 0 rgba(0,0,0,0.298039) ;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
}

.uk-container.uk-container-center .widget_text h2{text-align:center;}

.homepage-title h3{text-align:center;}

/*voor het shows-blok, komt anders error ivm style-tag*/
.rpwe-block ul{
list-style: none !important;
margin-left: 0 !important;
padding-left: 0 !important;
}

.rpwe-block li{
border-bottom: 1px solid #eee;
margin-bottom: 10px;
padding-bottom: 10px;
list-style-type: none;
}

.rpwe-block a{
display: inline !important;
text-decoration: none;
}

.rpwe-block h3{
background: none !important;
clear: none;
margin-bottom: 0 !important;
margin-top: 0 !important;
font-weight: 400;
font-size: 12px !important;
line-height: 1.5em;
}

.rpwe-thumb{
border: 1px solid #eee !important;
box-shadow: none !important;
margin: 2px 10px 2px 0;
padding: 3px !important;
}

.rpwe-summary{
font-size: 12px;
}

.rpwe-time{
color: #bbb;
font-size: 11px;
}

.rpwe-alignleft{
display: inline;
float: left;
}

.rpwe-alignright{
display: inline;
float: right;
}

.rpwe-aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
}

.rpwe-clearfix:before,
.rpwe-clearfix:after{
content: "";
display: table !important;
}

.rpwe-clearfix:after{
clear: both;
}

.rpwe-clearfix{
zoom: 1;
}