body {
background-color: #00537f;
/*background-image: url("../img/bg-tegel.jpg");*/
/*font-family: MyWWRfont;*/
color: #636464;
}

.container { 
	max-width: 960px;
	background-color: #fff;
	padding-top: 10px;
	margin-top: 10px;
	}
.foot {
	padding-top: 20px;
	/*background-image: url("../img/bg-tegel.jpg");*/
	background-color: #00537f;
	color: #fff;
}
h1, h2, h3, h4, h5, h6 {
	font-family: MyWWRfont, Candara Light, Open Sans,Arial,sans-serif;
	color: #00537f;
}
h1 { 
color: #00537f; 
font-size: 1.6em;
font-weight: 700;
}
p { line-height: 180%; }

img.slider { 
	width: 100%;
	height: auto;
}
div.slider-logo {
	position: relative;
}
img.logo {
position: absolute;
bottom : 10px;
left: 20px;
border: 1px solid #fff;
/*box-shadow: 5px 5px 15px 1px black;*/
width: 18%;
}
img.logo-fairtrade {
position: absolute;
top : 10px;
right: 20px;
border: 1px solid #fff;
/*box-shadow: 5px 5px 15px 1px black;*/
width: 7%;
}
.winkel-slogan {
	margin-bottom: 25px;
}
h2 {
	/*background-image: url("../img/bg-tegel.jpg");*/
	background-color: #00537f;
	font-size: 180%;
	text-align: left;
	color: #fff;
	padding-right: calc(-.5 * var(--bs-gutter-x));
    padding-left: calc(-.5 * var(--bs-gutter-x));
	/*border-top: 10px solid #fff;*/
	/*border-radius: 1em;*/
	margin-top: 5px;
}
.foot h2 {
	border: none;
}
.winkel-slogan h2 {
	text-align: center;
}
h3 {
	/*background-image: url("../img/bg-tegel.jpg");*/
	background-color: #00537f;
	font-size: 120%;
	text-align: center;
	color: #fff;
	padding-right: calc(-.5 * var(--bs-gutter-x));
    padding-left: calc(-.5 * var(--bs-gutter-x));
	padding-top: 5px;
	padding-bottom: 7px;
	border-top: 1px solid #fff;
	border-radius: 1em;
}
.links, .links h2 {
	text-align: center;
}
.links a, a {
	text-decoration: none;
	color: #fff;
}
.links a:hover {
	color: #ccc;
}
.nieuws a, .nieuws p a {
	text-decoration: none;
}
a.link-zwart {	
	color: #636464;
}
a.link-zwart:hover {
	color: #00537f;
	text-decoration: underline;
}
/********** Menu ***************/
div.menu_btn {
	width: 100%;
	text-align: right;
	position: relative;
}
button#toggle { 
	display: none;
	background-image: url("../img/buttonbg.jpg");
	background-repeat: no-repeat;
	background-position: right;
	background-color: #fff;
	width: 100px;
	height: 30px;
	text-align: left;
	position: absolute;
	right: 0px;
	border: 2px solid #00537f;
	color: #00537f;
}
ul.nav-menu { 
	list-style: none; 
	width: 100%;
	padding-left: 0rem;
	}
.nav-menu li {
	width: 100%;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #00537f;
	border-radius: 1em;
}
.nav-menu a { 
	text-decoration: none; 
	color: #00537f;
	}
.nav-menu li:hover {
	/*background-image: url("../img/bg-tegel.jpg");*/
	border: 1px solid #000;
	color: #999;
}
.facebook-link {
	/*background-image: url("../img/bg-tegel.jpg");*/
	background-color: #00537f;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 1px;
	border-radius: 1em;
}
a.fb-link {
	display: block;
	text-decoration: none;
	color: #fff;
	margin-bottom: 15px;
}
a.fb-link:hover {
	color: #999;
}
a.inline-menu-item {
	display: block;
	width: 100%;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #00537f;
	border-radius: 1em;
	text-decoration: none; 
	color: #00537f;
	text-align: center;
}
a.inline-menu-item:hover {
	border: 1px solid #000;
	color: #999;
}
a.in-de-tekst {
	text-decoration: none;
	color: #636464;
}
a.in-de-tekst:hover {
	color: #000;
}

/************ submenu over onze winkel */



/********** homepage **********/

img.img-winkel-homepage {
	float: right;
	width: 40%;
	border-radius: 1em;
	margin-top: 10px;
	margin-left: 10px;
}

/*   class story en img ************/
.story img.story-img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	border-radius: 1em;
}
span.hzeven {
	font-weight: 600;
}
b { color: #00537f;
}
/************* moduleblokjes homepage ***********/
.include-modules div {
	text-align: center;
	padding-bottom: 0px;
}
.include-modules div img {
	width: 95%;
	height: auto;
	/*border-radius: 10px 10px 10px 10px;*/
	box-shadow: 5px 5px 5px 1px grey;
}
.no-shadow {
	box-shadow: 0px 0px 0px 0px white;
}
p.mb-tekst, div.nieuws-intro p {
	Width: 90%;
	margin-top: 10px;
	font-size: 0.8em;
	/*line-height: 1.5em;*/
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
}
.include-modules a {
	text-decoration: none;
	color: #636464;
}	
.include-modules a:hover {
	color: #ccc;
}
td.tijden {
	padding-left: 20px;
}
.module-blokjes {
position: relative;
}
p.mb-tekst {
	margin-bottom: 20px;
}
/*span.verder {
	display: block;
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: right;
	right: 20px;
	color: #00537f;
	font-weight: 600;
}*/
span.verder, span.verder-news {
	display: block;
	width: 50%;
	text-align: center;
	color: #00537f;
	border: 1px solid #00537f;
	border-radius: 1em;
	margin: 0px auto;
}
/*span.verder:hover, span.verder-news:hover { ----------------------------------------
	color: #ccc; 
}*/

p.vitrine-tekst {
	margin-top: 10px;
	font-size: 1.2em;
	line-height: 1.5em;
	/*margin-left: 20px;
	margin-right: 20px;*/
}

/* menu assortiment ********************/

.row.assortiment {
	margin-bottom: 20px;
}
img.nav-ass {
	width: 95%;
	border-radius: 1em;
	border: 1px solid #00537f;
}
.div-nav-ass {
	position: relative;
	float: left;
	margin-bottom: 20px;
}
.p-nav-ass {
	position: absolute;
	left: 8%;
	bottom: -8px;
	width: 80%;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 1px solid #00537f;
	border-radius: 1em;
	background-color: #fff;
	color: #00537f;
}
a.link-nav-ass:hover p {
	color: #999;
}
iframe.videogrootte {
	width: 450px;
	height: 253px;
}
/*************** nieuws pagina **************/
div.nieuwsafbeeldingen {
	margin-bottom: 20px;
}
.img-nieuwspagina {
	width: 100%;
	height: auto;
	border-radius: 1em;
}
span.datum-nieuws-item {
	display: block;
	width: 95%;
	background-color: #cd536a;
	color: #fff;
	padding-left: 5px;
	border-radius: 0.5em;
	font-size: 90%;
    margin-top: 10px;
}
.nieuws h3 {
	Background-color: #fff;
	border-radius: 0em;
	color: #00537f;
	text-align: left;
	font-weight: 500;
}
/*********************** aanbiedingen en tips pagina ****************/
img.aanbiedingpagina {
	width: 100%;
	height: auto;
	border-radius: 1em;
	margin-bottom: 15px;
}