﻿/* ********** MOBILE *********** */
@media screen and (max-width: 620px) {
html, body{
	width:100%;overflow-x:hidden;
}
.content-bg, article{
	width:inherit;
}
.metanavleft, .metanavright, aside, #disclaimer, .mini-banner, .banner{
	display:none !important;
}
.mobile {
	display:inherit !important;
}
.mobile-hide {
	display:none;
}
#wrapper-outer{
	background:#fff;
}
/*.mobile{
	display:inherit;
}*/
article img {
	width:100%;
	height:auto;
}
article table {
	overflow-x:auto;
	display:block
}
.afdeling article {
	padding-top:50px;
}

/* HOME */
#scroller{height:inherit;margin:0;padding:0;position:relative; width:inherit !important;}
.slider-holder {
	display:none;
}

.homepageteaser img {
	display:none;
}
/* HOME */
.content-bg{
	padding:10px;
}
.mainnav-content{
	background:#cf7721 !important;
}
article h1{
	font-size:26px;margin-left:0;
}
.content-bg img {

}
.subheader {
	background-image:none;
	background-color:#989898;
	position:absolute;
	bottom:-50px;	
}
.subheader title {
	width:inherit;
	padding:0;
	margin:0;
	line-height:inherit;

}
#pageheader{
	height:250px;background-color:#cf7721;position:relative;
}
#mainnav{
	background-image:none;
}
#mainnav ul ul{
	display:none;
}
#mainnav li{
	float:inherit;background:none;margin:0;
}
#mainnav li a{
	line-height:34px;font-size:24px;
}

#metanav{
	/*position:inherit !important;*/
	height:0 !important;width:0 !important;padding:0 !important;margin:0 !important;
	z-index: 1500; position: relative;
}
#pageheader #logoarea{
	height:100px;
}
#search{
	right:inherit !important;top:inherit !important;display:block !important;z-index:999;position:relative;margin-top:210px;margin-left:10px;
}
.sub-navigatie {
	margin-bottom:20px;
	float:none;
}
.sub-navigatie span{margin-top:20px;}
.sub-navigatie span:first-child{margin-top:0;}
.alfabet{
	display:inline;float:left;
}

span.hide-menu {
	display:none;
	padding:0;
	margin:0;
}
.mobile-foldermenu p span{
	display: none
}
.mobile-foldermenu ol{
	margin-left: 25px;
	margin-bottom: 0;
}
.toon-menu {
	cursor:pointer;
	color:#007bc2;
	display:block;
	background: url('../img/plus.png') no-repeat right;
}
.minus {
	background: url('../img/minus.png') no-repeat right !important;
}


#search0{
	display:block;clear:both;
}
article #search0 #searchbox0{
	width:65%;
}
.mobile .search-sidebar a{
	margin-left:-10px;
	padding-left:40px;
}
.mobile .search-sidebar a.active{
	color:#fff;
	}

#form input, #form textarea, #form button{
	display:block;width:95%;cursor:pointer; outline:none;
}
.highlight4{
	width:140px;display:inline-block;margin-right:20px;
}
article iframe{
	width:95% !important;
}
.fotoalbum li{
	width:140px;display:inline-block;margin-right:20px;
}
.banner{
	font-size:24px;height:inherit !important;
}
.banner div{
	padding-right:30px;
}
.mini-banner{
	width:140px;display:inline-block;margin-right:20px;
}
.lezing, .teaser {
	height:inherit !important;overflow:inherit !important;
}
.webpart-wrapper {
	margin:0;
}
#nieuwsholder {
	margin:10px 0 10px 0;
}/* homepage */
#headerimage{
	display:none;
}
/* FOOTER */

#main-footer {
	height:inherit;
}

#wrapper-outer {
	overflow:hidden;
}
#footer-content, #main-footer {
	width:100% !important;
}
#footer-content {
	height:inherit !important;
}
#footer-nav {
	display:none;
}
#social {
	position:relative!important;
	width:100% !important;
	top:inherit !important;
	right:inherit !important;
	margin:0 !important;
	padding:20px 0 20px 20px !important;
}
#main-footer ul li {
	float:none;
}
#main-footer ul {
	padding:20px 0 0 20px;}
.mobile-show {
	display:block !important;
}
#main-footer #payoff, #main-footer #disclaimer{
	position:relative!important;
	top:inherit !important;
	right:inherit !important;
	bottom:inherit !important;
	margin:0 !important;
	text-align:left;
	padding:20px 0 0 20px !important;
}
#disclaimer-mobile {
	display:block !important;
	font-size:14px;
	padding-left:20px;
}
#disclaimer-mobile a {	
text-decoration:none;color:#fff;}

#verwijzers #pageheader,  #verwijzers .mainnav-content {
	 background-color:#63b6be !important;
}

 #verwijzers #mainnav {
	 background-color:#63b6be !important; background-image:none;
}


}