html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
}
body {
	text-align: center;
}
html body { 
	border: 0px none;
	margin: 0em 4%;
}
div {
	margin: 0px;
	padding: 0px;
	border: 0px none #ffffef; /* DIVs must have a border value set in Netscape 4.x */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#container {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	min-width: 63em;
	max-width: 180em;
	overflow: visible;
	text-align: left; /* reset IE 5 */
}
/* -- logo and images head row -- */
#header {
	top: 0px;
	left: 0px;
	height: 96px; /* height of images */
	background-image: url(../template/sysimg/logo.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
	text-align: right;
}
/* -- upper images -- */
#header div.headart {
	top: 0px;
	left: 0px;
	padding-left: 328px; /* width of the logo + width of one image space */
	right: 128px;
	height: 96px; /* height of images */
	text-align: right;
	white-space: nowrap;
	overflow: hidden;
}
#header div.headart image {
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	border: 0px none;
	float: right;
}
#righteous {
	float: right;
	width: 128px;
	height: 100%;
	bottom: 0px;
	top: 0px;
}
/* -- right images -- */
#righteous div.headart {
	padding-top: 96px;
	overflow: hidden;
	z-index: 3;
}
/* -- top menu -- */
#topmenu {
  padding-left: 13em; /* same as content */
}
/* -- left menu -- */
#leftcol {
	position: absolute;
	top: 96px;
	left: 0em;
	width: 12em;	
	margin-top: 3.5em;
	margin-right: 1em;
	padding-top: 1em;
}
div.innerleftcol {
	margin-right: 1em;
}
#language {
	margin-right: 1em;
	padding: 0 0.5em;
}
#searchfieldwrapper {
	border: 1px dashed #000000;
}
/* -- content cols -- */
#main {
	margin-left: 13em;
	width: auto;
	min-width: 20em;
	margin-right: 150px; /* 128px for the images + some pixels border */
	padding-top: 2em;
	/* z-index: 4; without z-index the links in the content div are not clickable in NN4 */
}
div.iframe #main {
	margin-left: 0em;
}