/**
* Zentrales css - Layout "sw-stahl"
*/

@media all
{
	/* css reset*/
	* { margin: 0; padding: 0; }
	
	html { height: 100%; margin-bottom: 1px; }
	option { padding-left: 0.4em }
	body {
		font-size: 100.01%;
		color: #000;
		background: #fff;
		text-align: left;
	}
	
	/* rahmen für fieldset und img löschen */
	fieldset, img { border:0 solid; }
	
	/* Standard für listen und zitate */
	ul, ol, dl {line-height: 1.5em; margin: 0 0 1em 1em; }
	li { margin-left: 1.5em; line-height: 1.5em; }
	dt { font-weight: bold; }
	dd { margin: 0 0 1em 2em; }
	blockquote, cite { margin: 0 0 1em 1.5em; }
	
	p { line-height: 1.5em; margin: 0 0 1em 0; }
	
	/*
	 *clearfix zum clearen von float
	*/
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	/* clearfix für safai zwingend */
	.clearfix{ display: block; }
	
	.floatbox { overflow:hidden; }
	
	#ie_clear_header, #ie_clear_main { display: none;}
}
@media screen, projection
{
	body, html { height: 100% !important; }
	
	#print_page_margins {
		background-color: #fff;
		width: 745px;
		margin: 0 auto;
		text-align: left;
		position: relative !important;
		height: auto !important;
		min-height: 100%; /* real browsers */
	}
	#print_page { background-color: #fff; }
	
	#page_margins {
		background-color: #fff;
		margin: 0 auto;
		width: 990px;
		text-align: left;
		position: relative !important;
		height: auto !important;
		min-height: 100%; /* real browsers */
	}
	
	#page {
		background-color: #fff;
		padding-bottom: 130px;
	}
	
	#footer_margins {
		width: 990px;
		margin-top: -130px;
		margin-left: auto;
		margin-right: auto;
		background-color: #fff;
	}
	
	#footer {
		border-top: 1px solid #DCDDDF;
		position: relative !important;
		text-align: left;
		padding: 15px 15px 0 15px;
	}
	
	#header, #main, #header_headline_margins, #print_header { clear:both; position:relative; }
	
	/**
		* positionierung der header container
		*
		* |---------------------------------|
		* | #col1   | #col2     | #col3     |
		* | 883px   | 107px     | 107px     |
		* |---------------------------------|
	*/
	
	/* header*/

	#header {
		width: 990px; 
		padding: 15px 0 35px 0;
	}
	
	#header_col1 {
		width: 803px;
		float: left;
	}
	
	#header_col2 {
		width: 80px;
		float: left;
	}
	
	#header_col3 {
		width: 107px;
		margin-left: 883px; 
	}
	
	#header_col1_content { padding: 0 14px; }
	
	#header_col2_content { padding: 0 14px }
	
	#header_col3_content {
			text-align: center;
			margin: 0 auto;
	}
	
	#header_headline_margins { width: 990px; margin-bottom: 15px; }
	
	#header_headline_col1 { float: left; width: 495px; }
	#header_headline_col2 {
		margin-left:495px;
		width: 495px;
		text-align: right;
	}
	
	#header_headline_col1_content { padding-left: 7px;}
	
	/**
	* main content
	*/
	#main { width: 990px; padding-bottom: 15px; }
	
	/**
	* positionierung der main container
	*
	* |-------------------------------|
	* |  col1   |  col2     |         |
	* | 745px   | 245px     |         |
	* |-------------------------------|
	*/
	#main_col1 {
		width: 731px;
		float:left;
		border-left: 7px solid #fff;
		border-right: 7px solid #fff;
	}
	
	#main_col2 {
		width: 238px;
		margin-left: 745px;
		border-left: 7px solid #fff;
		padding-top: 50px;
	}
	
	/**
	* positionierung der submain container
	*
	* |-------------------------------|
	* |  col1   |  col2     |         |
	* | 495px   | 250px     |         |
	* |-------------------------------|
	*/
	#main_col1_subcol1,
	.main_col1_subcol1 {
		width: 481px;
		float: left;
		border-right: 7px solid #fff;
	}
	
	#main_col1_subcol2,
	.main_col1_subcol2 {
		width: 236px;
		margin-left: 488px;
		border-left: 7px solid #fff;
	}
	
	#main_col1_subcol1_2 {
		width: 231px;
		float: left;
		border-right: 7px solid #fff;
	}
	
	#main_col1_subcol2_2 {
		width: 486px;
		margin-left: 238px;
		border-left: 7px solid #fff;
	}
	
	/**
	* porduct view
	*/
	.error{ width: 100%; background-color: #00FF00; }
}
@media print
{
	#main_col1 { width: 600px; }
}