@charset "utf-8";
/* CSS Document */

body {
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	background: #FFFFFF;
	background-image: url(img/bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

#maincontainer {
	margin: 0px auto;
	padding: 0px;
	width: 100%;
}

#headercontainer {
	margin: 0px auto;
	padding: 0px;
	width: 840px;
}

.logo {
	margin: 0px;
	padding: 0px;
	width: 240px;
	float: left;
}

#ofcontainer {
	margin: 0px auto;
	padding: 0px;
	width: 840px;
	display: table;
}

.of {
	margin: 0px;
	padding: 0px;
	width: 265px;
	float: left;
	display: table;
	text-align: right;
}

.of2{
	margin: 0px;
	padding: 0px;
	width: 240px;
	float: left;
	display: table;
	text-align: right;
}

#hoofdmenu {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: #e7f1f5;
	height: 60px;
}

#menucontainer {
	margin: 0px auto;
	padding: 0px;
	width: 840px;
	display: block;
	clear: both;
}

.menubruin {
	margin: 0px;
	padding: 0px;
	width: 240px;
	background-color: #362f2d;
	height: 60px;
	float: left;
	background-image: url(img/bruinbg.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.groen {
	margin: 0px;
	padding: 0px 5px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #b6d400;
}

.menubruin p {
	margin: 0px;
	padding: 10px 10px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #b6d400;
	display: block;
	clear: both;
}

.menubruin input {
	margin: 0px 10px 0px 10px;
	padding: 2px 5px 2px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #0085c2;
	background-color:#FFFFFF;
	border: #131010 1px solid;
	width: 208px;
	height: 14px;
}

.menugroen {
	margin: 0px;
	padding: 0px;
	width: 240px;
	background-color: #b6d400;
	height: 60px;
	float: left;
	background-image: url(img/groenbg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.blauw {
	margin: 0px;
	padding: 0px 5px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #0085c2;
}

.menugroen p {
	margin: 0px;
	padding: 10px 10px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #0085c2;
	display: block;
	clear: both;
}

.menugroen select {
	margin: 0px 10px 0px 10px;
	padding: 2px 5px 2px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #0085c2;
	background-color:#FFFFFF;
	border: #131010 1px solid;
	width: 208px;
	height: 24px;
}

.menublauw {
	margin: 0px;
	padding: 0px;
	width: 240px;
	background-color: #0085c2;
	height: 60px;
	float: left;
	background-image: url(img/blauwbg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.bruin {
	margin: 0px;
	padding: 0px 5px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #362f2d;
}

.menublauw p {
	margin: 0px;
	padding: 10px 10px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #362f2d;
	display: block;
	clear: both;
}

.menublauw input {
	margin: 0px 10px 0px 10px;
	padding: 2px 5px 2px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #0085c2;
	background-color:#FFFFFF;
	border: #131010 1px solid;
	width: 208px;
	height: 14px;
}

.menunuopen {
	margin: 0px;
	padding: 0px;
	width: 60px;
	background-color: #ed145a;
	height: 60px;
	float: left;
}

.menunuopen p {
	margin: 0px;
	padding: 15px 0px 0px 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
	text-transform: uppercase;
	display: block;
	clear: both;
}

.menunuopen input {
	margin: 2px 10px 0px 5px;
	padding: 0px;
	display: block;
	clear: both;
}

.menuvind {
	margin: 0px;
	padding: 0px;
	width: 60px;
	background-color: #ff5c00;
	height: 60px;
	float: left;
}

#vindcontainer {
	margin: 0px auto;
	padding: 0px 0px 20px 0px;
	width: 840px;
	display: block;
	clear: both;
}

.friemeltje {
	margin: 0px 0px 0px 720px;
	padding: 0px;
	width: 60px;
}

#tussencontainer {
	margin: 0px auto;
	padding: 0px 0px 20px 0px;
	width: 840px;
	display: table;
	clear: both;
}

.inleiding {
	margin: 0px;
	padding: 0px;
	width: 480px;
	float: left;
}

.inleiding H1 {
	margin: 0px;
	padding: 0px 0px 10px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #ed145a;
}

.inleiding p {
	margin: 0px;
	padding: 0px 100px 0px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #362f2d;
	line-height: 16px;
}

.promo {
	margin: 0px;
	padding: 0px;
	width: 240px;
	float: left;
}

#blokkencontainer {
	margin: 0px auto;
	padding: 0px;
	width: 840px;
	display: block;
	clear: both;
}

.openingblok {
	margin: 30px 9px 0px 10px;
	padding: 0px;
	width: 221px;
	float: left;
}

.zondagblok {
	margin: 30px 9px 0px 10px;
	padding: 0px;
	width: 221px;
	float: left;
}

.avondblok {
	margin: 30px 9px 0px 10px;
	padding: 0px;
	width: 221px;
	float: left;
}

.img {
	margin: 0px;
	padding: 0px;
	width: 221px;
}

.blok {
	margin: 0px;
	padding: 5px 0px 10px 0px;
	width: 219px;
	background-color: #f4f9d9;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #dae97f;
	border-bottom-color: #dae97f;
	border-left-color: #dae97f;
}

.blokcontainer {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	width: 219px;
	display: table;
	clear: both;
}

.blokinfo {
	margin: 0px;
	padding: 0px 10px 0px 10px;
	width: 90px;
	float: left;
}

.blokinfo a {
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0085c2;
}

.blokinfo a:hover {
	color: #ed145a;
}

.blokinfopartner {
	margin: 0px;
	padding: 0px 10px 0px 10px;
	width: 200px;
	float: left;
		font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #362f2d;
}

.blokinfopartner a {
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0085c2;
}

.blokinfopartner a:hover {
	color: #ed145a;
}

.blokinfo2 {
	margin: 0px;
	padding: 0px 10px 0px 10px;
	width: 89px;
	float: left;
	text-align: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #362f2d;
}

#eindcontainer {
	margin: 0px auto;
	padding: 0px;
	width: 580px;
	display: block;
	clear: both;
}

#eindcontainer a {
	margin: 20px 0px 0px 25px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #362f2d;
	float: right;
}

#eindcontainer a:hover {
	color: #ed145a;
}