/**
* Zentrales css - Layout "Lümatic 2009"
*/

@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: center;
	}

	/* 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; background-color: #ffffff; }

	#ie_clear_header, #ie_clear_main { display: none;}
}
@media screen, projection
{
	body, html { height: 100% !important; }

	#print_page_margins {
		background-color: #fff;
		margin: 0 auto;
		text-align: left;
		position: relative !important;
		height: auto !important;
		min-height: 100%; /* real browsers */
		padding-bottom: 10px;
	}

	#print_page { background-color: #fff; padding: 10px; }

	#page_margins {
		background-color: #fff;
		margin: 0 auto;
		width: 948px;
		text-align: left;
		position: relative !important;
		height: auto !important;
		min-height: 100%; /* real browsers */
	}

	#page {
		padding: 0px;
		padding-bottom: 0px;
	}

	#footer_margins {
		width: 948px;
		margin-top: -110px;
		margin-left: auto;
		margin-right: auto;
		background-color: #fff;
		padding-bottom: 10px;
		clear: both;
	}

	#footer {
		padding: 0 10px;
		position: relative !important;
		text-align: left;
		color: #fff;
	}

	#header, #navi_top, #main, #header_headline_margins, #print_header { clear:both; position:relative; }


	/* header*/

	#header {
		width: 948px;
		background-color: #E5EAEf;
	}

	/**
	* positionierung der header und footer container
	*
	* |-------------------------------|
	* |  col1   |  col2     |         |
	* | 485px   | 485px     |         |
	* |-------------------------------|
	*/


	#header_col1,
	#header_col2,
	#footer_col1,
	#footer_col2 { width: 228px; }

	#footer_col1,
	#footer_col2 { background-color: #0068B1; height: 100px; }

	#header_col1,
	#footer_col1 { float: left; }

	#header_col2,
	#footer_col2 { margin-left: 228px; }

	#header_col1_content,
	#header_col2_content,
	#footer_col1_content,
	#footer_col2_content { padding: 0px; }

	#header_col2_content,
	#footer_col2_content { text-align: right; }

	#navi_top {width: 948px; font-size: 85%; text-transform: uppercase;}


	/**
	* main content
	*/
	#main { width: 948px; margin: 10px 0; }


	/**
	* positionierung der header und footer container
	*
	* |-------------------------------|
	* |  col1   |  col2     |         |
	* | 270px   | 700px     |         |
	* |-------------------------------|
	*/

	#col1 { width: 230px; float: left; }
	#col2 { margin-left: 230px; width: 718px; }

	#col1_content,
	#col2_content { position:relative; }

	#col2_content { margin-left: 0px; }
	/**
	* subcols
	*/

	.subcols { width: 100%; overflow: hidden; }

	.subcol_33_left,
	.subcol_33_right { width: 33.33% }

	.subcol_50_left,
	.subcol_50_right { width: 50%; }

	.subcol_50_left,
	.subcol_33_left { float: left; }

	.subcol_50_right,
	.subcol_33_right { float: right; margin-left: -5px; }

	.subcol_50_left_content,
	.subcol_50_right_content { padding: 10px; }



	.error{ width: 100%; background-color: #00FF00; }
}
@media print
{
	.subcols { width: 100%; overflow: hidden; }
	.subcol_33_left,
	.subcol_33_right { width: 33.33% }

	.subcol_50_left,
	.subcol_50_right { width: 50%; }

	.subcol_50_left,
	.subcol_33_left { float: left; }

	.subcol_50_right,
	.subcol_33_right { float: right; margin-left: -5px; }

	.subcol_50_left_content,
	.subcol_50_right_content { padding: 10px; }
}