﻿@charset "UTF-8";
/* CSS Document */

.container {
	width: 950px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {
	float: left;
	margin-right: 10px;
	margin-top: 50px;
	text-align: justify;
}

/* The last column in a row needs this class. */
.last, div.last {
	margin-right: 0;
	width: 30px;
}

/* Use these classes to set the width of a column. */
.span-1 {width: 30px;}

.span-2 {
	width: 48px;
}
.span-3 {width: 110px;}
.span-4 {
	width: 155px;
}
.span-5 {width: 190px;}
.span-6 {width: 230px;}
.span-7 {width: 270px;}
.span-8 {width: 310px;}
.span-9 {width: 350px;}
.span-10 {width: 390px;}
.span-11 {width: 430px;}
.span-12 {width: 470px;}
.span-13 {width: 510px;}
.span-14 {
	width: 540px;
}
.span-15 {width: 590px;}
.span-16 {width: 630px;}
.span-17 {width: 670px;}
.span-18 {width: 710px;}
.span-19 {width: 750px;}
.span-20 {width: 790px;}
.span-21 {width: 830px;}
.span-22 {width: 870px;}
.span-23 {width: 910px;}
.span-24, div.span-24 {
	width:950px;
	margin:0;
}




/* Use a .box to create a padded box inside a column.  */ 
.box {
	margin-bottom: 1.5em;
	background: #C2C2C2;
	color:#fff;
	font-size:14px;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	padding-left: 1.5em;
	padding-right: 0.5em;
	text-align: left;
}
.boxquote {
	margin-bottom: 1.5em;
	color:#333;
	font-size:7px;
	border-left-width: 20px;
	border-left-style: solid;
	border-left-color: #E9106B;
	padding-left: 0.8em;
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
}
.boxquote em{
	font-size: 7pt;
	
}



/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
  content: "\0020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  overflow:hidden; 
}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-size: 8.0pt;
	font-family: Verdana, Geneva, sans-serif;
	vertical-align: baseline;
}

body {
	line-height: 18px;

}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th {
	vertical-align: top;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

body {
	font-size:12px;
	color: #918F90;
	font-family:Verdana, Geneva, sans-serif;
	background-color: #FFF;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #C2C2C2; text-decoration:underline; font-weight:bold;}
a           { color: #E8106A; text-decoration: none; font-weight:bold;}

blockquote  {
	margin: 1.5em;
	color: #918F90;
}
strong      { font-weight: bold; }



/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


.verdana10_roze
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	color:#E8106A;
	}
.verdana9_grijs
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	color:#333;
	}
	
.verdana12b_roze
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#E8106A;
	}
.verdana11b_roze
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#E8106A;
	}





.topbar { background:#C2C2C2; margin:2px 0 0 0; }
#ct h3 { color: #E8106A; font-size:20px; margin:0px;}

.imageplaceholder_zoom img
{
	width:155px;
	height:106px;
	}

.imageplaceholder_partners img
{
	width:80px;
	height:100px;
	float: left;
	
	}
.imageplaceholder_partners
{
	width:80px;
	height:100px;
	float: left;
	padding-top:5px;
	padding-right:10px;
	padding-bottom:10px;
	
	}
	
.imageplaceholder_logos
{
	width:80px;
	height:60px;
	float: left;
	padding-top:5px;
	padding-right:10px;
	padding-bottom:10px;
	
	}
	
.logos_left
{
	width:303px;
	float: left;
	padding-top:5px;
	padding-right:10px;
	padding-bottom:10px;
	
	}
.logos_right
{
	width:190px;
	float: right;
	padding-top:5px;
	padding-right:10px;
	padding-bottom:10px;
	text-align: left;
	}
.logos_right #text_abn
{
		z-index:1;
	visibility: hidden;
	}
.logos_right #text_rabobank
{
		z-index:1;
	visibility: hidden;
	}
	
.ButoonControl {
	height: auto;
	position: relative;
	background-color: #E9106B;
	color: #FFF;
	font-weight: bold;
	border: thin solid #B90D56;
}
.TextboxControl {
	width: 100%;
	height: auto;
	position: relative;
	background-color: #C2C2C2;
}
