@charset "utf-8";
/* standard styles */
* {
	margin:0;
	padding:0;	
}
:focus {
    outline:0;
}
a {
	color:#362f27;
	text-decoration:none;
}
a span {
	display:none;
}
a:hover {
	text-decoration:underline;
}
body {
	font:12px Helvetica, Arial, sans-serif;
	color:#362f27;
	background:#f1f0f0 url(../images/bg.png) repeat-x;
	line-height:18px;
}
p {
	margin-bottom:18px;
}
hr {
	display:none;
}
th {
	text-align:left;
}
.clear {
	clear:both;
}
.hide {
	display:none;
}
/* form styles */
fieldset {
/*	padding-left:10px;*/
}
input, select {
	font-size:12px;
}
input.radiobutton, input.checkbox {
	vertical-align:middle;
}
input.textfield, select {
	border:1px solid #ee2d2b;
	width:180px;
	color:#362f27;
	margin-bottom:7px;
}
input.textfield {
	padding:2px 0 2px 3px;
}

input.textfield:focus {
	background-color:#fde8e9;
}
input.mailfield {
	width:250px;
}
input.checkbox {
	border:1px solid #ee2d2b;
}
select {
	padding:1px 0 1px 0;
}
legend {
	display:none;
}
label.textfield {
	display:block;
	margin-bottom:5px;
}
label.checkbox {

}
label.radiobutton, label.checkbox {
	padding:0 10px 0 5px;
}
fieldset {
	border:0;	
}
/* submit buttons */
input.btn-inloggen, input.btn-aanmelden, input.btn-registreren, input.btn-aanpassen, input.btn-wijzigen, input.btn-opslaan , input.btn-verwerken , input.btn-storten, input.btn-inschrijven , input.btn-verzenden {
	height:24px;
	outline:none;
	border:none;
	cursor:pointer;
	background:transparent url(../images/btn-master.png) no-repeat;
}
input.btn-inloggen {
	width:95px;
	background-position: 0 -450px;
}
input.btn-inloggen:hover {
	background-position: 0 -474px;
}
input.btn-aanmelden {
	width:109px;
	background-position: 0 -550px;
}
input.btn-aanmelden:hover {
	background-position: 0 -574px;
}
input.btn-registreren {
	width:120px;
	background-position: 0 -50px;
}
input.btn-registreren:hover{
	background-position: 0 -74px;
}
input.btn-aanpassen {
	width:106px;
	background-position: 0 -500px;
}
input.btn-aanpassen:hover {
	background-position: 0 -524px;
}
input.btn-wijzigen {
	width:90px;
	background-position: 0 -600px;
}
input.btn-wijzigen:hover {
	background-position: 0 -624px;
}
input.btn-opslaan {
	width:88px;
	background-position: 0 -350px;
}
input.btn-opslaan:hover {
	background-position: 0 -374px;
}
input.btn-verwerken {
	width:110px;
	background-position: 0 -250px;
}
input.btn-verwerken:hover {
	background-position: 0 -274px;
}
input.btn-storten {
	width:87px;
	background-position: 0 -100px;
	margin-top:10px;
}
input.btn-storten:hover {
	background-position: 0 -124px;
}
input.btn-inschrijven {
	width:116px;
	background-position: 0 -400px;
	margin-top:10px;
}
input.btn-inschrijven:hover {
	background-position: 0 -424px;
}
input.btn-verzenden {
	width:107px;
	background-position: 0 -300px;
}
input.btn-verzenden {
	background-position: 0 -324px;
}
/* layout styles */
#container {
	width:960px;
	position:relative;
	margin:0 auto 40px auto;
}
#header {
	width:inherit;
	height:133px;
	position:relative;
}
h1 {
	position:absolute;
	top:5px;
	left:0;
}
h1 a {
	display:block;
	width:391px;
	height:128px;
	background:transparent url(../images/logo.png) no-repeat;
}
#topmenu_left, #topmenu_right {
	position:absolute;	
	top:5px;
	width:161px;
	height:128px;
	background:transparent url(../images/topmenu-bg.png) no-repeat;
}
#topmenu_left {
	left:392px;
}
#topmenu_right {
	left:553px;
}
#topmenu_left ul, #topmenu_right ul {
	list-style-type:none;
	margin-top:24px;
}
#topmenu_left ul li, #topmenu_right ul li {
	line-height:24px;
}
#topmenu_left ul li a, #topmenu_right ul li a {
	padding-left:32px;
	margin-left:10px;
	background:transparent url(../images/topmenu-icons.png) no-repeat;
	height:24px;
	display:block;
}
#topmenu_left #but1 a {
	background-position:0 -2px;
}
#topmenu_left #but2 a {
	background-position:0 -26px;
}
#topmenu_right #but3 a {
	background-position:0 -98px;
}
#topmenu_right #but4 a {
	background-position:0 -50px;
}
#topmenu_right #but5 a {
	background-position:0 -72px;
}
#topmenu_right #but6 a {
	background-position:0 -124px;
}
#topmenu_left #but7 a {
	background-position:0 -149px;
}
#content {
	width:960px;
	position:relative;
}
#content-left {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	width:172px;
	padding:18px 0 0 45px;
	background:transparent url(../images/content-left-bg.png) no-repeat;
}
#content-left h3 {
	font-size:14px;
	font-weight:bold;
	height:24px;
}
#content-left ul {
	list-style-type:none;
	width:172px;
}
#content-left ul li {
	border-top:1px solid #d8d8d8;
	height:24px;
	line-height:24px;
	margin-right:5px;
}
#content-left ul li:last-child, #content-left ul li.last-li {
	padding-bottom:3px;
	border-bottom:1px solid #d8d8d8;
	margin-bottom:-10px;
}
#content-left ul li a {
	display:block;
	position:relative;
}
/*
#content-left ul li.selected a {
	font-weight:bold;
}
*/
#content-left ul li a:hover span.indicator, #content-left ul li.selected span.indicator {
	display:block;
	height:65px;
	width:20px;
	position:absolute;
	top:-20px;
	right:-5px;
	background:transparent url(../images/content-left-indicator.png) no-repeat;
	z-index:-1;
}
#content-left ul li.selected a span.indicator, #content-left ul li.selected a:hover span.indicator {
	background-position:0 -65px;
}
#content-center {
	width:481px;
	padding:0 22px 0 22px;
	margin: 0 0 35px 0;
	min-height:630px;
	background-color:#FFF;
	margin-left:212px;
	position:relative;
	float:left;
}
#home #content-center {
	width:481px;
	padding:0 22px 0 22px; 
}
#partner #content-center {
	width:451px;
	padding:0 42px 0 32px;
}
#page #content-center {
	width:451px;
	padding:0 42px 0 32px;
}
#home #content-center h2 {
	display:none;
}
#content-center h2 {
	margin-bottom:18px;
}
#page #content-center h3 {
	border-left:5px #ed1c24 solid;
	padding:0 0 0 10px;
	font-size:12px;
}
.partner {
	position:relative;
}
.partner h3 {
	width:100%;
	background:transparent url(../images/partner-header-bg.png) no-repeat bottom left;
	padding:0 0 10px 15px;
	margin-bottom:5px;
	font-size:12px;
}
.partner h3 a {

}
.partner h3 a:hover {

}
.partner h4 {
	position:absolute;
	top:0;
	right:0;
	padding:0 0 10px 15px;
	background:transparent url(../images/partner-header-click-bg.png) no-repeat bottom left;
	font-size:12px;
}
.partner p {
	padding:0 0 10px 15px;
}
.partner p a {
	background-color:#fde8e9;
	padding: 0 3px 0 3px;
}
.partner p a:hover{
	background-color:#ee2d2b;
	text-decoration:none !important;
}
.extra-info {
	font-weight:normal;
	color:#bdb6af;
}
#content-center-uitleg {
	list-style-type:none;
	padding-top:20px;
}
#content-center-uitleg li {
	width:157px;
	float:left;
	margin:0 5px 0 0;
	padding-top:162px;
	background:transparent url(../images/content-center-uitleg.png) no-repeat;
	}
#content-center-uitleg li.last {
	margin:0;
}
#uitleg1 {
	background-position:0 0;
}
#uitleg2 {
	background-position:-200px 0 !important;
}
#uitleg3 {
	background-position:-400px 0 !important;
}
#content-center-uitleg li h3 {
	display:none
}
#content-center-uitleg li p {
	font-size:10px;
	line-height:15px;
	margin:10px 5px 0 5px;
}
#content-center-inschrijven {
	width:471px;
	border:5px #ee2d2b solid;
	float:left;
	margin:30px 0 30px 0;
	font-size:10px;
}
#page #content-center-inschrijven {
	margin-left:-10px;
}
#content-center-inschrijven-col1, #content-center-inschrijven-col2 {
	float:left;
	width:218px;
	padding:15px 7px 15px 10px;
}
#content-center-fade {
	position:absolute;
	width:565px;
	height:185px;
	left:-20px;
	bottom:-20px;
	background-color:#00F;
	display:block;
	z-index:-1;
	background:transparent url(../images/content-center-fade-bg.png) no-repeat bottom left;
}
#content-right {
	position:absolute;
	top:0;
	right:0;
	z-index:10;
	width:222px;
	background:transparent url(../images/content-left-bg.png) no-repeat top right;
}
#content-right h3 {
	font-size:14px;
	font-weight:bold;
	height:24px;
	padding:18px 0 0 20px;
}
#content-right h4 {
	font-size:12px;
}
.content-right-tip {
	padding:18px 0 0 20px;
	margin:0 20px 0 0;
	width:182px;
	border-top:1px solid #d8d8d8;
}
#inloggen {
	width:207px;
	position:absolute;
	top:0;
	right:0;
	height:128px;
	background:transparent url(../images/login-bg.png) no-repeat;
	padding-left:20px;
}
#inloggen h2 {
	font-size:12px;
	height:36px;
	line-height:36px;
}
.account_saldo {
	border-left:5px #ed1c24 solid;
	font-weight:bold;
	padding-left:10px;
	font-size:16px;
}
.account_naam {
	color:#998f83;
}
#saldo-top {
	display:inline;
	margin:0 0 0 5px;
	padding:20px 0 2px 35px;
	clear:both;
	background:transparent url(../images/saldo-pijl.png) bottom left no-repeat;
}
.saldo-top-naam {
	color:#dbd3cb;
}
/* a href buttons */
.btn-saldo-overzicht, .btn-terug , .btn-uitloggen{
	background:transparent url(../images/btn-master.png) no-repeat;
	height:24px;
	display:block;
	border-bottom:0 !important;
}
.btn-saldo-overzicht:hover, .btn-terug:hover, .btn-uitloggen:hover{
	background-position:0 -24px;
}
.btn-saldo-overzicht  span, .btn-terug span, .btn-uitloggen span {
	display:none;
}
.btn-saldo-overzicht {
	width:152px;
	background-position: 0 0;
}
.btn-saldo-overzicht:hover {
	background-position: 0 -24px;
}
.btn-terug {
	width:69px;
	background-position:0 -150px;
}
.btn-terug:hover {
	background-position:0 -174px;
}
.btn-uitloggen {
	width:103px;
	background-position:0 -200px;
}
.btn-uitloggen:hover {
	background-position:0 -224px;
}
table.table-saldo {
	border-collapse:collapse;
	width:100%;
}
table.table-saldo th {
	padding:5px 5px;
	text-align:left;
	border-bottom:1px solid #ed1c24;
}
table.table-saldo td.td-omschrijving {
	width:300px;
}
table.table-saldo td {
	border-bottom:1px solid #e6e6e6;
	padding:5px 5px;
}
table.table-saldo td.td-datum{
	color:#998F83
}
table.table-saldo tr.tr-last td {
	border-bottom:5px solid #ed1c24;
}
table.table-saldo tr.tr-totaal td{
	border-bottom:0;
}
table.table-saldo tr.tr-totaal td.td-saldo{
	text-align:right;
	font-weight:bold;
	color:#998F83;
}
.wijzigww-fieldset, .geldstorten-fieldset {
	position:relative;
	display:block;
}
.wijzigww-terug , .geldstorten-terug{
	position:absolute;
	bottom:0;
}
.wijzigww-terug {
	left:100px;
}
.geldstorten-terug {
	left:97px;
}
.link-pijl {
	padding-left:16px;
	background:transparent url(../images/link-pijl.png) center left no-repeat;
}
.btn-plus, .btn-min {
	background:transparent url(../images/btn-master.png) no-repeat;
	display:block;
	width:15px;
	height:15px;
	border-bottom:0 !important;
	margin: -7px 0 0 5px;
	float:left;
}
.btn-plus {
	background-position:0 -650px;
}
.btn-plus:hover {
	background-position:0 -666px;
}
.btn-min {
	background-position:0 -700px;
}
.btn-min:hover {
	background-position:0 -716px;
}
.advert-left {
	padding:30px 35px 0 0;
	text-align:right;
}
.advert-right {
	padding:18px 0 0 20px;
	border-top:1px solid #d8d8d8;
	text-align:left;
}
#footer {
	color:#938f8b;
	position:absolute;
	bottom: -25px;
	left:10px;
	z-index:2;
	width:481px;
	font-size:10px;
	text-align: center;
}
#footer a{
	color:#938f8b;
}
.pages {
	text-align:center;
}
.pages a {
	text-decoration: none;
	display: inline-block;
	width: 20px;
	height: 20px;
	text-align:center;
	line-height: 20px;
	background-color:#f1f0f0;
	color: #362f27;
	border: 1px #f1f0f0 solid;
}
.pages a:hover  {
	border: 1px #dedcdc solid;
}
.pages a.selected {
	background-color:#dedcdc;
}