/*	The Outdoor Firm - Stylesheet 2010	*/
/*	Basis objecten						*/
html
{
	background-color	:	#f3eae0;
	width				:	100%;
	text-align			:	center;
}
html,body,input,select
{
	font-family			:	Verdana;
	font-size			:	11px;
	color				:	#ffffff;
}
HTML,BODY
{
	height				:	100%;
	margin				:	0px;
	padding				:	0px;
}
IMG
{
	border				:	0px;
}
H1
{
	font-size			:	17px;
	margin				:	0px;
	padding				:	0px;
	margin-bottom		:	10px;
	color				:	#f37021;
	margin-top			:	5px;
}
H2
{
	font-size			:	11px;
	margin				:	0px;
	padding				:	0px;
	color				:	#e67818;
	margin-bottom		:	5px;
}
A, .txtOrange
{
	text-decoration		:	none;
	font-weight			:	bold;
	color				:	#000000;/*#f37021;*/
}
div#divLandButtons IMG
{
	border				:	#ffffff;
}

/*	-- -- -- -- -- -- -- -- */
/*	Vormgeven van het menu	*/
div
{
	margin				:	0px;
	padding				:	0px;
}
div.divFullWidth
{
	float				:	left;
	clear				:	both;
	width				:	100%;
	display				:	block;
}
div#divSite
{
	margin-left			:	auto;
	margin-right		:	auto;
	display				:	block;
	width				:	996px;
	min-height			:	100%;
	text-align			:	left;
}
div#divSiteTop
{
	height				:	86px;
	float				:	left;
	margin-top			:	2px;
	background-color	:	#000000;
	background-repeat	:	no-repeat;
	background-position	:	middle;
}
div#divSiteTopMenu
{
	width				:	100%;
	height				:	14px;
	padding-top			:	3px;
	padding-bottom		:	3px;
	margin-bottom		:	10px;
	color				:	#a8aaad;
	background-color	:	#666666;
}
div#divSiteTopMenuLeft A
{
	color				:	#ffffff;
	text-transform		:	uppercase;
	font-size			:	10px;
	height				:	16px;
	padding-left		:	1px;
	padding-right		:	1px;
}
div#divSiteTopMenuLeft
{
	float				:	left;
	width				:	792px;
	text-align			:	center;
	margin				:	0px;
	padding				:	0px;
}










/* -- -- -- -- -- -- -- -- -- -- --	-- */
/*	 Menu's links, rechts, en boven    */


/* -- -- -- -- -- -- -- -- -- -- --	-- */
/*	   Menu's middenin de website      */


/* -- -- -- -- -- -- -- -- -- -- --	-- */
/*	   Formulieren op de website       */
FORM, TABLE
{
	margin				:	0px;
	padding				:	0px;
}
FORM#frmZoeken
{
	padding-bottom		:	3px;
	margin-left			:	8px;
}
FORM#frmCheckout
{
	width				:	145px;
	float				:	right;
	padding-bottom		:	3px;
}
INPUT#txtZoek, div#divCheckoutText
{
	margin				:	0px;
	color				:	#000000;
	background-color	:	#bbbbbb;
	border				:	1px solid #afaab2;
	height				:	12px;
	padding				:	2px;
	width				:	93px;
	border				:	0px;
	font-size			:	10px;
}
div#divCheckoutText
{
	width				:	105px;
	float				:	left;
	text-align			:	left;
}
INPUT#cmdZoek, INPUT#cmdCheckout
{
	margin				:	0px;
	padding				:	0px;
	color				:	#ffffff;
	background-color	:	#e60000;
	font-weight			:	bold;
	border				:	0px;
	font-size			:	9px;
	width				:	32px;
	height				:	16px;
	margin-bottom		:	-4px;
	text-transform		:	uppercase;
	text-align			:	center;
}
INPUT#cmdCheckout
{
	background-image	:	url(/img/tof2010/button_cart.gif);
	background-repeat	:	no-repeat;
}
INPUT#cmdZoek
{
	background-image	:	url(/img/tof2010/button_search.gif);
	background-repeat	:	no-repeat;
}
INPUT#txtZoek
{
	width				:	108px;
}


/*	Welkomsgedeelte */
INPUT.inputButton
{
	background-color	:	#cccccc;
}
P
{
	margin				:	0px;
	padding				:	0px;
	margin-bottom		:	12px;
}
TD
{
	padding-top			:	2px;
	padding-bottom		:	2px;
}


/*	-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */



/*	Content-box genereren		*/
div#divViewContentBox
{
	float					:	left;
	clear					:	both;
	margin					:	12px;
	margin-top				:	5px;
	width					:	587px;
	padding					:	5px;
	color					:	#000000;
}
div#divViewContentBox INPUT
{
	color					:	#000000;
}
/*	-- -- -- -- -- -- */
/*	 Midden-gedeelte  */
div#divSiteMiddle
{

}
div#divSiteMiddleLeft, div#divContent, div#divSiteMiddleRight
{
	background-color	:	#ffffff;
	height				:	424px;
}
div#divSiteMiddleLeft, div#divSiteMiddleRight
{
	padding				:	5px;
	width				:	161px;
	height				:	414px;
}
div#divSiteMiddleLeft
{
	float				:	left;
	margin-right		:	10px;
}
div#divSiteMiddleRight
{
	width				:	153px;
	padding-right		:	13px;
	float				:	right;
	margin-left			:	10px;
	text-align			:	right;
}
div#divContent
{
	width				:	634px;
	float				:	left;
	border				:	0px;
}

/*	Linkermenu	*/
UL#ulSiteMenuLeft
{
	margin				:	0px;
	padding				:	0px;
	padding-top			:	0px;
	width				:	157px;
}
div#divSiteMiddleLeft LI
{
	list-style-type		:	none;
	background-repeat	:	no-repeat;
	background-position	:	bottom left;
	padding-left		:	7px;
	font-size			:	11px;
	font-family			:	Tahoma;
}
div#divSiteMiddleLeft LI A
{
	color				:	#666666;
}
div#divSiteMiddleLeft LI A.aActive
{
	color				:	#f37021;
}
div#divSiteMiddleLeft LI.liNoArrow
{
	background-image	:	none;
	list-style-type		:	none;
	padding-left		:	10px;
	margin-top			:	0px;
	font-weight			:	bold;
}
/*	Taalkeuzes rechterkant website */
div#divSiteRightLanguages
{
	width				:	145px;
	float				:	right;
	margin-right		:	0px;
	text-align			:	right;
	padding-right		:	13px;
}
div#divSiteRightLanguages IMG
{
	border				:	1px solid #ffffff;
}
div#divSiteRightCart
{
	margin-top			:	10px;
	margin-bottom		:	10px;
	float				:	right;
	padding				:	5px;
	width				:	120px;
	height				:	90px;
}
div.divSiteRightBox
{
	float				:	right;
	width				:	130px;
	text-align			:	left;
	margin-bottom		:	3px;
	font-weight			:	bold;
	color				:	#666666;
}

/*	Toevoegen van de scrollbalk-arrows	*/
a.jScrollArrowUp
{
	background			:	url(/img/tof2010/arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover
{
	background-position	:	0 -15px;
}
a.jScrollArrowDown
{
	background			:	url(/img/tof2010/arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover
{
	background-position	:	0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover
{
	background-position	:	0 -30px;
}








/*	-- -- -- -- -- -- --	*/
/*	  Beneden-gedeelte		*/
div#divSiteBottom
{
	background-color	:	#666666;
	margin-top			:	10px;
	height				:	20px;
	font-weight			:	bold;
	color				:	#ffffff;
}
div#divSiteBottom A
{
	color				:	#ffffff;
}
div#divSiteBottom div.divSiteBottomBox
{
	width				:	142px;
	padding-top			:	3px;
	padding-left		:	15px;
	padding-right		:	15px;
	display				:	block;
	float				:	left;
	text-align			:	center;
	font-size			:	10px;
}
DIV#divSiteBottomLogos
{
	margin-top			:	5px;
	height				:	23px;
	text-align			:	center;
}
DIV#divSiteBottomLogos IMG
{
	margin-left			:	2px;
	margin-right		:	2px;
}







/*	Backwards compatibility			*/
div#divSite:after
{
	content				:	".";
	display				:	block;
	height				:	0;
	font-size			:	0;
	clear				:	both;
	visibility			:	hidden;
}
div#divSite
{
	display				:	inline-block;
}
* html div#divSite
{
	height				:	100%;
}