/* HTML */
body {
	margin: 								0px;
	padding: 								0px;
	font-family: 						Arial,Helvetica,sans-serif;
	font-size: 							12px;
	color:									#FFFFFF;
	text-align:							left;
	background-color:				#0A0A0A;
	background-image:				url(../../img/bg.jpg);
	background-repeat:			repeat-y;
	background-attachment:	fixed;
	background-position:		center top;
}

#topMenu a {
	display: 								block;
	float: 									left;
	width:									90px;
	height:									21px;
	text-align:							center;
	color:									#1A1A1A;
	text-decoration:				none;
}

#topMenu a:hover, #topMenu a.active {
	color:									#FFFFFF;
	background-color: 			#1A1A1A;
	text-align:							center;
	padding-top:						5px;
}

#footer a {
	color:									silver;
	text-decoration:				underline;
	font-size:							10px;
}

a.indexButton, a.indexButtonBigger {
	display: 								block;
	float: 									left;
	width:									108px;
	height:									192px;
	text-decoration:				none;
	margin-top: 						10px;
	margin-left: 						10px;
}

a.indexButtonBigger {
	margin-left: 						11px;
}

a.indexButton:hover, a.indexButtonBigger:hover {
	background-color: 			#FFFFFF;
  filter:									alpha(opacity=60);		/* for IE */
  opacity:								0.6;									/* CSS3 standard */
}

.clear {
	clear: 									both;
}


/* DIVS */
#indexContainer {
	width: 									982px;
	min-height:							477px;
	margin: 								100px auto 0 auto;
	overflow:								auto;
}

#indexContent {
	width: 									980px;
	height:									477px;
	border:									1px solid #FFFFFF;
	background-image:				url(../../img/index.png);
	background-repeat:			no-repeat;
}

#container {
	width: 									900px;
	min-height:							800px;
	margin: 								0 auto 10px auto;
	overflow:								auto;
}

#topImages {
	clear:									both;
	float:									left;
	width: 									100%;
	height:									50px;
	background-image:				url(../../img/topHeader.png);
	background-repeat:			no-repeat;
}

#topSpacer {
	clear:									both;
	float:									left;
	width: 									100%;
	height:									9px;
	background-color: 			#FFFFFF;
}

#topMenu {
	clear:									both;
	float:									left;
	width: 									100%;
	height:									21px;
	background-color: 			#FFFFFF;
}

#topMenuSub {
	clear:									both;
	float:									left;
	width: 									100%;
	height:									30px;
	background-color: 			#1A1A1A;
}

#headerSpacer {
	clear:									both;
	float:									left;
	width: 									100%;
	height:									30px;
	background-color: 			#FFFFFF;
}

#headerImages {
	clear:									both;
	float:									left;
	width: 									100%;
	height:									350px;
}

.contentContainer {
	clear:									both;
	float:									left;
	width: 									900px;
	min-height:							199px;
	margin-top:							10px;
	background-color: 			#2B2B2B;
	overflow:								auto;
}

.contentContainerFull {
	clear:									both;
	float:									left;
	width: 									900px;
	height:									auto;
	margin-top:							10px;
	background-color: 			#2B2B2B;
	overflow:								auto;
}

.contentInhoud {
	float:									left;
	width: 									435px;
	min-height:							199px;
	padding:								0 10px 0 10px;
	overflow:								auto;
}

.contentImage {
	float:									left;
	width: 									445px;
	min-height:							10px;
	height:									auto;
	overflow:								auto;
}

.contentInhoudFull {
	float:									left;
	width: 									880px;
	height:									auto;
	padding:								10px;
	overflow:								auto;
}

.receptenIngredienten {
	float:									left;
	width: 									284px;
	min-height:							10px;
	height:									auto;
}

.receptenImage {
	float:									left;
	width: 									122px;
	min-height:							10px;
	height:									auto;
}

.receptenBereiding {
	float:									left;
	width: 									474px;
	min-height:							10px;
	height:									auto;
}

.receptenBereiding p {
	margin-top: 						0;
	padding-to: 						0;
}

#footer {
	clear:									both;
	float:									left;
	width: 									100%;
	height:									20px;
	margin-top:							30px;
	background-color: 			#1A1A1A;
	font-size:							10px;
	padding-top:						10px;
	text-align:							center;
	color:									silver;
}