/*
 *
 *	Struktur Weihnachtsmarkt --- COOOL.
 */
 
/*
/* dev zwecke 
 #leftcolumn, #rightcolumn {
	border:1px solid red;	
}
*/

body, html {
	width:1010px;
}

html, body, center {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */	
}

/* styles zurücksetzen */
* { padding: 0; margin: 0; } 

#streifen {

	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	
	text-align:left;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}


#content {
	padding:170px 10px 110px 90px;	
	background:url("../img/main-bg.jpg") 0px 100px;
}
* html #content {
	border-top:30px solid #680f09;
	padding-top:140px;
	width:1010px;
}
#content #rightcolumn { 
	display:block;
  width:237px;
  padding:0px;
	background: #66110c;
	margin-left:655px;
}
#content #leftcolumn { 
  display:block;
  width:650px;
  float:left;
}
#header {
 position:absolute;
 z-index:9;
 top:0;
 left:0;
 right:0;
 
 overflow:hidden; 
 
}
#navigation {
 position:absolute;        
 z-index:2;	 			         
 top:120px;	 			         
 right:0;		 			         
 left:0;		 			         
 						 			         
 width:100%; 			         
 height:20px;			         
}						 			         
#mainmenu, #mainmenu2 {
	position:absolute;
	z-index:11;
	top:120px;
	left:75px;
}
#mainmenu2 {
	left:740px;
}

#footer { 
 
 background:#67120D;
 
 position:absolute;
 z-index:10;

 bottom:0px; /* stick to bottom */
 left:0px;
 right:0px;
 padding:0px 0px 20px 90px;
 
 
}


#glocke {
	position:absolute;
	height:51px;
	width:76px;
	z-index:12;
	left:10px;
	top:105px;
	background:url("../img/glocke.png") no-repeat;
	text-indent:-9999px;
}
* html #glocke {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/template/img/glocke.png')
}

.clear { 
	clear: both; 
	background: none; 
}
