/* Enter Your Custom CSS Here */
.custompageheader {
    height: 40px;
  	background-color: #162c3d;
}
nav ul.navbar-nav li:hover a, nav ul.navbar-nav li a:focus, nav ul.navbar-nav li.current-menu-item a {
    background: #72c9ef;
    color: #ffffff;
}
.menu-topmenu-container {
  font-weight: bold;
  text-transform: uppercase;
}
.navbar-collapse.in {
	overflow-y: visible !important;
}

nav ul.navbar-nav li a {
    font-weight: 700;
    font-size: 20px;
}  
#main-page-container {
    margin-top: 0;
} 
#main-page-container a {
  	color: #337ab7 !important;
    text-decoration: none;
}
#main-page-container a.btn {
    color: #fff !important;
}
a.brand img {
  /* kan dit ook via instellingen? */
   height: 70px;
   margin: -20px 0 0 0;  
}

.VisualisationViewerContainer {
  padding: 0;
}

@media (max-width: 768px){
	a.brand img {
 		height: 110px;
	}
}
#topheader {
}
.sow-slider-image-wrapper {
      margin: 10% auto !important;
}
@media (max-width: 768px){
	.sow-slider-base ul.sow-slider-images { height: 300px; }
	.sow-slider-image-wrapper {
        margin: 5px auto !important;
    	padding: 0 60px 0 60px !important;
	}
}

footer .twitter {
  background-color: #162c3d !important;
}
footer .custom {
  background-color: #162c3d !important;
  text-transform: uppercase;
  color: #ffffff;  
  line-height: 1.2em;
  text-align: left;
  font-size: 90%;  
}
footer .custom a {
  text-transform: uppercase;
  color: #ffffff;  
}
footer .fixed {
 /* display: none;*/
}
div#f4wfooter {

}
/* oranjetekst = balk met introtekst */
#oranjetekst {
    width: 70%;
    margin: 10px auto;
    color: #ffffff;
}
#oranjetekst h3 {
  text-transform: uppercase;
  color: #ffffff;  
}
#oranjetekst a {
    text-decoration: underline;
    color: #ffffff !important;
    transition: all .4s;
    border-bottom: none !important;
}
#oranjetekst a:hover {
  text-decoration: none;
  color: #ddd;
  transition: all .4s;  
}
@media (min-width: 768px){
	#oranjetekst{width:80%}
}
@media (min-width: 992px){
	#oranjetekst{width:720px}
}
@media (min-width: 1200px){
	#oranjetekst{width:1140px}
}

/* blauwebalk met infographic elementen */
#blauwebalk h2 {
  text-transform: uppercase;
  color: #ffffff;
  margin: 0;
}
#blauwebalk h3 {
  text-transform: uppercase;
  color: #ffffff;
  font-size: 100%;
  margin: 0;
}

#keythemes h3 {
  text-transform: uppercase;
  color: #000000;
  font-size: 100%;
  margin: 0;
}
#keythemes h4 {
  text-transform: uppercase;
  color: #000000;
  font-size: 90%;
  margin: 0;
}

.card.news {
    padding: 0 !important;
}
.card.news .card-title {
    padding: 10px 0 0 20px;
    display: none;
}

.card.news .card-content {
    padding: 20px;
}

.card.news .card-more {
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

a.btn.btn-default.card-more.pull-right {
	border-bottom-style: none !important;
    color: #fff !important;
}

.card.news .card-image {
    padding: 0;
    margin: 0;
}
.card.project .card-title {
    display: block;
}

.VisualisationViewerContainer {
  padding: 0 !important;
}
.VisualisationViewerContainer {
    padding: 0;
}
#pg-718-0, #pl-718 .so-panel:last-child {
    padding: 0;
    height: 500px;
}

html {
    background: #fff !important;
}

nav ul.navbar-nav li{
		background: transparent !important;
}

nav ul.navbar-nav li a{
		background: transparent;
		color: #000;
}