.col1 {
	text-align: right;
	float: left;
	width: 230px;
	height: 350px;
	padding-right: 15px;
    }

  .col2 {
	padding: 2px 10px 3px 18px;
	background-color: #CC6666;
	float: left;
	height: 350px;
	width: 400px;
	background-image: url(i/li_rot_du.gif);
	background-repeat: repeat-y;
	background-position: left;
	font-size: 11px;
	line-height: 22px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	text-align: left;
	color: #000000;
    }
  .col2-adressen {
	padding: 2px 10px 3px 18px;
	background-color: #CC6666;
	float: left;
	height: 350px;
	width: 400px;
	background-image: url(i/li_rot_du.gif);
	background-repeat: repeat-y;
	background-position: left;
	font-size: 11px;
	line-height: 22px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	text-align: left;
	overflow: scroll;
	scrollbar-base-color:#CC6666;
	scrollbar-3d-light-color:#990000;
	scrollbar-arrow-color:#990000;
	scrollbar-darkshadow-color:#CC6666;
	scrollbar-face-color:#CC6666;
	scrollbar-highlight-color:#990000;
	scrollbar-shadow-color:#990000;
	scrollbar-track-color:#CC6666;
    }

/* 	clip:  rect(auto auto 119 auto);
	position: absolute;
	querscroll ausblenden funktioniert nur bei position: absolute;
	mit der clip - Funktion.... s.o. !!
	
	scrollbar-base-color:#990000;
	scrollbar-3d-light-color:#FFFFFF;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-darkshadow-color:#000000;
	scrollbar-face-color:#990000;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#000000;
	scrollbar-track-color:#CC6666;
*/

  .col3 {
	font-size: 9px;
	float: left;
	width: 180px;
	height: 350px;
	margin-left: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-position: left;
	text-align: left;
	line-height: 16px;
    }
	
.cols-index {
	padding: 0px 10px 5px 0px;
	background-color: #FFFFFF;
	float: left;
	height: 350px;
	width: 195px;
	font-size: 11px;
	line-height: 22px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	text-align: left;
    }
.cols-spacer {
	padding: 0px 0px px 0px;
	background-color: #FFFFFF;
	float: left;
	height: 350px;
	width: 30px;
	text-align: left;
    }
	
.index-col-1 {
	padding: 2px 10px 3px 18px;
	font-size: 11px;
	float: left;
	width: 165px;
	height: 160px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	line-height: 18px;
	background-color: #CCE5B2;
	background-image: url(i/li_gruen_he.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.index-col-2 {
	padding: 2px 10px 3px 18px;
	font-size: 11px;
	float: left;
	width: 165px;
	height: 160px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	line-height: 18px;
	background-color: #FF9966;
	background-image: url(i/li_orange.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.index-col-3 {
	padding: 2px 10px 3px 18px;
	font-size: 11px;
	float: left;
	width: 165px;
	height: 160px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	line-height: 18px;
	background-color: #FFDFAC;
	background-image: url(i/li_gelb.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.index-col-4 {
	padding: 2px 10px 3px 18px;
	font-size: 11px;
	float: left;
	width: 165px;
	height: 160px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	line-height: 18px;
	background-color: #99B2CC;
	background-image: url(i/li_blau_du.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.index-col-5 {
	padding: 2px 10px 3px 18px;
	font-size: 11px;
	float: left;
	width: 165px;
	height: 160px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	line-height: 18px;
	background-color: #99CC99;
	background-image: url(i/li_gruen_du.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.index-col-6 {
	padding: 2px 10px 3px 18px;
	font-size: 11px;
	float: left;
	width: 165px;
	height: 160px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	line-height: 18px;
	background-color: #B7E7FF;
	background-image: url(i/li_blau_he.gif);
	background-repeat: repeat-y;
	background-position: left;
}