/* ######################################################################################################
** ### Layoutbasis  #####################################################################################
** ######################################################################################################
*/
@media all
{
html,body,div,span,p,h1,h2,h3,a,ul,li,ol,dl,dt,dd {margin:0; padding-top:0; border:0; }

body {
	font-size: 75%;
	color:#000;
} html > body {font-size: 75%} 

/* ######################################################################################################
** ### Box-Layout #######################################################################################
** ######################################################################################################
*/
#page{ margin: 0; padding:0; }
#header { margin: 0; padding: 0; }


#nav { clear:both; margin: 0; padding: 0; width: 100%; }
#main {	clear:both; margin: 0; padding: 0; width: 100%; }


#col1 {
	position: relative;
	z-index: 3;
	float: left;
	padding: 0px;
	margin: 0px;
	width: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
}

#col1_content { position: relative; z-index: 4; padding:0; }

#col2
{
	z-index: 1;
	width:auto;
	padding: 0;
  	margin: 0;
   	margin-left: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
   	margin-right: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
}

#col2_content
{
	padding-top: 0px; /* Hack! Notwendig damit Firefox und Opera den oberen Rand auf Null setzen */ 
	z-index: 2;
	margin:0;
	padding: 0;
}

/* Use of the Holly-Hack show these declaration to IE only. 
This is necessary to avoid the 'disappearing background bug' */
* html #col2, col2_content	{
	position: relative;
}

#col3 {
	position: relative;
	z-index: 4;
	padding: 0;
	margin: 0;
	width: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	height: auto;
	float:right; 
}

#col3_content { position: relative; z-index: 5; padding: 0; }

#footer { clear:both; padding:0; margin:0; margin-top: 0em;}

/* ######################################################################################################
** ### CSS-Hacks ########################################################################################
** ######################################################################################################
*/

/* Hides from IE-mac \*/
* html .hold_floats {height: 1%;}
/* End hide from IE-mac */

/* Cleafix-Hack zum Clearen der Float-Umgebungen */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Overflow-Hack zum Clearen der Float-Umgebungen */
.floatbox {	overflow:hidden; }

/* Hides from IE-mac \*/
* html .floatbox {width:100%;}
/* End hide from IE-mac */

/* Clearen der 3 Inhaltsspalten mittels dieses speziellen hr-Tags */
.clear_columns{	
	content: "."; 
	display: block; 
	height: 0; 
	font-size: 0; 
	clear: both; 
	float: left; 
	visibility: hidden; 
	border: 0; 
	margin-top: -2em; /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
}

}