/* Groen: #4CAF50, Blauw: #303F9F   */

/* --------------------------------------------------
 horiz menu */
 
/* menu */
.horizmenu .nav > li {
	display:inline-block;
	float:none;
}
.horizmenu .nav > li > a,
.horizmenu .nav > li > a:hover,
.horizmenu .nav > li > a:focus {
	padding:0 2px 12px;
	margin:0 0 0 0;
  
	
	color:#555;
	background: #fff;
	text-decoration: none;
	text-align:center;
	text-transform: uppercase;
	font-size: 11pt;
	
	line-height: 50px;
	font-weight: 400;
	
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	
	-webkit-transition: background-color 150ms linear;
	-moz-transition: background-color 150ms linear;
	-o-transition: background-color 150ms linear;
	-ms-transition: background-color 150ms linear;
	transition: background-color 150ms linear;
	
	/* border-left:1px solid #fff; */
}
.horizmenu .nav > li:last-child a {
	border-left:none;
}

.horizmenu .nav > li > a > span {
	display:inline-block
}


/* menu hover */
.horizmenu .nav > li:hover > a,
.horizmenu .nav > li > a:focus {
	color:#4CAF50;
	background:rgba(255,255,255,0.3);
}
.horizmenu .nav > li:hover > a > span,
.horizmenu .nav > li > a:focus > span {
	/* border-bottom:1px solid #222; */
}

/* menu active */
.horizmenu > .active > a,
.horizmenu > .active > a:hover,
.horizmenu > .active > a:focus,
.horizmenu .nav > li > a:active,
.horizmenu .nav > li.active > a  {
	color:#4CAF50;
	background:rgba(255,255,255,0.3);
	font-weight: 700;
}
.horizmenu .nav > li.active > a > span {
	/* border-bottom:1px solid #222; */
}

/* menu dropdown - show on hover */
.horizmenu .nav > li:hover > .dropdownRel > .nav-child,
.horizmenu .nav > li > .dropdownRel > a:focus + .nav-child,
.horizmenu  li:hover > .dropdownRel > ul {
	display: block;
}


/* menu dropdown */
.dropdownRel {
	position: relative;
}
.dropdown-menu {
	border-radius:0;
	border:none;
	padding: 0;
	margin: 0;
	list-style: none;
	
	color:#888;
	background-color: #fff;
	background-color:rgba(255,255,255,0.95);
	

	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
	box-shadow: 0 5px 10px rgba(0,0,0,0.3);
	min-width:100%;
	
	
	

}


.horizmenu ul.nav > li:last-child > .dropdownRel > .dropdown-menu {
	/* makes last downdown align left */
	right:0;
	left:auto;
}
.horizmenu ul.nav > li:first-child {
	padding-left: 0;
}

.dropdown-menu.current {
	display: block !important;
}

/* menu dropdown item a */
.horizmenu .dropdown-menu > li > a {
	padding: 0 20px;
	font-size: 13px;
	font-weight: normal;
	color: #888;
	white-space: nowrap;
	line-height:36px;
	font-size: 11pt;
}
.dropdown-menu > li.dropdown-submenu > a > span {
	padding-right:5px;
}

/* menu dropdown hover */
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {
	background:none;
	color:#00BCD4;
}

/* menu dropdown active */
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus, .horizmenu .dropdown-menu > li.active > a {
	background:none;
	color:#00BCD4;
	
}

/* menu dropdown submenu */
.dropdown-submenu>.dropdown-menu {
	margin:0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.horizmenu ul.dropdown-menu li > .dropdownRel > ul {
	left:100%;
	top:-40px;
}
.horizmenu ul.dropdown-menu li > .dropdownRel {
	display:none;
}
.horizmenu .dropdownRel > ul > li:hover > .dropdownRel {
	display:block;
}








/* ------------------------
 Vertikaal menu */
.nav {
	margin-bottom:0;
}
.vertmenu .nav > li {
	
}
 
.vertmenu .nav > li > a {
	color:#888;
	padding:10px 0px;
	font-size:12pt;
}


.vertmenu .nav > li.parent a {
	position:relative;
}

.vertmenu.subdown > .nav > li.parent > a:after {
	font-family:"IcoMoon";
	content:"\e011";
	width:20px;
	height:30px;
	line-height:30px;
	text-align:center;
	position:absolute;
	right:0;
	top:0;
	opacity:0.5;
	margin:0;
	border:0;
}

/* menu hover */
.vertmenu .nav > li > a:hover,
.vertmenu .nav > li > a:focus {
  	color:#333;
  	background: none;
}

/* actief menu item */
.vertmenu .nav > .active > a,
.vertmenu .nav > .active > a:hover,
.vertmenu .nav > .active > a:focus {
 	color:#333;
 	background: none;
}
.vertmenu ul > li.active.parent > a {
	color:#333;
	background: none;
}



/* menu dropdown subdown */
.vertmenu.subdown .dropdown-menu {
	position:inherit;
	left:auto;
	display: block;
	float:none;
	min-width: inherit;
	border:none;
	border-radius:0;
	-webkit-box-shadow: inherit;
	-moz-box-shadow: inherit;
	box-shadow: inherit;
	margin:0;
	padding:1px 0 1px 0;
	background: none;
}




/* menu dropdown item */
.vertmenu.subdown .dropdown-menu > li > a {
	padding: 3px 0px;
	font-size: 11pt;
	color:#888;
	font-weight:400;
	white-space: nowrap;
}

/* menu dropdown subdown hover */
.vertmenu.subdown .dropdown-menu>li>a:hover, .vertmenu.subdown .dropdown-menu>li>a:focus,  .vertmenu.subdown .dropdown-submenu:focus>a {
	color:#333;
	background: none;
}

/* menu dropdown subdown active */
.vertmenu.subdown .dropdown-menu>.active>a, .vertmenu.subdown .dropdown-menu>.active>a:hover, .vertmenu.subdown .dropdown-menu>.active>a:focus {
	color:#333;
	background: none;
}








/* --------
 custom button color: http://blog.koalite.com/bbg/  */


/* --------*/

legend {
	font-size:12pt;
	background:none;
	width:auto;
	display:inline-block;
	border:none;
	padding:0 10px 0 0;
	margin:0;
}
fieldset {
	border:1px solid #ccc;
	padding:10px;
}

/*groot zoekveld */
.input-append.fgSearch {
	display: block;
	width:100%;
}
input#filter_search {
	width:calc(100% - 70px);
	padding-top:15px;
	padding-bottom:15px;
}
.input-append.fgSearch .btn {
	padding-top:16px;
	padding-bottom:16px;
}



blockquote {
	border:none;
	margin:20px 0 20px 10px;
}
blockquote p {
	font-weight:normal !important;
	font-size:11pt;
	display:inline;
	position:relative;
	color:#00d3ff;
}
blockquote p:before,blockquote p:after  {
	position:absolute;
	content:"\60";
	font-family:"IcoMoon";

}
blockquote p:before  {
	top:-10px;
	left:-20px;
}
blockquote p:after  {
	bottom:-10px;
	right:-20px;
	content:"\61";
}

address {
	line-height: inherit;
}

.page-header {
	border-bottom: none;
	margin-bottom:5px;
}
a.readmore {
	display:inline-block;
	color:#888;
	line-height: 27px;
	padding:0 30px 0 10px;
	
	position: relative;
	
}
.btn.readmore {
	position: relative;
}

a.readmore:after, .btn.readmore:after {
	position:absolute;
	bottom:0;
	right:0;
	display:block;
	width:30px;
	line-height: 25px;
	content:"\e010";
	text-align: center;
	font-family: 'IcoMoon';
	font-weight:400;
	color:#fff;
}
a.readmore:before, .btn.readmore:before {
	position:absolute;
	bottom:-1px;
	right:0;
	display:block;
	width:30px;
	height:27px;
	content:"";
	
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	border-radius:0;
	border:1px solid #ccc;
	text-shadow: none;
	
	font-family: 'Raleway', Arial, sans-serif;
	
	font-weight:400;
	padding:5px 8px;
}

.btn {
	background: #888;
	border: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	
	text-transform:uppercase;
	font-size: 13px;
	color: #fff;
	text-shadow: none;
	line-height: 20px;
	padding:6px 20px;
	font-family: 'Raleway';
	font-weight: 400;
}
.btn.btn-success {
	background:#4CAF50;
	color:#fff;
}
.btn .caret {
	line-height:34px;
	border-top-color:#fff;
	vertical-align:middle;
	margin:0;
}
a.btn {
	color:#fff;
}
.btn-group .btn {
	padding:6px 15px;
}


.badge {
	background: #4CAF50;
}
.lead {
	font-size:20px;
}
.well {
	background: #eee;
	border: 1px solid #ccc;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
}
.well h3 {
	margin-top: 0;
}
.clearright {
	clear:right;
}
.clearleft {
	clear:left;
}
.dl-horizontal dt {
	text-align: left;
}
.media>.pull-left {
	margin-right:20px;
}


.img-rounded {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border:1px solid #eaeaea;
}


.textBanner {
	position: relative;
	background-color: #fff;
	display: block;
	padding: 20px;
	border: 1px solid #ebedf2;
	border-radius: 2px;
	box-shadow: 0px 1px 1px #ebedf2;
	text-decoration: none;
	transition: all 150ms ease-out;
	text-align: left;
	margin-bottom:10px;
}
.textBanner .title {
	padding-right: 15px;
	color: #676b6f;
	font-weight: bold;
	font-family: "Montserrat",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	transition: all 150ms ease-out;
	display:block;
}
.textBanner .content {
	padding-right: 15px;
	color: #919699;
	transition: all 150ms ease-out;
	display:block;
}
.textBanner:after {
	position: absolute;
	content: "\f054";
	font-family: "FontAwesome";
	font-size: 14px;
	bottom: calc(50% - 12px);
	right: 20px;
	color: #caced7;
	transition: all 150ms ease-out;
}


.textBanner:hover, .textBanner:focus {
	border: 1px solid #dcdfe8;
	box-shadow: 0px 1px 1px #dcdfe8;
	text-decoration: none;
	outline: none;
}
.textBanner:active {
	box-shadow: inset 0 1px 2px rgba(0,0,0,.125);
	border: 1px solid #d2d7e2;
}
.w33 {
	width:33%;
}

.blockShadow {
	border: 1px solid #ebedf2;
	border-radius: 2px;
	box-shadow: 0px 1px 1px #cecece;
}



/* --------------------------------------------------
 general */

/*@font-face {
	font-family: StradaTF;
	src: url('../fonts/StradaTFRegular.ttf');
}*/

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	height:100%;
}

body {
	margin: 0;
	font-family: 'Raleway', serif;
	font-size: 11pt;
	line-height: 18pt;
	font-weight:400;
	color:#333;
	height:100%;
}

a {
	color: #4CAF50;
	text-decoration: none;
}
a:hover {
	color: #303F9F;
	text-decoration: none;
}


h1, h2 {
	color:#4CAF50;
	margin:0 0 20px 0;
	font-size:25px;
	line-height: 40px;
	font-family: 'Raleway', serif;
	font-weight:700;
	text-transform: uppercase;
}
h3 {
	color:#303F9F;
	font-size:18px;
	font-weight:400;
	margin-bottom:10px;
	line-height: 20px;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
}


/* form */
.controls .radio {
	border:1px solid #888;
	padding:4px 4px 4px 28px;
	margin:4px;
}
label.checkboxLabel {
	padding:4px 0 0 8px;
	display: inline-block;
}





/* --------------------------------------------------
 wrappers */

#container {
	min-height:100%;
	position:relative;
	background: #eaeaea;
	color: #333;
}
#container.isHome {
	
}
#wrapper {
	display:block;
	min-height:100%;
	position:relative;
}

.centered {
	max-width:1200px;
	margin:0 auto;
}
.centeredWide {
	max-width:1600px;
	margin:0 auto;
}


 
/* --------------------------------------------------
 top */


header {
	position: relative;
}
#headerInner {
	position:relative;
	margin-top:-50px;
	background:#fff;
	z-index: 6;
}



#logo {
	display:inline-block;
	margin:20px 0 20px 15px;
	max-width:300px;

}
#logo a {
	text-decoration: none;
}
#logo a .textlogo {
	text-decoration:none;
	line-height:40pt;

	display:block;
}
#logo h1 {
	margin:0 0 4px 0;
	line-height: 35px;
}
#logo a .logoTopText {
	color:#333;
	display: inline-block;
	padding:2px 0px;
}



#topModules {
	position: absolute;
	top:15px;
	right:20px;
	margin:0 0 0 0;
	color:#888;
}
#topModules p {
	margin:0;
}
#topModules .moduletable, #topModules #topmenu  {
	float:right;
	padding:5px;
}
#topModules form, #topModules .input-append, #topModules .input-prepend {
	margin-bottom:0;
}




/* ICON ROUND */
.socialicon {
	background:#ccc;
}
.iconRound {
	width:26px;
	display: inline-block;
	background:#888;
	color:#fff;
	text-align: center;
	-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;
}
a.iconRound {
	text-decoration: none;
}
a.iconRound:hover {
	background:#888;
	color:#fff;
	text-decoration: none;
	-webkit-transition: background-color 150ms linear;
	-moz-transition: background-color 150ms linear;
	-o-transition: background-color 150ms linear;
	-ms-transition: background-color 150ms linear;
	transition: background-color 150ms linear;
}
.iconRound .fa {
	line-height:26px;
	height:26px;
	display: block;
}



/* modules */
.moduletable > h3 {
	margin:30px 0;
}
.moduletable {
	margin-bottom: 30px;
}



/*topmenu */
#topmenu {
	margin:0 0 0 0;
	background: #4CAF50;
	color:#fff;
	padding-bottom:50px;
	  position: relative;
  z-index: 2;
  text-align: right;
}
#topmenu p {
	padding:10px 0px;
	margin: 0;
}
#topmenu .iconRound {
	background: #fff;
	color:#4CAF50;
}
#topmenu a {
	color:#fff;
}
#topmenuInner {
	
}
#topmenu.horizmenu ul.nav {
	float:right;
}
#topmenu.horizmenu .nav > li > a {
	padding:10px 0px;
	color:#fff;
	line-height: 18px;
	position: relative;
	background: none;
	
	font-size: 9pt;
}
#topmenu.horizmenu .nav > li > a > span {
	margin:0;
	padding:0 15px;
	border-right:1px solid rgba(255,255,255,0.3);
}
#topmenu.horizmenu .nav > li:last-child > a > span {
	/* padding-right:0; */
	border-right:0;
}
#topmenu.horizmenu .nav > li.dropdown.parent > a > span:after {
	content:"\e011";
	font-family: "icoMoon";
	padding-left: 10px;
	
}

#topmenu.horizmenu > .active > a, #topmenu.horizmenu .nav > li.active > a {
	color:#90CAF9;
	background:none;
}
#topmenu.horizmenu .nav > li:hover > a,
#topmenu.horizmenu .nav > li > a:focus {
	color:#333;
	background:none;
}
#mobMenuBtn {
	display:none;
}






/* Mainmenu */
#mainmenu {
	background:#fff;
}
#mainmenu.bottomRight {
	margin:0 auto;
	width:990px;
	position: relative;
}

#mainmenu.bottomRight > .centered {
	width:auto;
	margin-left:400px;
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	
}

#mainmenu > .centered {
	/* border-top:1px solid #9c9896; */
}
#mainmenu.sticked {
	position: fixed;
	top:0;
	bottom:auto;
	left:0;
	right:0;
	z-index: 999;
	background:#fff;
	width:100%;
	
	-webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0px 10px rgba(0,0,0,0.3);
	box-shadow: 0 0px 10px rgba(0,0,0,0.3);
}
#mainmenu.bottomRight.sticked > .centered {
	width:990px;
	margin:0 auto;
	
	position: static;
	bottom:auto;
	left:auto;
	right:auto;
}
#mainmenu.bottomRight.sticked > .centered ul {
	/* margin-left:300px; */
}


/* Mainmenu - full */
.horizmenu.full ul.nav {
	display:table;
	margin:0;
	padding:0;
}
.horizmenu.full ul.nav {
	width:100%;
}
.horizmenu.full .nav > li {
	display:table-cell;
	margin:0;
}


#topmenuRes {
	display:none;
}
	



/* --------------------------------------------------
 teaser  */
#teaser {
	margin:0 0 20px 0;
	position: absolute;
	z-index: 0;
	top:90px;
	left:0;
	width:100%;
}
.teaserSpace {
	width:100%;
	padding-top:25%;
	
}



#teaser .fgImg {
	position: relative;
}
#teaser .fgImg:after {
	position: absolute;
	width:100%;
	height:100%;
	background: rgba(47,178,226,0.6);
	background: rgba(255,255,255,0.6);
	background: rgba(0,0,0,0.3);
	content: "";
	z-index: 1;
	top:0;
	left:0;
}

.teaserOverlayData {
	padding:20px;
	min-width:50%;
	max-width: 50%;
}
.teaserTitle {
	margin-bottom:20px;
}
.teaserTitle h1 {
	font-family: 'Raleway', sans-serif;
	font-weight: 100;
	margin:0;
	line-height: 1.4em;
	font-size: 30pt;
}
.teaserSubtitle h3 {
	text-transform: lowercase;
	font-weight: 100;
}
/* --------------------------------------------------
 main - general */

.isHome .lead {
	margin:0 60px;
}


#main {
	position: relative;
}



#mainInner {
	padding:20px 0 50px 0;
	
}

#left {
	float:left;
	width:25%;
}

#content {
	width:100%;
}

#right {
	float:right;
	width:30%;
}

.hasLeft #content {
	width:75%;
	float:left;
}
.hasRight #content {
	width:70%;
	float:left;
}
.hasLeft.hasRight #content {
	width:45%;
	float:left;
}


.isHome #right {
	width:40%;
}
.isHome .hasRight #content {
	width:60%;
}


/* --------------------------------------------------
 main - left */
#leftInner {
	margin-right: 20px;
	padding-top:50px;
	
	background:#fff;
}
#leftInner h3 {
	padding-left:20px;
	
}
#submenu {
	margin:0px 0 50px;
	padding:10px 10px 10px 20px;
	background:#fff;
}
#submenu .dropdownRel{
	background:#00BCD4;
	padding:10px 10px 10px 20px;
}
#submenu .dropdown-menu {
	z-index: 10;
}
#left .submenuTitle {
	padding:5px 20px;
}
#left .submenuTitle h3 {
	padding:0;
	margin: 0;
}

/* --------------------------------------------------
 main - content */ 
#contentInner {
	padding:50px 50px 50px 50px;
	background: #fff;
	
}
.hasLeft #contentInner {
	
} 
.hasRight #contentInner {
	
}  

#contentTop {
	margin:0 0 30px 0;
}

/* --------------------------------------------------
 main - right */  
#rightInner {
	padding:0 0 0 0px;
}



/* contentbottom */
#contentBottom {
	border-top:1px dotted #888;
	margin-top:20px;
	padding-top:20px;
}
#contentBottom h3 {
	margin-top:0;
}


/* --------------------------------------------------
 blocks */
.blockicon {
	border:2px solid #4CAF50;
	background: #4CAF50;
	color:#fff;
	width:60px;
	height:60px;
	-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;
	display:inline-block;
	text-align: center;
	line-height: 60px;
	font-size: 28px;
	margin-bottom:15px;
}
.blockicon .icon {
	display:block;
	width:60px;
	line-height: 60px;
}


.blocktable {
	width:100%;
}

.blockleft {
	width:50%;
	float:left;
}
.blockmargin {
	width:20px;
	float:left;
}
.blockright {
	width:50%;
	float:right;
}
.blockinner {
	padding:0px;
}

.blockcenter {
	display:table-cell;
}
.blockhascenter .blockleft {
	width:33%;
}
.blockhascenter .blockright {
	width:33%;
}




/* Block 1 */
#block1 {
	background:#e4e3e4;
}



/* Block2 */
#block2 {
	background:#fff;

	padding:20px 0;
}
#block2 a {

	text-decoration: none;
}


/* Block 3*/
#block3 .blockinner {
	padding:0 0px;
}



/* latest news */
ul.fbLatest a {
	color:#54585a;
	text-decoration: none;
}
ul.fbLatest a:hover {
	color:#888;
}
ul.fbLatest a .newsicon {
	display: inline-block;
	width:22px;
	line-height: 20px;
	background:#00BCD4;
	color:#fff;
	text-align: center;
	font-size: 13pt;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin:0 0 -6px 0;
}
ul.fbLatest a .icon {
	line-height: 22px;
	width:20px;
}
ul.fbLatest a:hover .newsicon {
	background:#888;
}




/* --------------------------------------------------
 footer */
#spaceBottom {
	height:250px;
}

footer {
	bottom:0;
	position:absolute;
	width:100%;
	padding:0;
	margin:0;
	height:250px;
	color:#333;
	background: #fff;
	font-size: 90%;
	border-top:2px solid #303F9F;
}


#footerInner {
	padding:10px 0px;
	position: relative;
}
footer h3 {
	color:#888;
	margin-bottom:15px;
	font-size: 14pt;
}
footer h4 {
	color:#888;
	margin-bottom:20px;
	font-size: 11pt;
	font-weight:400;
}
footer ul, #footer li {
	padding:0;
	margin:0 0 0 0;
	list-style:none;
}
footer ul {
	margin:0 20px 0 0;
}
footer li {
	border-bottom:1px dotted #eaeaea;
	padding:5px 0;
}
footer a {
	color:#333;
}
#footerRes {
	display:none;
}


@media screen and (max-width:990px) {
	
	.centered {
		width:100%;
	}
	
	/* top */
	#topmenu {
		padding-left:20px;
		padding-right: 20px;
	}
	#logo {
		margin-left:20px;
	}
	
	
	/* menu */
	#mainmenu.bottomRight > .centered {
		margin-left:350px;
	}
	
	#mainmenu.bottomRight {
		width:auto;
	}
	
	#mainmenu.bottomRight > .centered {
		
		margin-left:0px;
		position: relative;
		
	}
	.horizmenu .nav > li > a, .horizmenu .nav > li > a:hover, .horizmenu .nav > li > a:focus {
		padding: 0 2px 0px;
	}
	
	
	/* teaser */
	#teaser {
		/* display:none; */
		top:140px;
	}
	.teaserOverlay.centered {
		width:100% !important;
	}
	
	
	/* main */
	#container {
		overflow-x: hidden;
	}
	
	#mainInner {
		padding:20px 0;
	}
	
	
	/* footer */
	#spaceBottom {
		height:350px;
	}
	footer {
		height:350px;
	}
	#footerInner {
		padding:10px 20px;
	}
	

}

@media only screen and (max-width: 680px) {
	
	
	input {
		max-width: 95%;
	}
	
	
	/* mobilemenu_______________________________________*/
	
	#mobMenuBtn {
		display:block;
		width:44pt;
		height:33pt;
		padding-top:11pt;
		cursor:pointer;
		float:right;
		position:absolute;
		top:20px;
		right:10px;
		background:#fff;
	}
	.mobMenuLine {
		margin:0 5pt 5pt;
		height:5px;
		background:#4CAF50;
	}
	.mobMenuText {
		text-align:center;
		color:#4CAF50;
		font-size:80%;
		margin-top:-7pt;
		opacity:0.8;
	}
	
	/* Menu als vert list */
	#mainmenu, #mainmenu.bottomRight {
		display:none;
		clear:both;
		width:100%;
		margin:0;
		position:absolute;
		right:0;
		padding:0;
	}
	
	#mainmenu.bottomRight > .centered {
		position: static;
		margin-left:0;
	}
	
	
	#mainmenu li {
		float:none;
		display:block;
		clear:both;
		border-bottom:1px solid #ccc;
	}
	
	#mobMenuTitle {
		top:20px;
		right:70px;
		position:absolute;
		width:auto;
		white-space: nowrap;
		display:none;
		
	}
	/* __________________________ mobilemenu */
	
	
	/* top */
	#logo {
		width:60%;
	}
	
	#topmenu ul.menu {
		display:none;
	}
	#topmenu {
		height:50px;
	}
	
	#topModules .moduletable.zoeken, #topModules .moduletable.social {
		display:none;
	}
	#topModules .moduletable.mandje {
		position:absolute;
		top:-60px;
		right:0;
	}
	#topModules .moduletable.mandje a {
		color:#fff;
	}
	#topModules .moduletable.shopuser {
		position:absolute;
		top:-60px;
		right:60px;
		width: 150px;
		text-align: right;
	}
	
	#mainmenu ul ul {
		display:none;
	}
	
	#mainmenu .dropdownRel {
		display:none;
	}
	
	
	#topmenuRes {
		display:block;
		background:#eaeaea;
		padding:10px;
	}
	#topmenuRes li {
		float:left;
		clear:none;
		border:none;
	}
	#topmenuRes .nav > li > a {
		background:none;
	}
	
	
	/* teaser */
	#teaser {
		/* display:none; */
		top:140px;
	}
	#teaser .teaserOverlayData {
		min-width: 70%;
		max-width: 70%;
	}
	#teaser .teaserOverlay .teaserTitle h1 {
		font-size: 13pt;
		margin:0;
	}
	#teaser .teaserOverlay .teaserTitle {
		margin:0;
	}
	
	/* main */
	#container {
		overflow-x: hidden;
	}
	#left {
		float:none;
		width:100%;
	}
	#leftInner {
		padding:0;
		margin: 0;
	}
	#content {
		width:100%;
	}
	#contentInner {
		padding:20px;
	}
	#right {
		float:none;
		width:100%;
		
	}
	#rightInner {
		border-top:1px solid #ccc;
		padding-right:20px;
	}
	.hasLeft #content {
		float:none;
		width:100%;
	}
	.hasRight #content {
		float:none;
		width:100%;
	}
	.hasLeft.hasRight #content {
		float:none;
		width:100%;
	}
	
	/* teaser */
	#teaser {
		
	}
	
	/* submenu */
	.submenuTitle {
		display: block;
		background:#4CAF50;
		padding:6px 20px;
		line-height: 44pt;
		text-align: left;
		color:#fff;
		cursor: pointer;
	}
	.submenuTitle h3 {
		color:#fff;
	}
	#left .submenuTitle h3 {
		padding:6px 0;
	}
	.submenuTitle i {
		margin-top:4px;
	}
	#submenu {
		display:none;
		margin:0 0 0;
		background:none;
		padding:0 0;
	}
	#submenu ul li {
		display: block;
		float: none;
		text-align: left;
		border-bottom: 1px solid #eaeaea;
	}
	#submenu ul li a span{
	}
	#submenu ul li a {
		background:none;
		padding:10px 15px;
	}
	#submenu ul li a:hover {
		background:none;
	}
	#submenu ul li.active a {
		background:none;
		font-weight: 500;
	}
	#submenu ul li.active a span{
		border-bottom:none;
	}
	#left h3 {
		/* display:none; */
	}
	
	/* Home	*/
	.isHome .lead {
	  margin: 0 0px;
	}
	
	
	
	/* block tabel */
	.blocktable {display:block;}
	.blockleft, .blockright, .blockcenter {
		width:100%;
		display:block;
	}
	.blockmargin {
		height:20px;
		display:block;
	}
	.block table {
		display:block;
	}
	.block table td {
		display:block;
		width:100% !important;
		float:left;
		clear:both;
	}
	
	#block4 {
		display:none;
	}
	
	
	/* footer */
	#wrapper {
		padding-bottom:0px;
	}
	footer, #spaceBottom {
		display:none;
	}
	#footerRes {
		display:block;
	}
	
	/* shop */
	.fsWrap .fSidebarInner:after {
		background:#4CAF50;
	}
	
	
	/* table */
	table.responsiveTable td {
		display: block;
		width:100% !important;
		float:none;
		
	}
	
	
	
	/* default */
	.mob-nofloat {
		float: none;
	}
	.mob-nopadding {
		padding:0;
	}
	.mob-w100 {
		width: 100%;
	}
	
	
	.dl-horizontal dt {
		float: none;
		width:100%;
	}
	.dl-horizontal dd {
		margin:0;
	}
	
}