/*
	Theme Name: Lentebad
	Theme URI: http://lentebad.nl
	Description: Website Lentebad
	Version: 1.4.3
	Author: Gepkens Groep (@hansgepkens)
	Author URI: http://gepkensgroep.nl
	Tags: HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike,  sub, sup, tt, var,u,  center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

li{
	list-style: none;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html, body {
	width: 100%;
	height: 100%;
	min-height: 100%;	
	font-family: 'Roboto', 'Open Sans', sans-serif;
	font-size:13px;
	background: #fff;
	background-attachment:fixed;
	color: #7A7A7A;
	line-height: 21px;
	-webkit-text-size-adjust: none;
}

input[type=submit]{
	-webkit-appearance: none; 
}

img a{
	border: 0px;
	outline:none;
}

a{
	color: #fff;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
}	

/* SHARED CSS ############################################################################### */

.container{
	position: relative;
	float: left;
	width: 100%;
}

.centered{
	position: relative;
	width: 1200px;
	margin: 0 auto 0 auto;
}

.content{
	position: relative;
	float: left;
	width: 100%;
	padding-top: 0px;
}

h1{
	color: #515151;
	font-weight: normal;
	font-size: 35px;
	line-height: 45px;
	margin: 0px!important;
}

h2{
	color: #515151;
	font-weight: normal;
	font-size: 25px;
	line-height: 35px;
}

h3{
	color: #515151;
	font-weight: normal;
	font-size: 21px;
	line-height: 25px;
}

/* MENU ############################################################################### */

#menu-container{
	position: fixed;
	top: 0px;
	right: 0px;
	-webkit-box-shadow: 0 2px 2px  rgba(0,0,0,0.2);
	   -moz-box-shadow: 0 2px 2px  rgba(0,0,0,0.2);
	        box-shadow: 0 2px 2px  rgba(0,0,0,0.2);
  	z-index: 10;
	background-color:rgba(0,0,0,0.2);
	border-bottom: 2px solid rgba(209,216,222,0.2);
	z-index: 11;
}


#menu-container #menu-inhoud{
	height: 85px;
}



#menu-container #menu-navigatie{
}

#menu-container #menu{
	position: relative;
	float: right;
	list-style:none;
	padding: 0 0 0 0;
	margin: 0 0px 0 0;
}

#menu-container #menu li, #menu-container #menu a{
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}

#menu-container #menu a{
	color: #fff;	
	padding: 33px 6px 37px 6px;
	margin-left: 8px;
	font-weight: 600;
	text-transform: uppercase;
	border-bottom: 0px solid transparent;
}

#menu-container #menu a:hover{
	text-decoration: none;
	border-bottom: 0px solid #ddd;
}

#menu-container #menu .first{}
#menu-container #menu .last{}

#menu-container #menu .last a{
	
}

#menu-container #menu .last .submenucontainer{
	left: auto!important;
	right: 0px!important;
}

#menu-container #menu .current-menu-item a{
	color: #fff;	
	border-bottom: 0px solid #2A3184;
	background: url('img/hover.png');
	background-repeat: no-repeat;
	background-position: bottom center;
}

#menu-container #menu .current-menu-item a:hover{
	text-decoration: none;	
	color: #fff;
	border-bottom: 0px solid #2A3184;
}

#menu-container #menu .menu-item a:hover{
	background: url('img/hover.png');
	background-repeat: no-repeat;
	background-position: bottom center;
}

#menu-container #menu li:hover .submenucontainer{
	display: block;
}

#menu-container #menu .submenucontainer{
	position: absolute;
	top: 65px;
	left: 0px;
	display: none;
}

#menu-container #menu .submenucontainer li{
	position: relative;
	float: left;
	width: 190px;
	background:#fff;
	border-bottom: 0px solid #fff;
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
	border-radius: 0 0 0px 0px;
}

#menu-container #menu .submenucontainer, #menu-container #menu .submenucontainer li{
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu-container #menu .submenucontainer a{
	position: relative;
	float: left;
	padding: 10px 20px 10px 20px;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 0px dotted #ddd;
	width: 150px;
	color: #3789B3;
	margin-left: 0px;
}

#menu-container #menu .submenucontainer a:hover{
	background: #3789B3;
	color: #fff!important;
}

#menu-mobiel{
	position: absolute; 
	top: 32px; 
	right: 50px; 
	padding: 9px 20px 9px 15px; 
	border-radius: 3px;
	background: #3789B3;
	color: #fff;
	font-size: 16px;
	display: none;
	cursor: pointer;
}

#menu-mobiel .icon{
	position: relative;
	float: left;
	width: 15px;
	height: 16px;
	background: url(img/iconen-menu.png) no-repeat center 4px;
	margin: 0 15px 0 0;
}

#menu-mobiel.active .icon{
	background: url(img/iconen-menusluit.png) no-repeat center 4px;
}

#menu-mobiel:hover{
	background: #28357A;
}

.logo{
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(img/logo.png) no-repeat;
	width: 356px;
	height: 188px;
}

.logo:hover{
	text-decoration: none;
}

#zoekencontainer{
	position: absolute;
	top: 0px;
	right: 0px;	
	width: 50px;
	height: 100px;
    transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;
	overflow: hidden;
}

#zoekencontainer:hover{
	width: 250px;
	background: url(img/bg-zoeken.png) no-repeat left center;
}

#zoekencontainer input[type=text]{
	position: absolute;
	top: 25px;
	right: 50px;
	border: 1px solid #ddd;
	padding: 5px 10px 5px 10px;
	border-radius: 5px;
	font-family: 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif;
	margin-top: 8px;
	width: 130px;
    transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;
    -webkit-transition-delay: .2s; /* Safari */
    transition-delay: .2s;
	opacity: 0.0;
}

#zoekencontainer:hover input[type=text]{
	opacity: 1.0;
}

.search input{
	border: 0px;
	border-radius: 5px;
	height: 28px;
	padding-left: 10px;
}

.zoeken{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 30px;
	height: 30px;
	border-radius: 5px;
	background: #eee url(img/icon-search.png) no-repeat 8px center;
	background-size: 40% auto;
}

.zoeken:hover { background: #ddd url(img/icon-search.png) no-repeat 7px center; background-size: 45% auto; }

/* header ############################################################################### */

.home #header-container{
	z-index: 0;
	background: url(img/header.jpg) repeat-x top center;
	display:block;
}

#header-container{
	z-index: 0;
	background: url(img/header_vervolg.jpg) repeat-x top center;
	display:block;
}

.home #header-container .content{
	height: 670px;
}

#header-container .content{
	height: 140px;
}

.home #header-container #header-title{
	position: absolute; 
	left: 0px;
	bottom: 260px;
	color: #fff;
	width: 1200px;
	font-size: 19px;
	line-height: 24px;
	text-shadow: 0 2px 2px rgba(0,0,0,0.5);
	text-align: center;
	font-weight: 300;
	padding-top: 10px;
	display: block;
}

#header-container #header-title{
	display:none;
}

#header-container #header-title h2{
	font-size: 52px;
	line-height: 55px;
	color: #fff;
	text-shadow: 0 2px 2px rgba(0,0,0,0.3);
	font-weight: bold;
	text-transform: uppercase;
}

.home #header-container #onlinekassa{
	background: url('img/kortingv2.png');
	height: 137px;
	width: 192px;
	bottom: 101px;
	position: absolute;
	right:0px;
	text-align: center;
	padding: 30px;
	color: white;
	display: block;
}

#header-container #onlinekassa{
	display:none;
}

#header-container #onlinekassa h4{
	font-size: 21px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 10px;
}

#header-container #onlinekassa p{
	font-size: 12px;
	font-weight: 300;
	line-height: 16px;
	text-transform: uppercase;
	margin-top: 10px;
}

#header-container #headerinfo{
	position: absolute;
	right:0px;
	top: 100px;
	color: white;
	text-transform: uppercase;
	font-size: 15px;
}

#header-container #headerinfo .openingstijden{
	float: left;
	height: 31px;
	border-right: 1px solid white;
	padding-right: 15px;
	line-height: 31px;
}

#header-container #headerinfo .openingstijden img{
	vertical-align:middle;
	margin-right: 15px;
}

#header-container #headerinfo .telefoon{
	float: left;
	padding-left: 15px;
}

#header-container #headerinfo .telefoon img{
	vertical-align:middle;
	margin-right: 15px;
}

/* inhoudzonderzijkant ############################################################################### */


#inhoudmetzijbalk-container #inhoudzonderzijbalk-links{
	width:  900px;
	margin: 0 auto;
	text-align: center;
	padding-left: 150px;
	padding-right: 150px;
}

#inhoudmetzijbalk-container #inhoudzonderzijbalk-links h1{
	font-size: 47px;
	font-weight: bold;
	padding-bottom: 10px;
	color: #333333;
}

#inhoudmetzijbalk-container #inhoudzonderzijbalk-links p{
	font-size: 15px;
	font-weight: 300;
	color: #273478;
}


/* inhoudmetzijkant ############################################################################### */

#inhoudmetzijbalk-container{
	padding: 75px 0 50px 0;
}

#inhoudmetzijbalk-container img{
	max-width: 95%;
	height: auto;
}

#inhoudmetzijbalk-container #inhoudmetzijbalk-links{
	width:  850px;
}

.contact #inhoudmetzijbalk-container #inhoudmetzijbalk-links h4{
	font-size: 18px;
	font-weight: 600;
	padding-top: 30px;
}

.contact #inhoudmetzijbalk-container #inhoudmetzijbalk-links ul li{
	width: 33.3333%;
	float: left;
	list-style-type: none;
	padding-bottom: 10px;
}

.contact #inhoudmetzijbalk-container #inhoudmetzijbalk-links #wpcf7-f187-p18-o1{
	float:left;
	padding-top: 20px;
}

.contact #inhoudmetzijbalk-container #inhoudmetzijbalk-links ul{
	padding: 0px;
	margin: 0px;
	padding-top: 10px;
	float:left;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}

#inhoudmetzijbalk-container #inhoudmetzijbalk-links .blog-item{
	border: 1px solid #fff;
	border-radius: 5px;
	margin-top: 15px;
    transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;
	color: #333;
	min-height: 137px;
	font-family: "Open Sans"
}



#inhoudmetzijbalk-container #inhoudmetzijbalk-links .blog-item .blogitemlinks{
	position: relative;
	float: left;
	width: 95px;
	height: 95px;
	padding: 10px 10px 10px 10px;
	background: url(img/icon-nocover.png) no-repeat center center; 
	border: 1px solid #ddd;
	border-radius: 5px;
	margin: 10px 0 10px 0px;
    transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;
	margin-right: 30px;
}

#inhoudmetzijbalk-container #inhoudmetzijbalk-links .blog-item .blogitemlinks img{
	width: 100%;
	height: 100%;
}


#inhoudmetzijbalk-container #inhoudmetzijbalk-links .blog-item .blogitemrechts{
	position: relative;
	float: left;
	width: 650px;
    transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;	
}

#inhoudmetzijbalk-container #inhoudmetzijbalk-links .blog-item .titel{
	position: relative;
	float: left;
	width: 100%;	
	font-weight: 600;
	padding: 15px 0 0  0;
	font-size: 19px;
}

#inhoudmetzijbalk-container #inhoudmetzijbalk-links ul{
padding: 10px 0 20px 35px;
}

.openingstijden #inhoudmetzijbalk-container #inhoudmetzijbalk-links ul{
padding: 0px 0 0px 0px;
}

.openingstijden #inhoudmetzijbalk-container #inhoudmetzijbalk-links .programma-lijst{
	width: 100%;
	float: left;
}

.openingstijden #inhoudmetzijbalk-container #inhoudmetzijbalk-links li{
list-style-type: none;
}

.openingstijden #inhoudmetzijbalk-container #inhoudmetzijbalk-links h3{
padding-top: 20px;
padding-bottom: 10px;
}

.openingstijden #inhoudmetzijbalk-container #inhoudmetzijbalk-links li span{
font-weight: bold;
}

#inhoudmetzijbalk-container #inhoudmetzijbalk-links li{
list-style-type: disc;
}

#inhoudmetzijbalk-container #inhoudmetzijbalk-links .blog-item .datum{
	position: relative;
	float: left;
	width: 100%;
	font-size: 11px;
	color: #52AADC;
	padding: 0px 0 5px 0;
	margin-top: -15px;
}

.category #inhoudmetzijbalk-container #inhoudmetzijbalk-links .blog-item .datum{
margin-top: 0px;
}

.search #inhoudmetzijbalk-container #inhoudmetzijbalk-links .blog-item .datum, .author #inhoudmetzijbalk-container #inhoudmetzijbalk-links .blog-item .datum{
margin-top: 0px;
}

#inhoudmetzijbalk-container #inhoudmetzijbalk-links .blog-item .txt{
	position: relative;
	float: left;
	width: 100%;
	padding: 0px 0 15px 0;
}

#inhoudmetzijbalk-container #inhoudmetzijbalk-links .blog-item:hover{
	border: 1px solid #ddd;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}

#inhoudmetzijbalk-container #inhoudmetzijbalk-links .blog-item:hover .blogitemlinks{
	margin: 10px 20px 10px 10px;
}




#inhoudmetzijbalk-container #inhoudmetzijbalk-rechts{
	width:  300px;
	margin-left: 50px;
}

#inhoudmetzijbalk-container #inhoudmetzijbalk-rechts h2{
	padding-bottom: 5px;
}

#inhoudmetzijbalk-container #inhoudmetzijbalk-rechts #widget-socialmedia {
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}

#inhoudmetzijbalk-container #inhoudmetzijbalk-rechts #widget-socialmedia h3{
	font-size: 19px;
	padding-bottom: 10px;
}

#inhoudmetzijbalk-container #inhoudmetzijbalk-rechts #widget-socialmedia a.socialmediaicon {
	position: relative;
	float: left;
	width: 41px;
	height: 39px;
	margin-right: 4px;
    transition:margin .2s linear; 
    -o-transition:margin .2s linear; 
    -moz-transition:margin .2s linear; 
    -webkit-transition:margin .2s linear;
}

#inhoudmetzijbalk-container #inhoudmetzijbalk-rechts #widget-socialmedia a.socialmediaicon:hover{
	margin-top: -4px;
}

#inhoudmetzijbalk-container #inhoudmetzijbalk-rechts #widget-socialmedia a.socialmediaicon.twitter{ background: url(img/icon-socialmediawidget.png) no-repeat -49px -50px;  }
#inhoudmetzijbalk-container #inhoudmetzijbalk-rechts #widget-socialmedia a.socialmediaicon.twitter:hover{ background: url(img/icon-socialmediawidget.png) no-repeat -49px top; }

#inhoudmetzijbalk-container #inhoudmetzijbalk-rechts #widget-socialmedia a.socialmediaicon.facebook{ background: url(img/icon-socialmediawidget.png) no-repeat -96px -50px; }
#inhoudmetzijbalk-container #inhoudmetzijbalk-rechts #widget-socialmedia a.socialmediaicon.facebook:hover{ background: url(img/icon-socialmediawidget.png) no-repeat -96px top; }

#inhoudmetzijbalk-container #inhoudmetzijbalk-rechts #widget-socialmedia a.socialmediaicon.linkedin{ background: url(img/icon-socialmediawidget.png) no-repeat -144px -50px; }
#inhoudmetzijbalk-container #inhoudmetzijbalk-rechts #widget-socialmedia a.socialmediaicon.linkedin:hover{ background: url(img/icon-socialmediawidget.png) no-repeat -144px  top; }

#inhoudmetzijbalk-container #inhoudmetzijbalk-rechts #widget-socialmedia a.socialmediaicon.google{ background: url(img/icon-socialmediawidget.png) no-repeat right -50px; }
#inhoudmetzijbalk-container #inhoudmetzijbalk-rechts #widget-socialmedia a.socialmediaicon.google:hover{ background: url(img/icon-socialmediawidget.png) no-repeat  right top; }


#inhoudmetzijbalk-container #inhoudmetzijbalk-rechts #widget-offerteaanvragen a{
	background: #2B3285;
	border: 0;
	border-radius: 5px;
	padding: 10px 15px 10px 15px;
	color: #fff;
	text-transform:uppercase;
	font-weight: 600;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.0);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.0);
	box-shadow: 0 1px 2px rgba(0,0,0,0.0);
	margin-top: 10px;
    transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;
	cursor: pointer;
}

#inhoudmetzijbalk-container #inhoudmetzijbalk-rechts #widget-offerteaanvragen a:hover{
	background: #DA3A4C ;
}


#inhoudmetzijbalk-container #inhoudmetzijbalk-rechts{
	padding-bottom: 30px;
	border-bottom: 0px solid #ddd;
	margin-bottom: 20px;
}

#inhoudmetzijbalk-container #inhoudmetzijbalk-rechts input[type=text]{
	border: 1px solid #ddd;
	padding: 10px 15px 10px 15px;
	border-radius: 5px;
	font-family: 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif;
	margin-top: 8px;
}

#inhoudmetzijbalk-container #inhoudmetzijbalk-rechts input[type=text]{
	width: 250px;
}

#inhoudmetzijbalk-container #inhoudmetzijbalk-rechts input[type=submit]{
	background: #DA3A4C;
	border: 0;
	border-radius: 5px;
	padding: 10px 15px 10px 15px;
	color: #fff;
	text-transform:uppercase;
	font-weight: 600;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.0);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.0);
	box-shadow: 0 1px 2px rgba(0,0,0,0.0);
	margin-top: 10px;
    transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;
	cursor: pointer;
}

#inhoudmetzijbalk-container #inhoudmetzijbalk-rechts input[type=submit]:hover{
	background: #2B3285;
}

#inhoudmetzijbalk-container #inhoudmetzijbalk-links input[type=text]{
	border: 1px solid #ddd;
	padding: 10px 15px 10px 15px;
	border-radius: 5px;
	font-family: 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif;
	margin-top: 8px;
}

#inhoudmetzijbalk-container #inhoudmetzijbalk-links input[type=text]{
	width: 388px;
	margin-right: 5px;
}

#inhoudmetzijbalk-container #inhoudmetzijbalk-links textarea{
	border: 1px solid #ddd;
	padding: 10px 15px 10px 15px;
	border-radius: 5px;
	font-family: 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif;
	margin-top: 8px;
}

#inhoudmetzijbalk-container #inhoudmetzijbalk-links textarea{
	width: 813px;
}

#inhoudmetzijbalk-container #inhoudmetzijbalk-links input[type=submit]{
	background: #DA3A4C;
	border: 0;
	border-radius: 5px;
	padding: 10px 15px 10px 15px;
	color: #fff;
	text-transform:uppercase;
	font-weight: 600;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.0);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.0);
	box-shadow: 0 1px 2px rgba(0,0,0,0.0);
	margin-top: 10px;
    transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;
	cursor: pointer;
}

#inhoudmetzijbalk-container #inhoudmetzijbalk-links input[type=submit]:hover{
	background: #2B3285;
}



#inhoudmetzijbalk-container .blogdatum{
	padding: 5px 0 10px 0;
	border-bottom: 1px solid #ddd;
	margin: -0 0 20px 0;
	font-size: 11px;
	color: #4F9ED0;
}

#inhoudmetzijbalk-links a{
	color: #4F9ED0;
}

#inhoudmetzijbalk-links p{
	padding: 8px 0 8px 0;
}

.single #inhoudmetzijbalk-links p{
	padding: 10px 0;
}

#inhoudmetzijbalk-links ul{
	list-style-position:outside;
	padding: 10px 0 20px 35px;
	list-style-type: disc;
}

#inhoudmetzijbalk-links ol{
	list-style-position:outside;
	padding: 10px 0 20px 35px;
	list-style-type: decimal;
}

#inhoudmetzijbalk-links .img-left{
	float: left;
	margin: 0 30px 20px 0;
	padding: 5px;
	background: #fff;
	border-radius: 10px;
}

#inhoudmetzijbalk-links .img-right{
	float: right;
	margin: 0 0 20px 30px;
	padding: 5px;
	background: #fff;
	border-radius: 10px;
}

#widget-geschrevendoor{
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}

#widget-geschrevendoor img{
	border-radius: 100%;
	padding: 5%;
	width: 60%;
	height: auto;
	background: #eee;
	margin-left: 10%;
}

#widget-geschrevendoor h3{
	font-weight: bold;
	font-size: 14px;
	margin-top: 20px;
	padding-bottom: 5px;
}
#widget-geschrevendoor h3 span{
	color: #4F9ED0;
}

.metaslider .flexslider{
	margin: 0px!important;
}

/* maps ############################################################################### */

#maps{
	position: relative;
	float: left;
	width: 100%;
	height: 400px;
	z-index: 0;
}

/* copyright ############################################################################### */

#copyright-container{
	background: #ffffff;
	color: #333333;
	text-align: center;
}

#copyright-container a{
	color: #F57E3D;
    transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;
}

#copyright-container a:hover{
	color: #3789B3;
}

#copyright-container h4{
	font-size: 31px;
	text-transform: uppercase;
	padding-bottom: 40px;
}

#copyright-container img{
	padding-bottom: 30px;
}

#copyright-container p{
	font-weight: 300;
	font-size: 14px;
	padding-bottom: 40px;
}

#copyright-container .buttons{
	padding-bottom: 40px;
}

#copyright-container .copyright p{
	padding-bottom: 0px;
}

#copyright-container button{
	width: 188px;
	border: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-right: 15px;
	color: white;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	transition: all 0.2s linear 0s;
}

#copyright-container button:hover{
	box-shadow: 0 20px 8px -9px rgba(0, 0, 0, 0.4);
}

#copyright-container button.green{
	background: #75a23d;
}

#copyright-container button.orange{
	background: #f57e3d;
}

#copyright-container button.blue{
	background: #3789b3;
}

#copyright-container .centered{
	width: 900px;
	padding-left: 150px;
	padding-right: 150px;
}

#copyright-container .content{
	padding: 70px 0px 70px 0px;
}

/* Colered bottom ############################################################################### */

#colors-bottom{
	height: 25px;
}

#colors-bottom .green{
	background: #75a23d;
	float: left;
	width: 33.3333%;
	height: 25px;
}

#colors-bottom .orange{
	background: #f57e3d;
	float: left;
	width: 33.3333%;
	height: 25px;
}

#colors-bottom .blue{
	background: #3789b3;
	float: left;
	width: 33.3333%;
	height: 25px;
}

/* Activiteiten ############################################################################### */
#activiteiten-container{
	background: url('img/activiteiten.jpg');
	height: 575px;
	padding-top: 150px;
	padding-bottom: 150px;
	position: relative;
	z-index: 1;
	border-top: 30px solid #c0d8e8;
}

#activiteiten-container .activiteiten-block{
	background: white;
	width: 1180px;
	border-radius: 5px;
	padding: 10px;
}

#activiteiten-container .activiteiten-block .activiteiten-left{
	float: left;
	padding-right: 50px;
	width: 765px;
}

#activiteiten-container .activiteiten-block .activiteiten-right{
	float: left;
	width: 355px;
}

#activiteiten-container .activiteiten-block .activiteiten-right h4{
	color: #333333;
	font-size: 36px;
	text-transform: uppercase;
	font-weight: 300;
	padding-top: 20px;
	padding-bottom: 10px;
}

#activiteiten-container .activiteiten-block .activiteiten-right ul{
	float: left;
	width: 100%;
}

#activiteiten-container .activiteiten-block .activiteiten-right ul li{
	border-top: 1px solid #dddddd;
	padding-top: 5px;
	padding-bottom: 5px;
}

#activiteiten-container .activiteiten-block .activiteiten-right .dagen{
	margin-top: 20px;
	margin-bottom: 10px;
}

#activiteiten-container .activiteiten-block .activiteiten-right .dagen li{
	float: left;
	width: 6%;
	padding-left: 4%;
	padding-right: 4%;
	border-bottom: 1px solid #dddddd;
	border-top: 0px;
}

#activiteiten-container .activiteiten-block .activiteiten-right .dagen li.active{
	background: #3788b2;
	color: white;
}

#activiteiten-container .activiteiten-block .activiteiten-right .dagen li:hover{
	background: #3788b2;
	color: white;
	cursor: pointer;
}

#activiteiten-container .activiteiten-block .activiteiten-right ul li span{
	color: #3788b2;
	font-weight: bold;
}

#activiteiten-container .activiteiten-block .activiteiten-right .openingstijd{
	padding-top: 10px;
	padding-bottom: 10px;
	float:left;
	width: 100%;
}

#activiteiten-container .activiteiten-block .activiteiten-right .openingstijden{
	padding-top: 10px;
}

#activiteiten-container .activiteiten-block .activiteiten-right .openingstijden .img{
	float: left;
	margin-right: 20px;
}

#activiteiten-container .activiteiten-block .activiteiten-right .openingstijden .txt p{
	font-size: 20px;
}

#activiteiten-container .nieuwsitems{
	margin-top:60px;
}

#activiteiten-container .nieuwsitems li{
	width: 50%;
	float: left;
	color: white;
}

#activiteiten-container .nieuwsitems li .img img{
	border: 10px solid white;
	float: left;
	margin-right: 30px;
}

#activiteiten-container .nieuwsitems li .txt{
	padding-right: 60px;
}	

#activiteiten-container .nieuwsitems li .txt h5{
	font-size: 20px;
	padding-bottom: 20px;
}

/* Zwembad ############################################################################### */
#zwembad-container{
	margin-bottom: -100px;
	position: relative;
	z-index: 10
}

#zwembad-container ul li{
	float: left;
	border: 1px solid #c6d5dd;
	margin-right: 44px;
	background: white;
	border-radius: 5px;
	text-align: center;
	padding-bottom: 40px;
	-webkit-box-shadow: 0px 20px 10px 0px rgba(50, 50, 50, 0.40);
	-moz-box-shadow:    0px 20px 10px 0px rgba(50, 50, 50, 0.40);
	box-shadow:         0px 20px 10px 0px rgba(50, 50, 50, 0.40);
	transition: all 0.3s linear 0s;
}

#zwembad-container ul li:hover{
	margin-top: -20px;
}

#zwembad-container ul li:nth-child(4){
	margin-right: 0px;
}

#zwembad-container ul li h5{
	text-transform: uppercase;
	font-size: 24px;
	margin-top: 20px;
	color: #525d93;
	margin-bottom: 15px;
}

#zwembad-container ul li a{
	color: #8e95b9;
}

/* Custom Template ############################################################################### */

.page-template-custompage #inhoudmetzijbalk-container li{float: left; width: 23.5%; margin-right: 2%; margin-bottom: 35px;}
.page-template-custompage #inhoudmetzijbalk-container li:nth-child(4n){margin-right: 0%}
.page-template-custompage #inhoudmetzijbalk-container li .customtxt{background: #3789b3; color: white; padding: 15px;}
.page-template-custompage #inhoudmetzijbalk-container li .customtxt:hover{background: #f57e3d;}
.page-template-custompage #inhoudmetzijbalk-container img{max-width: 100%!important;}
.page-template-custompage #inhoudzonderzijbalk-links{width:100%!important; padding: 0px!important;}

.page-template-custompage #inhoudzonderzijbalk-links a{text-decoration: none;}


@media screen and (min-width: 1px) and (max-width: 767px) {
.page-template-custompage #inhoudmetzijbalk-container li{width: 100%; margin-right: 0px!important;}
}

/* Bestellen ############################################################################### */

#bestellen-container{
	background: url('img/bestellen_bg.jpg');
	height: 359px;
	padding-top: 150px;
	padding-bottom: 150px;
	text-align: center;
	background-position: center;
}

#bestellen-container .centered{
	width: 900px;
	padding-left: 125px;
	padding-right: 125px;
}

#bestellen-container h3{
	font-size: 47px;
	font-weight: bold;
	padding-bottom: 40px;
	color: #333333;
}

#bestellen-container h4{
	font-size: 40px;
	font-weight: bold;
	margin-top: -20px;
	color: #333333;
	line-height: 70px;
}


#bestellen-container p{
	font-size: 14px;
	font-weight: 300;
	padding-bottom: 40px;
}

#bestellen-container p:nth-child(4){
	padding-left: 100px;
	padding-right: 100px;
	font-size: 12px;
}

#bestellen-container .buttons{
	padding-bottom: 40px;
}

#bestellen-container button{
	background: #ffffff;
	border: 1px solid #d3d2d1;
	color: #293679;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 200px;
	margin-right: 15px;
	transition: all 0.5s linear 0s;
}

#bestellen-container button:hover{
	color: white;
	background: #293679;
}

/* kruimelpad ############################################################################### */

#kruimelpad-container{
	background: #f9f9f9;
	border-bottom: 1px solid #eee;
	padding: 20px 0 20px 0;
	margin-top: 100px;
	font-size: 11px;
	color: #666;
	display:none;
}

#kruimelpad-container a{
	color: #666;
}

#kruimelpad-container .content {
	opacity: 0.6;
    transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;
}

#kruimelpad-container:hover .content{
	opacity: 1.0;	
}


/* EXTRA CODE ############################################################################### */

.home #kruimelpad-container{
display:none;
}

li#text-2{
border-top: 1px solid #ddd;
margin-top: 30px;
}

li#text-2 .textwidget{
margin-top: 30px;
}

#inhoudmetzijbalk-container #inhoudmetzijbalk-rechts button{
    background: #2B3285 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0);
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    margin-top: 10px;
    padding: 10px 15px;
    text-transform: uppercase;
    transition: all 0.2s linear 0s;
}

#inhoudmetzijbalk-container #inhoudmetzijbalk-rechts button:hover {
    background: #da3a4c none repeat scroll 0 0;
}

.top1off{
	background: #fff!important;
}

.top1off .logo{
	background: url('img/logo.jpg');
	width: 150px;
	height: 68px;
	margin-top: 10px;
}

.top1off #menu .menu-item a{
	color: #17256E!important;
}

.top1off .current-menu-item a{
	background: none!important;
}

.top1off .menu-item a:hover{
	background: none!important;
}

.top1off .submenucontainer .menu-item a:hover{
	background: #3789B3!important;
	color: white!important;
}

.top1off .submenucontainer menu-item a{
	color: white!important;
}

.recreatief #inhoudmetzijbalk-links ul li, .activiteiten #inhoudmetzijbalk-links ul li, .zwemlessen #inhoudmetzijbalk-links ul li{
	width: 46%;
	float: left;
	list-style-type: none!important;
	padding-right: 30px;
	height: 225px;
}

.recreatief #inhoudmetzijbalk-links ul li h1, .activiteiten #inhoudmetzijbalk-links ul li h1, .zwemlessen #inhoudmetzijbalk-links ul li h1{
font-size: 30px;
}

#arrow-naarbeneden{
    background: url("img/arrow.png") no-repeat center center;
    border-radius: 10px 10px 0 0;
    height: 105px;
    position: absolute;
    transition: all 0.2s linear 0s;
    width: 150px;
	left:520px;
	top: -180px;
}

#arrow-naarbeneden:hover{
	height: 115px;
	cursor: pointer;
}

span.wpcf7-list-item{
	display:block;
}

.activiteiten-right ul li p{
	padding-right: 15px;
}

iframe{
	width: 100%;
	height: 100%;
	min-height: 400px;
}

/* RESPONSIVE ############################################################################### */


@media screen and (min-width: 1001px) and (max-width: 1240px) {
	
	.centered{ width: 980px; }
	#menu-container #menu a{ padding: 33px 7px 37px 10px; margin-left: 0px;}
	
	.home #header-container #header-title{ width: 980px; font-size: 13px; line-height: 20px; }
	.home #header-container #header-title h2{ font-size: 42px; line-height: 45px; padding-bottom: 0px; }
	.home #header-container #onlinekassa{bottom: 73px;}
	#header-container #onlinekassa{bottom: 76px;}
	
	#inhoudmetzijbalk-container #inhoudzonderzijbalk-links{padding: 0px; width: 980px;}
	
	#inhoudmetzijbalk-container #inhoudmetzijbalk-links{ width: 620px } 
	#inhoudmetzijbalk-container #inhoudmetzijbalk-rechts{ margin-left: 30px; }
	#inhoudmetzijbalk-container #inhoudmetzijbalk-links .blog-item .blogitemrechts{ width: 420px } 

	#activiteiten-container .activiteiten-block{width: 960px;}
	#activiteiten-container	.activiteiten-left > img{}
	#activiteiten-container .activiteiten-block .activiteiten-left{width: 505px;}
	#activiteiten-container .activiteiten-block .activiteiten-right{background: white; padding-left: 50px;}
	#activiteiten-container .nieuwsitems li .txt h5{padding-bottom: 5px;}

	#bestellen-container .centered{width: 980px; padding: 0px;}

	#copyright-container .centered{width: 980px; padding: 0px;}
	
	#contact-container #contact-links{	width: 470px; }
	#contact-container #contact-rechts{	width: 450px; }
	#contact-container input[type=text]{ width: 210px;	}
	#contact-container textarea{	width: 435px;		}

	#inhoudmetzijbalk-container #inhoudmetzijbalk-links textarea{width: 500px;}

	.recreatief #inhoudmetzijbalk-links ul li, .activiteiten #inhoudmetzijbalk-links ul li, .zwemlessen #inhoudmetzijbalk-links ul li{width: 262px;height: 225px;}
	.recreatief #inhoudmetzijbalk-links ul li h1, .activiteiten #inhoudmetzijbalk-links ul li h1, .zwemlessen #inhoudmetzijbalk-links ul li h1{font-size: 30px;}
	#arrow-naarbeneden{left: 410px;}

	.openingstijden #inhoudmetzijbalk-container #inhoudmetzijbalk-links .programma-lijst{width: 100%; min-height: auto;}

	#zwembad-container ul li{width: 210px!important;}
	#zwembad-container ul li img{width: 100%!important;}
}


@media screen and (min-width: 768px) and (max-width: 1000px) {
	
	/* SHARED CSS ############################################################################### */
	.centered{ width: 700px; }
	
	/* MENU ############################################################################### */
	
	#menu-navigatie{ display: none;}
	#menu-mobiel{ display: block; }
	#menu-container #menu{ 
		position: relative; float: right; width: 240px; margin-top: 80px; margin-left: 10px; top: auto; right: auto; 	background: rgb(223,51,50); /* Old browsers */
		border-radius: 5px;
		background: #4782BE;
	}
	#menu-container #menu .first a { border-radius: 5px 5px 0 0; }
	

	#menu-container #menu li { width: 100%; width: 240px; }
	#menu-container #menu a { color: #fff; background: #333; padding: 12px 20px 12px 20px; width: 200px; border-bottom: 1px dotted rgba(255,255,255,0.3); border: 0; margin: 0; }
	#menu-container #menu .active { color: #fff!important; background: #52AADC; text-decoration: underline; border: 0; }
	#menu-container #menu a:hover {  color: #fff!important; background: #1E5FA0; border: 0; }

	#menu-container #menu .last .submenucontainer{ right: auto!important; left: 0!important; top: 0px; }
	#menu-container #menu .submenucontainer{ position: relative; float: left; width: 100%; top: auto; left: 0px; border-radius: 0;  }
	#menu-container #menu .submenucontainer li{ width: 240px; background: #eee; border-radius: 0!important; border: 0; }
	#menu-container #menu .submenucontainer li a{ width: 200px; color: #666; border-radius: 0!important; padding: 12px 20px;}
	#menu-container #menu .submenucontainer li a:hover{ color: #fff!important; }
	#header-container .content{height: 160px;}
	
	#header-container #header-bubble{ display: none; }
	.home #header-container #header-title{ font-size: 13px; line-height: 20px; width: 700px; }
	.home #header-container #header-title h2{ font-size: 38px; line-height: 42px; }

	#menu-container #menu-mobiel{right: 0px; top: 25px;}
	#menu-container #menu .current-menu-item a{background:#3789B3 }
	#menu-container #menu .menu-item a:hover{background:#3789B3 }
	.top1off #menu .menu-item a{color: white!important}
	.top1off #menu .submenucontainer a{color: #666!important}
	.top1off #menu .submenucontainer a:hover{}

.top1off .menu-item a:hover{
	background: #3789B3!important;
}
	

	#header-container #headerinfo .openingstijden{float:none; padding-right: 0px; border: 0px;}
	#header-container #headerinfo .telefoon{float:none; padding-left: 0px; text-align: right;}

	#inhoudmetzijbalk-container #inhoudzonderzijbalk-links{padding: 0px; width: 700px;}

	#inhoudmetzijbalk-container #inhoudmetzijbalk-links{ width: 460px } 
	#inhoudmetzijbalk-container #inhoudmetzijbalk-rechts{ margin-left: 30px; width: 210px;  }
	#inhoudmetzijbalk-container #inhoudmetzijbalk-links .blog-item .blogitemrechts{ width: 330px } 
	#inhoudmetzijbalk-container #inhoudmetzijbalk-rechts #widget-categorieen span.icon { width: 50px; }
	#inhoudmetzijbalk-container #inhoudmetzijbalk-rechts #widget-socialmedia h3 { font-size: 13px; font-weight: 600; }
	#inhoudmetzijbalk-container #inhoudmetzijbalk-links .blog-item .blogitemlinks { width: 50px; height: 50px;  background: url(img/icon-nocover.png) no-repeat center center; background-size: 40px auto; }
	#inhoudmetzijbalk-container #inhoudmetzijbalk-rechts #widget-categorieen a, #inhoudmetzijbalk-container #inhoudmetzijbalk-rechts #widget-categorieen a:hover{ background: none; }
	#inhoudmetzijbalk-container #inhoudmetzijbalk-rechts #widget-nieuwsbrief input[type=text]{ 	width: 180px; }
	#inhoudmetzijbalk-container #inhoudmetzijbalk-rechts  input[type=text]{ 	width: 180px; }

	.home #header-container #onlinekassa{bottom: 43px; right: -18px;}
	#header-container #onlinekassa{bottom: 41px;}

	#zwembad-container .content{width: 700px;}
	#zwembad-container .centered{width: 700px;}
	#zwembad-container ul li{width: 202px;}
	#zwembad-container ul li img{width:100%;}
	#activiteiten-container .nieuwsitems{display:none;}

	#activiteiten-container{padding-top: 100px; padding-bottom: 175px; height: 250px!important;}
	#activiteiten-container .activiteiten-block{width: 680px;}
	#activiteiten-container .activiteiten-block .activiteiten-left{width: 680px; padding-right: 0px;}
	#activiteiten-container .activiteiten-block .activiteiten-left img{width: 680px;}

	#activiteiten-container .activiteiten-block .activiteiten-right{width: 680px;}
	#activiteiten-container .activiteiten-block .activiteiten-right ul li{width: 33.333%; float:left;}
	#activiteiten-container .activiteiten-block .activiteiten-right ul li:nth-child(4){display:none;}
	#activiteiten-container .activiteiten-block .activiteiten-right .dagen li{width: 2.6%; padding-left: 7%; padding-right: 7%;}

	#bestellen-container{padding-top: 85px; padding-bottom: 215px;}
	#bestellen-container .content{width: 670px;}
	#bestellen-container .centered{width: 700px; padding:0;}
	#bestellen-container h3{line-height: 50px; font-size: 40px;}
	#bestellen-container button{width: 35%; margin-bottom: 20px;}
	#bestellen-container .buttons{padding-bottom: 20px;}

	#copyright-container .content{width: 670px;}
	#copyright-container .centered{width: 700px; padding:0;}

	#contact-container #contact-links{	width: 100%; }
	#contact-container #contact-rechts{	width: 100%; margin: 50px 0 0 0; }
	#contact-container input[type=text]{ width: 335px;	}
	#contact-container textarea{	width: 685px;		}
	
	#inhoudmetzijbalk-container #inhoudmetzijbalk-rechts #widget-diensten span.icon{ display: none; } 
	#inhoudmetzijbalk-container #inhoudmetzijbalk-rechts #widget-diensten span.txt{ padding: 15px 0 15px 15px; font-size: 10px; } 

	#inhoudmetzijbalk-container #inhoudmetzijbalk-links input[type="text"], #inhoudmetzijbalk-container #inhoudmetzijbalk-links input[type="email"], #inhoudmetzijbalk-container #inhoudmetzijbalk-links textarea {width: 75%;}
	#inhoudmetzijbalk-container #inhoudmetzijbalk-links .blog-item{min-height: 190px;}

	#menu-container #menu .current-menu-item a{border: 0px; color: white;}
	#menu-container #menu .current-menu-item a:hover{border: 0px; color: white;}

		#inhoudmetzijbalk-container #inhoudmetzijbalk-links ul{padding:0px;}
	.recreatief #inhoudmetzijbalk-links ul li, .activiteiten #inhoudmetzijbalk-links ul li, .zwemlessen #inhoudmetzijbalk-links ul li{width: 200px;height: 250px;}
	.recreatief #inhoudmetzijbalk-links ul li h1, .activiteiten #inhoudmetzijbalk-links ul li h1, .zwemlessen #inhoudmetzijbalk-links ul li h1{font-size: 24px;}
	#arrow-naarbeneden{left: 270px; }

	.openingstijden #inhoudmetzijbalk-container #inhoudmetzijbalk-links .programma-lijst{width: 100%; min-height: auto;}
	.zoeken{top: 23px;}
	#header-container #headerinfo .openingstijden{height: 23px; line-height: 15px;}

	#zwembad-container ul li:nth-child(4){display:none!important;}
	#zwembad-container ul li:nth-child(3){margin-right:0px!important;}
}



@media screen and (min-width: 1px) and (max-width: 767px) {
	
	/* SHARED CSS ############################################################################### */
	.centered{ width: 280px; }
	
	/* MENU ############################################################################### */
	#menu-container .logo { position: absolute; width: 180px; height: 40px; top: 10px; left: 50%; margin-left: -140px;  background: url(img/logo.jpg) no-repeat; background-size:  auto 44px; }
	#zoekencontainer { display: none; }
	#menu-container { position: relative; float: left; background:#fff}
	#menu-container #menu-inhoud { min-height: 63px; height: auto; }
	#menu-container .centered { margin: 0; width: 100%; }
	#menu-navigatie{ display: none;}
	#menu-mobiel{ display: block; height: 20px;  width: 10px; position: absolute; top: 13px; right: 50%; margin-right: -140px; }
	#menu-mobiel span.txt{ display: none; }
	#menu-container #menu{ 
		position: relative; float: left; width: 100%; margin-top: 70px; margin-left: 0px; top: auto; right: auto; 	
		border-radius: 0px;
		background: #4782BE;  
		border: 0; 
	}
	#menu-container #menu .first a { border-radius: 0; }
	#menu-container #menu .last a { border-radius: 0 ; }
	#menu-container #menu .active {color: #fff!important; background: #2B3285; text-decoration: underline; bordeR: 0; }
	#menu-container #menu a:hover {  color: #fff!important; background: #2B3285; bordeR: 0; }
	#menu-container #menu li { width: 100%; width: 100%; }
	#menu-container #menu a { color: #2B3285; padding: 12px 5% 12px 5%; width: 90%; background: #fff; margin: 0; text-align: center; bordeR: 0; }
	#menu-container #menu .last .submenucontainer{ right: auto!important; left: 0!important; top: 0px; }
	#menu-container #menu .submenucontainer{ position: relative; float: left; width: 100%; top: auto; left: 0px; border-radius: 0;  }
	#menu-container #menu .submenucontainer li{ width: 100%; background: #eee; border-radius: 0!important; border: 0; }
	#menu-container #menu .submenucontainer li a{ width: 100%; color: #666; border-radius: 0!important; padding-left: 0px; padding-right: 0px;}
	#menu-container #menu .submenucontainer li a:hover{ color: #fff!important; }

	#menu-container #menu .current-menu-item a{background:#3789B3; color:white!important; }
	#menu-container #menu .menu-item a:hover{background:#3789B3; text-decoration: underline;}

	.home #header-container #header-title span{ display: none; }
	.home #header-container #header-title{display:none; }
	#header-container .content { height: 400px; }
	#header-container #headerinfo{top: 20px;}
	#header-container #headerinfo .openingstijden{width: 100%; padding: 0px; font-size: 12px; border: 0px;}
	#header-container #headerinfo .openingstijden img{margin-right: 5px; display:none;}
	#header-container #headerinfo .telefoon{width: 100%; padding-left: 0px; margin-top: 0px; font-size: 13px;}
	#header-container #headerinfo .telefoon img{margin-right: 10px; display:none;}

	.home #header-container #onlinekassa{background: url('img/korting_mobile.png'); height: 100px; width: 192px; bottom: 0px; left: 10px;}

	#inhoudmetzijbalk-container #inhoudzonderzijbalk-links{width: 100%; padding: 0px;}
	#inhoudmetzijbalk-container #inhoudzonderzijbalk-links h1{line-height: 50px;}
	
	#inhoudmetzijbalk-container h1{ font-size: 28px; line-height: 31px; }
	#inhoudmetzijbalk-container #inhoudmetzijbalk-links{ width: 100% } 
	#inhoudmetzijbalk-container #inhoudmetzijbalk-rechts{ margin: 20px 0 0 0; padding: 20px 0 0 0; width: 100%; border-top: 1px solid #ddd; }
	#inhoudmetzijbalk-container #inhoudmetzijbalk-links .blog-item { border: 1px solid #ddd; }
	#inhoudmetzijbalk-container #inhoudmetzijbalk-links .blog-item .blogitemrechts{ width: auto; padding: 10px 20px 10px 20px; } 
	#inhoudmetzijbalk-container #inhoudmetzijbalk-links .blog-item .blogitemlinks { display:none; }
	
	#inhoudmetzijbalk-container #inhoudmetzijbalk-rechts #widget-categorieen span.icon { width: 50px; }
	#inhoudmetzijbalk-container #inhoudmetzijbalk-rechts #widget-socialmedia h3 { font-size: 13px; font-weight: 600; }
	#inhoudmetzijbalk-container #inhoudmetzijbalk-rechts #widget-categorieen a, #inhoudmetzijbalk-container #inhoudmetzijbalk-rechts #widget-categorieen a:hover{ background: none; }
	#inhoudmetzijbalk-container #inhoudmetzijbalk-rechts #widget-nieuwsbrief input[type=text]{ 	width: 180px; }

	#zwembad-container .centered{width: 280px;}
	#zwembad-container ul li{width: 280px; margin-bottom: 40px;}
	#zwembad-container ul li:hover{margin-top: 0px;}
	#zwembad-container ul li img{width: 280px;}

	#activiteiten-container{padding-top: 75px;  padding-bottom: 225px; height: 100px;}
	#activiteiten-container .activiteiten-block{width: 260px; float: left; height: 100%; margin-bottom: 30px;}
	#activiteiten-container .activiteiten-block .activiteiten-left{display:none;}
	#activiteiten-container .activiteiten-block .activiteiten-right{width: 260px;}

	#activiteiten-container .nieuwsitems li{width: 100%;}
	#activiteiten-container .nieuwsitems li .txt{padding: 0px;}
	#activiteiten-container .nieuwsitems li .txt h5{font-size: 18px;}
	#activiteiten-container .nieuwsitems li .img img{margin-right: 15px;}
	#activiteiten-container .nieuwsitems li:nth-child(2){display:none;}

	#bestellen-container{padding-top: 50px; padding-bottom: 250px;}
	#bestellen-container .centered{width: 280px; padding: 0px;}
	#bestellen-container h3{line-height: 47px;}
	#bestellen-container p:nth-child(4), #bestellen-container img{display:none;}
	#bestellen-container button{width: 280px; margin-bottom: 20px;}

	#copyright-container .centered{width: 280px; padding: 0px;}
	#copyright-container h4{line-height: 40px;}
	#copyright-container img{width: 100%;}
	#copyright-container button{margin-right: 0px; margin-bottom: 15px;}

	#contact-container #contactgegevens-links{ width: 100%;  }
	#contact-container #contactgegevens-rechts{ width: 100%; margin-top: 30px;  }
	#contact-container #contact-links{	width: 100%; }
	#contact-container #contact-rechts{	width: 100%; margin: 50px 0 0 0; }
	#contact-container input[type=text]{ width: 270px;	}
	#contact-container textarea{	width: 270px;		}

	#inhoudmetzijbalk-container #inhoudmetzijbalk-links input[type="text"], #inhoudmetzijbalk-container #inhoudmetzijbalk-links input[type="email"], #inhoudmetzijbalk-container #inhoudmetzijbalk-links textarea {width: 100%;}
	.home #header-container .content{height: 250px;}
	#header-container .content{height: 90px;}

	#inhoudmetzijbalk-container #inhoudmetzijbalk-links .blog-item{min-height: 270px;}

	#copyright-container #copyright-links, #copyright-container #copyright-rechts{width: 100%; text-align: left;}
	#kruimelpad-container{margin-top:0px!important;}

	#inhoudmetzijbalk-container #inhoudmetzijbalk-links ul{padding:0px;}
	.recreatief #inhoudmetzijbalk-links ul li, .activiteiten #inhoudmetzijbalk-links ul li, .zwemlessen #inhoudmetzijbalk-links ul li{width: 280px;padding: 0px;height: 100%;}
	#arrow-naarbeneden{display:none;}

	.openingstijden #inhoudmetzijbalk-container #inhoudmetzijbalk-links .programma-lijst{width: 100%; min-height: auto;}
	.search input{width: 95%;}
	.zoeken{top: 31px;}
}

#inhoudzonderzijbalk-links a{
	color: black;
}

#wpcf7-f193-o2 a, #wpcf7-f193-o1 a{
 color: black!important;
}

