.cookie_message {
  width: 100%;
  background: #2f2e41;
  position:fixed;
  bottom:0px;
  z-index:999;
  padding:15px 0px 5px;
  display: none;
/* deze zou standaard op display:none moeten staan */
}
.cookie_message .container-fluid{max-width:1600px;}
.cookiebutton-container {}

.cookiemessage-container a{color:#bcb3e6;}
.cookiemessage-container span{text-transform:uppercase; font-weight:bold; color:#bcb3e6;}

.knop{
  border: 1px solid #1b1a5f;
  color: #fff;
  background: #6863ac;
  background: -moz-linear-gradient(top, #8d89ca 0%, #6863ac 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8d89ca), color-stop(100%,#6863ac));
  background: -webkit-linear-gradient(top, #8d89ca 0%,#6863ac 100%);
  background: -o-linear-gradient(top, #8d89ca 0%,#6863ac 100%);
  background: -ms-linear-gradient(top, #8d89ca 0%,#6863ac 100%);
  background: linear-gradient(to bottom, #8d89ca 0%,#6863ac 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d89ca', endColorstr='#6863ac',GradientType=0 );
  -moz-box-shadow: inset 1px 1px 2px rgba(255,255,255,0.20);
  -webkit-box-shadow: inset 1px 1px 2px rgba(255,255,255,0.20);
  box-shadow: inset 1px 1px 2px rgba(255,255,255,0.20), inset 0px 5px 10px rgba(139,135,201,1);
  padding: 8px 20px;
  text-shadow: 0px 1px 0px #2e2d7c;
  text-decoration: none;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.knop.allow-btn:hover , .knop.not-allow-btn:hover , .knop.close-btn:hover  {
    /*color: #005ca4;
    background: #e4e7eb;*/
    cursor:pointer;
    color:#fff;
}

.cookie_message p {
  font-size: 14px;
  line-height:20px;
  margin-bottom:10px;
  color:#fff;
}

.allow-btn {
  margin-right: 20px;
  margin-bottom:10px;
}

.not-allow-btn {
  margin-right: 20px;
  margin-bottom:10px;
}

.close-btn {
  margin-right: 20px;
  margin-bottom:10px;
}

@media (min-width: 768px) {
.cookiebutton-container{padding-top:13px;}
}

/* ######## onderstaand weglaten als bootstrap gebruikt wordt #############*/
.container-fluid{
  padding:0px 20px;
  margin:0 auto;
}
.cookiemessage-container{
  width:100%;
}
.cookiebutton-container{
  width:100%;

}

@media (min-width: 768px) {
  .cookiemessage-container{
    width:80%;
    float:left;
  }
  .cookiebutton-container{
    width:20%;
    float:right;
  }
}
