@import url('https://fonts.googleapis.com/css?family=Roboto');
body{ font-family: 'Roboto', sans-serif !important;}

h1                                { font-size: 24px; color:#1D4092;}
h2, .h2                           { font-size: 18px; color:#1D4092;}

a                                 { color:#0881cd;}
a:hover                           { color:#0881cd; text-decoration: underline;}

.btn-primary                      { background-color:#0881cd !important; color #FFF !important; border-color:#0881cd !important;}
.btn-primary:hover                { filter: brightness(85%);}

ul                                { margin: 0; padding: 0;}
.btn                              { margin-top: 15px;}
.alert                            { margin-bottom: 0; margin-top: 30px;}
hr                                { border-color:#0881cd !important;}
.svg-inline--fa                   { color:#0881cd;}

#cke_15                           { display: none;}
#cke_18                           { display: none;}

.nomargin                         { margin: 0 !important;}

.border                           { border: 1px solid #DDD; padding:15px; margin-bottom: 15px;}
.thumbnail                        { border-radius: 0;}

.chat li                          { list-style-type: none; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #DDD;}

form .input-100                   { width: 100px !important;}
form .input-200                   { width: 200px !important;}
form .input-50p                   { width: 48% !important;}
form .form-control                { border-color:#0881cd; border-radius: 0;}
form label                        { font-weight: normal; width: 100%;}
form input[type="checkbox"]       { margin-right:5px;}
form input[type="radio"]          { margin-right:5px;}
#cke_tekst                        { border-color:#0881cd;}

header                            { background-color: #FFF; border-bottom:10px solid #000;}
header .navbar-default            { border-radius: 0; background-color: #FFF; border: none; margin-bottom: 0;}
header .btn                       { margin-left: -4px; margin-top: 0;border-color:#000; border-radius: 0; background-color:#000 !important; color: #FFF !important;}
header .navbar-collapse           { padding-left: 0;}
header .navbar-default a          { color:#000000 !important;}
header form .svg-inline--fa       { margin-right: 5px; color:#FFF;}
header .navbar-nav .svg-inline--fa{ color:#000000 !important;}
header .navbar-nav .active .svg-inline--fa{ color:#FFF!important;}
header .navbar-nav li:hover .svg-inline--fa{ color:#FFF!important;}

header .navbar-nav                { margin-top: 0; margin-bottom: 0; background-color:#FFF;}
header input, header select       { background-color: #FFF !important;}
header .zoekbalk                  { background-color: #D3D3D3; margin-top: 10px;}

#content                          { background-color:#FFFFFc; padding-bottom: 50px; }

.xs-search-form                   { position: relative; margin-bottom: 5px; margin-top: 5px;}
.xs-search-form input             { width: 100%;}
.xs-search-form button            { position: absolute; right: 0; top: 0;}

.navbar                           { min-height: 0;}
.navbar-toggle                    { width: 100%; margin-bottom: 0; margin-right: 0; border-radius: 0; background-color: #0881cd; color: #FFF; border: none;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover  { background-color: #0881cd;}
.navbar-collapse                  { box-shadow: none; border-top:none;}
.navbar-default .active a, .navbar-default li:hover a  { background-color:#0881cd !important; color: #FFF !important;}

.searchitems                      { padding: 0;}
.searchitems li                   { list-style-type: none; border:1px solid #DDD; margin-bottom: 15px; padding: 5px;}
.searchitems li a                 { color:#333;}
.searchitems li strong            { color:#0881cd;}

.searchitemsSmall .col-sm-3 a     { border:1px solid #DDD; display: block; margin-bottom: 15px; padding: 5px; text-align: right;}
.searchitemsSmall .item           { margin-bottom: 30px;  font-size:16px; border: 1px solid #DDD; padding: 10px;}

.searchitemsSmall .img            { position: relative;     margin-bottom: 10px;}
.searchitemsSmall .img .prijs     { position: absolute;  right: 0;  bottom: 0;  background-color: #0881cd;  color: #FFF; padding: 5px 15px;  border-top-left-radius: 15px;}
.searchitemsSmall .txt            { height: 44px; overflow: hidden;}

.sortform select                  { margin-bottom: 10px;}

.pagination                       { margin: 0;}
.pagination li a                  { border-radius: 0 !important;}

.sidebar .navbar-default          { border-radius: 0; background-color: #FFF; border-bottom:none; border-color:#DDD;}
.sidebar .navbar-collapse         { padding: 0;}
.sidebar .navbar-nav li           { width: 100%; border-bottom: 1px solid #DDD; background-color:#FFFBE0}
.sidebar .navbar-nav>li>a         { padding-top: 5px; padding-bottom: 5px; color:#0881cd}
.sidebar .navbar-default a        { color:#0881cd !important;}
.sidebar .navbar-default .active a{ background-color:#0881cd !important; color: #FFF !important;}
.sidebar .navbar-toggle           { margin-top: 0;}
.sidebar .navbar-nav              { margin: 0; width: 100%;}

.breadcrumb                       { padding-left: 0; list-style-type: none; background: none;}

#map                              { width: 100%; height: 300px; border: 1px solid #DDD;}

.product .prijs                   { color:#0881cd; font-size: 20px; font-weight: bold;}
.product img                      { margin-bottom: 30px;}
.product .svg-inline--fa          { color:#0881cd; margin-right: 5px;}

.biedingen                        { padding-left: 0; list-style-type: none;}
.biedingen li                     { margin-top: 5px;}
.biedingen b, .biedingen span     { width: 30%; display: table-cell;}

footer                            { background-color:#D3D3D3; color:#000; padding-top: 30px; padding-bottom: 15px; border-top:10px solid #000;}
footer .h1                        { font-size: 20px; margin-bottom: 10px; display: block; color:#1D4092;}
footer ul                         { padding: 0;}
footer ul li                      { list-style-type: none;}
footer ul li a                    { color:#000;}
footer ul li a:hover              { color:#FFF; text-decoration: none;}
footer hr                         { margin-top: 10px; margin-bottom: 10px; border-color:#FFF !important;}


@media screen and (min-width: 768px) {
  header                          { position: fixed; z-index: 1000; height: 131px;  left: 0; right: 0;}
  header .logo                    { margin-top: 7px;}
  header .navbar-default          { display: -webkit-inline-box; float: right;}

  #content                        { padding-top: 141px;}
  .navbar-form                    {  width: fit-content;  margin-right: auto;  margin-left: auto;}

  .fancybox-slide--iframe        { width: 40%!important; margin-left: 30%!important; margin-right: 30%!important;}
}

@media screen and (max-width: 768px) {
  form .input-100                 { width: 100% !important;}
  form .input-200                 { width: 100% !important;}

  header .logo                    { margin-top: 10px;}
  header .nav>li                  { padding-left: 15px;}

  .navbar-collapse                { margin-top: 5px;}

  .sidebar                        { margin-top: 30px;}
}