@import url(main.css);

@import url(header.css);

@import url(footer.css);

@import url(top.css);

@import url(content.css);

@import url(left.css);

@import url(mailform.css);



#left-menu-box { background-image: none; background-position: 0 0; width: 228px; margin: 0; padding: 6px 6px 0; }



#middle-marker-box, #right-marker-box { background-image: none; margin: 6px; padding: 0; }



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



#left-marker, #middle-marker, #right-marker { background-color: transparent; margin: 0; padding: 6px; }



#left, #middle, #right, #inner-content-wrapper { background-color: transparent; background-image: none; position: relative; overflow: visible; }



#inner-content-wrapper { background-color: transparent; background-image: none; background-repeat: no-repeat; float: left; margin: 0; width: 863px; }



#left { background-color: transparent; background-image: url(../img/haarmodelle_navi.jpg); top: 20px; left: 20px; float: left; width: 238px; z-index: 4; }



#left-content {

/*	position: relative;

	z-index: 5;*/

	background-color: #f1f1f1; background-image: none; left: 0; width: 240px; }



#middle { float: right; width: 560px; z-index: 2; background: transparent; top: 16px; left: 0; height: auto; }



#middle-content {

/*	position: relative;

	z-index: 3;*/

	width: 560px; }



#right { background-color: #f1f1f1; background-image: none; background-position: 0 0; top: 0; float: right; width: 210px; z-index: 6; }



#right-content {

/*	position: relative;

	z-index: 7;*/

	background-color: transparent; top: 20px; width: 190px; }



#header, #outer-wrapper, #footer { width: 1100px; height: auto; }



#header-img { background-image: none; }



.cleaner {

	clear:both;

/*	float: left;*/

	height: 1px;

	font-size: 1px;

	line-height: 0;

	display: block;

	visibility: hidden;

	border: 0; 

	padding: 0;

	margin: -1em 0 0;

	background: silver;

}