body { /* voor in de editor */
	/* TODO: invullen */
	font-size: 12px;
	font-family: Arial;
	line-height: 17px;
}

.body { /* overschijft de @css body hierboven, deze .body wordt gebruikt voor de echte body in de pagina*/
	margin: 0px 0px 0px 0px;
	background-color: #FEF9F5;
	color: #4B4B4B;
	font-size: 11px;
	font-weight: normal;
	background-image: url(../images/top.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}


/* De wrapper class, zoals die vrije lanceerder van edmedia zou zeggen */
#boxMain
{
	position: relative;
	margin: 0 auto;
	width: 958px;
	display: block;
	height: 600px;
}

	#boxMainInner
	{
		float: left;
		clear: none;
		width: 958px;
		height: 400px;
	}
	
		#boxZoeken
		{
			float: left;
			clear: none;
			padding-left: 595px;
			padding-top: 26px;
			color: White;
			width: 363px;
			height: 22px;
		}
			#boxZoekenLabel
			{
				float: left;
				clear: none;
				width: 250px;
				height: 21px;
				padding-top: 1px;
				font-weight: bold;
				text-align: right;
			}
			
			#boxZoekenInvoer
			{
				float: left;
				clear: none;
				width: 113px;
				height: 22px;
				text-align: left;
			}
			
			#boxZoekenInvoer input
			{
				float: left;
				clear: none;
				display: block;
				padding: 0px;
				margin: 0px;
				height: 16px;
				width: 111px;
				background-color: #f6dcc7;
				color: #505050;
				border: solid 1px White;
			}
		
		#boxMenu
		{
			float: left;
			clear: none;
			padding-top: 10px;
			width: 958px;
			height: 116px;
		}
		
			#boxMenuPic
			{
				float: left;
				clear: none;
				width: 595px;
				height: 106px;
			}
			
				#boxMenuPicLeft
				{
					position: absolute;
					padding-top: 35px;
					left: 0px;
					width: 251px;
					height: 71px;
				}
			
				#boxMenuPicRight
				{
					position: absolute;
					left: 242px;
					width: 352px;
					height: 106px;
				}
				
				.boxMenuPicLabel
				{
					position: absolute;
					top: 142px;
					left: 244px;
					width: 330px;
					height: auto;
					color: White;
					padding-top: 3px;
					height: expression('17px');
					padding-bottom: 2px;
					padding-left: 20px;
					font-weight: bold;
					font-size: 11px;
				}
				
				.boxMenuPicLabel a, .boxMenuPicLabel a:hover, .boxMenuPicLabel a:visited
				{
					color: White;
					text-decoration: underline;
				}
				
				
				.boxMenuPicLabelgeel { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='templates/Thuisbakken/images/producten_back.png'); }
				.boxMenuPicLabelgeel[class] { background-image: url(../images/producten_back.png); }

				.boxMenuPicLabelrood { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='templates/Thuisbakken/images/recepten_back.png'); }
				.boxMenuPicLabelrood[class] { background-image: url(../images/recepten_back.png); }
			
				.boxMenuPicLabelbruin { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='templates/Thuisbakken/images/service_back.png'); }
				.boxMenuPicLabelbruin[class] { background-image: url(../images/service_back.png); }
			
				.boxMenuPicIcon
				{
					position: absolute;
					left: 162px;
					top: 110px;
					width: 86px;
					height: 50px;
				}
				
				.boxMenuPicIcongeel { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='templates/Thuisbakken/images/producten_brood.png'); }
				.boxMenuPicIcongeel[class] { background-image: url(../images/producten_brood.png); }
			
				.boxMenuPicIconrood { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='templates/Thuisbakken/images/recepten_brood.png'); }
				.boxMenuPicIconrood[class] { background-image: url(../images/recepten_brood.png); }
			
				.boxMenuPicIconbruin { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='templates/Thuisbakken/images/service_brood2.png'); }
				.boxMenuPicIconbruin[class] { background-image: url(../images/service_brood2.png); }
			
			#boxMenuItems
			{
				float: left;
				clear: none;
				width: 363px;
				height: 106px;
			}
			
				.boxMenuItem
				{
					float: left;
					clear: none;
					display: block;
					font-family: Courier New;
					font-size: 13px;
					font-weight: normal;
					text-decoration: none;
					color: #505050;
					padding-left: 75px;
					padding-top: 5px;
					width: 288px;
					height: 20px;
					border-bottom:  solid 1px White;
					background-repeat: no-repeat;
					background-position: 42px 8px;
				}
				
					.item1 { background-image: url(../images/home_item.gif); }
					.item2 { background-image: url(../images/producten_item.gif); }
					.item3 { background-image: url(../images/recepten_item.gif); }
					.item4 { background-image: url(../images/service_item.gif); }
				
					.selectedItem1, .selItem1:hover { background-color: #F9DFD2; }
					.selectedItem2, .selItem2:hover { background-color: #FFDF9C; }
					.selectedItem3, .selItem3:hover { background-color: #FFCC9B; }
					.selectedItem4, .selItem4:hover { background-color: #FACBB7; }
				
		#boxContent
		{
			float: left;
			clear: none;
			width: 958px;
			height: auto;
		}
		
			#boxContentLinksHome
			{
				float: left;
				clear: none;
				padding-left: 70px;
				padding-top: 10px;
				width: 525px;
				height: auto;
			}
			
				#boxMenuHomePic
				{
					float: left;
					clear: none;
					width: 525px;
					height: 190px;
					overflow: hidden;
				}
		
			#boxContentLinks
			{
				float: left;
				clear: none;
				padding-left: 70px;
				padding-right: 20px;
				padding-top: 22px;
				width: 505px;
				height: auto;
			}
				
				#boxContentLinksTekst
				{
					float: left;
					clear: none;
					width: 525px;
					height: 100px;
				}
				
				#boxContentLinksReceptenHeader
				{
					float: left;
					clear: none;
					padding-left: 200px;
					width: 325px;
					height: 33px;
					color: #525252;
					font-size: 16px;
					font-family: Georgia;
					font-weight: bold;
				}
				
				#boxContentLinksReceptenLinks
				{
					float: left;
					clear: none;
					width: 200px;
					height: 200px;
					background-color: #FDEDE5;
				}
				
				#boxContentLinksReceptenRechts
				{
					float: left;
					clear: none;
					width: 325px;
					height: 180px;
					padding-top: 20px;
					overflow: hidden;
					background-color: #FDEDE5;
				}			
				
				#boxContentLinksReceptenRechtsDisclaimer
				{
					float: left;
					clear: none;
					padding-left: 217px;
					width: 300px;
					height: 20px;
					overflow: hidden;
				}		
			
			#boxContentRechts
			{
				float: left;
				clear: none;
				padding-top: 22px;
				padding-left: 23px;
				width: 335px;
				height: auto;
				font-size: 12px;
				line-height: 20px;
			}
			
				#boxContentRechtsHome
				{
					float: left;
					clear: none;
					width: 358px;
					height: auto;
					padding-top: 10px;
				}
				
				#boxContentRechtsContentHome
				{
					float: left;
					clear: none;
					padding-top: 22px;
					padding-left: 23px;
					width: 335px;
					height: auto;
					font-size: 12px;
					line-height: 20px;
				}
				
				#boxMenuItemsHome
				{
					float: left;
					clear: none;
					width: 358px;
					height: 106px;
				}

.boxStripe
{
	position: absolute;
	width: 13px;
	height: 647px;
	left: 590px;
	background-repeat: no-repeat;
}

.boxStripewit { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='templates/Thuisbakken/images/rand_home.png'); }
.boxStripewit[class] { background-image: url(../images/rand_home.png); }

.boxStripegeel { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='templates/Thuisbakken/images/rand_producten.png'); }
.boxStripegeel[class] { background-image: url(../images/rand_producten.png); }

.boxStriperood { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='templates/Thuisbakken/images/rand_recepten.png'); }
.boxStriperood[class] { background-image: url(../images/rand_recepten.png); }

.boxStripebruin { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='templates/Thuisbakken/images/rand_service.png'); }
.boxStripebruin[class] { background-image: url(../images/rand_service.png); }

.contentgeel .contentheading, .boxContentRechtsKopgeel
{
	color: #FFB202;
}

.contentrood .contentheading, .boxContentRechtsKoprood
{
	color: #F76B28;
}

.contentbruin .contentheading, .boxContentRechtsKopbruin, .contentbruin .componentheading
{
	color: #C26132;
}

.contentheading, .componentheading
{
	font-size: 16px;
	font-weight: bold;
	font-family: Georgia;
	letter-spacing: 1px;
	padding-bottom: 15px;
}

/* Productboxen */
.boxSubmenuProducten
{
	float: left;
	clear: none;
	background-repeat: no-repeat;
	width: 335px;
	height: 64px;
	margin-bottom: 5px;
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='templates/Thuisbakken/images/productRand.png');
}
.boxSubmenuProducten[class] { background-image: url(../images/productRand.png); }

.boxContentRechtsKop
{
	float: left;
	clear: none;
	width: 285px;
	height: 33px;
	font-size: 15px;
	font-weight: bold;
	font-family: Georgia;
	padding-left: 50px;
}

.boxSubmenuProductenImg
{
	float: left;
	clear: none;
	width: 45px;
	height: 62px;
	padding-left: 5px;
	padding-top: 2px;
}

.boxSubmenuProductenRight
{
	float: left;
	clear: none;
	width: 285px;
	height: 64px;
}
	.boxSubmenuProductenTitelLink, .boxSubmenuTitelLink
	{
		position: relative;
		width: 285px;
		height: auto;
		color: #494949;
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
	}
	
	.boxSubmenuProductenTitelText
	{
		float: left;
		clear: none;
		width: 285px;
		height: 44px;
		color: #494949;
		font-size: 11px;
		text-decoration: none;
	}
	
/* Receptenboxen */
.boxSubmenuRecepten
{
	float: left;
	clear: none;
	background-repeat: no-repeat;
	width: 335px;
	height: auto;
	padding-bottom: 5px;
	margin-bottom: 5px;
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='templates/Thuisbakken/images/productRand.png');
}
.boxSubmenuRecepten[class] { 
	background-image: url(../images/productStrook.png); 
	background-position: center bottom;
	background-repeat: repeat-y;
	border-bottom: solid 1px #F0E5D7;
}

.boxSubmenuTitelLink
{
	letter-spacing: 1px;
	padding-left: 50px;
	width: 235px;
}

.boxSubSubmenu .boxSubmenuTitelLink
{
	position: relative;
	padding-left: 63px;
	height: auto;
	font-weight: normal;
	font-size: 11px;
	width: 222px;
	letter-spacing: 1px;
	background-image: url(../images/pijltje.jpg);
	background-repeat: no-repeat;
	background-position: 50px 7px;
}

.boxSubSubmenu .boxSubmenuTitelLinkSelected
{
	position: relative;
	padding-left: 63px;
	height: 20px;
	font-weight: normal;
	width: 222px;
	font-size: 11px;
	letter-spacing: 1px;
	background-image: url(../images/pijltje_sel.jpg);
	background-repeat: no-repeat;
	background-position: 50px 7px;
	color: #F76B28;
}

/* Recepten voor de homepage */
.boxReceptenHomeTitle
{
	float: left;
	clear: none;
	width: 310px;
	height: 20px;
	cursor: pointer;
	padding-left: 17px;
	background-image: url(../images/pijltje_home.jpg);
	background-repeat: no-repeat;
	background-position: 1px 6px;
}

.boxReceptenHomeTitle a
{
	color: #FF6F2D;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
}

.boxReceptenHomeText
{
	float: left;
	clear: none;
	padding-left: 17px;
	width: 310px;
	height: 20px;
	cursor: pointer;
}

.boxReceptenHomeText a
{
	color: Black;
	letter-spacing: 1px;
	text-decoration: none;
}

a.blogsection
{
	color: #494949;
}

fieldset
{
	width: 500px;
}

/* Recpeten tabellen, links, teksten en titels */
.recepttabel
{
	line-height: 20px;
	font-weight: normal;
}

.recepttabel ul
{
	list-style-image: url(../images/bullet_geel.gif);
	line-height:16px;
	margin-left:10px;
	padding-left:10px;
}

.recepttabel .heading
{
	color: #F76B28;
	font-weight: bold;
	font-size: 10pt;
}

.recepttabel .text
{
	font-size: 8pt;
}

.recepttabel a
{
	text-decoration: none;
	color: #898989;
	font-weight: bold;
}
.recepttabel a:hover { text-decoration: underline; }

.recepttabel ul
{
	list-style-image: url(../images/bullet_geel.gif);
	line-height:16px;
	margin-left:10px;
	padding-left:10px;
}

.recepttabel .blokje
{
	color:White;
	padding: 5px;
	background-color: #F76B28;
	width: 247px;
}

			
/* Product tabellen, links, teksten en titels */
.producttabel			
{
	line-height: 20px;
	font-weight: normal;
}

.producttabel ul
{
	list-style-image: url(../images/bullet_groen.gif);
	line-height:16px;
	margin-left:10px;
	padding-left:10px;
}

.producttabel .heading
{
	color: #FAB729;
	font-weight: bold;
	font-size: 10pt;
}

.producttabel .text
{
	font-size: 8pt;
}

.producttabel a
{
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}
.producttabel a:hover { text-decoration: underline; }

.producttabel ul
{
	list-style-image: url(../images/bullet_groen.gif);
	line-height:16px;
	margin-left:10px;
	padding-left:10px;
}

.producttabel .blokje
{
	color:White;
	padding: 5px;
	background-color: #FAB729;
}

/*Fabrik*/
.fabrikGroupElement
{
	float: left;
	clear: none;
	width: 450px;
}

.fabrikLabel
{
	float: left;
	clear: right;
	width: 150px;
}

.fabrikElement
{
	float: left;
	clear: none;
	width: 300px;
}

.fabrikActions
{
	float: left;
	clear: none;
	width: 300px;
	padding-left: 150px;
}

.fabrikerror
{
	color: Red;
	font-weight: bold;
}

/* Kop voor simpleFAQ */
h1.componentheading, h2.category
{
	font-size: 16px;
	font-weight: bold;
	font-family: Georgia;
	letter-spacing: 1px;
	padding-bottom: 15px;
}

a
{
	color: #666666;
}