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

/* gedeeltelijke css reset */
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* einde reset */

/* styling van link*/
a:link    {
color:#FFF;
text-decoration: none;
}
								
a:visited    {
color:#FFF;
text-decoration: none;
}
							
a:active     {
color:#FFF;
text-decoration: none;
}
								
a:hover    {
color:#b9b9b9;
text-decoration: none;
}

/* einde link styling */

/* begin home page */

body						{ width:100%;
							  height:100%;
							  background-color:#eae1c4;
}

#container					{ width:960px;
							  height:auto;
							  margin:0 auto;														  
}

		#header						{ width:780px;
									  height:70px;
		}
		
				#logo						{ width:295px;
											  height:64px;
											  position:relative;
											  top:6px;
											  left:185px;
											  background-image:url(../sb_images/logo.png);
				}

		#leftcolumn					{ width:180px;
									  height:1px;
									  float:left;
		}

		#blokkencontainer			{ width:620px;
									  height:620px;
									  float:left;
		}
		
				#blokalgemeen				{ width:300px;
											  height:300px;
											  margin:5px;
											  float:left;
											  background-image:url(../sb_backgrounds/algemeen_bg.jpg)
				}
				
						#blokalgemeentitel			{ width:265px;
													  height:40px;
													  position:relative;
													  top:15px;
													  left:10px;
													  background-image:url(../sb_images/algemeen.png)
						}
				
				#blokproducten				{ width:300px;
											  height:300px;
											  margin:5px;
											  float:left;
											  background-image:url(../sb_backgrounds/producten_bg.jpg);
				}
				
						#blokproductentitel			{ width:265px;
													  height:40px;
													  position:relative;
													  top:15px;
													  left:10px;
													  background-image:url(../sb_images/producten.png)
						}
				
				#blokrecepten				{ width:300px;
											  height:300px;
											  margin:5px;
											  float:left;
											  background-image:url(../sb_backgrounds/recepten_bg.jpg);							  
				}
				
						#blokreceptentitel			{ width:265px;
													  height:40px;
													  position:relative;
													  top:15px;
													  left:10px;
													  background-image:url(../sb_images/recepten.png)
						}
				
				#blokactie					{ width:300px;
											  height:300px;
											  margin:5px;
											  float:left;
											  background-color:#b20917;
				}
				
						#blokactietitel				{ width:265px;
													  height:40px;
													  position:relative;
													  top:15px;
													  left:10px;
													  background-image:url(../sb_images/actie.png)
						}
						
		#blokknoppencontainer				{ width:123px;
											  height:auto;
											  position:relative;
											  top:20px;
											  left:22px;
		}
		
				#blokknopbackgroundalgemeen			{ width:123px;
													  height:26px;
													  margin-top:6px;
													  background-image:url(../sb_buttons/algemeenknop.png);
				}
				
				#blokknopbackgroundproducten		{ width:123px;
													  height:26px;
													  margin-top:6px;
													  background-image:url(../sb_buttons/algemeenknop.png);
				}
				
				#blokknopbackgroundrecepten			{ width:123px;
													  height:26px;
													  margin-top:6px;
													  background-image:url(../sb_buttons/receptenknop.png);
				}
				
				#blokknopbackgroundactie			{ width:123px;
													  height:26px;
													  margin-top:6px;
													  background-image:url(../sb_buttons/actieknop.png);
				}				

						#blokknoptekst						{ width:auto;
															  height:auto;
															  position:relative;
															  top:6px;
															  left:23px;
															  color:#FFF;
															  font-family:Arial, Helvetica, sans-serif;
															  font-size:12px;
															  font-weight:bold;
						}		
						
		#contact				{ width:160px;
								  height:620px;
								  float:left;
								  position:relative;
								  top:2px;
								  font-family:Arial, Helvetica, sans-serif;
								  font-size:12px;
								  color:#877020;
								  font-weight:bold;
								  line-height:14px;
		}
		
		.contacttekstrood		{ font-family:Arial, Helvetica, sans-serif;
								  font-size:12px;
								  color:#ac0916;
								  font-weight:bold;
		}	
		
/* einde home page */		

/* begin tussen page */

				#tussenpaginablok				{ width:192px;
												  height:192px;
												  margin:7px;
												  float:left;
												  background-color:#900;
				}
				
						#tussenpaginablokimage			{ width:192px;
														  height:120px;
						}
						
						#tussenpaginabloktekst			{ width:192px;
														  height:auto;
														  position:relative;
														  top:15px;
														  color:#FFF;
														  font-family:Arial, Helvetica, sans-serif;
														  font-size:14px;
														  line-height:16px;
														  text-transform:uppercase;
														  text-align:center;
						}

		#leftnavtop						{ width:160px;
										  height:auto;
										  position:relative;
										  top:7px;
										  color:#FFF;
										  font-family:Arial, Helvetica, sans-serif;
										  font-size:12px;
										  line-height:16px;
										  background-color:#b20917;
										  padding-left:10px;
										  padding-bottom:10px;
										  padding-top:10px;
										  list-style:none;
		}
		
				.leftnavtitle					{ font-weight:bold;
												  font-size:14px;
												  text-transform:uppercase;
				}

/* einde tussen page */

/* begin detail page */

		#leftnavbottom					{ width:160px;
										  height:auto;
										  top:7px;

										  position:relative;
										  color:#FFF;
										  font-family:Arial, Helvetica, sans-serif;
										  font-size:12px;
										  line-height:16px;
										  background-color:#78000a;
										  padding-left:10px;
										  padding-bottom:10px;
										  padding-top:10px;
										  list-style:none;
		}
		
		#detailcontainer			{ width:620px;
									  height:auto;
									  float:left;
		}
		
#detailtekst			{ width:564px;
						  height:auto;
						  position:relative;
						  top:7px;
						  color:#FFF;
						  font-family:Arial, Helvetica, sans-serif;
						  font-size:12px;
						  line-height:16px;
						  background-color:#78000a;
						  padding:20px;
}
.detailtitle1		    { font-weight:bold;
						  font-size:14px;
						  text-transform:uppercase;
}
.detailtitle2		    { font-weight:bold;
						  font-size:12px;
						  text-transform:uppercase;
}
#pagina			{ 		  
						  width:20px;
						  height:20px;
						  display:inline-block;					  
}
#pagina .big			{ font-size:18px;
						  font-weight:bold;
}

#footer {
	padding-top:25px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	clear:both;
	display:block;
	text-align:center;
}