/*	Groen: #006225; */
/*	Oranje: #f59f1a; */

body{
	background-color:	#006225;
	margin:		0px;
	padding:		0px;
	border-width:	0px;
/*	behavior:url("csshover.htc");*/
/*	-moz-user-select: none; */
/*	behavior:url(min-width.htc) */
}

*html body{
	position:	relative;
}

#top{
	position:		fixed;
	width:			100%;
	top:			0px;
	left:			0px;
	height:			132px;
	min-width:		600px;
	background:		#006225;
	border-bottom:		1px solid white; /*Add border strip to bottom of menu*/
}

#user{
	font:		10px Verdana, Arial, Helvetica, sans-serif;
	float:		right;
	margin:		-55px 5px 0 0;
	-moz-user-select: none;
	cursor:		default;
}

*html #user{
	margin:		-40px 5px 0 0;
}

#callrw{
	clear:	both;
	display:		block;
	margin-left:	300px;
}

*html #top{
	position:		absolute;
	width:			100%;
	top:			0px;
	left:			0px;
	height:			130px;
	background:		#006225;
}

.full_line{
	border-bottom:	1px solid white;
	width:			100%;
	margin:			50px 0;
}

#logo{
	position:		relative;
	background:		transparent url(/plaatjes/ui/mfs_logo.jpg) no-repeat;
	width:			217px;
	height:			120px;
	top:			5px;
	left:			5px;
	margin:	0px;
	min-width:		110px;
	border:	0px;
}

#content{
	position:	relative;
	width:		60%;
	margin:		210px 10% 0 5%;
	min-width:	700px;
	text-align:	justify;
	padding:	0 5%;
}

h1, h2, h3, h4{
	letter-spacing:		0.05em;
	line-height:		1.2 em;
	color:			#f59f1a;
}

h1{
	font:		bold 20px/1.5em Verdana, Arial, Helvetica, sans-serif;
	margin:		60px 0;
}

h2{
	font:		bold 18px/1.5em VAG Round, Verdana, Arial, sans-serif;
	margin:		40px 0;
}

h3{
	font:		bold 16px/1.5em Verdana, Arial, Helvetica, sans-serif;
	margin:		20px 0;
}

h4{
	font:		bold 14px/1.5em Verdana, Arial, Helvetica, sans-serif;
}

p{
	font:		14px/1.5em Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	color:		white;
}

a:hover, a:active{
	outline:		none;
}

#clear{
	clear:		both;
}

.cart_btn{
	cursor:	pointer;
}

.ul_content{
	font:		14px/1.5em Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	color:			white; /* = geel */
}

.ul_content li{
	margin:		0 0 10px 0;
}

.ul_content li ul{
	margin:		10px 0 20px 0;
}

.ul_content li ul li{
	 list-style-type: none;
}



#posrel{
	position:	relative;
}

#dealer200{
	float:		left;
	margin:		-30px 20px 5px 10px;
	padding:	0;
	width:		250px;
	height:		200px;
}



#dealer100{
	float:		left;
	margin:		-100px 10% 5px 5%;
	padding:	0;
	width:		600px;
	height:		150px;
}

.dlrBanner600{
	position:	relative;
	top:		200px;
	left:		85px;
	padding:	0;
	background:		transparent url(http://www.mijnelfje.nl/plaatjes/ui/trans.gif) no-repeat top right;
	width:		610px;
	height:		160px;
	cursor:		pointer;
	cursor:		hand;
	z-index:	200;
}


*html .dlrBanner600{
	top:		175px;
	left:		-5px;
}

.dlrBanner200{
	position:	relative;
	top:		30px;
	left:		35px;
	padding:	0;
	background:	transparent url(http://www.mijnelfje.nl/plaatjes/ui/trans.gif) no-repeat top right;
	width:		210px;
	height:		210px;
	cursor:		pointer;
	cursor:		hand;
	border:		0px;

}

.dlrBannerlink{
	background:		transparent url(http://www.mijnelfje.nl/plaatjes/ui/trans.gif) no-repeat top right;
	font-weight: 	bold; 
	font-size: 		14px; 
	color: 			white;
	border-width:	0px;
	width:			200px;
	height:			20px;
	text-align:		left;
	cursor:			pointer;
	cursor:			hand;
	margin:			0 0 0 -8px;
}

.dlrBannerlink:hover{
	color:		#f59f1a;
}


#dealer200 img{
	margin:		-210px 0 0 40px;
}

*html #dealer200 img{
	margin:		-210px 0 0 40px;
}

#dealer200 img:hover{
	border:		3px solid #f59f1a;
}

#floatleft200{
	float:		left;
	margin:		10px 10px 30px 10px;
	padding:	5px;
	width:		300px;
}

#floatleft200 h3{
	font:		bold 14px/1.2em Verdana, Arial, Helvetica, sans-serif;
	margin:		0;
}

.p_dealer{
	font:		14px/1.5em Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	color:		white;
	margin:		4px 0;
	padding:		0;
}


#dealer_p{
	font:		14px/1.0em Verdana, Arial, Helvetica, sans-serif;
	text-align:	left;
}

#floatleft200 a{
	color:	white;
}

#floatleft200 a:hover{
	color:	orange;
}

#white{
	color:	white;
}



input.MFSbtngrt{
	background:		transparent;
	font-weight: 		bold; 
	font-size: 		16px; 
	color: 			#f59f1a;
	width:			118px;
	height:			26px;
	text-align:		left;
	cursor:			pointer;
	cursor:			hand;
	background-color:	white;
	border:			1px solid #f59f1a;
	padding:		3px;
	margin:			5px 0 -5px 20px;
}

input[type=checkbox]:focus, input[type=text]:focus, textarea:focus{
  -moz-outline-offset: 0px         !important;
  -moz-outline: 2px solid #f59f1a  !important;
}

input[type="submit"]:focus
{
  -moz-outline-radius: 12px        !important;
  -moz-outline-offset: 0px         !important;
  -moz-outline: 2px solid #f59f1a  !important;
}



/************** Formulieren *************/


input, textarea{
	font:				bold 12px Verdana, Arial, Helvetica, sans-serif;
	border:				1px solid #f59f1a;
	color:				#f59f1a;
}

.formuliertje{
	font:				12px Verdana, Arial, Helvetica, sans-serif;
	line-height:	1.5em;
	letter-spacing:	0.01em;
	color:			white;
	width:	360px;

	margin:			5px 10px;
}

.formulier{
	font:				12px Verdana, Arial, Helvetica, sans-serif;
	line-height:	1.5em;
	letter-spacing:	0.01em;
	color:			white;
	width:			500px;
	margin:			5px 10px;
	border:				1px solid #f59f1a;
}


.select{
	-moz-user-select: all;
	color:	blue;
}

.formulier_left{
	clear:		both;
	float:		left;
	text-align:	right;
	padding:	0 10px 0 0;
	height:	1.2em;
	width:	30%;
	-moz-user-select: normal;

}

*html .formulier_left{

	height:	2.2em;
	width:	100px;

}

.formulier_right{
	float:		right;
	width:	60%;
	height:	1.2em;
	-moz-user-select: normal;

}

*html .formulier_right{

	width:	65%;
	height:	2.2em;

}

.formulier_full{
	clear:		both;
	width:	100%;
}

*html .formulier_full{

	width:	100%;
}

#contact_content{
	margin:		0 0 0 100px;
}



/************** footer *************/

#p_footer{
	font:			9px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:		0.05em;
	line-height:		1.5em;
	color:			#f59f1a;
	padding:		0px 3px;
	marging:		0px 0px;
	text-align:		center;
}

#footer_YEL{
	font:			9px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:		0.05em;
	line-height:		1.5em;
	color:			#f59f1a;
	padding:		0px 3px;
	marging:		0px 0px;
	text-align:		center;
}

#footer{
	position:		relative;
	bottom:			-200px;
	left:			0px;
	margin:			100px 10% 0 10%;
}

#footer_reg{
	font:				8px Verdana, Arial, Helvetica, sans-serif;
	line-height:	1.5em;
	letter-spacing:	0.01em;
	color:			#f59f1a; 
	vertical-align:	top;

}


/************** eind footer *************/

/************** overzicht orders *************/

#orderinfo >#ShowInfo{
	display:	none;
}

#orderinfo:hover >#ShowInfo{
	display:	block;
	width:		150px;
	height:		200px;
	background-color:	#FC6;
	position:	absolute;
	top:		-150px;
	left:		120px;
	z-index:	200;
	border:		1px solid black;
	font:		9px Verdana, Arial, Helvetica, sans-serif;
	line-height:		1.5em;
	letter-spacing:		0.02em;
}

/************** eind overzicht orders *************/

/* Content Images */

.content_img{
	border:				1px solid #f59f1a;
	padding:			5px;
	margin:				15px;
}

.content_img_left{
	float:		left;
	border:		1px solid #f59f1a;
	padding:	5px;
	margin:		15px 15px 5px 15px;
}

.content_img_right{
	float:			right;
	border:		1px solid #f59f1a;
	padding:		5px;
	margin:		15px 15px 5px 15px;
}

#centerclear{
	clear:		both;
	width:		100%;
	margin:		50px 2% 50px 4%;
	padding:	0 5%;
}

*html #centerclear{
	margin:		50px 2% 0px 4%;
}

#imgcontainer_home{
	clear:		both;
	width:		760px;
	margin:		100px 10% 0px 15%;
	padding:	0 5%;
}

*html #imgcontainer_home{
	clear:		both;
	width:		760px;
	margin:		20px 10% 0px 15%;
	padding:	0 5%;
}


#right{
	float:	right;
}



#story, #storyhome{
	position:	relative;
	width:		60%;
	margin:		210px 10% 0 5%;

	min-width:	700px;
	text-align:	center;
	padding:	0 5%;
}


*html #story, #storyhome{
	position:	relative;
	width:		70%;
	margin:		220px 5% 0 10%;
	min-width:	700px;
	text-align:	center;
	padding:	0 5%;
}

*html #storyhome{
	width:		90%;
}

.story2{
	position:	relative;
	width:		70%;
	margin:		10px 10% 0 5%;
	padding:	0 5%;
}

.story2 p{
	padding:			5px;
	margin:				1em 5px;
	text-align:			justify;
}

#story p, #storyhome p, #content p{
	padding:			5px;
	margin:				2em 5px;
	text-align:			justify;
}

*html #story p, #storyhome p{
	margin:				0 5px 2em 5px;
}

#story h1, #storyhome h1{
	padding:			5px;
	margin:				1em 5px;
}
/* Einde Content Images */


/* favorieten knop voor catalogus */

.Favbtn, .best_Favbtn, .UserFavbtn, .ZkAlbBtn{
	cursor:	pointer;
	font:		10px/1.5em Verdana, Arial, Helvetica, sans-serif;
	background:	#670000;
	color:		white;
	padding:	1px;
}

.Favbtn{
	float:		right;
	margin:		3px 20px 3px 0;
}

.best_Favbtn{
	position:		relative;
	top:			-18px;
	left:			28px;
}

*html .Favbtn{
	float:		right;
	margin:		3px 20px 3px 0;
}




.Favbtn:hover, .ZkAlbBtn:hover{
	cursor:	pointer;
	float:		right;
	margin:		3px 20px 3px 0;
	font:		10px/1.5em Verdana, Arial, Helvetica, sans-serif;
	background:	#FFB200;
	color:		#670000;
	padding:	1px;
}


input.IEUserFavbtnHov, .UserFavbtn:hover{
	font:		10px/1.5em Verdana, Arial, Helvetica, sans-serif;
	background:	#FFB200;
	color:		#670000;
	padding:	1px;
}

input.IEUserFavbtn, input.IEUserFavbtnHov{
	font:		10px/1.5em Verdana, Arial, Helvetica, sans-serif;
	background:	#670000;
	color:		white;
	padding:	1px;
	margin:		50px 0px -24px 0px;
}

input.IEUserFavbtnHov{
	background:	#FFB200;
	color:		#670000;

}

.ZkAlbBtn, .ZkAlbBtn:hover{
	float:		right;
	margin:		10px 30% 20px 0;
}

.UserFavbtn, .UserFavbtn:hover{
	margin:		63px -40px -63px 40px;
}

*html .UserFavbtn, .UserFavbtn:hover{
	margin:		50px 0px -24px 0px;
}


*html .Favbtn:hover, .best_Favbtn:hover{
	cursor:	pointer;
	float:		right;
	margin:		3px 20px 3px 0;
	font:		15px/1.5em Verdana, Arial, Helvetica, sans-serif;
	background:	#FFB200;
	color:		#670000;
	padding:	0;
	width:		50px;
	height:		50px;
}



/* favorieten knop voor dealer bestel */


/*****************  Menu  ****************************/

/********  Eerst zorgen dat IE6 een min-width begrijpt  *************/

/* Stu Nichols:  http://www.webreference.com/programming/min-width/  */

.width {
	width:90%;
	min-width:800px;
}

.content {
	border:1px solid #c00;
	padding:5px;
}

* html .minwidth {
	padding-left:800px;
}

* html .container {
	margin-left:-800px;
	position:relative;
}

/*\*/
* html .minwidth, * html .container, * html .content, * html .layout  {
	height:1px;
}
/**/




/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    
#menu{
	float:			left;
	width:			100%;
	font-size:		90%;
	line-height:	normal;
	margin:			-29px 0 0 240px;
	padding:		0;

	z-index:		50;
	background:		#006225;
	
}

#menu ul{
	list-style-type:none;
	margin:			0;
	margin-left:	5px; /*Left offset of entire tab menu relative to page*/
	padding:		0;
}

#menu li{
	display:		inline;
	margin:			0;
	padding:		0;
}

#menu a{
	float:				left;
	background:			transparent;
	margin:				-14px 0 0 -35px; /* margin-right spacing between each tab*/
	padding:			15px 0 0 0px;
	text-decoration:		none;
	height:				40px;

}

#menu a span{
	float:			left;
	display:		block;
	padding:		9px 10px 2px 40px;
	color:			#006225;
	height:			38px;

	margin:			-9px 0 0 0px; /* margin-right spacing between each tab*/

}


#kikker{
	background:		url(../../plaatjes/ui/CartKnopkikker.gif) no-repeat right top;
}

#bloem{
	background:		url(../../plaatjes/ui/CartKnopbloem.gif) no-repeat right top;
}

#lievebees{
	background:		url(../../plaatjes/ui/CartKnoplievebees.gif) no-repeat right top;
}

#vis{
	background:		url(../../plaatjes/ui/mfs-knop.gif) no-repeat right top;
}

#menu .knoplabel{
	position:		relative;
	top:			18px;
	left:			10px;
	width:			140px;
	margin:			0;
	padding:		0;
	font:			bold 12px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:		0.1em;
	line-height:		1.2 em;
	cursor:			pointer;
}



/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {
	float:		none;
}
/* End IE5-Mac hack */

#menu a:hover span {
	color:		 #006225;
}

/*Selected Tab style*/
/*Shift background image up to start of 2nd tab image*/

#menu #current a{ 
	background-position:		0 -82px; 
}

/*Shift background image up to start of 2nd tab image*/

#menu #current a span{
	background-position:		100% -82px;
	color:		 black;
}

/*onMouseover style*/
/*Shift background image up to start of 2nd tab image*/

#menu a:hover, #menu a:active{ 
	background-position:		0% -82px; 

}

/*Shift background image up to start of 2nd tab image*/

#menu a:hover span{ /*onMouseover style*/
	background-position:		100% -50px;
	border-width:					0px;
}

*html #menu a:hover span{ /*onMouseover style*/
	background-position:		100% -50px;
}

/* ####################### backoffice ############################ */
.floatleftrw{
	float:		left;
	padding:		3px;
	margin:		1px 3px;
	border:		1px dotted grey;
	height:		auto;
	font:			10px Verdana, Arial, Helvetica, sans-serif;
	color:		grey;
}


/*****************  Einde Menu  ****************************/