@import "prototip.css";
body{
	font-family: Verdana, Arial, sans-serif;
	margin:0;
	padding:0;
	background-image: url(http://www.allesoverbesparen.nl/img/background.png);
	background-repeat: repeat-x;
	font-size: 9pt;
}
a{
	color:#0657DE;
	font-weight: bold;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
a:visited{
	color:#4341AF
}
iframe {
	margin:	0;
	padding: 5px;
	border:3px solid #E7F0FE;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
}
iframe.loading{
	background: url(http://www.sarmap.ch/loading.gif) center center no-repeat;
}
iframe#bespaargame{
	width:800px !important;
}
img{
	border:0;
}
img.sfeerbeeld{
	float:right;
	margin:0px 0px 20px 20px;
	-moz-box-shadow: 0px 2px 15px #333;
	-webkit-box-shadow: 0px 2px 15px #333;
	padding: 10px 10px 25px 10px;
	background-color: #eee;
	border: 1px solid #FFFFFF;
}
h1, h2, h3, h4, h5{
	margin:0px;
	color:#043173;
}
p{
	margin-top: 0;
}
h1{
	font-size: 2em;
	text-shadow: 0px 2px 2px #CCC;
}
h2{
	font-size: 1.5em;
	text-shadow: 0px 1px 2px #CCC;
}
h3{
	text-shadow: 0px 1px 2px #CCC;
}
p.intro{
	font-size:11pt;
	line-height:15pt;
	font-weight: bold;
}

hr{
	margin-bottom: 25px;
	margin-top: 25px;
	border:0;
	border-top:2px solid #0056DD;
	-moz-box-shadow: 1px 1px 2px #999;
	-webkit-box-shadow: 1px 1px 2px #000;
}

hr.fine{
	-moz-box-shadow:0px 0px 0px;
	-webkit-box-shadow:0px 0px 0px;
	margin:0;
	border:0;
	border-top:2px solid #E7F0FE;
}


/*
	Voortgangs balk
	- zo in elkaar gehackt dat google siteopt het ook snapt...
*/
div.voortgang{
	display: block;
	height:60px;
	width:685px;
	margin-bottom: 12px;
}
div.stap1 img{
	background-position: left 0px;
}
div.stap2 img{
	background-position: left -60px;
}
div.stap3 img{
	background-position: left -120px;
}
div.voortgang img.variant1{
	background-image: url(http://www.allesoverbesparen.nl/img/voortgang_3.png);
}
div.voortgang img.variant2{
	background-image: url(http://www.allesoverbesparen.nl/img/voortgang_2.png);
}
div.voortgang img.variant3{
	background-image: url(http://www.allesoverbesparen.nl/img/voortgang_1.png);
}




/* Form */
input.text {
	color:#333333;
	border:1px solid;
	border-left-color: #999999;
	border-top-color: #999999;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding:3px;
	margin:1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
input.text:focus{
	border:1px solid #a0acbf;
}
input.btnOk {
	background-image: url(http://www.allesoverbesparen.nl/img/btnOk.png);
	border:0;
	width: 27px;
	height: 27px;
	vertical-align: middle;
	cursor: pointer;
}
textarea{
	color:#333333;
	border:1px solid;
	border-left-color: #999999;
	border-top-color: #999999;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding:3px;
	margin:1px;
}
textarea:focus{
	border:1px solid #a0acbf;
}

input.stapB{
	float:right;
	background-image: url(http://www.allesoverbesparen.nl/img/btn_stapB.png);
	border:0px;
	width:151px;
	height:38px;
	cursor: pointer;
}
input.stapC{
	float:right;
	background-image: url(http://www.allesoverbesparen.nl/img/btn_stapC.png);
	border:0px;
	width:151px;
	height:38px;
	cursor: pointer;
}
input.verzenden{
	background-image: url(http://www.allesoverbesparen.nl/img/btn_verzenden2.gif);
	border:0px;
	width:118px;
	height:33px;
	cursor: pointer;
}
/*
input.verzenden{
	background-image: url(http://www.allesoverbesparen.nl/img/btn_verzenden.gif);
	border:0px;
	width:155px;
	height:39px;
	cursor: pointer;
}
*/

/* werkt niet in IE :( 
input[type=submit]{
	background-color: #F96809;
	color:white;
	border:0px;
	padding:8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	cursor:pointer;
	text-shadow: 2px 2px 2px #000;
	display: inline-block;
}
input[type=submit]:hover{
	padding-top:9px;
	padding-bottom:7px;
}
input[type=submit]:active{
	margin-top:1px;
}
/**/


input.submit_blue{
	float:right;
	background-image: url(http://www.allesoverbesparen.nl/img/btn_submit_blue.png);
	border:0px;
	width:113px;
	height:29px;
	cursor: pointer;
	font-weight: bold;
	font-size: 1.5em;
	color:#FFFFFF;
	padding-right:13px;
}

/* Header */
div#header{
	height:220px;
	width:950px;
	padding:0px 15px 10px;
	margin:0 auto;
	background-image: url(http://www.allesoverbesparen.nl/img/header.png);
	background-repeat: no-repeat;
}
div#header a#logoHompage {
	width:310px;
	height:105px;
	position: relative;
	top:45px;
	display: block;
}

div#header img#subTitle{
	width:450px;
	height:40px;
	position: relative;
	top:45px;
	left:15px;
	display: block;
}

div#header ul,
div#header ul li {
	list-style: none;
	margin:0;
	padding:0;
	float:left;
}
div#header ul.right {
	float:right;
}
div#header a.on,
div#header a.off{
	margin-right: 2px;
	margin-top:45px;
	display: block;
	float:left;
	font-size: 11pt;
	overflow:hidden;
	font-weight: bold;
	cursor: pointer;
}
div#header a.on:hover,
div#header a.off:hover{
	margin-top:48px;
	height:27px;
	text-decoration: none;
}
div#header a.on span.left,
div#header a.off span.left{
	float:left;
	width:5px;
	height:30px;
}
div#header a.on span.center,
div#header a.off span.center{
	float:left;
	height:20px;
	padding:5px;
}
div#header a.on span.right,
div#header a.off span.right{
	float:left;
	width:5px;
	height:30px;
}
div#header a.on{
	color:#FFFFFF;
}
div#header a.off{
	color:#083176;
}
div#header a.on span.left{
	background-image: url(http://www.allesoverbesparen.nl/img/btnOnLeft.png);
}
div#header a.off span.left{
	background-image: url(http://www.allesoverbesparen.nl/img/btnOffLeft.png);
}
div#header a.on span.center{
	background-image: url(http://www.allesoverbesparen.nl/img/btnOnCenter.png);
}
div#header a.off span.center{
	background-image: url(http://www.allesoverbesparen.nl/img/btnOffCenter.png);
}
div#header a.on span.right{
	background-image: url(http://www.allesoverbesparen.nl/img/btnOnRight.png);
}
div#header a.off span.right{
	background-image: url(http://www.allesoverbesparen.nl/img/btnOffRight.png);
}
div#header ul.right a span.center{
	background-image: url(http://www.allesoverbesparen.nl/img/btnRightCenter.png);
}
div#header ul.right a span.left{
	background-image: url(http://www.allesoverbesparen.nl/img/btnRightLeft.png);
}
div#header ul.right a span.right{
	background-image: url(http://www.allesoverbesparen.nl/img/btnRightRight.png);
}


/* Main */
div#main{
	width:950px;
	padding:0 15px;
	margin:0 auto;
}
div#main div#left{
	float:left;
	width:685px;
	margin:40px 35px 40px 0px;
}
div#main div#left iframe {
	width:669px;
}
div#main div#right{
	float:right;
	width: 230px;
	margin:40px 0px;
}
div#main div#full{
	margin:40px 0px;
}
div#main div#full iframe {
	width:934px;
}
div#main div#right div.block{
	margin-bottom:30px;
	color:#043173;
}
div#main div#right div.block h3{
	margin:0;
	color:#043173;
	font-weight: bold;
	font-size:1.15em;
}
div#main div#right div.block input.text {
	width:180px;
	margin-right: 4px;
}
div#main div#right div.block div.border{
	border:3px solid #E7F0FE; /* #0051D2 */
	padding:5px;
	margin-top:0px;
	width:170px;
	-moz-border-radius:		8px;
	-webkit-border-radius:	8px;
	-moz-box-shadow:	1px 1px 5px #EEE; /* #BBBBBB */
	-webkit-box-shadow:	1px 1px 5px #EEE; /* #BBBBBB */
}
div#main div#right div.block div.phone{
	background: white url(http://www.allesoverbesparen.nl/img/telefoon_bg.jpg) no-repeat bottom center;
}
div#main div#right div.block div.stekker{
	background: white url(http://www.allesoverbesparen.nl/img/stopcontact.jpg) no-repeat center center;
}
div#main div#right div.block div.hypotheek{
	background: white url(http://www.allesoverbesparen.nl/img/hypotheek_bg.jpg) no-repeat center center;
}
div#main div#right div.block div.krediet{
	background: white url(http://www.allesoverbesparen.nl/img/krediet_bg.jpg) no-repeat center center;
}
div#main div#right div.block div.simkaart{
	background: white url(http://www.allesoverbesparen.nl/img/simkaart_bg.jpg) no-repeat center center;
}
div#main div#right div.block div.auto{
	background: white url(http://www.allesoverbesparen.nl/img/auto_bg.jpg) no-repeat bottom right;
}


/* Footer */
div#footer{
	color:#043173;
	background-image: url(http://www.allesoverbesparen.nl/img/footer.png);
	background-repeat: repeat-x;
	width:100%;
	height:120px;
	text-align: center;
	padding-top:25px;
	font-size: 0.85em;
	float:left;
}


/*
	Lenen kost geld
*/
div#lenenKostGeld{
	margin-top: 13px;
	height: 40px;
	width: 910px;
	border:2px solid black;
	background-color: white;
	background-image: url(http://www.allesoverbesparen.nl/img/lenenKostGeld.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

/**
 * Share this
 */
div#sharethis{
	float: left;
	height:29px;
	width:100%;
}
div#sharethis ul.share{
	list-style-type:none;
	padding:0;
	width:950px;
	height:29px;
	margin:0 auto;
}
div#sharethis ul.share li{
	width:60px;
	height:29px;
	display: block;
	float:right;
}
div#sharethis ul.share li a{
	text-indent: -9999px;
	display: block;
	height:29px;
	width:60px;
	background-image: url(http://www.allesoverbesparen.nl/img/share-sprite.png);
	background-repeat: no-repeat;
}
div#sharethis ul.share li a:hover{
	height:58px;
}
li.share-hyves a { background-position:-3990px bottom !important; }
li.share-hyves a:hover { background-position:-3990px top !important; }
li.share-twitter a { background-position:-490px bottom !important; }
li.share-twitter a:hover { background-position:-490px top !important; }
li.share-nujij a{ background-position:-3010px bottom !important; }
li.share-nujij a:hover{ background-position:-3010px top !important; }
li.share-facebook a{ background-position:-1330px bottom !important; }
li.share-facebook a:hover { background-position:-1330px top !important; }


/**
 * Formulier
 */

div.error{
	text-align:center;
	margin:10px auto;
	padding:10px;
	width:75%;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}
.error{
	background-color:#FFEEEE;
	border:1px solid red;
	color:red;
	font-weight:bold;
}

 
div.formulier_wrapper{
	width: 685px;
}
div.formulier_wrapper div.formulier_top {
	background-image: url(http://www.allesoverbesparen.nl/img/formulier_top.gif);
	height:6px;
	line-height: 1px;
	font-size: 0.1em;
}
div.formulier_wrapper div.formulier_bottom {
	background-image: url(http://www.allesoverbesparen.nl/img/formulier_bottom.gif);
	height:6px;
	line-height: 1px;
	font-size: 0.1em;
}
div.formulier_wrapper div.formulier_content{
	padding: 4px 10px;
	background-color: #e7f0fe;
}

div.formulier_wrapper div.formulier_top_selected {
	background-image: url(http://www.allesoverbesparen.nl/img/formulier_top_selected.gif);
	height:6px;
	line-height: 1px;
	font-size: 0.1em;
}
div.formulier_wrapper div.formulier_bottom_selected {
	background-image: url(http://www.allesoverbesparen.nl/img/formulier_bottom_selected.gif);
	height:6px;
	line-height: 1px;
	font-size: 0.1em;
}
div.formulier_wrapper div.formulier_content_selected{
	padding: 4px 10px;
	background-color: #CBDFFE;
}

div.formulier_wrapper div.formulier_footer{
	margin-top:10px;
	color:#999999;
	font-size:0.8em;
	height: 38px;
}
div.footnote{
	color:#999999;
	font-size:0.8em;
	margin-top:45px;
}
div.formulier_wrapper div.formulier_footer input{
	float:right;
}
div.formulier_wrapper div.formulier_content_selected td,
div.formulier_wrapper div.formulier_content td,
div.formulier_wrapper div.formulier_content_selected th,
div.formulier_wrapper div.formulier_content th{
	padding:2px 7px;
	vertical-align: middle;
	height:28px;
}
div.formulier_wrapper div.formulier_content_selected textarea,
div.formulier_wrapper div.formulier_content textarea{
	width:100%;
	height: 50px;
}
div.formulier_wrapper div.formulier_content_selected input.text,
div.formulier_wrapper div.formulier_content input.text{
	width:100%;
}
div.formulier_wrapper div.formulier_content_selected select,
div.formulier_wrapper div.formulier_content select{
	width:100%;
}
div.formulier_wrapper div.formulier_content_selected select.date,
div.formulier_wrapper div.formulier_content select.date{
	width:auto;
}
div.formulier_wrapper div.formulier_content_selected input.geboortedatum,
div.formulier_wrapper div.formulier_content input.geboortedatum{
	width: auto;
}
div.formulier_content_selected table,
div.formulier_content table{
	border-collapse: collapse;
	width: 100%;
}

div.formulier_wrapper div.formulier_header {
	background-image: url(http://www.allesoverbesparen.nl/img/formulier_header.gif);
	background-repeat: no-repeat;
	background-color: white;
	height:18px;
	color:white;
	font-weight: bold;
	padding-left:10px;
	padding-top:1px;
	cursor:pointer;
	background-color: #E7F0FE;
	
}
div.formulier_wrapper div.formulier_header div {
	float:right;
	padding-right:20px;
	margin-right: 5px;
	background-image: url(http://www.allesoverbesparen.nl/img/delete.png);
	background-position: center right;
	background-repeat: no-repeat;
}
div.formulier_wrapper div.formulier_header div.voltooid{
/*	background-image: url(http://www.allesoverbesparen.nl/img/accept.png);	*/
}


ul.vinkje{
	padding-left:0px;
}	
ul.vinkje li{
	list-style-image: url(http://www.allesoverbesparen.nl/img/vinkje.jpg);
	list-style-position: inside;
	margin-bottom: 8px;
}


table.rente{
	width:100%;
}
table.rente tr td {
	border:1px solid black;
	padding-left:5px;
	padding-right:5px;
}
table.rente tr.head td{
	vertical-align: middle;
	font-weight: bold;
	border:1px solid black;
	background-color: #2568AE;
	color:white;
}
td.bold{
	font-weight: bold;
}

table.energieTabel{
	width: 680px;
	border-collapse: collapse;
	background: white url(http://www.allesoverbesparen.nl/img/energieTabel.gif) no-repeat left 25px;
	margin-top:25px;
}
table.energieTabel th{
	border: 1px solid white;
	background-color: #2568ae;
	color:white;
	padding:1px 3px;
	height:23px;
}
table.energieTabel tr{
	height:25px;
}
table.energieTabel tr td{
	padding:1px 3px;
	border: 1px solid white;
}
table.energieTabel td.blank {
	background-color: #FFFFFF;
}
table.energieTabel tr.first {
	height:54px;
	color:#0a3464;
	font-weight: bold;
}
table.energieTabel tr.first td{
	border:0;
}
table.energieTabel tr.first td.blank {
	background-color: transparent;
}
table.energieTabel tr.even {
	background-color: #FFFFFF;
}
table.energieTabel tr.odd {
	background-color: #e9f0f8;
}

div#overlayBG{
	display: block;
	position: fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:black;
	opacity:0.4;
	filter:alpha(opacity=40);
	z-index:998;
}
div#overlayWrapper{
	display: block;
	position: fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:999;
}
div#overlayHead{
	width:100%;
	background-color:transparent;
	text-align: right;
	margin:0 auto;
	margin-top:25px;
}
iframe#overlayIframe{
	padding:0;
	border-color:#CCC;
	background-color: white;
	width:75%;
	height:75%;
	margin:0 auto;
	display:block;
	-moz-box-shadow:	10px 10px 50px #000; /* #BBBBBB */
	-webkit-box-shadow:	10px 10px 50px #000; /* #BBBBBB */
}
div#overlayContent{
	padding:10px;
	border-color:#CCC;
	background-color: white;
	width:75%;
	height:75%;
	margin:0 auto;
	display:block;
	-moz-box-shadow:	10px 10px 50px #000; /* #BBBBBB */
	-webkit-box-shadow:	10px 10px 50px #000; /* #BBBBBB */
	overflow: auto;
}


div.bespaarindicatie{
	display:none;
	background-color:white;
	text-align:center;
	padding:3px;
	border: 1px solid #aaa;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-weight: normal !important;
	
	-moz-box-shadow:inset 1px 1px 2px #cccccc;
	-webkit-box-shadow:inset 1px 1px 2px #cccccc;
	box-shadow:inset 1px 1px 2px #cccccc;
} 



/* online tabel */
table.contenttable{
	border-collapse:collapse;
	border-color:#D2D2D2 -moz-use-text-color #D2D2D2 #D2D2D2;
	border-style:solid none solid solid;
	border-width:1px 0 1px 1px;
	border-spacing:3px;
	margin:2px 0 10px;
	width:100%;
	table-layout: fixed;
}

table.contenttable tr.even {
	background:none repeat scroll 0 0 #FFFFFF;
}

table.contenttable tr.odd {
	background:none repeat scroll 0 0 #EBEBEB;
}
table.contenttable th {
	border-bottom:1px solid #D2D2D2;
	border-right:1px solid #D2D2D2;
	border-top:1px solid #D2D2D2;
	padding:3px 10px;
	text-align:left;
}
table.contenttable td {
	border-bottom:1px solid #D2D2D2;
	border-right:1px solid #D2D2D2;
	border-top:1px solid #D2D2D2;
	padding:3px 3px 3px 10px;
}


/* chat */
div#chat{
	position: fixed;
	right:50px;
	top:-1000px;
	background-color: #FFF5EF;
	border:3px solid #FA6805;
	border-top: 0;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	padding:5px;
	width:220px;
	margin-left:720px;
}
div#closeChat{
	float:right;
	cursor: pointer;
	background-image: url('http://www.allesoverbesparen.nl/img/close.gif');
	width:14px;
	height:13px;
}