/**
* CSS Files
*
* LICENSE
*
* This source file is subject to the new cdmm license that is bundled
* with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://framework.mycdmm.de/license/
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@cdmm.de so we can send you a copy immediately.
*
* @copyright  Copyright (c) 2005-2009 cdmm (http://www.cdmm.de)
* @license    http://framework.mycdmm.de/license/ cdmm license
* @version    $Id: base.css 520 2009-02-17 17:51:38Z mw $
*/

@media all
{
	/*
	*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-main { display: none;}
}

@media screen, projection
{
	#page-margins {
		margin: 0 auto;
		width: 100%;
		text-align: left;
		position: relative;
	}

	#page {
		width: 100%;
		background-color: #fff;
		background-image: url(../images/bg_white.jpg);
		background-repeat: repeat-y;
		background-position: center;
		text-align: center;
	}
	
	#page-footer {
		width: 100%;
		margin: 0 auto;
		background-image: url(../images/bg_page_footer.jpg);
		background-repeat: no-repeat;
		background-position: center;
		text-align: center;
	}
	
	#page-footer-content {
		background-image: url(../images/bg_page_footer_content.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		height: 14px;
	}
	
	#page-footer-content,
	#header,
	#main,
	#footer { clear: both; position: relative; }
	
	/**
	* breiten angaben für das layout
	*/
	
	#header-line-magenta-content,
	#page-footer-content,
	#header-logo-content,
	#header-brand-logos-content,
	#footer-content {
		margin: 0 auto;
		width: 990px;
		position: relative;
		padding: 0 17px;
	}

	/**
	* header
	*/
	#header { width: 100%; text-align: center; }
	
	#header-logo {
		background-color: #5F5F5F;
		background-image: url(../images/bg_header_grey.jpg);
		background-repeat: repeat-y;
		background-position: center;
		width: 100%;
	}
	
	#header-logo-content { text-align: right; background-color: #5F5F5F; }
	
	#header-line-magenta {
		background-image: url(../images/bg_header_magenta.jpg);
		background-repeat: repeat-y;
		background-position: center;
		width: 100%;
	}
	
	#header-line-magenta,
	#header-line-magenta-content { background-color: #CE003C; height: 10px; }
	
	#header-brand-logos { width: 100%; }
	#header-brand-logos-content { text-align: left; }
	#header-brand-logos-content img { margin-right: 10px; }
	
	#header-brand-logos-sales_sentence {
		position: absolute;
		bottom: 0;
		right: 18px;
		padding-bottom: 6px;
		font-size:90.91%;
	}
	
	/**
	* footer
	*/
	#footer {
		width: 100%;
		margin: 0 auto;
		width: 100%;
		background-color: #fff;
		background-image: url(../images/bg_footer.jpg);
		background-position: center;
		background-repeat: no-repeat;
		text-align: center;
		height: 33px;
	}
	
	#footer-content { text-align: left; padding-top: 6px; padding-bottom: 6px; }
	#footer-content #language-switch select { width:86px; padding: 1px 1px 1px 0; }
	#language-switch { width: 86px; float: right; }
	#footer-copyright {
/*		background-image:url(../images/logo_dover_company.gif);
		background-repeat: no-repeat;
		background-position: right center;
*/
		width: 269px;
		/*padding: 3px 0;*/
		margin-top: 2px;
	}
	
	#footer-copyright-col1 { float: left; width: 146px; }
	#footer-copyright-col2 { margin-left: 146px; }
	
	#footer-copyright-col1-content { padding: 3px 0; }
	#footer-copyright-col2-content { padding-left: 7px; }
	
	#footer .footer_col1 { float: left; width: 280px; }
	#footer .footer_col2 { margin-left: 280px; width: auto; }
	#footer .footer_col1_content { padding-right: 10px; }
	#footer .footer_col2_content { padding-top: 2px; }
	
	/**
	* main content
	*/
	#main {
		margin: 0 auto;
		text-align: left;
		width: 1024px;
	}
	
	/**
	* höhe bestimmen
	*/
	#main,
	#col1,
	#col2 { height: 409px; }

	/**
	* unterteilung in navi und content col1 und col2
	*
	* |-------------------------------|
	* |  col1   |  col2     |         |
	* | 448px   | 576px     |         |
	* |-------------------------------|
	*/
	#col1 { width: 448px; float: left; }
	#col2 {
		background-image: url(../images/bg_col2_content_curve_right.png);
		background-repeat: no-repeat;
		background-position: bottom;
		margin-left: 448px;
		width: 576px;
	}

	#col1-content,
	#col2-content { position: relative; }

	#col2-content { padding-left: 32px; padding-top: 37px; }
	
		
	/**
	* subcols
	*/
	.subcols { width: 100%; overflow: hidden; }

	/**
	* subcols 3 spaltig 33%
	*
	* |--------------------------100%---------------------------|
	* |  subcol_33_left  |  subcol_33_left  |  subcol_33_right  |
	* |       33.33%     |       33.33%     |       33.33%      |
	* |---------------------------------------------------------|
	*/
	.subcol_33_left,
	.subcol_33_right { width: 33.33% }

	/**
	* subcols 2 spaltig 50%
	*
	* |-----------------100%-----------------|
	* |  subcol_50_left  |  subcol_50_right  |
	* |         50       |         50        |
	* |--------------------------------------|
	*/
	.subcol_50_left,
	.subcol_50_right { width: 50%; }

	.subcol_50_left,
	.subcol_33_left { float: left; }

	.subcol_50_right,
	.subcol_33_right { float: right; }

	.subcol_50_left_content { padding-right: 4px; }
	.subcol_50_right_content { padding-left: 4px; }

	.error{ width: 100%; background-color: #00FF00; }
	
	/**
	* print view html 
	*/
	
	#print-page-margins { width: 100%; }
	#print-page { padding-left: 10px; text-align: left; }
	#print-page-margins #col1 { float: none; }
	#print-page-margins #col2 { margin-left: 0; width: 100%; }
	#print-page-margins #col2-content { padding-left: 0; padding-top: 37px; }
	
	#print-page-margins #main { width: 448px; }
	
	#print-page-margins #main,
	#print-page-margins #col1,
	#print-page-margins #col2 { height: auto; width: 100%; }
	#print-page-margins #col2 { background-image: none; }
	
	#print-page-margins #header-brand-logos-content { width: 100%; text-align: center; padding-bottom: 37px; }

	#print-page-margins #footer { background-image: none; text-align: left; position: relative; }
	
	#print-page-margins #footer { padding-left: 10px; width: auto; padding-top: 37px; }
}

@media print
{
	#page-margins { text-align: center; width: 100%; }
	
	#col1 { float: none; }
	#col2 { margin-left: 0; width: 100%; }
	#col2-content { padding-left: 0; padding-top: 37px; }
	
	#main,
	#col1,
	#col2 { height: auto; width: 100%; }
	
	#col2 { background-image: none; }
	
	#header-brand-logos-content { width: 100%; text-align: center; padding-bottom: 37px; }

	#header-logo,
	#header-line-magenta,
	#footer-content,
	#page-footer { display: none; }
	
	#print-page-margins #main,
	#main { width: 448px; margin: 0 auto; }
	
	#page,
	#footer { background-image: none; text-align: left; position: relative; }
	
	#footer { width: 448px; margin: 0 auto; padding-top: 37px; text-align: center; }
	
	#print-page-margins { width: 100%; text-align: center; }
	#print-page { width: 100%; padding: 0; text-align: center; }
	#print-page-margins #footer { padding-left: 0; }

	
	.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 { padding-right: 4px; }
	.subcol_50_right_content { padding-left: 4px; }
	

}