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

/* 
behavior: url(/css/pie.htc);

- groen: R 72 / G 166 / B 41
- roze: R 230 / G 19 / B 70
- bruin: R 76 / G 22 / B 0
- blauw: R 0 / G 175 / B 240

- Alle mouse-over onderdelen: R 50 / G 50 / B 50
- Uitklapmenu's: R 100 / G 100 / B 100 (transparantie 90%)
- Alle knoppen en teksten (als ze geen kleurtje hebben): R 95 / G 95 / B 95 

 */

@font-face {
	font-family: Blibbo;
	src: url("/css/1A6BB0_0_0.eot");
	src: url("/css/1A6BB0_0_0.woff") format("woff");
}
@font-face {
	font-family: Novel;
	src: url("1A6BB0_1_0.eot");
	src: url("1A6BB0_1_0.woff") format("woff");
}
html,
body {
	font-family: Verdana;
	font-size: 11pt;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	background-color: #EFEFEF;
	color:#6d6e71;
	
}
p {
	padding: 0;
}
#container {
	/* width: 900px;*/ /* 930 - 2*10 */
	width:910px;
	min-height: 610px!important; /* 680 - 2*10 */
	margin: auto;
	padding: 0px;
	top: 30px;
	position: relative;
	z-index: 2;	
	behavior: url(/css/pie.htc);	
	background-color: #EFEFEF; /* fallback color if gradients are not supported */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#ffffff)); 
	background-image: -webkit-linear-gradient(top, #EFEFEF, #ffffff); 
	background-image:    -moz-linear-gradient(top, #EFEFEF, #ffffff); 
	background-image:     -ms-linear-gradient(top, #EFEFEF, #ffffff); 
	background-image:      -o-linear-gradient(top, #EFEFEF, #ffffff); 
	background-image:         linear-gradient(to bottom, #EFEFEF, #ffffff); /* current standard, but unimplemented and subject to change */
	-pie-background:  linear-gradient(#EFEFEF, #ffffff); /*PIE*/
}
#meta {
	clear: both;
	margin-top: 32px;
	margin-top:60px;
}
#content,
#textcontent {
	clear: both; 
}
#textcontent {
	padding-top: 40px;
}
#bg {
	width: 970px;
	margin: auto;
	position: relative;
	z-index: 1;
	top: 0;
}
#bg.home  {
	z-index: 3;
}
#bg > a {
	behavior: url(/css/pie.htc);
	display: block;
	width: 100px; /* 120 -2*10 */
	height:100px; /* 120 -2*10 */
	margin: 10px;
	position: absolute;
	background-color: red;
	-webkit-box-shadow: #888 0px 0px 12px;
	-moz-box-shadow: #888 0px 0px 12px;
	box-shadow: #888 0px 0px 12px;
	overflow: visible;
}
#bg > a:hover {
	background-color: rgb(50,50,50);
}
#bg span {
	position: absolute;
	display:block;
	width: 200px;
	height: 100px;
	margin: 20px 0 0 20px;
	padding: 5px 0 0 10px;
	z-index: 3;
	background-color: #EFEFEF;
	font-family: Blibbo;
	font-size: 28px;
}
#bg > a:hover span {
	color: rgb(50,50,50);
}

#bg .rt { 	background-color: rgb(230,19,70); right: 0px; }
#bg .lt { 	background-color: rgb(72,166,41); }
#bg .rb { 	background-color: rgb(76,22,0); top: 552px; right: 0px; }
#bg .lb { 	background-color: rgb(0,175,240); top: 552px;  }
#bg .rt span { 	
	behavior: url(/css/pie.htc);
	color: rgb(230,19,70); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#F1F1F1)); 
	background-image: -webkit-linear-gradient(top, #EFEFEF, #F1F1F1); 
	background-image:    -moz-linear-gradient(top, #EFEFEF, #F1F1F1); 
	background-image:     -ms-linear-gradient(top, #EFEFEF, #F1F1F1); 
	background-image:      -o-linear-gradient(top, #EFEFEF, #F1F1F1); 
	background-image:         linear-gradient(to bottom, #EFEFEF, #F1F1F1); /* current standard, but unimplemented and subject to change */
	-pie-background:  linear-gradient(#EFEFEF, #F1F1F1); /*PIE*/
	margin: 20px 0 0 -130px;
	padding: 5px  10px 0 0;
	text-align: right;
}
#bg .lt span { 	
	behavior: url(/css/pie.htc);
	color: rgb(72,166,41);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#F1F1F1)); 
	background-image: -webkit-linear-gradient(top, #EFEFEF, #F1F1F1); 
	background-image:    -moz-linear-gradient(top, #EFEFEF, #F1F1F1); 
	background-image:     -ms-linear-gradient(top, #EFEFEF, #F1F1F1); 
	background-image:      -o-linear-gradient(top, #EFEFEF, #F1F1F1); 
	background-image:         linear-gradient(to bottom, #EFEFEF, #F1F1F1); /* current standard, but unimplemented and subject to change */
	-pie-background:  linear-gradient(#EFEFEF, #F1F1F1); /*PIE*/
}
#bg .rb span { 	
	behavior: url(/css/pie.htc);
	color: rgb(76,22,0);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#FFFFFF)); 
	background-image: -webkit-linear-gradient(top, #FCFCFC, #FFFFFF); 
	background-image:    -moz-linear-gradient(top, #FCFCFC, #FFFFFF); 
	background-image:     -ms-linear-gradient(top, #FCFCFC, #FFFFFF); 
	background-image:      -o-linear-gradient(top, #FCFCFC, #FFFFFF); 
	background-image:         linear-gradient(to bottom, #FCFCFC, #FFFFFF); /* current standard, but unimplemented and subject to change */
	-pie-background:  linear-gradient(#FCFCFC, #FFFFFF); /*PIE*/
	margin: -30px 0 0 -130px;
	padding: 63px 10px 0 0;
	text-align: right;
	height: 45px;
}
#bg .lb span { 	
	behavior: url(/css/pie.htc);
	color: rgb(0,175,240);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#FFFFFF)); 
	background-image: -webkit-linear-gradient(top, #FCFCFC, #FFFFFF); 
	background-image:    -moz-linear-gradient(top, #FCFCFC, #FFFFFF); 
	background-image:     -ms-linear-gradient(top, #FCFCFC, #FFFFFF); 
	background-image:      -o-linear-gradient(top, #FCFCFC, #FFFFFF); 
	background-image:         linear-gradient(to bottom, #FCFCFC, #FFFFFF); /* current standard, but unimplemented and subject to change */
	-pie-background:  linear-gradient(#FCFCFC, #FFFFFF); /*PIE*/
	margin: -30px 0px 0 20px;
	padding: 63px 0 0 10px;
	height: 45px;
}
h1 {
	font-size: 28px;
	font-family: Blibbo;
	color: rgb(72,166,41);
	font-weight: normal;
	letter-spacing: 1px;
}
ul, li {
	/*list-style: none;
	padding: 0;
	margin: 0;*/
}
.splash {
	text-align: center;
	width: 910px;
	padding-top: 190px;
}

.left {
	float:left;
}


/* NAVIGATION */
#navigation_main, #navigation_meta {
	/* left: 48%; */
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 3;
	margin-left:-67px;
	margin-right:auto;
}
#navigation_meta {     /* werkwijze */
	left: 0%;
	margin-top:60px;
	margin-left:0px;
	
}
.shop_slider {
	position: relative;
}
#paginas { 
width:900px;
left:0px;
text-align:center;
position:absolute;
bottom:0px;
font-size: 6px;
}


#navigation_meta {
	position: relative;
	margin-top: 0;
	padding: 0;	
}

#nav_placeholder {
	width:560px;
	margin:auto; 
	display:block;
	border: 1px solid black;
	height:60px;	
}
#navigation_main ul, 
#navigation_main li,
#navigation_meta ul,
#navigation_meta li {
	display: inline-block;
	margin:0;
	padding: 0;
}
*+html #navigation_main li{display:inline}
* html #navigation_main li{display:inline}

#navigation_main li {
	margin-top:4px;	
	margin:auto;
	text-align:center; 	
}

#navigation_main a {	
	display: block;
    font-family: Blibbo;
	color: rgb(95,95,95);
    font-size: 13pt;    
    margin-left: 20px;
    text-decoration: none;
	text-align:center;	
}
#navigation_main li.selected a.winzkel,
#navigation_main li a.winkel:hover {
	color: rgb(72,166,41);
}
#navigation_main li.selected a.webshop,
#navigation_main li a.webshop:hover {
	color: rgb(230,19,70);	
}

#navigation_main li.selected a.expositie,
#navigation_main li a.expositie:hover {
	color: rgb(0,175,240);
}
#navigation_main li.selected a.lunchroom,
#navigation_main li a.lunchroom:hover {
	color: rgb(76,22,0);
}
#navigation_main ul {
	display: none;
}
#navigation_main ul li {
	font-family: novel;	
	padding-top:2px;	
	font-size:11px;
	font-weight: normal;		
	display:inline-block;
}
*+html #navigation_main ul li{display:inline}
* html #navigation_main ul li{display:inline}

#navigation_main li.selected ul {
	position: absolute;
	display: block;
	width: 960px;
	left: 50%;
	margin-left: -480px;
	margin-top: -9px;
	padding-top: 8px;
}
#navigation_main li.selected ul li ul {
	background-color: #737373;
	display: none;
	margin: 0;
	margin-left: 10px;
	_width: 600px;
	width: auto;
	left: auto;	
	padding: 4px 10px 8px 8px;
}
#navigation_main li.selected ul li:hover ul {
	display: block;	
}
#navigation_main li.selected ul li ul li {
	display:block;
	left: auto;
}
#navigation_main li.selected ul li ul li a {
	margin-left: 2px;
	text-align: left;
	color: #FFFFFF;	
}
#navigation_main li.selected ul li ul li:hover a {
	color: #000000;	
}
#navigation_main li:hover li {
	display: inline-block
	
} 
#navigation_main ul li ul li a {
	font-family: novel;
}

#navigation_main ul li a {
	font-family: novel;
	letter-spacing: 1px;
	color: #6d6e71;
	font-size: 16px;
}

#navigation_main ul {
	list-style:none;
	position:relative;	
	text-align:center;	
	margin:auto;
}

/* Locatie kiezer */
.addresstable
{
	width: 40%;
}
.addressheader
{
}
.addressfield
{		
	
}

#iFramePopup
{
	height: 100%;
	width: 100%;
	margin: 0px 0px 0px 0px;
}
	
#divPopup
{
	-moz-box-sizing: border-box;
    border: 2px solid black;
    display: none;
    height: 610px;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 930px;
    z-index: 1006;
}	

#divMap {
	
}

#shoppingCartContainer {
	width:960px; 
	left:50%; 
	margin-left:-450px; 
	position:absolute; 
	z-index:3;
}

#shoppingCart { 
	position: absolute; 
	z-index: 3;
	width: 160px; 
	height: 56px; 
	display:block; 
	right:95px; 
	top:34px;
}

#fotos {
	float: left;
	min-width: 330px;
	padding: 0 10px;
}
#textcontent .article {
	padding: 0 30px 10px 17px;
	display: table-cell;
}
#textcontent h1 {
	margin-top: 0px;
}
#homearticle {
	width: 460px;
	margin: 0 200px;
	position: absolute;
	top: 40px;
	background-color: #EFEFEF;
	padding: 20px;
}
.homeclose {
	text-align: right;
	border-top: 1px solid #6d6e71;
}
.article_picture p {
	padding: 0;
	margin: 0 0 12px;
}
#social {
	left: 50%;
	margin-left: 268px;
	padding: 8px 0;
	position: absolute;
	text-align: center;
	width: auto;
	z-index: 4;

}
#social a {
	width: 20px;
	height: 20px;
	display: block;
	float: right;
	margin: 8px 0px 0px 0;
	text-decoration: none;
	color: grey;
}
#social a.twitter { background-position: -22px; }
#social a.pinterest { background-position: -43px; }
#social a.nieuwsbrief { background-position: -65px; }

.maakvet { 
font-weight:bold;

}
.maakdun { 
font-weight:normal;
}
.maakrood { 
color:red;
}
.werkwijze { 
color:red;
float:right;
}

#prevNext_container { 
border:2px solid red;
}

.onzichtbaar { 
display:none;
}

#categorie_container { 
width:180px;
height:200px;
float:left;
display:block;
}

/***** SLIDER ****/

#slider-container { 
width:620px;
height:286px;
margin-left:220px;
background-color:##FFF;
}


.sliderpic{ 
width:610px;
height:275px;
}

/**** eind slider *****/

#boxes-container { 
width:610px; 
margin-left:230px;
height:200px;
margin-top:5px;
}

.box { 
width:170px;
height:170px;
float:left;
padding:5px;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
  border:  5px solid #fff;   
  }

img.box_image { 
width:170px;
height:140px;
}
.box_descrip { 
width:170px;
color:red;
font-size:9.5pt;
}

.teaser_box { 
width:180px;
height:200px;
background-color:#fff;
}

img.teaser { 
width:180px;
height:200px;
background-color:#fff;
}

#navigation_main a.home {
	width: 20px;
	color: transparent;
	background-image: url('/images/home.png');
	background-repeat: no-repeat;
	background-size: contain;
}
.news_intros {
	margin: 8px;
	line-height: 1.5em;
    	width: 616px;
}
.news_intros img {
	max-width: 600px;
	padding: 4px;
	box-shadow: 1px 1px 1px #CCC;
	background-color: white;
}
.news_intros .blogdatum {
	font-size: 70%;
}
.news_intros .blogdatum + p {
	margin-top: 0px;
}
.news_intros .newsimg {
	float: left;
}
.news_intros .newsintro {
	margin-left: 260px;
}
.news_intros hr {
	clear: both;
}