/*
D1D8DF background
222C49 body text dark blue
902A33 heading dark red


EEE2E2 semi-transparent light-red background
F9F7F7 top-heading lighter red background

*/


/*jk 28 -11-2006 */

#error
{
	position: relative;
	display: block;
	padding: 20px 10px 5px 10px;
	color: #902A33;
float: left;
clear: both;
}




html,
body
{
	height:100%;
	margin:0;
	padding:0;
}
body
{
	color:#222C49;
		background-color:#D1D8DF;
	/*background-color:#E8E8E8;*/
	text-align:center;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:65%;
	line-height:135%;
	padding:0 10px;

	scrollbar-face-color: #E8E8E8;
	scrollbar-highlight-color: #E8E8E8;
	scrollbar-3dlight-color: #E8E8E8;
	scrollbar-darkshadow-color: #E8E8E8;
	scrollbar-shadow-color: #E8E8E8;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #888899;
}

	/* default/common elements */
	/* ======================= */
p,
h1,
h2,
h3,
h4,
h5,
ul,
ol
{
	padding:0;
	margin:0 0 8px 0;
}
h1
{
	color:#902A33;
	font-size:100%;
	font-weight:bold;
	text-transform:uppercase;
	margin:0 0 4px 0;
	
}


h2
{
	color:#902A33;
	font-size:100%;
	font-weight:bold;
	text-transform:uppercase;
	margin:0px 0 0px 0;
}

h3
{
	color:#902A33;
	font-size:100%;
	font-weight:bold;
	text-transform:uppercase;
}
h4
{
	font-size:100%;
	font-weight:bold;
	text-transform:uppercase;
}
h5
{
	font-size:100%;
	font-weight:bold;
	margin:0;
}

a
{
	color:#902A33;
	text-decoration:underline;
}

p.meerInfo
{
	text-align:right;
	margin: 0px;
}

a.more
{
	margin: 0px;
	margin-right: 20px;
	padding:  2px 20px 4px 25px;
	background: url(../img/a_more.gif) no-repeat left top;
	text-decoration: none;
	line-height: 20px;
	color: #3D456C
}
a.more:hover
{
	color: #95343D;
}


table
{
	font-size:100%;
}
hr
{
	height:1px;
	color:#222C49;
	background-color:#222C49;
	border:0 solid transparent;
	line-height:1px;
	margin:0 0 15px 0;
}

	/* main containers */
	/* =============== */
#mainCenterContainer
{
	position:relative;
	max-width:920px;
	min-width:720px;
	margin:0 auto;
	text-align:left;
	padding:20px 0;
}
.clear
{
	clear:both;
	height:1px;
	overflow:hidden;
}


/* IE way of making the centerColumn variable between min- & max-size, IE has to run in strict mode, so only IE6+ */
* html #mainCenterContainer
{
	width:expression((document.documentElement.clientWidth < 772)?732+"px":(document.documentElement.clientWidth > 955)?920+"px":"auto");
}


#siteContainer
{
	position:relative;
	eight:600px;
	margin:0;
	background-color:#FFF;
	border:1px solid #000;
}

	/* top row */
#headingBox
{
	position:relative;
	height:85px;
	background:#FFF url('../img/bg_heading.gif') repeat-x 0 0;
}
	img#logoDigicasso
	{
		position:absolute;
		top:5px;
		left:10px;
		display:block;
		border:0;
	}
	#headingBox h3
	{
		position:absolute;
		top: 5px;
		right:20px;
		font-size:85%;
		font-weight:normal;
		margin:0;
		color:#333;
		width:400px;
		text-align:right;
		text-transform: none;
	}
	#headingBox h3 a
	{
		color:#000;
		text-decoration:none;
	}
	#headingBox h3 a:hover
	{
		text-decoration:underline;
	}
	
	/*  login box 
			#headingBox div#loginBox
			{
				position: relative;
				float: right;
				width: 320px;
				padding-left: 10px;
				height: 60px;;
				background: #E9EAEE;
			}
			
			#headingBox div#loginBox form
			{
				position: relative;
				display: block;
				padding: 0px;
				margin: 0px;
				height: 36px;
			}
			
					div#loginBox label
					{
						margin: 10px;
						font-weight: normal;
						position: relative;
						padding-right: 10px;
					}
				
						div#loginBox label input
						{
							position: absolute;
							top: 13px;
							height:15px;
							width: 70px;
						}
						div#loginBox label input.loginButton
						{
							width: 75px;
							height: 22px;
						}
	
				div#loginBox .floatRight
				{
					
					position: relative;
					text-align: right;
					display: block;
					margin: 0px;
					padding: 3px 30px 0 5px;
					height: 10px;
		
				}
				div#loginBox label
				{
					color:#000;
					font-size:90%;
					font-weight:bold;
				}
				div#loginBox input.text
				{
					font-size:10px;
					width:100px;
					border:1px solid #DDD;
					border-left-color:#808080;
					border-top-color:#000;
				}
				div#loginBox a.mailWachtwoord
				{
					color:#902A33;
					font-size: 90%;
				}
				
				div#loginBox a:hover
				{
					text-decoration:underline;
				}
	
*/ 

/* loginboc in linker kolom */

 div#loginBox
			{
				position: relative;
				margin: 28px 3px 0 7px;
				width: 245px;
				padding: 5px 0 0 0;
				height: 65px;
				border: 1px solid  #DADADA;
			}
			
			div#loginBox form
			{
				position: relative;
				display: block;
				padding: 0px;
				margin: 0px;
				height: 36px;
			}
			
					div#loginBox label
					{
						margin: 10px;
						font-weight: normal;
						position: relative;
						padding-right: 10px;
					}
				
						div#loginBox label input
						{
							position: absolute;
							top: 13px;
							height:15px;
							width: 70px;
						}
						div#loginBox img.ssl
						{
							position: absolute;
							top: 36px;
							right:90px;
						}
						div#loginBox input.loginButton
						{
							position: absolute;
							top: 38px;
							right:0px;
							display: block;
							width: 75px;
							height: 22px;
							text-align: right;
							
							padding: 3px 15px 0 5px;
							
						}
	
				div#loginBox .floatRight
				{
					position: relative;
					text-align: left;
					display: block;
					margin: 0px;
					padding: 0px 0px 0 10px;
					height: 10px;
		
				}
				div#loginBox label
				{
					color:#000;
					font-size:90%;
					font-weight:bold;
				}
				div#loginBox input.text
				{
					font-size:10px;
					width:100px;
					border:1px solid #DDD;
					border-left-color:#808080;
					border-top-color:#000;
				}
				div#loginBox a.mailWachtwoord
				{
					color:#902A33;
					font-size: 90%;
				}
				
				div#loginBox a:hover
				{
					text-decoration:underline;
				}


	/* banner row */
#bannerBox
{
	position:relative;
	padding:113px 0 0 0;
	ackground:transparent url('../img/chrysler300c_1600x1200.jpg') no-repeat -300px -400px;
}

	#menuBox1
	{
		position:relative;
		min-height:25px;
		margin: 0px;
		padding:0px 0 0 0;
		background:transparent url('../img/bg_menu_default.gif') no-repeat 0 0;
	}
	* html #menuBox1
	{
		height:25px;
	}
	
	#menuBox1 .topclear
{
	display: block;
	height: 9px;
	width: 100%;
	clear:both;
	overflow:hidden;
	margin-bottom: 0px;
}
	
		#menuBox1 ul
		{
			margin:0 0 0 315px;
			padding:0px 0 0 0;
			list-style:none;
		}
		#menuBox1 li
		{
			float:left;
			margin-top: 1px;
			padding:0px 0 0 0;
			text-transform:uppercase;
			line-height: 24px;
			background: url(../img/bg_atabs.gif) repeat-y right ;
		}
		#menuBox1 li a
		{
			color:#222C49;
			font-weight:bold;
			font-size:9px;
			text-decoration:none;
			margin:0 7px 0 4px;
		}
		#menuBox1 li.first a
		{
			margin:0 10px 0 22px;
		}
		#menuBox1 li a:hover
		{
			color: #902B33;
		}
		
/*		watching the diferent font size's in ie and firefox*/
		
		*html #menuBox1 li a
		{
			margin:0 12px 0 9px;
		}


	/* additional banner styles */
.style00 #bannerBox {	background:transparent url('../img/bg_banner_tabs2.jpg') no-repeat -25px -4px;}
.style00 #menuBox1 {	background: url('../img/bg_menu_tabs.gif') no-repeat 0 0;}

#menuBox1 .clear
{
	background: url('../img/bg_menu_tabs_footer.gif') no-repeat 306px 0;
	display: block;
	height: 3px;
	clear:both;
	overflow:hidden;
	margin-bottom: 0px;
}


	/* 3 columns content area */
#columnsContainer1
{
	position:relative;
	margin:5px 0 10px 0;
	background:#FFF url('../img/bg_columns.gif') repeat-y 0 0;
	z-index:10;

}
	#columnsContainer2
	{
		position:relative;
		/* background:transparent url('../img/bg_columns_right.gif') repeat-y right top; */
		z-index:20;
	}
	#columnsContainer2 div.clear
	{
		height:15px;
		clear:both;
		background:transparent url('../img/bg_columns_bottom.gif') no-repeat right bottom;
	}

		#colLeft
		{
			position:relative;
			padding-left: 30px;
			float:left;
			width:310px;
			width:0px;
			z-index:25;
			/* height:expression(document.getElementById('colCenter').offsetHeight+'px');*/
			height:300px;
		}
				

				/* left column */
			div#statementBox
			{
				display: block;
			}	
				
			div#statementBox h1
			{
				background: url(../img/h_openstaande.gif) no-repeat left top;
				height: 100px;
				width: 266px;
				margin:0px
			}	
			
			div#statementBox div.statement
			{
				color: #6F718E;
				padding: 0 0px 0 18px;
				display: block;
				width: 220px;
				margin-bottom: 0px;
				margin-top: -15px;
			}
			
			div#statementBox h1 span
			{
				display: none;
			}
				
			div#newAccountBox
			{
				display: block;
				width: 266px;
				height: 57px;
				margin-top:12px;
				background: url(../img/a_hover_direct_aanmelden.gif) no-repeat left top;
			}
				div#newAccountBox a
				{
					display:block;
					width: 266px;
					height: 57px;
					text-decoration:none;
					color:#000;
					background: url(../img/a_direct_aanmelden.gif) no-repeat left top;
					cursor: pointer;
				}
				
				div#newAccountBox a:hover
				{
					background: none;
				}
				
				div#newAccountBox a span
				{
					text-indent: -1000px;
					display: block;
					width: 266px;
					height: 57px;
				}


		#colCenterRight
		{
			position:relative;
			margin-left:310px;

			/*
				if setting height then also set the min-height of at least one of the contained columns to height-15px
				(the height of the clear floating div with the bottom right corner)
				in IE do this by setting height with '* html element'
			*/
			height:300px;
			overflow:auto;
		}
		#colCenterRight2
		{
			background: transparent url('../img/bg_columns_right.gif') repeat-y 100% top;
		}

			/* center column */
		#colCenter
		{
			min-height:285px;
			position:relative;
			margin:0 211px 0 0px; /* 310 */
			z-index:25;
		}
		* html #colCenter
		{
			height:285px;
		}
			#colCenter div.paddingBox
			{
				padding:10px 10px 0px 10px;
			}

		#colCenter li
		{
			margin-left: 30px;
			list-style-position: outside;
		}
			
		#colCenter dl
		{
			
			margin: 0 100px 10px 0;
		}

		#colCenter dt
		{
			float:left;
			clear:right;
			width:50px;	
		}
		
		#colCenter dd
		{
			margin-left:50px;
		}
			
			
			/* right column */
		#colRight
		{
			position:relative;
			float:right;
			width:208px;
			z-index:25;
		}
		
		#colRight h1
		{
			display: block;
			background:#373E61 url(../img/bg_colright_h1.gif);
			height: 24px;
			line-height: 25px;
			padding-left: 30px;
			color: white;
		}
		
		#colRight h1 a
		{
			color: white;
			text-decoration: none;
		}
		
		#colRight h1 a:hover
		{
			text-decoration: underline;
		}
		
		#colRight li
		{
			list-style-image: url(../img/bg_li.gif);
			margin-bottom: 5px;
		}
		
		
			div#uitgelicht
			{
				padding:0px 10px 10px 10px;
				border-bottom:3px solid #FFF;
			}
			div#actueel
			{
				padding:0px 10px 10px 10px;
			}
			div#actueel p
			{
				padding-bottom:5px;
				border-bottom:1px solid #AEB1BA;
			}
			div#actueel p.active
			{
				font-weight:bold;
			}
			div#actueel p.active strong
			{
				color:#902A33;
			}

			div#actueel a, div#uitgelicht a
			{
				display:block;
				text-decoration:none;
				color:#222C49;
			}
			div#actueel a:hover, div#uitgelicht a:hover
			{
				text-decoration:underline;
			}
			div#actueel p.last
			{
				padding:0;
				border-width:0;
			}

			div#faq
			{
				padding:0px 10px 10px 10px;
			}
			div#faq h4
			{
				margin:0;
			}

			div#faq ul
			{
				ist-style:none;
				padding-left:20px;
				margin:0 0 15px 0;
			}
			div#faq a
			{
				text-decoration:none;
				color:#222C49;
			}
			div#faq a:hover
			{
				text-decoration:underline;
			}


/* 2 Column content variation */
/* ========================== */

.columns2 #colCenterRight2
{
	background-image:url('../img/bg_columns_right_2cols.gif');
}
.columns2 #colRight
{
	width:0;
}
.columns2 #colCenter
{
	margin:0;
}
.columns2 #columnsContainer2 div.clear
{
	height:15px;
	clear:both;
	background:transparent url('../img/bg_columns_bottom_2cols.gif') no-repeat right bottom;
}
.columns2	#colCenter div.paddingBox
{
	padding:15px 15px 10px 10px;
}

/* medewerkers */


#colCenter div.persoonsdata
{
	clear:both;
	padding:0 20px 0 0px;
	margin: 0 0 20px 0;
}
#colCenter div.persoonsdata dl
{
	font-size:90%;
	margin: 0 100px 0 0;	
}

#colCenter div.persoonsdata dt
{
	float:left;
	clear: left;
	width:80px;
}
#colCenter div.persoonsdata dd
{
	margin-left:80px;
	idth: 280px;
	display: block;
}

* html #colCenter div.persoonsdata dd  /* voorkomen inspringen door ie -3px probleem */
{
		text-indent: -3px;
}

#colCenter div.persoonsdata img
{
	float:right;
	border: 1px solid #000;
	margin:0 20px 20px 0;
	margin:20px;
}

hr.persoonsdata
{
	clear: both;
	margin: 20px 0 20px; 0
	color: #BBBBBB;
	background: #BBBBBB;
}
	/* footer */
#footerBox
{
	font-size:90%;
	color:#000;
	position:relative;
	height:27px;
	background:#FFF url('../img/bg_footer.gif') repeat-x 0 0;
}
	#footerBox a
	{
		color:#FFF;
		text-decoration:none;
	}
	#footerBox a:hover
	{
		text-decoration:underline;
	}
	div#yuna
	{
		position:absolute;
		top:6px;
		left:5px;
	}
	div#footerLinksBox
	{
		position:absolute;
		top:6px;
		right:20px;
	}


	/* specific content elements */
table.tarieven
{
	margin:0 0 15px 0;

}

table.tarieven tr
{
	width: 100%;
}


table.tarieven td
{
	padding:2px 5px 0 0;
}
table.tarieven td.c1
{
	text-align: left;
	width: 15%;
}


table.tarieven td.c2
{
	text-align: left;
	width: 30%;
}

table.tarieven td.c3
{
	text-align:right;
	width: 10%;
}

table.tarieven td.c4
{
	text-align:right;
	width: 100px;
}

	/* form elements */
	/* ============= */
form table
{
	width:100%;
}
td
{
	padding:1px 5px 1px 0;
}
td.c1
{
	width:50%;
}
td.c2
{
	width:50%;
}
.formmarker
{
	float:right;
	font-weight:bold;
}
.formrowerror .formmarker
{
	font-weight:bold;
	color:#F00;
}
.formrowerror .formerror
{
	color:#F00;
}
form input.formWidth,
form textarea,
form select
{
	width:90%;
	border:1px solid #222C49;
}
form textarea
{
	height:100px;
}
form input.submit
{
	margin-top:5px;
	font-size:10px;
	width:45%;
	background-color:#D4D0C8;
	border:1px solid #808080;
}


div#tickercontainer
{
}


.tickerclass{
	text-align: left;
	background: white;
	padding-right: 15px;
	position:relative;
	margin:0 auto;
	width: 590px;
	//height: 25px;
font-weight:bold;
padding: 5px;
margin-bottom: 1em;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); /*Specify fade effect in IE. Remove if desired.*/
-moz-opacity: 0.8; /*Specify fade effect in Firefox. Remove if desired.*/
}

.tickerclass a{
text-decoration: none;
}