/* Default-Stuff */

* {margin:0; padding:0;}
option {padding-left: 0.4em}

html {height:100%;}

body {
	min-height: 101%;
	font-size: 100.01%;
	position:relative;
	color:#000;
	background:#FFF;
    background-image:    url("../images/bg.jpg");
	background-repeat:repeat-x;
	text-align:left;
 }
 
fieldset, img, input  {border:0;}

select, textarea {font-size:99%}

a:focus { outline: none; } /* Rahmen bei Links im Firefox vermeiden */

a img, a:link img, a:visited img,
a:hover img, a:focus img, a:active img {
  border: 0;
}


#page {}

#page_margins {
	width: 975px;
	margin-left:auto;
	margin-right:auto;
 }

 
/* Header: 3-spaltiges Layout */ 

#header {
	position:relative;
	font:16px arial, sans-serif;
 }
 
#header_col1 {
	position:absolute;
	top:0px;
	left:0px;
	width:236px;
	padding:0px;
	color:#000;
	background:#FFF;
	font:11px arial, sans-serif;
	height:227px;
 }
 
#header_col2 {
	position:relative;
	top:0px;
	left:0px;
	width:auto;
	margin:0 182px 0 236px;
	padding:0px;
	color:#000;
	background:transparent;
	text-align:left;
	font:11px arial, sans-serif;
	height:227px;
 }
 
#header_col3 {
	position:absolute;
	top:0px;
	right:0px;
	width:182px;
	padding:0px;
	color:#000;
	background:#FFF;
	text-align:left;
	font:11px arial, sans-serif;
	height:227px;
 }

/* Header - Content-Styles */

#header_col1 img {
	margin: 140px 0px 0px 65px;
 }
 
/* ######### */ 

#nav {
	clear:both;
	width:auto;
 }

#main {
	clear:both;
	width:auto;
 }
 
/* Content: 3-spaltiges Layout */ 

/* erste Float-Spalte: links */ 
#col1 {
	float:left;
	width:224px;
	z-index:3;
 }
 
#content_col1 {
	position:relative;
	z-index:4;
	background:#FFF;
 }

/* zweite Float-Spalte: rechts */  
#col2 {
	float:right;
	width:197px;
	z-index:5;
 }
 
#content_col2 {
	position:relative;
	z-index:6;
	background:#FFF;
 }
 
/* Statische Spalte: Content: mitte */ 
#col3 {
	width:auto;
	margin-left:224px;
	margin-right:197px;
	z-index:1;
 }

#content_col3 {
	/*position:relative;  /* Angabe faellt wegen IE-Problem vorerst weg */
	z-index:2;
	background:#FFF;
 }

#ie_clearing {display:none;}


/* Footer */ 
#footer {
	width:auto;
	z-index:10;
	position:relative;
	padding:0px 182px 0px  236px;
	clear:both;
	font:10px arial, sans-serif;
	color:#000;
	background:#FFF;
 }
 
#footer a,
	#footer a:active,
			#footer a:hover {
	font:10px arial, sans-serif;
	color:#000;
	background:#FFF;
	text-decoration:none;
 }
 
 #footer .spacer {
 	margin: 0 14px;
  }
  
 #ie6, #ie6clearer { display:none; }  
 
 #preloadImg {display:none;}
 
 
 /* Only IE 5/6 ;) */ 
*html #header_col1 { left:-235px; }

*html #ie6 { 
	display:block;
	position:absolute;
	width:18px;
	height:500px;
	top:0px;
	left:144px;
	background:#FFF;
} 


*html #ie6clearer { 
	display:block;
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:1px;
	top:250px;
	background:#FFF;
} 

*html #header_col2 {
	height:230px;
 }