body {
  font-family: 'Open Sans', Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
}



a, a:hover {
  text-decoration: underline;
  color: #000;
}



.container-fluid {
  max-width: 1020px;
}

#header {
  border-bottom: 1px solid #ddd;
}

#header .container-fluid {
  position: relative;
  height: 150px;

}


.headerlogo {
  position: absolute;
  left: 15px;
  top: 35px;
}

#main-nav {
  position: absolute;
  right: 15px;
  top: 70px;
}

#lang-nav {
  position: absolute;
  right: 15px;
  top: 5px;
}




#main-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}


#main-nav li {
  margin-left: 30px;
  display: inline-block;
}

#main-nav a {
  font-family: 'Roboto', sans-serif;
  display: block;
  text-decoration: none;
  color: #5d5d5d;
  padding: 0;
  font-size: 19px;
  font-weight: 400;
  text-transform: uppercase;
  border-bottom: 6px solid #b4b4b4;
}

#main-nav li.cur a {
  border-bottom: 6px solid #000;
  color: #000;
}


#main-nav a:hover {
  padding-bottom: 5px;
}



#lang-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}


#lang-nav li {
  margin-left: 7px;
  display: inline-block;
  background-color: #bcbcbc;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
}

#lang-nav li.lna {
  padding: 4px 5px;
  background-color: #dcdcdc;
}

#lang-nav a {
  display: block;
  text-decoration: none;
  padding: 4px 5px;
  color: #fff;
}

#lang-nav li.cur a {
  color: #ee8f41;
}






/* SLIDER */
#slider {
  width: 100%;
  max-width: 100%;
  margin: 0 auto 30px 0;
  background: gray;
/*  height: 500px; */
}

#slider2 {
    max-height: 450px;
    overflow: hidden;
}

#slider2:empty {
  height: 450px;
  margin: 0
}

#slider2 img {
    top: 50%;
    width: 100%;
    position: relative;
    top: 50%;
}

#p1 #slider {
  margin-bottom: 60px;
}


.content {
  padding: 0 0 30px 0;
}


h1#pagetitle {
  font-family: 'Roboto', sans-serif;
  font-size: 26px;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 15px
}

#footer {
  font-size: 14px;
  background-color: #737473;
  padding: 30px 0;
  color: #fff;
}

#footer .col-sm-4:last-child {
  text-align: right
}


#footer #c43 {
  text-align: center;
}

#footer a {
  color: #fff;
}

#footer h1, #footer h2, #footer h3 {
  font-size: 14px;
  font-weight: 700;
  padding: 0;
  margin: 0 0 15px 0;
}

#footer ul.csc-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

#footer .csc-menu li {
  margin: 0 0 5px 0;
  padding: 0
}

#footer .csc-menu li a {
  text-decoration: none;
}

#footer .csc-menu li a:hover {
  text-decoration: underline;
}



#c41 {
  font-size: 17px;
  font-weight: 300;
}

#c41 b, #c41 strong {
  font-weight: 300
}


#c45 {
  margin: 30px 0;
}

#c45 .row {
  margin-left: -5px;
  margin-right: -5px;
}

#c45 .col-md-15 {
  padding: 0 5px;
}
.home-prod {
  background-color: #f7f7f7;
}

.home-prod h1 {
  background-color: #000;
  color: #fff;
  font-size: 16px;
  text-align: center;
  font-weight: 300;
  padding: 7px 0;
  margin-bottom: 0;
  border-bottom: 3px solid #fff
}

.column-1-c45 h1 { background-color: #3c9522; }
.column-2-c45 h1 { background-color: #138fd6; }
.column-3-c45 h1 { background-color: #b80205; }
.column-4-c45 h1 { background-color: #8025c0; }
.column-5-c45 h1 { background-color: #59aa77; }

.home-prod h1 a {
  color: #fff;
  text-decoration: none;
  display: block;
}

.home-prod .image {
  margin-bottom: 0
}

.home-prod .text {
  font-size: 13px;
  border-top: 1px solid #fff;
  padding: 12px 10px 15px 10px;
  color: #333;
  border-bottom: 1px solid #eee;
  text-align: center;
}

.home-prod .text p {
  margin: 0;
}





.home-prod figure:hover img {
  opacity: 1;
  -webkit-animation: flash 1.5s;
  animation: flash 1.5s;
}
@-webkit-keyframes flash {
  0% {
    opacity: .6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: .6;
  }
  100% {
    opacity: 1;
  }
}






#c81 a {
	background-color: #4CAF50; /* groen */
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
}



.csc-frame-frame2 {
  border: 1px solid #ccc;
  padding: 10px 15px;
}

.csc-frame-frame2 h4 {
  font-weight: bold;
  font-size: 14px;
}


@media screen and (min-width: 951px) {
    .small-device {
        display: none;
    }

    .nav-toggle, .nav-collapse {
        display: none;
    }
}


@media screen and (max-width: 950px) {
    .large-device {
        display: none;
    }
}


@media screen and (max-width: 767px) {
  #footer .col-sm-4:last-child {
    text-align: left
  }


  #footer #c43, #footer #c44 {
    display: none;
  }


}