/* CSS Document */

/* Clear */
html,body,ul,div,li			{margin:0; padding:0;}
ul, ol						{margin:0;}
html, body					{height:100%; width:100%; }
.clear:after	{content:""; display:block; clear:both;}
ul				{ list-style:none;}

html, body		{ background:#EDEDE3;}
.left			{ float:left;}
.right			{ float:right;}


/* status messages */
.succes, .failed, .note, .info	{ display:block; margin:20px auto; width:90%; padding:10px;}
.failed, .note	{ font-weight:bold;}
.succes			{ background:#8f8; border:#080 solid 2px; color:#080;}
.failed			{ background:#f88; border:#800 solid 2px; color:#800;}
.note			{ background:#FF8; border:#aa0 solid 2px; color:#880;}
.note:before	{ content:"Let op: "; font-weight:bold;}
.info			{ background:#88F; border:#008 solid 2px; color:#008;}
.info:before	{ content:"Info: "; font-weight:bold;}


#page			{ width:1000px; margin:0 auto;} /* height:100%; width:100%; max-width:1920px;  */
#wrapper		{}
#wrap			{ padding-top:50px; }
#contentwrapper	{}
	#sidebar		{ width:300px; float:left; margin-top:20px;}
	#content		{ margin-left:350px;}

#footer			{ float:left;}
#footer .inner	{ max-width:1920px; margin:0 auto;}

#logo img			{width:305px; height:140px;}
#navigation			{}
#navigation span	{background:hsla(60,22%,91%,0.8);}
#navigation a		{line-height:30px; display:block; padding-left:15px; margin-left:15px;}

#navigation a		{ color:black; text-decoration:none;}
#navigation a:hover	{ color:#515150; padding-left:20px;}

/* Tekstblokje */
#openingstijden { font-size:16px; font-weight:bold;  color:#008163;}
#mededeling		{ font-size:16px; font-weight:bold; font-family:nunitoregular; color:#BC1521;}


/* Menu Active State */
#index #nav-index,
#voorraad #nav-voorraad,
#overons #nav-overons,
#contact #nav-contact,
#links #nav-links { font-weight:bold;}

/*
.nunitoS		{font-family: 'Nunito'; font-style:normal; font-weight:300; font-size:14px;}
.nunitoM		{font-family: 'Nunito'; font-style:normal; font-weight:400; color:#008163;}
.nunitoL		{font-family: 'Nunito'; font-style:normal; font-weight:700;}
*/