@CHARSET "ISO-8859-1";
/* 
Function of the following styles is to define the basic layout and to make sure 
that the page container always lasts from page top to page bottom.
*/

html {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	min-height: 101%;
	background-color: #999999;
	font-family: Arial, Helvetica, Verdana;
	color: #000000;
	font-size: 12px;
	height: 100%;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	font-family: Arial, Helvetica, Verdana;
	font-size: 12px;
	color: #a94f37;
}

a:link {
	text-decoration: none;
	font-family: Arial, Helvetica, Verdana;
	font-size: 12px;
	color: #a94f37;
}

a:active {
	font-family: Arial, Helvetica, Verdana;
	color: #a94f37;
}

a:visited {
	text-decoration: none;
	font-family: Arial, Helvetica, Verdana;
	color: #a94f37;
}

a:hover {
	text-decoration:underline;
	font-family: Arial, Helvetica, Verdana;
	color: #a94f37;

}


#container { /* Background div which contains all the page content. */
	position: absolute;
	left: 50%;
	width: 809px;
	margin-left: -405px;
	background-image: url(images/bg_rand.jpg);
	background-repeat: repeat-y;
	padding-left: 4px;
	min-height: 100%;
}

* html #container { /* Background div which contains all the page content, ie version */
	height: 100%;
}

#headerImg { /* The div which contains the header image. */
	height: 191px;
	width: 800px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
}

#contentMenu { /* The div which contains the content menu bar. */
	height: 20px;
	width: 600px;
	position:absolute; top:174px; left:68px;
	padding-right: 18px;
	float: left;
	padding-left: 0px;
	z-index: 5;
}

#contentMenu a:link {
	text-decoration: none;
	font-family: Arial, Helvetica, Verdana;
	color: #e4decf;
	margin-right: 7px;
}

#contentMenu a:visited {
	text-decoration: none;
	font-family: Arial, Helvetica, Verdana;
	color: #e4decf;
	margin-right: 7px;
}

#contentMenu a:hover {
	text-decoration:underline;
	font-family: Arial, Helvetica, Verdana;
	color: #e4decf;
}

#contentMenu a:active {
	font-family: Arial, Helvetica, Verdana;
	color: #e4decf;
	margin-right: 7px;
}

#contentMenu a:visited {
	font-family: Arial, Helvetica, Verdana;
	color: #e4decf;
	margin-right: 7px;
}

#contentMenu ul {
  list-style-type: none;
  overflow:hidden;
}

#contentMenu ul li {
  float: left;
  display:inline;
}

#pageContent { /* The div which contains the content between header and footer */
	width: 450px;
	position:relative; top:20px; left:65px;
	float: left;
	padding-bottom: 40px;
	z-index: 1;
}

#pageContent h1 {
	font-family: Arial, Helvetica, Verdana;
	font-size: 14px;
	color: #a94f37;
	text-transform: uppercase;
}	

#pageContentrechts { /* rechte spalte */
	width: 170px;
	position:relative; top:20px; left: 110px;
	float: left;
	padding-bottom: 20px;
	z-index: 1;
}

#pageContentrechts ul {
  list-style-type: none;
  margin-left: -40px;
  overflow:hidden;
}

#footer
{
	position:absolute; left: 0px;
	margin: 0 auto;
	width: 809px;
	clear: both; 
	bottom: 0px;
	height: 40px;
	font-family: Arial, Helvetica, Verdana;
	color: #999;
	font-size: 10px;
	text-align:center;
	background-image: url(images/kim_footer.jpg);
	background-repeat: no-repeat;
}
