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

css info
========
Client:			XL-S
Agency: 		Agency.com Brussels
Author:			Chris Pirotte (cpirotte@agency.com)
Start: 			26-03-2009
Last update:	27-03-2009


table of contents
=================
1 	=RESET
2	=LAYOUT & STYLING
	2.1 =general styles
	2.1 =packshots
	2.3 =languagechoices
3	=MISCELLEANEOUS

notes & remarks
===============

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


/* 1 =RESET
---------------------------------------------------------------------- */
* { margin:0;padding:0 }
table {	border-collapse:collapse; border-spacing:0 }
fieldset,img { border:0 }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal }
ol,ul { list-style:none }
caption,th { text-align:left }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal }


/* 2 =LAYOUT & STYLING
---------------------------------------------------------------------- */

	/* 2.1 =general styles
	---------------------------------------------------------------------- */
	html,body{ height: 100%; margin:0; padding:0; border:none }
	body{ background-color:#FFF; color:#666666; font:11px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif }
	#container{ background:url(../../images/bg_languagechoice.jpg) repeat-x 50% 100%; height: 100%; min-height:630px; height: expression( this.scrollHeight < 631 ? "630px" : "100%" ); /* min-height voor IE */   }
	#page{ height: 100%; width:930px; margin:0 auto; position:relative }
	* html #container, * html #page{ height: 100% }
	#content{ width:935px; height:630px; position:absolute; bottom:0; left:0 }
	#background{ width:540px; height:540px; background:url(../../images/bg_languagechoice_visual.png) no-repeat bottom left; padding:90px 0 0 395px; behavior: url("../inc/js/iepngfix.htc") }
	
	/* 2.2 =packshots
	---------------------------------------------------------------------- */
	.visual { margin:0 0 0 115px}
	
	/* 2.3 =languagechoices
	---------------------------------------------------------------------- */
	#choices { height:175px; margin:15px 0 0 115px}
		h4 { font-weight:bold; font-size:12px; padding: 0 0 5px 0; color:#333333 }
		ul.links { margin:0 0 15px 0 }
		ul.links li { padding:0 0 0 14px; background:url(../../images/icons/icon_arrow_lightorange2.gif) no-repeat top left; line-height:14px; margin:2px 0 }
		a { color:#666666 }
		a:hover { color:#333333 }
		a:active, a.active { color:#F68B1F }

/* 3 =MISCELLEANEOUS
---------------------------------------------------------------------- */
img, input { behavior: url("../inc/js/iepngfix.htc")}