@import url(main.css);
@import url(header.css);
@import url(footer.css);
@import url(content.css);
@import url(left.css);
@import url(mailform.css);
@import url(news.css);
@import url(shop.css);
@import url(t3.css);
@import url(css-styled-content.css);


#left-menu-box, #middle-marker-box {
	margin: 0;
	padding: 6px;
}

#left-marker-box {
	margin: 6px;
	padding: 0;
}

#left-marker {
	margin: 0;
	padding: 0 6px;
	background: #DDDDDD;
}

#left {
	float: left;
	width: 200px;
	z-index: 4;
	background: #FFFFFF;
}

#left-content {
/*	position: relative;
	z-index: 5;*/
	width: 200px;
}

#middle {
	float: left;
	width: 556px;
	z-index: 2;
	background: #FFFFFF;
}

#middle-content {
/*	position: relative;
	z-index: 3;*/
	width: 556px;
}

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
    content: "."; 
    display: block; 
    clear: both; 
    visibility: hidden;
}

/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix {display: block;}

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

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

.cleaner {
	clear:both;
/*	float: left;*/
	height: 1px;
	font-size: 1px;
	line-height: 0px;
	display: block;
	visibility: hidden;
	border: 0; 
	padding: 0;
	margin: -1.0em 0 0 0;
	background: transparent;
}