html, body 
{
  height: 100%;
  margin:0px;
  padding:0px;
  background: #FFFFFF;
}

html
{
  scrollbar-base-color:#FFFFFF;
  scrollbar-3d-light-color:#CCCCCC;
  scrollbar-arrow-color:#000000;
  scrollbar-darkshadow-color:#CCCCCC;
  scrollbar-face-color:#FFFFFF;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color:#000000;
  scrollbar-track-color:#FFFFFF;
}

/* -- CONTAINER -- */

.table-center
{
  height: 100%;
  width: 100%;
  position:relative;
}

.container
{
  position:absolute;
  top:0px;
  left:0px;
  width: 990px;
  height: 585px;
  background:#666666;
  z-index:1;
}

/* following rules are invisible to IE 5 \*/
.container
{
  position:relative;
}
 /* end IE 5 hack */

.container .ecke-li
{
  position:absolute;
  top: 575px;
  left: 0px;
  width:10px;
  height:10px;
  background-image: url(../images/ecke-li.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  border:0px solid red;
  z-index:2;
}
.container .ecke-re
{
  position:absolute;
  top: 0px;
  left: 980px;
  width:10px;
  height:10px;
  background-image: url(../images/ecke-re.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  border:0px solid green;
  z-index:2;
}


/* -- MAIN -- */

.main
{
  position:absolute;
  top:0px;
  left:0px;
  width: 980px;
  height: 575px;
  background:#FFFFFF;
  z-index:2;
}

/* -- HEADER -- */

.header
{
  position:absolute;
  top:0px;
  left:0px;
  width: 980px;
  height: 95px;
  background:#BAB0A7;
  z-index:3;
}

.header .col-1
{
  position:absolute;
  top:5px;
  left:0px;
  width: 140px;
  /* height = 85 - padding-top */
  height: 78px;
  padding-top:7px;
  z-index:4;
  border-right:1px solid #999999;
}

.header .col-2
{
  position:absolute;
  top:5px;
  left:140px;
  width: 280px;
  /* height = 85 - padding-top */
  height: 78px;
  padding-top:7px;
  z-index:4;
  border-right:1px solid #999999;
}

.header .col-3
{
  position:absolute;
  top:0px;
  left:420px;
  width: 400px;
  height: 95px;
  z-index:4;
  border-right:0px solid #999999;
  background-color:#AEA49B;
}
.header .col-3-linie
{
  position:absolute;
  top:5px;
  left:820px;
  width: 1px;
  height: 85px;
  z-index:5;
  border-left:1px solid #999999;
}
.header .col-4
{
  position:absolute;
  top:5px;
  left:820px;
  /* width = 154 - padding-left */
  width: 154px;
  /* height = 85 - padding-top */
  height: auto;
  padding-top:67px;
  z-index:4;
  text-align:right;
  border:0px solid red;
}

.header .col-4 a, .header .col-4 a:link, .header .col-4 a:hover, .header .col-4 a:visited, .header .col-4 a:active
{
  color:#666666;
  text-decoration:none;
}

/* -- FOOTER -- */

.footer
{
  position:absolute;
  top:540px;
  left:0px;
  width: 980px;
  height: 35px;
  background:#BAB0A7;
  z-index:3;
}

.footer .col-1
{
  position:absolute;
  top:9px;
  left:10px;
  width: auto;
  height: auto;
  background:#BAB0A7;
  border:0px solid red;
  z-index:5;
}

.footer .col-2
{
  position:absolute;
  top:12px;
  right:0px;
  padding-right:5px;
  width: auto;
  height: auto;
  background:#BAB0A7;
  border:0px solid red;
  z-index:4;
}

/* -- CONTENT -- */

.content
{
  position:absolute;
  top:102px;
  left:0px;
  width: 980px;
  height: 432px;
  z-index:3;
  border:0px solid green;
}

.content .col-1
{
  position:absolute;
  top:0px;
  left:0px;
  width: 420px;
  height: 430px;
  z-index:4;
  border:0px solid red;
}

.content .col-2
{
  position:absolute;
  top:0px;
  left: 420px;
  width: 400px;
  height: 430px;
  z-index:4;
  border-right:1px solid #999999;
}

.content .col-3
{
  position:absolute;
  top:0px;
  left: 820px;
  /* width = 154 - padding-left */
  width: 148px;
  padding-left:6px;
  height: 430px;
  z-index:4;
  border:0px solid red;
  text-align:left;
}

.banner
{
  position:absolute;
  top:0px;
  left: 0px;
  width: 420px;
  height: 125px;
}


.scroller
{
	position:absolute;
	top:130px;
	left: -1px;
	width: 380px;
	padding-left:20px;
	padding-right:20px;
	height: 300px;
	border-right:1px solid #999999;
	overflow:auto;
	text-align:left;
	scrollbar-base-color:#FFFFFF;
	scrollbar-3d-light-color:#CCCCCC;
	scrollbar-arrow-color:#000000;
	scrollbar-darkshadow-color:#CCCCCC;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#000000;
	scrollbar-track-color:#FFFFFF;
}

 /* following rules are invisible to IE 5 \*/
.scroller
{
  width: 390px;
  padding-left:20px;
  padding-right:10px;
}
 /* following rules are invisible to IE 5 \*/

.iFramePadding
{
  padding-left: 5px;
  padding-right: 5px;
}