#pageContainer {
	border: solid 1px #ccc;
	border-width: 0 1px;
	margin: 0;
	min-width: 60em;
	width: auto;
}
* html #pageContainer {
	/* \*/
	word-wrap: break-word;
	/* verhindert float-Probleme beim IE/Win siehe Referenz zu float */
}
#header {
	margin: 0; padding: 1px;
	background:#faf0ca;
}
#main {
	border: 1px solid #ccc;
	border-left: 15em solid #faf0ca;
	border-right: 15em solid #faf0ca;
	background: #faf0ca;
	margin: 0; padding: 0;
}
#middle h2, #middle p {
	padding: 0 0.5em;
}
#left, #middle, #right, #SOWrap {
	overflow: visible;
	position: relative;
}
#SOWrap {
	float: left;
	margin: 0 -1px 0 0;
	width: 100%;
	z-index: 3;
}
#middle {
	float: right;
	margin: 0 0 0 -1px;
	width: 100%;
	z-index: 5;
}
#left{
	float: left;
	margin: 0 1px 0 -15em;
	width: 15em;
	z-index: 4;
}
#right {
	float: right;
	width: 15em;
	margin: 0 -15em 0 -15em;
	z-index: 2;
}
#footer {
	margin:0; padding:0.5em 1em;
	background:#faf0ca;
}
.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:0px none;
	margin:0; padding:0;
	background:transparent;
}

div#nav {font-size: 0.95em; float: left; width: 12.5em; margin: -1px 0 0 -1px;
  	background: #faf0ca;}

div#nav ul {margin: 0; padding: 0; width: 12.5em; background: #faf0ca;
  	  border: 1px solid #AAA;}

div#nav li {position: relative; list-style: none; margin: 0;
  	  border-bottom: 1px solid #CCC;}

div#nav li:hover {background: #EBB;}

div#nav li.submenu:hover {background-color: #EDD;}

div#nav li a {display: block; padding: 0.25em 0 0.25em 0.5em;
	    text-decoration: none; width: 12em; border-left: 0.5em solid #BBB;}

div#nav li a:hover {border-left-color: #660000;}

div#nav ul a {width: auto;}
