body {
  background: #fff;
}

#intro .intro-info{
  color: #fff;
  width:40%;
}
#intro .intro-img {
  width: 60%;
  float: right;
}


#intro .intro-info h2 {
  margin-bottom: 10px;
}

.taal-keuze {
	position:fixed;
	top:15px;
	right:50px;
	z-index:1000;
}

#about h4 {
    font-weight: 600;
    font-size: 28px;
}

#about h5 {
    font-weight: 600;
    font-size: 22px;
	color:#004a99;
	padding-top:50px;	
}



.container-fluid.extra-padding{
	margin-top:130px;
	margin-bottom:100px;
	padding-left:50px;
	padding-right:50px;
}

.marker {
	background-color:yellow;
}


.kader {
	height:auto;
	padding:30px;
	background-color:white;
	border-radius:10px;
	border:1px solid #CCCCCC;
	margin-bottom:4px;
}



.kader.h-200{
	height:200px;
	padding:30px;
	background-color:white;
	border-radius:10px;
	border:1px solid #CCCCCC;
	margin-bottom:4px;
}

a .kader{
	color:black;
}

.kader.h-200:hover {
	background-color: #7DE6FF;
}

a.link-wit{
	color:white;
}


.text-blauw{
	color:#004a99;
	font-weight:bold;
}
.text-groen{
	color: #009933;
	font-weight: bold;
}


.bg_geel{
	background:#FFFF00;
}


.pagination {
	 align-items: center;
	 justify-content:center;
}

.rijen {
	padding:5px 1px 5px 1px;
	font-size:16px;
	border-top:1px solid silver;
	color:#333333 !important;
}

.rijen:hover{
	background-color:#fde50b;
	color:black !important;
	
}

.form-control{
	margin-bottom:3px;
}


.btn-meer-info {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  display: inline-block;
  padding: 3px 15px 3px 15px;
  border-radius: 5px;
  transition: 0.5s;
  margin: 0 20px 20px 0;
  color: #fff;
  background: #007bff;
  border: 2px solid #007bff;
  color: #fff;
  width:auto;
  min-width:126px;
  text-align:center;
  height:35px;
}
.btn-meer-info.lees-verder {
  padding: 5px 15px 3px 15px;
}

.btn-meer-info:hover {
  background: none;
  border-color: #007bff;
  color: #16409e;
}

.sluit-knop{
	 position:absolute;
	 top: 3px;
	 right: 3px;
	 font-size:20px;
	 color:#003366;
}

.actief_blauw{
	background:#7DE6FF;
}

.nieuws_titel{
	color:#0555a2;
	font-weight:bold;
}


/***** Hover effect Responsible Care logo *****************/
.info-bericht {
  display: none;
  position:absolute;
  border-radius:10px;
  background-color:white;
  color:#003399;
  font-size:16px;
  border:1px solid #000066;
  height:auto;
  width:90% !important;
  max-width:600px;
  padding:15px 15px;
  z-index:1000;
  left:10px;
}

.RCdiv:hover + .info-bericht{
  display: block !important;
}
/***/

/****** NEWSDETAIL TITEL RECHTS UITLIJNEN **********/
.section-header-news h3 {
  font-size: 36px;
  color: #283d50;
  text-align: left;
  font-weight: 500;
  position: relative;
}

.fa-20px{
	font-size:20px;
}

.visite_kaartje{
	width:32%;
	padding:15px;
	border:1px solid black;
	margin-bottom:10px;
	margin-left:10px;
	background: #fcfcfc;
}

.visite_kaartje:hover{
    background: #7DE6FF;
    cursor:pointer;
    
}

.half-strong {
	font-weight:600;
}


/********** TABEL MET WEINING PADDING ************/

 table.padding-klein td {
 
 	padding:0px 30px 0px 0px;
 	border:0px solid red;
	
}

/*********** POP-UP ******************************/
.pop-up-kader {
 width:auto;
 min-width:250px;
 max-width:400px;
 height:auto;
 padding:15px 15px 15px 15px;
 color:#003366;
 font-size:18px;
 position:fixed;
 top:150px;
 left:20%;
 border:3px dotted #003366;
 background-color:#7DE6FF;
 z-index:999999;
 border-radius:7px;
 font-style:italic;
 box-shadow: 5px 10px 5px grey;
}

.pop-up-kader.rood {
 background-color: #FF0000;
 color:white;
}

p.validatie{
 font-size:16px;
 line-height:20px;
     margin-bottom:0px;
}

/****** COOKIE BALK **************/
.cookiebalk {
 display:inline;
 position:fixed;
 left:0px;
 bottom:0px;
 width:100%;
 height:45px !important;
 text-align:center;
 line-height:normal;
 color:black;
 font-weight:normal;
 background:white;
 padding: 10px 0px 0px 0px;
 margin-left:auto;
 margin-right:auto;
 border-top:1px solid black;
 z-index:999999;

}
.footer-marge {
 margin-bottom:45px;
}

/************************************************************************************************************************/
/******************************************** A N D E R E   S C H E R M E N *********************************************/
/************************************************************************************************************************/

/***** enkel voor taalkeuze *****/
@media only screen 
  and (min-width: 1200px) 
  and (max-width: 1355px) {
  
.taal-keuze {
	position:absolute;
	top:60px;
	right:70px;
	z-index:100;
}
}


/****** LAPTOPS (col-lg) ******/
@media only screen 
  and (min-width: 992px) 
  and (max-width: 1199px) {
body {
 padding-top: 50px;
 background: white;/* #33CCFF; /*blauw*/
}
.container-fluid.extra-padding{
	margin-top:40px;
	margin-bottom:100px;
	padding-left:20px;
	padding-right:20px;
}
#intro {
  padding: 40px 0 40px 0;
}

#intro .intro-info{
  width:50%;
}
#intro .intro-img {
  width: 50%;
  float: right;
}

.taal-keuze {
	position:absolute;
	top:60px;
	right:70px;
	z-index:100;
}

.visite_kaartje{
	width:31%;
}


}


/****** TABLETS (col-md) ******/
@media only screen 
  and (min-width: 768px) 
  and (max-width: 991px) {
body {
 padding-top: 50px;
 background: white;/* #00CC66; /*groen*/
}
.container-fluid.extra-padding{
	margin-top:40px;
	margin-bottom:100px;
	padding-left:20px;
	padding-right:20px;
}
#header .logo img {
  margin: 3px 0 5px 0;
  max-height: 40px;
}
#intro {
  width:100%;
  padding: 80px 0 30px 0;
}

#intro .intro-info{
  width:100%;
}
#intro .intro-img {
  width: 100%;
  float: none;
}
.visite_kaartje{
	width:48%;
}

}


/****** LAGER MOBILE PHONES (col-sm) ******/
@media only screen 
  and (min-width: 576px) 
  and (max-width: 767px) {
body {
 padding-top: 0px;
 background: white;/* #FF3300; /*rood*/
}
.container-fluid.extra-padding{
	margin-top:40px;
	margin-bottom:100px;
	padding-left:20px;
	padding-right:20px;
}

#header .logo img {
  margin: 3px 0 5px 0;
  max-height: 40px;
}

#intro {
  padding: 80px 0 30px 0;
}

#intro .intro-info{
  width:100%;
}
#intro .intro-img {
  width: 100%;
  float: none;
}
.visite_kaartje{
	width:48%;
}

}


/****** MOBILE PHONES (col-) ******/
@media only screen 
  and (min-width: 100px) 
  and (max-width: 575px) {
body {
 padding-top: 50px;
 background:  white;/*#FF3399; /*roze*/
}
.container-fluid.extra-padding{
	margin-top:40px;
	margin-bottom:100px;
	padding-left:20px;
	padding-right:20px;
}
h4{
	font-size:16px;
}

.pop-up-kader {
	top:150px;
	left:30px;
}
#header .logo img {
  margin: 3px 0;
  max-height: 40px;
}

#intro {
  padding: 30px 0 30px 0;
}

#intro .intro-info{
  width:100%;
}
#intro .intro-img {
  width: 100%;
  float: none;
}
.visite_kaartje{
	width:90%;
}

/********** pop-up-kader ********/
.pop-up-kader {
 width:auto;
 max-width:300px;
 height:auto;
 padding:15px 15px 15px 15px;
 font-size:16px;
 position:fixed;
}

/****** COOKIE BALK **************/
.cookiebalk {
 height:60px !important;

}
.footer-marge {
 margin-bottom:60px;
}



}