/* general styles */
body{
  font-size: 12px;
}
div.centerContent{
  width: 100%;
}

/*      HEADER      */
header{
  width: 100%;
  z-index: 2;
  position: relative;
  height: 115px;
}
header div.logoHolder{
  width: 100px;
  float: none;
  margin-top: 0px;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 41;
}
div.menuHolder{
  position: absolute;
  left: 0px;
  top: 0px;
  padding-top: 0px;
  margin-left: 0px;
  float: none;
  width: 100%;
  z-index: 40;
}
div.menuHolder nav ul li{
  display: none;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 1.5em;
  line-height: 40px;
  padding-bottom: 0px;
  background-color: #FFF;
}
div.menuHolder nav>ul>li{
  padding-bottom: 0px;
}
div.menuHolder nav ul li a{
  padding-bottom: 0px;
}
div.menuHolder nav ul li.active a{
  border-bottom: none;
}
div.menuHolder nav ul li ul{
  display: block;
  position: relative;
  left: auto;
  top: auto;
  width: 100%;
}
div.menuHolder nav ul li ul li{
  float: none;
  padding: 0px;
  padding-left: 10px;
  font-size: 1em;
  font-weight: 400;
}
div.menuHolder nav>ul>li>ul>li{
  padding-bottom: 20px;
}
div.menuHolder nav>ul>li>ul>li:hover>a{
  color: #000;
}
div.menuHolder nav ul li ul li ul{
  display: block;
  position: relative;
  left: auto;
  top: auto;
  width: 100%;
  padding: 0px;
  height: auto;
}
div.menuHolder nav ul li ul li ul li{
  width: 100%;
}
div.menuHolder nav ul li ul li ul li.title{
  display: none;
}
div.menuHolder nav ul li ul li ul li ul{
  width: 100%;
  float: none;
  font-size: 1em;
  display: block !important;
}
div.menuHolder nav ul li ul li ul li ul li{
  width: 100%;
}
div.menuHolder nav ul li ul li ul li ul:first-child li:first-child{
  padding-top: 10px;
}
div.menuHolder nav ul li ul li ul li ul li:hover>a{
  color: #000;
}
div.menuHolder nav ul li ul li ul li ul:last-of-type{
  display: none;
}
div.menuHolder nav ul li ul li ul li ul li span.menuContact,
div.menuHolder nav ul li ul li ul li a.menuNews{
  display: none;
}
div.menuHolder nav ul li.menuButton{
  display: block;
  font-weight: 700;
  font-size: 1.5em;
  background: none;
  line-height: 35px;
  padding-top: 5px;
  padding-bottom: 0px;
}
div.menuHolder nav ul li.menuButton span{
  padding-right: 5px;
}

div.searchHolder{
  position: absolute;
  right: auto;
  left: 20px;
  top: 40px;
}
div.searchHolder input.inputText.search {
	height: 30px;
	width: 100px;
	line-height: 28px;
}
div.searchHolder button.inputSubmit {
	color: #e41b13;
	height: 30px;
	width: 30px;
  font-size: 16px;
	line-height: 28px;
}
a.mijnRobbe{
  display: block;
  position: absolute;
  right: auto;
  left: 20px;
  top: 74px;
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 1.2em;
}




/*      CONTENT      */
div.pageHeader{
  height: 0px;
  padding-top: 40%;
}
div.mainContent{
  padding-left: 20px;
  padding-right: 20px;
}

div.crumblePath{
  padding-top: 10px;
}
article{
  width: 100%;
  margin-top: 20px;
  float: none;
}
article h1{
  margin-bottom: 10px;
}
article p a.button{
  padding-left: 10px;
  padding-right: 10px;
}

div.content.default article table{
  width: 100% !important;
}

aside{
  margin-top: 30px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  float: none;
}
aside div.contactPanel,
aside div.newsPanel{
  padding: 15px;
}

aside div.contactPanel h3{
  font-size: 1.4em;
}

div.bottomNav div.bottomButton{
  padding-left: 0px;
}


/*      HOME     */
div.content.home div.pageHeader{
  height: 0px;
  padding-top: 40%;
}

div.homeBlocks{
  margin-top: 20px;
}
div.homeBlocks>h3{
  margin-bottom: 10px;
  margin-left: 0px;
}
div.homeBlocks a{
  display: block;
  width: 100%;
  min-height: 0px;
  float: none;
  padding: 15px;
  border-right: none;
  border-bottom: solid 1px #FFF;
}
div.latestNewsHeading{
  margin-bottom: 20px;
}
div.latestNewsHeading img{
  height: 20px;
}
div.latestNewsHeading h2{
  padding-left: 10px;
  padding-right: 10px;
  height: 20px;
  padding-top: 4px;
  font-size: 20px;
}
div.latestNewsHeading a{
  height: 20px;
  padding-top: 10px;
  padding-left: 10px;
  font-size: 14px;
}

div.latestNewsHolder a{
  width: 100%;
  float: none;
}
div.latestNewsHolder a:first-child{
  margin-right: 0px;
  margin-bottom: 30px;
}
div.latestNews a img{
  margin-bottom: 10px;
}
div.latestNews a span.textHolder{
  min-height: 0px;
  padding-bottom: 10px;
}
a span.readmore.button,
a.readmore.button,
div.latestNews a span.readmore,
div.newsContact a,
aside div.newsPanel a span.readmore{
  padding: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
div.content.home aside{
  margin-top: 30px;
}

/*      FORMULIER     */
div.formPage div.formHeader h3{
  font-size: 1.4em;
}
div.formRow p{
  font-size: 12px;
  width: 100%;
  padding-right: 0px;
  min-height: 0px;
}
div.formRow label input.inputText,
div.formRow label select.inputSelect,
div.formRow label textArea.inputArea,
div.formRow label div.checkBoxHolder{
  width: 100%;
  font-size: 12px;
}
div.formRow label div.inputDate{
  width: 100%;
  margin-left: 0px;
  font-size: 12px;
}

div.formRow button.submitButton{
  font-size: 12px;
  width: 100%;
  float: none;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 3px;
}



/*      NEWS    */
div.blogHolder a{
  min-height: 0px;
  margin-bottom: 20px;
}
div.blogHolder a span.imageHolder{
  width: 100%;
  height: 0px;
  padding-top: 68.5%;
  float: none;
  margin-bottom: 10px;
}
div.blogHolder a span.textHolder{
  padding-left: 0px;
}
div.blogHolder a span.title{
  font-size: 1.5em;
  margin-top: 5px;
}

div.content.news p.date{
  margin-top: 10px;
}
div.content.news article.detail h1{
  margin-top: 10px;
}

div.newsCrossnav{
  margin-top: 30px;
  padding-bottom: 0px;
}
div.newsCrossnav h3{
  font-size: 1.5em;
  margin-bottom: 10px;
}
div.newsCrossnav a{
  float: none;
  width: 100%;
  margin-right: 0%;
}
div.newsCrossnav a span.title{
  font-size: 1.3em;
}


/*      MEDEWERKERS     */
div.employeeCrossnav{
  margin-top: 80px;
  padding-bottom: 0px;
}

div.employeeHolder a,
div.employeeCrossnav a,
div.employeeInfo{
  width: 100%;
  margin-right: 0px;
  margin-bottom: 30px;
}
div.employeeHolder a{
  text-align: center;
}
div.employeeInfo{
  margin-bottom: 20px;
  margin-top: 20px;
  width: 100%;
}
div.employeeCrossnav a{
  width: 100%;
  margin-right: 0px;
}


div.employeeHolder a img,
div.employeeCrossnav a img,
div.employeeInfo img{
  border-radius: 50px;
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
}
div.employeeInfo span.employeeText,
div.employeeCrossnav a span.employeeText{
  padding-left: 110px;
  padding-top: 0px;
}
div.employeeCrossnav a span.employeeText{
  padding-top: 0px;
}



/*      SEARCH      */
a.search {
	padding: 10px;
	min-height: 0px;
}
a.search span.imageHolder {
	width: 100%;
	height: 0px;
  padding-top: 58%;
	float: none;
  margin-bottom: 10px;
}
a.search span.text {
	padding-left: 0px;
}

/*      FOOTER      */
footer{
  width: 100%;
}
div.socialHolder{
  padding-bottom: 10px;
  padding-right: 20px;
  padding-left: 20px;
  text-align: center;
}
div.socialHolder a{
  vertical-align: middle
}

div.footerInfo{
  padding-top: 15px;
  padding-bottom: 20px;
  margin-top: 30px;
}
div.footerInfo nav>ul{
  border-top: solid 1px #FFF;
  padding-top: 30px;
}
div.footerInfo nav ul li{
  display: none;
  float: none;
  line-height: 20px;
  width: 100%;
}
div.footerInfo nav ul li:last-child{
  display: block;
  text-align: center;
}
div.footerInfo nav ul li p span{
  line-height: 16px;
}


div.copyright{
  line-height: 1em;
  padding-top: 20px;
  padding-bottom: 0px;
  text-align: center;
}

div.copyright nav{
  float: none;
  display: block;
}
div.copyright nav ul li{
  list-style: none;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
}