<style type="text/css">
html, body {
  height:100%;
}
body * { 
    font-family: verdana;
    font-size: 12px;
    text-align: left;
}
body {
  background-color: #e9e9e9;
  margin: 0;
  padding: 0;
  text-align: center;
}
/*helper class to set the sizes*/
.header{
  position: absolute;
  top: 0px;
  height: 57px;
}
.top{
  position: absolute;
  top: 57px;
  height: 330px;
}
.middle{ 
  position: absolute;
  top: 387px;
  height: 175px;
}
.down{
  position: absolute;
  top: 562px;
  height: auto;
}
/*main postion container*/
#container {
  width: 982px;
  height: 100%;
  margin: 0 auto 0 auto;
  text-align: left;	  
}
/*left side of the page*/
#sidebarContainer {
	width: 225px;
	float: left;
}
#sidebarInner {
  position: relative;
  left: 0px;
}
#sidebarInner * {
  width: 225px;  
}
#sidebarPlacebo {
  background-color: #606060;
}
#sidebarMenu {
  text-align: center;
  z-index: 1;
}
/*will be set localy by typo3 */
#sidebarMenuInner {
  margin: 25px 0 0 25px;
  left: 0px;
  width: auto;
}
#sidebarMenu * {
  text-decoration: none;
  color: white;
  margin-bottom: 15px;
  width: auto;
  border: none;
}  
#sidebarMenu #activeA {
  border-bottom: 1px solid white;
}
/*for the background*/
#sidebarMenuBg {
  z-index: 0;
}
#sidebarLogo { 
  background-color: white;
  position: relative;
}
#sidebarSubMenu {
  text-align: center;
}
#sidebarSubMenuInner * {
  text-decoration: none;
  color: #606060;
  margin-bottom: 15px;
  width: auto;
  border: none;  
  padding-left: 16px;
}
#sidebarSubMenu #activeA {
  background: url(/fileadmin/design2/images/subMenuIcon.gif) no-repeat;
  background-position: left 0px;  
}
#sidebarSubMenuInner { 
  margin-top: 25px;
  left: 0px;
  width: auto;
}
/*right side of the page*/
#contentContainer {
  position: relative;
	width: 757px;
	margin: 0;
	text-align:left;
	float: left;
	padding:0;
}
#contentQuickmenu {
  width: 655px;
  border-left: 2px solid black;
}  
#contentQuickmenu * {
  padding-left: 16px;
  font-size: 10px;
  text-decoration: none;
  color: #606060;
  width: auto;  
}
#contentEyecatcher {
  width: 655px;
  border-left: 2px solid black;
}
#contentTop {
  color: white;
  background-color: #606060;
  width: 755px;
  border-left: 2px solid black;
  font-size: 15px;
}
#contentTopInner {
  margin-top: 5px;
  margin-left: 25px;
}
#contentTop H1 {
  font-size: 20px;
}
#contentTop H1 * {
  font-size: 20px;
}
#contentMiddle {
  color: #606060;
  width: 655px;
  min-height: 170px;
  background-color: white;
}
#contentMiddleInner {
  margin: 25px 25px 0 25px;
}
#contentMiddleInner * a {
  color: #FF9933;  
}
#contentMiddle H1 {
  background: url(/fileadmin/design2/images/h1Icon.gif) no-repeat;
  background-position: left center; 
  font-size: 15px;
  padding-left: 20px;
}
#contentMiddle H1 * {
  background: url(/fileadmin/design2/images/h1Icon.gif) no-repeat;
  background-position: left center; 
  font-size: 15px;
  padding-left: 20px;
}
