/**
* 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
{
	body, html { height: 100% !important; }
	
	#page-margins {
		width: 1004px;
		text-align: left;
		position: relative !important;
		height: auto !important;
		min-height: 100%; /* real browsers */
		background-image: url(../images/bg_page_margins.jpg);
		background-repeat: repeat-y;
	}

	#page { width: 100%; padding-bottom: 27px; }

	#header, #main, #footer { clear:both; position:relative; }

	/**
	* header
	*/
	#header {
		background-image: url(../images/bg_body.gif);
		background-repeat: repeat-x;
		height: 73px;
	}

	#header-content {
		border-top: 1px solid #fff;
		background-image: url(../images/bg_header_image.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	
	#logo { width: 177px; }
	
	/**
	* footer
	*/
	#footer {
		background-image: url(../images/bg_page_margins.jpg);
		background-repeat: repeat-y;
		width: 1004px;
		margin-top: -26px;
	}
	
	#footer-content {
		margin: 0 210px;
		/*padding-left: 5px;*/
		background-color: #8F8F8F;
	}

	/**
	* main content
	*/
	#main {
		width: 100%;
		border-top: 1px solid #D9D9D9;
	}

	/**
	* unterteilung in content in col1, col2 und col3
	*
	* |-------------------------------|
	* |  col1   |  col3     |   col2  |
	* |  210px  |  584px    |   210px |
	* |-------------------------------|
	*/
	#col1{ float:left; width:210px; }
	
	#col2{
		float:right;
		width:210px;
		border-top:18px solid #0070b3;
	}
	
	#col3{
		margin-left:210px;
		margin-right:210px;
		width: 584px;
	}
	
	#col1-content,
	#col2-content{  }
	
	#col3-content{ padding: 16px 20px; }
	
	#wrapper{
		background-image: url(../images/bg_wrapper.jpg) !important;
		background-repeat: repeat-y !important;
		overflow: hidden;
	}
		
	/**
	* 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%; }
	
	.subcol_33_left_content{
		padding-right: 7px;
	}
	
	.subcol_33_center_content{
		padding: 0 7px;
	}
	
	.subcol_33_right_content{
		padding-left: 7px;
	}

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

	.error{ width: 100%; background-color: #00FF00; }
}

@media print
{
	#print-page-margins { background-color: #fff; }
	#print-page-margins { background-color: #fff; }
	#main { width: 100%; background-color: #fff;}
	
	.subcols, floatbox { width: 100%; overflow: visible; }
	.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: 8px; }
}