/* Styles for the Homepage */

#top_row{
	overflow: auto;
	margin: 0 0 20px 0;
}
/* flahsbanner/image */
#top_row div{
	float: left;
	margin: 0 10px 0 0;
}
/* intro text */
#top_row p{
	float: left;
	margin: 0 0px 0 0;
	padding: 10px 10px 10px 20px;
	height: 160px;
	width: 259px;
}

#itemrow{
	margin: 0;
}
#textarea #itemrow ul{
	margin: 0;
}
#itemrow #items ul{
	margin: 10px 20px;
}
/* list of the 3 products in the picture */
#itemrow #items li{
	width: 215px;
}
#itemrow #items h3{
	padding: 35px 25px 0 0;
}
#item1 h3{
	background: url(../images/bgimages/itemblock_SDD.jpg) #3C7DB9 no-repeat top right;
}
#item2 h3{
	background: url(../images/bgimages/itemblock_TDS_home.jpg) #814337 no-repeat top right;
}
#item3 h3{
	background: url(../images/bgimages/itemblock_InternationalPaym.jpg) #00B9F1 no-repeat top right;
}


#bottom_row{
	overflow: hidden;
	padding: 20px 10px 10px 0;
}
#right_column{
	float: left;
}
#OPF{
	margin: 0 10px 10px 0;
	padding: 0 0 5px 0;
	width: 330px;
	background: #EBEBEB url(../images/bgimages/bg_downloads.gif) top left repeat-y;
}
#OPF h3{
	background: url(../images/bgimages/homepage_OPFblock.jpg) #CC9900 no-repeat top left;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 0em;
	font-size: 135%;
	text-align: right;
	margin: 0 0 0 1px;
	padding: 35px 25px 0 0;
	display: block;
	height: 25px;
	min-height: 0;
}
#OPF h3 a{
	color:#FFFFFF;
}
#OPF p{
	margin: 10px 10px 0 20px;
}
#textarea #OPF ul{
	margin: 10px 20px;
	padding: 0;
	list-style: none;
}
#textarea #OPF li{
	list-style: square;
	margin-left: 15px;
}

/* right column solutions services not active yet error in padding */
#SOLSERV{
	margin: 0 10px 10px 0;
	padding: 0 0 5px 0;
	width: 330px;
	background: #EBEBEB url(../images/bgimages/bg_downloads.gif) top left repeat-y;
}
#SOLSERV h3{
	background: url(../images/bgimages/itemblock_solutions.jpg) #BBBBBB no-repeat top left;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 0em;
	font-size: 135%;
	text-align: right;
	margin: 0 0 0 1px;
	padding: 35px 25px 0 0;
	display: block;
	height: 25px;
	min-height: 0;
}
#SOLSERV h3 a{
	color:#FFFFFF;
}
#textarea #SOLSERV ul{
	margin: 10px 20px;
	padding: 0;
	list-style: none;
}
#textarea #SOLSERV li{
	list-style: square;
	margin-left: 15px;
}

/* press releases */
#bottom_row dl{
	background: #EBEBEB url(../images/bgimages/bg_downloads.gif) top left repeat-y;
	margin: 0 10px 0 0;
	padding: 15px 10px 5px 20px;
	width: 300px;
}
h4{
	margin: 0 0 20px 0;
	color: #3E6E96;
	font-weight: bold;
	font-size: 110%;
}
#bottom_row dt{
	
}
#bottom_row dd{
	margin: 0 0 15px 0;
	color: #3E6E96;
}
#right_column{
	float: right;
	width: 330px;
}
#right_column div{
	background: #EBEBEB url(../images/bgimages/bg_downloads.gif) top left repeat-y;
	margin: 0 0 10px 0;
	padding: 15px 20px;
}
#right_column p.inline{
	display: inline; /* zorgt dat er tekst naast de h4 kan */
}
#right_column h4{
	display: inline; /* zorgt dat er tekst naast de h4 kan */
}
/* prentjes rechts */
#right_column #events{
	margin: 0;
	padding: 0;
}
#right_column #events div{
	background: url(../images/event_sibos2008b.jpg) no-repeat right top;
	padding: 15px 120px /* <- breedte prentje zodat tekst er niet in loopt */ 12px 20px;
}
#right_column #articles{
	margin: 0;
	padding: 0;
}
#right_column #articles div{
	background: url(../images/surveybanktech.jpg) no-repeat right top;
	padding: 15px 56px /* <- breedte prentje zodat tekst er niet in loopt */ 13px 20px;
}
#right_column #banktech{
	margin: 0;
	padding: 0;
}
#right_column #banktech div{
	background: url(../images/Sibos2009_BankTech.jpg) no-repeat right top;
	padding: 15px 56px /* <- breedte prentje zodat tekst er niet in loopt */ 13px 20px;
}
#right_column #mandatemgt{
	margin: 0;
	padding: 0;
}
#right_column #mandatemgt div{
	background: url(../images/MandateManagement_home.jpg) no-repeat right top;
	padding: 15px 56px /* <- breedte prentje zodat tekst er niet in loopt */ 13px 20px;
}
#right_column #solutions{
}

#right_column #solutions ul{
	margin: 10px 20px;
	padding: 0;
	list-style: none;
}

#left_column h4{
	background: #EBEBEB url(../images/bgimages/bg_downloads.gif) top left repeat-y;
	margin: 0 10px 0 0;
	padding: 15px 10px 5px 20px;
	width: 300px;
}


/* HACKS FOR IE6 */

*html #top_row p {
margin: 0;
margin-bottom: 20px;
}
*html #itemrow #items li {
width: 150px;
padding: 0;
}
*html #itemrow #items #item3 {
margin-right: 0px;
}

*html #itemrow #items h3 {
width: 190px;
padding: 35px 25px 0 0;
}
*html #itemrow #items h3.alt{
padding: 15px 15px 10px 10px;
}

*html #itemrow #items ul {
	margin: 10px 0 10px 10px;
}
*html #itemrow #items ul li{
	width: 170px;
}