/* CSS Document */

/*coccerelle*/


body{
	background-color: #4B4B4B;
	font-family: Verdana, Geneva, Arial;
	font-size: 12px;
	color: #CCCCCC;
	text-align: justify;
	background-image: none;
	top: 10px;
	right: 20px;
	background-repeat: no-repeat;
	background-position: 50px 0px;
	background-attachment: fixed;
	line-height: 13px;
	font-style: normal;

	}

#page1Div{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width:990px;
	height: 700px;
	border: thin none #ababab;
	top: 10px;
	background-image: url(coccerellebacktotaal.jpg);
	}

#lijst {/*receptenlijstje van de hoofdbladen*/
	position:absolute;
	left:191px;
	top:160px;
	width:604px;
	height:470px;
	z-index:3;
	border: 4px none #C0C0C0;
	padding-right: 2px;
	padding-left: 2px;
	visibility: visible;
	}
/*layout receptenbladen*/
	
#menuboven {/*keuzemenu bovenaan*/
	position:absolute;
	left:175px;
	top:120px;
	width:640px;
	height:35px;
	z-index:8;
	visibility: visible;
}
#tekstrecept {
	position:absolute;
	top:161px;
	width:517px;
	height:431px;
	z-index:4;
	left: 345px;
	text-align: left;
	visibility: visible;
}
#ingredienten {
	position:absolute;
	z-index:5;
	height: 436px;
	width: 209px;
	top: 160px;
	left: 118px;
	visibility: visible;
	border: 2px none #666666;
	color: #CCCCCC;
}

#menuonder {
	position:absolute;
	;
	top:550px;
	width:740px;
	height:22px;
	z-index:6;
	font-size: 8px;
	background-color: #FFFFFF;
	visibility: visible;
	text-align: center;
	font-weight: bold;
	line-height: 10px;
}
#vervolgpijl {
	position:absolute;
	left:768px;
	top:620px;
	width:115px;
	height:14px;
	z-index:5;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
	visibility: visible;
	text-align: right;
}

a:link {
	color: #999999;
	text-decoration: none;
}
a:visited {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #999999;
	text-decoration: none;

}
.email-webadres {
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	color: #999999;
	line-height: 9px;
}
.grotetitels {
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 3px;
}
.recepttekst {
	padding: 2px;
	font-size: 12px;
	letter-spacing: normal;
	text-align: left;
	word-spacing: normal;
	white-space: normal;
}
.ingrediententekst {
	list-style-position: outside;
	list-style-image: url(images/dot.gif);
	font-size: 12px;
	letter-spacing: normal;
	text-align: left;
	word-spacing: normal;
	white-space: normal;
	color: #CCCCCC;




/* eZeeGallery.css noTheme 4LevelWebs 2005 */

/*-------------------------------------------------------------------------------
 Here is where spacing can be given around the individual thumbnails.
 Setting the margin will adjust the spacing.
 All 3 of the following rules margins will need to be set equally.
 thumbNorm,thumbDown, and thumbOver.
*/
.thumbNorm {
	margin: 2px;
	padding: 1px;
	border: 1px solid #999999;	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	line-height: 13px;
}


.thumbDown {
	margin: 2px;
	padding: 1px;
	border: 2px solid #ffffff;
}


.thumbOver {
	margin: 2px;
	padding: 1px;
	border: 1px solid #cccccc;
}


/*-------------------------------------------------------------------------------
 The Nav Links styles. Images have been applied to the background of the nav links.
 The colors are solid and can be changed in the included png file.
*/
 .linksNorm { color: #000; text-decoration: none;}
 .linksDown { color: #FF0000; text-decoration: none; border:2px solid #ffffff;}
 .linksOver { color: #FF0000; text-decoration: none;}


/*-------------------------------------------------------------------------------
 The Gallery Title div.
*/
#gallerytitle {
	margin:0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 14px;
	color: #000;
}


#ezeeWrapper {
	margin: 0 auto;
	width:530px;
	height:407px;
	padding: 0;
	text-align: center;
	background-color: #333333;
	border: 2px solid #999999;
}


/*-------------------------------------------------------------------------------
 The thumbimages div contains the thumbnails.
*/
#thumbimages {
	margin: 0;
	padding: 5px 0 0 0;
	border-top: 0px solid #FFF;
}


/*----------------------------------------------------------------------------
 The div containing the Nav Links.
*/
#thumbnavLinks {
	margin: 0;
	padding: 4px 0px;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;
	color: #FFF;
	border: 0px solid #FFF;
}


/*----------------------------------------------------------------------------
 A little padding for the Nav Links. Gives them some room. 
*/
#thumbnavLinks a {
	padding: 0 4px;
}


/*----------------------------------------------------------------------------
 The div that contains the "Image Loading" text. 
*/
#wait {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px;
	text-align: center;
	margin: 0;
	padding: 0;
	visibility: hidden;
}


#wait p {
	margin: 0;
	padding: 0;
}


#fullimage {
	z-index:1000;
	margin: 0;
	padding: 0;
}


/*-------------------------------------------------------------------------------
 This style is applied directly to the full image.It's purpose
 is to provide a border around the full image.
 The padding allows the background color to show around the edges.
*/
.imgwrap {
	padding: 0px;
	border: 1px solid #000;
}


/*-------------------------------------------------------------------------------
 The caption div styles. Simple font styles.
*/
#caption {
	margin: 3px 0 0 0;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;
	color: #000;
}


/*-------------------------------------------------------------------------------
 The caption text is encased in a <p> tag. No margin and 4px padding
*/
#caption p {
	margin: 0;
	padding: 0 2px;
	border: 1px dotted #999;
}

}
.vettetekstCopy {
font-weight: bold
}
#knack1 {
	position:absolute;
	left:79px;
	top:84px;
	width:153px;
	height:220px;
	z-index:1;
	border: 1px solid #666666;
	text-decoration: none;
}
#knack2 {
	position:absolute;
	left:356px;
	top:84px;
	width:153px;
	height:220px;
	z-index:2;
	border: 1px solid #666666;
}
#page2Div {

	position: relative;
	margin-left: auto;
	margin-right: auto;
	width:980px;
	height: 700px;
	border: thin none #ababab;
	top: 10px;
	background-image: url(coccerellebacktotaalrecept.png);
}