/*
STYLESHEET US MARKETS
@since 20081109

What is in this stylesheet?

- THE GENERAL FRAMEWORKS FOR US MARKETS.
  the wrappers, column layouts and so forth.
  
  **NO** color / font specifications and so forth.
  
  JUST the framework.

*/


/*
Kleuren:

grijze lijnen borders:				#231F20;

*/

@charset "utf-8";


body {
	margin: 0;
	padding: 0;
}

/**
 * GENERAL LAYOUT AND PAGE STRUCTURE
 * use mainly framework buildup here, no content items. So the wrappers for columns on the page
 * and so forth...
 */

#wrapper_main {
	width: 1091px;		/* width wo borders left/right */
	overflow: hidden;
	border-left: solid 1px #8c8c8c;	
	border-right: solid 1px #8c8c8c;	
	border-bottom: solid 1px #8c8c8c;	
	margin: auto auto;
	background-color: #ffffff;	
}

#header {
	width: 100%;
	overflow: hidden;	
	min-height: 172px;
	border-bottom: solid 1px #8c8c8c;	
}
#header .wrapper_left {
	/* container for logo, top nav and banner */
	float: left;
	width: 754px;
	padding-bottom: 5px;
	overflow: hidden;
	border-right: solid 1px #8c8c8c;			
}
#header .wrapper_right {
	/* container for search, globe, and some more..*/
	float: right;
	width: 336px;
	overflow: hidden;	
}

#wrapper_middle {
	width: 100%;
	overflow: hidden;	
}
#wrapper_middle.layout_ultrawide .column_content {
	width: 100%;
	overflow: hidden;
	min-height: 900px;
	/* assuming this column is always the longest: */
}

#wrapper_middle.layout_2columns .column_left {
	float: left;
	width: 120px;
	/* do not hide. poses menu problems. overflow: hidden; */	
}
#wrapper_middle.layout_2columns .column_content {
	float: left;
	width: 970px;
	overflow: hidden;
	min-height: 900px;
	/* assuming this column is always the longest: */
	border-left: solid 1px #8c8c8c;	
}

#wrapper_middle.layout_3columns .column_left {
	float: left;
	width: 120px;
	/* do not hide. poses menu problems. overflow: hidden; */	
}
#wrapper_middle.layout_3columns .column_content {
	float: left;
	width: 633px;
	overflow: hidden;
	min-height: 900px;
	/* assuming this column is always the longest: */
	border-left: solid 1px #8c8c8c;	
	border-right: solid 1px #8c8c8c;	
}
#wrapper_middle.layout_3columns .column_right {
	float: right;
	width: 336px;	
	overflow: hidden;	
}
#wrapper_middle.layout_3columns .column_content .split_columns2 {	
	overflow: hidden;
}

#wrapper_middle.layout_3columns .column_content .split_columns2 .split_column_left {
	float: left;

	border-right: solid 1px #8c8c8c;
	
		
	width: 296px;	
	overflow: hidden;	
}
#wrapper_middle.layout_3columns .column_content .split_columns2 .split_column_right {
	float: left;
	width: 336px;
	overflow: hidden;	
}
#footer {
}

