/* Algemene waardes */
html, body {
	margin:0;
	padding:0;
	background: url(http://www.spaarbron.nl/inc/img/bg.png) repeat-x #fff;
	font-family: arial;
	font-size:12px;
	color:#000;
	height:100%;
}
div#container {
	margin: 0 auto;
	width:900px;
	min-height:100%;
	height: auto !important;
	height:100%;
	background:#fff;
}
.leftfloat {float:left;}
.rightfloat {float:right;}
.fixfloat {
	margin:0;
	padding:0;
	height:0;
	width:0;
	overflow:hidden;
	clear:both;
}
form {margin:0; padding:0;}
a {font-weight:bold; color:#000; text-decoration:none;}
a:hover {text-decoration:underline;}
a.pijl {background: url(http://www.spaarbron.nl/inc/img/pijl.png) left no-repeat; padding:0 0 0 15px; font-weight:normal;}
a.pijl:hover {font-weight:bold; text-decoration:none;}
a img {border:0; background: none;}
/* /Algemene waardes */
/* Header */
div#header {
	width:900px;
	height:191px;
	background: url(http://www.spaarbron.nl/inc/img/header.png);
	padding:0 0 0 0;
}
div#header_top {
	width:813px;
	height:147px;
	padding:12px 87px 0 0;
}
div#menu {
	width:900px;
	height:32px;
}
div#menu img {float:left;}
div#menu a {
	display:block;
	float:left;
	height:30px;
	padding:2px 33px 0 33px;
	font-family:Century Gothic;
	font-size:16px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
div#menu a:hover {color:#1d515b;}
div#info {
	width:205px;
	height:94px;
	float:right;
	text-align:center;
	padding:22px 0 0 0;
}
div#info a {
	color:#2d79ce;
	font-weight:bold;
	text-decoration:none;
}
div#info a:hover {text-decoration:underline;}
div#login {
	width:195px;
	height:94px;
	float:right;
	padding:10px 0 0 10px;
}
div#menu {
	width:900px;
	height:34px;
}
.login {
	width:176px;
	height:19px;
	border:1px solid #d7d7d7;
	padding:2px 0 0 2px;
	color:#a5a5a5;
	font-size:13px;
	margin:3px 0 0 0;
	float:left;
}
.inschrijf {
	width:233px;
	height:19px;
	border:1px solid #d7d7d7;
	padding:2px 0 0 2px;
	color:#a5a5a5;
	font-size:13px;
	float:left;
	margin:3px 0 0 0;
}
.dropdown {
	width:180px;
	height:18px;
	padding:0;
	border:1px solid #d7d7d7;
	font-size:11px;
	margin:3px 0 0 0;
}
.submit {margin:3px 0 0 0;}
/* /Header */
/* Content */
div#content {
	width:900px;
}
div#content_top_index {
	width:801px;
	height:152px;
	background: url(http://www.spaarbron.nl/inc/img/content_top_index.png);
	padding:49px 50px 0 49px;
}
div#content_top_left {
	float:left;
	width:554px;
	padding:0 0 0 60px;
	margin:6px 0 0 0;
}
div.item {
	width:554px;
	height:42px;
	margin:4px 0 0 0;
}
div.item p {margin:0; padding:5px; float:left; width:380px;}
a.arrow {
	float:left;
	display:block;
	width:152px;
	height:35px;
	background: url(http://www.spaarbron.nl/inc/img/arrow.png);
	text-decoration:none;
	font-family:Century Gothic;
	font-weight:normal;
	font-size:16px;
	padding:7px 0 0 10px;
}
a.arrow:hover{text-decoration:underline}
div#content_top_aanmelden {
	float:right;
	width:136px;
	height:85px;
	padding:67px 0 0 41px;
}
div#content_top {
	width:900px;
	height:37px;
	background: url(http://www.spaarbron.nl/inc/img/content_top.png);
}
div#content_inner {
	width:801px;
	background:#fff;
	padding:20px 49px 0 50px;
}
div#search {
	width:765px;
	height:33px;
	background:url(http://www.spaarbron.nl/inc/img/search.png);
	padding:9px 18px 0 18px;
}
div#search a {
	color:#d93008;
	font-size:16px;
	font-family:Century Gothic;
	text-decoration:none;
	font-weight:bold;
	font-style:italic;
}
div#search a:hover {text-decoration:underline;}
.select {width:150px;}
.input {border: 1px solid #d2d8e3; width:150px;}
div#bedrijven {
	width:900px;
	height:48px;
	padding:30px 0 0 0;
	text-align:center;
}
div#bedrijven img {
	margin:0 10px;
}
div#cashback {
	width:767px;
	height:125px;
	background: url(http://www.spaarbron.nl/inc/img/cashback.png);
	margin:20px 0 0 0;
	padding:27px 0 0 34px;
}
div#plaatje {
	float:left;
	text-align: center;
	padding-top: 10px;
	width:140px;
	height:92px;
}
div.exclusive {
	background-color: #ffee8f;
	padding: 5px;
	margin-bottom: 5px;
}
div#cash_info {
	float:left;
	width:372px;
	padding:35px 0 0 45px;
	text-align:center;
	color:#6a1606;
	font-size:13px;
	font-weight:bold;
}
div#content_cont {width:801px; margin:15px 0 0 0;}
div#left {
	float:left;
	width:208px;
}
div#left_index {
	float:left;
	width:270px;
}
div.left_yellow {
	width:246px;
	background: url(http://www.spaarbron.nl/inc/img/left_yellow_bg.png) top no-repeat;
	padding:10px 12px 0 12px;
	margin:0 0 10px 0;
}
div.left_yellow p {
	margin:0;
	padding:5px 0;
}
a.laptop {
	display:block;
	width:93px;
	height:107px;
	background: url(http://www.spaarbron.nl/inc/img/laptop.png);
	font-size:16px;
	font-weight:bold;
	font-family:Century Gothic;
	padding:10px 0 0 153px;
}
div#right {
	float:right;
	width:571px;
}
div#right_index {
	float:right;
	width:512px;
}
div.blue_bg {
	width:571px;
	background: url(http://www.spaarbron.nl/inc/img/blue_bg.png) repeat-y;
	margin:0 0 10px 0;
}
div.blue_foot {
	width:571px;
	background: url(http://www.spaarbron.nl/inc/img/blue_foot.png) bottom no-repeat;
}
div.blue_inner {
	width:531px;
	background: url(http://www.spaarbron.nl/inc/img/blue_top.png) top no-repeat;
	padding:10px 20px;
}
div.yellow_bg {
	width:571px;
	background: url(http://www.spaarbron.nl/inc/img/yellow_bg.png) repeat-y;
}
div.yellow_foot {
	width:571px;
	background: url(http://www.spaarbron.nl/inc/img/yellow_foot.png) bottom no-repeat;
}
div.yellow_inner {
	width:531px;
	background: url(http://www.spaarbron.nl/inc/img/yellow_top.png) top no-repeat;
	padding:10px 20px;
}
div.yellow_index_bg {
	width:512px;
	background: url(http://www.spaarbron.nl/inc/img/yellow_index_bg.png) repeat-y;
}
div.yellow_index_foot {
	width:512px;
	background: url(http://www.spaarbron.nl/inc/img/yellow_index_foot.png) bottom no-repeat;
}
div.yellow_index_inner {
	width:472px;
	background: url(http://www.spaarbron.nl/inc/img/yellow_index_top.png) top no-repeat;
	padding:10px 20px;
}
div.blue_small_bg {
	width:275px;
	background: url(http://www.spaarbron.nl/inc/img/blue_small_bg.png) repeat-y;
	margin:0 0 10px 0;
}
div.blue_small_foot {
	width:275px;
	background: url(http://www.spaarbron.nl/inc/img/blue_small_foot.png) bottom no-repeat;
}
div.blue_small_inner {
	width:275px;
	background: url(http://www.spaarbron.nl/inc/img/blue_small_top.png) top no-repeat;
}
div#recent {
	width:243px;
	height:134px;
	padding:12px 16px 0 16px;
}
div#webshop {
	width:243px;
	padding:12px 16px 12px 16px;
}
div#winst {
	width:243px;
	padding:12px 16px 12px 16px;
}
div.right_right {
	width:243px;
	float:right;
	padding:0;
	margin:0;
}
div.yellow_small_bg {
	width:276px;
	background: url(http://www.spaarbron.nl/inc/img/yellow_small_bg.png) top;
}
div.yellow_small_foot {
	width:276px;
	background: url(http://www.spaarbron.nl/inc/img/yellow_small_foot.png) bottom no-repeat;
}
div.yellow_small {
	width:244px;
	background: url(http://www.spaarbron.nl/inc/img/yellow_small_top.png) top no-repeat;
	padding:12px 16px 12px 16px;
}
div#saldo {
	width:243px;
	height:134px;
	background: url(http://www.spaarbron.nl/inc/img/saldo_bg.png);
	float:right;
	padding:12px 16px 0 16px;
}
div#saldo table {
	width:100%;
	border:0;
}
div#saldo table tr {height:20px;}
.tright {text-align:right; font-weight:bold;}
div#right p {margin:0; padding:3px 0;}
div#right_index p {margin:0; padding:3px 0;}
div#left_kop {
	width:196px;
	height:37px;
	font-family:Century Gothic;
	font-size:13px;
	font-weight:bold;
	background: url(http://www.spaarbron.nl/inc/img/left_kop.png);
	padding:7px 0 0 12px;
}
div.shop {
	float:left;
	width:122px;
	height:141px;
	padding:5px 10px 0 0;
	color:#975335;
	text-align:center;
}
div.shop a {
	font-weight:bold;
	color:#000;
	text-decoration:none;
	background: url(http://www.spaarbron.nl/inc/img/pijl_rood.png) left no-repeat;
	padding:0 0 0 13px;
}

div.shop a.afbeelding {
	padding: 0px;
	background: none;
}

div.shop_pic {
	width:107px;
	height:72px;
	background: url(http://www.spaarbron.nl/inc/img/shop.png);
	padding:4px 8px 7px 7px;
	overflow:hidden;
	margin:0 0 5px 0;
}
span.product {
	float:right;
	margin:4px 0 4px 4px;
	background: url(http://www.spaarbron.nl/inc/img/blue_product.png);
	width:107px;
	height:72px;
	padding:4px 8px 7px 7px;
}
.cash {
	width:56px;
	border:1px solid #d2d8e3;
	margin:0;
	padding:1px;
}
table#inschrijven {
	width:355px;
	margin:0 auto;
}
table#inschrijven td.second_td {
	width:238px;
}
div#voorwaarden {
	text-align:right;
	padding:10px 0 0 0;
}
a.insch {
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	font-family:Century Gothic;
}
a.insch:hover {color:#ee5705;}
/* /Content */
/* Footer */
div#footer {
	width:900px;
	text-align:center;
	padding:15px 0 10px 0;
	margin: 0 auto;
}
div#footer a {
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
div#footer a:hover {text-decoration:underline;}
/* /Footer */
/* Tekst Opmaak */
h1 {
	font-family:Century Gothic;
	font-size:13px;
	font-weight:bold;
	margin:0;
	padding:0;
}
.cg_dik_13 {
	font-family:Century Gothic;
	font-size:13px;
	font-weight:bold;
	color:#000;
}
.rood_info {color:#dd0303;}
.kop {
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:bold;
	display:block;
}
div.store a img {
	border: solid 1px #000000;
}
.kop_groot {
	margin:0;
	font-family:Century Gothic;
	padding:0;
	font-size:16px;
	font-weight:bold;
	display:block;
}
.kop_left {
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:bold;
	display:block;
	float:left;
}
span.fixfloat {
	margin:0;
	padding:0;
	height:0;
	width:0;
	overflow:hidden;
	clear:both;
	display:block;
}
a.vertel {
	float:right;
	padding:0 0 0 20px;
	background: url(http://www.spaarbron.nl/inc/img/vertel.png) left no-repeat;
}
a.voegtoe {
	float:right;
	padding:0 0 0 17px;
	margin:0 10px 0 0;
	background: url(http://www.spaarbron.nl/inc/img/voegtoe.png) left no-repeat;
}
a.cashback {
	width:400px;
	height:28px;
	background: url(http://www.spaarbron.nl/inc/img/cashback_knop.png);
	display:block;
	padding:26px 0 0 64px;
	color:#fff;
}
.procent {
	font-size:18px;
	font-weight:bold;
	color:#2d79ce;
}
.kop_pijl {
	font-weight:bold;
	background: url(http://www.spaarbron.nl/inc/img/pijl_down.png) right no-repeat;
	padding:0 13px 0 0;
}
.medium {color:#ffaa17; font-weight:bold;}
.high {color:#51cb1c; font-weight:bold;}
.slow {color:#ff0033; font-weight:bold;}
.bespaar {
	font-weight:bold;
	font-size:18px;
}
/* /Tekst Opmaak */

/* Autosuggest opmaak */
#results {width:260px; border:solid 1px #ffee8f; display:none; position: absolute; z-index:9;}
#results ul, #results li{padding:0; margin:0; border:0; list-style:none; background-color: #ffee8f}
#results li {border-top:solid 1px #DEDEDE;}
#results li a{display:block; padding:2px; text-decoration:none; color:#000000; font-weight:bold; font-size: 12px;}
#results li a small{display:block; text-decoration:none; color:#999999; font-weight:normal;}
#results li a:hover{background:#FFFFCC;}
#results ul {padding:6px;}


/* Tree */

/*DIV props*/

#hideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#fade {
	background: #000; 
	position: fixed; 
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left: 0;
	z-index: 10;
}
.popup_block {
	background: #ddd;
	padding: 10px 20px;
	border: 10px solid #fff;
	float: left;
	width: 480px;
	position: fixed;
	top: 20%;
	left: 50%;
	margin: 0 0 0 -250px;
	z-index: 100;

}
.popup_block .popup {
	float: left;
	width: 100%;
	background: #fff;
	margin: 10px 0;
	padding: 10px 0;
	border: 1px solid #bbb;
}
.popup h3 {
	margin: 0 0 20px;
	padding: 5px 10px;
	border-bottom: 1px solid #bbb;
	font-size: 1.5em;
	font-weight: normal;
}
.popup p {
	margin: 0 0 20px;
	padding: 5px 10px;
}
.popup img.cntrl {
	position: absolute;
	right: -20px;
	top: -20px;
}

/*--Making IE6 Understand Fixed Positioning--*/

*html #fade {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop : document.body.scrollTop);
}

*html .popup_block {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+((documentElement.clientHeight-this.clientHeight)/2)
	: document.body.scrollTop
	+((document.body.clientHeight-this.clientHeight)/2));
	
	left:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollLeft 
	+ (document.body.clientWidth /2 ) 
	: document.body.scrollLeft 
	+ (document.body.offsetWidth /2 ));
}

/*--IE 6 PNG Fix--*/

img{ behavior: url(iepngfix.htc) }


/*TREEE NEW */

	#treeMenu, #treeMenu ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	
	#treeMenu li{
		width: 178px;
		padding: 3px 0px 3px 30px;
		background: url(http://www.spaarbron.nl/inc/img/list_bg_blue.gif) top left no-repeat;
	}

	#treeMenu li.blue {
		width: 178px;
		padding: 3px 0px 3px 30px;
		background: url(http://www.spaarbron.nl/inc/img/list_bg_blue.gif) top left no-repeat #eef8ff;
	}
	
	#treeMenu a {
		text-decoration: none;
		font-weight: normal;
		color: black;
		padding: 0px 4px 0px 18px;
		margin: 2px 0px 2px 0px;
		height: auto;
	}
	
	* > #treeMenu a:hover {
		filter: alpha(opacity=50);
		-moz-opacity:.50;		
	}
	
	#treeMenu .itemOpen ul, #treeMenu .itemOpenEnd ul {
		display: block;
	}
	
	#treeMenu .itemClose ul, #treeMenu .itemCloseEnd ul {
		display: none;
	}	
	
	#treeMenu #treeMenuSelect a {
		border: 1px dotted gray;
		background-color: #e2e2e2;
	}
	/**
 	 * Defenitions for the icons
 	 */
	#treeMenu .home a {
		background: url(images/home.png) no-repeat;
	}
	
	#treeMenu .home li a {
		background: url(images/html.png) no-repeat;
	}

	#treeMenu .history a, #treeMenu .home .history a {
		background: url(images/history.png) no-repeat;
	}	
	
	#treeMenu .gear a {
		background: url(images/gear.png) no-repeat;
	}
	
	#treeMenu .gear li a {
		background: url(images/ascii.png) no-repeat;
	}
	
	input.aanmeldbutton {
	width: 118px;
	height: 28px;
	background: transparent url(http://www.spaarbron.nl/inc/img/aanmelden_knop.png) no-repeat;
	outline: none;
	border: none;
	cursor : pointer;
	}