/* common */
html,body {
	margin:0;
	padding:0;
	font-family: Verdana,Arial,sans-serif;
	background:url(../images/huisstijl/bg.gif) repeat-x 0 0 #FFFFFF;
	color: #000000;
	font-size:13px;
}
a {
	color:#000000;
	text-decoration:underline;
}
p {
	margin:0; 
	padding:0 0 5px 0;
}
h2 {
	margin:0;
	padding:0;
	color:#000000;
	font-size:14px;
	font-weight:bold;
}
h3 {
	margin:0;
	padding:0;
	color:#000000;
	font-size:12px;
	font-weight:bold;
}
table tr td {
	font-size:11px;
}
.clear {
	clear:both;
}
.clickable {
	cursor:pointer;
}
.image img {
	border:1px #FFFFFF solid;
}
.image.blur {
	opacity:0.33;
	filter:alpha(opacity=33);
}
.radio {
	line-height:25px;
}
.radio input {
	vertical-align:middle;
	margin:0;
	padding:0;
}

/* login */
#login {
	margin:0 auto;
	width:700px;
	height:611px;
	color: #000000;
	font-size:11px;
}
#login h2 {
	margin:0;
	padding:0;
}
#login a {
	text-decoration:underline;
}
#login ul {
	margin:0;
	padding:0;
	list-style-position:inside;
}
#login #menu {
	padding:20px;
	border-bottom: none;
}
#login #form td {
	padding:0 5px 1px 0;
}
#login #form {
	padding:50px 20px 20px 20px;
}
#login #form .left {
	float:left;
	width:400px;
}
#login #form .right {
	float:right;
	width:150px;
}
#login #form .btn100 {
	width:98px;
	height:24px;
	background-color:#333333;
	background-image:url("../images/huisstijl/btn_aanmelden.gif");
	background-repeat:no-repeat;
	border:none;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
	margin-right:-5px;
}
#login #form .btn200 {
	width:200px;
	height:26px;
	background-color:#333333;
	background-image:url("../images/huisstijl/bgbutton200.gif");
	background-repeat:no-repeat;
	border:none;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
}
#login #form #error {
	font-weight:bold;
	color:#ff0000;
}

/* budget-tool */
#budgetplanner {
	margin:0 auto;
	padding:8px 8px 0 8px;
	overflow:hidden;
	background:url(../images/huisstijl/bg.gif) no-repeat 0 0;
}
#budgetplanner #topbar {
	height: 30px;
}

/* stappen */
#budgetplanner #topbar #steps {
	float:left;
	width:420px;
	font-family: Verdana,Arial,sans-serif;
}
#budgetplanner #topbar #steps .step {
	float:left;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size: 16px;
	/*font-weight:bold;*/
	margin-right:8px;
	color:#39a641;
	cursor:pointer;
	background:url(../images/huisstijl/stepbg_active.gif) no-repeat 0 0;
}
#budgetplanner #topbar #steps .step.done {
	border-bottom:none;
	width:30px;
	height:30px;
	color:#FFFFFF;
	background:url(../images/huisstijl/stepbg_done.gif) no-repeat 0 0;
}
#budgetplanner #topbar #steps .step.disabled {
	background:url(../images/huisstijl/stepbg_disabled.gif) no-repeat 0 0;
	color:#FFFFFF;
}
#budgetplanner #topbar #steps .step.allowed {
	background:url(../images/huisstijl/stepbg_allowed.gif) no-repeat 0 0;
	color:#000000;
}

/* budgetmeter */
#budgetplanner #topbar #budget {
	float:right;
	font-size:13px;
	font-weight:bold;
	line-height:30px;
}
#budgetplanner #topbar #budget .label {
	color:#ffffff;
}
#budgetplanner #topbar #budget #budgetover {
	color:#ffffff;
}
#budgetplanner #topbar #budget #budgetover.negative {
	color:#ffffff;
}

/* navigatie balken, volgende/vorige */
#budgetplanner .navbar {
	margin-top:10px;
	height: 30px;
}
#budgetplanner .navbar .prev, #budgetplanner .navbar .next {
	font-size: 13px;
	color:#000000;
	cursor:pointer;
}
#budgetplanner .navbar .prev {
	float:left;
	width:62px;
	height:18px;
	background:url(../images/huisstijl/btn_vorige.gif) no-repeat 0 0;
}
#budgetplanner .navbar .prev.disabled {
	color:#ffe828;
	cursor:default;
	background-position:0 -18px;
}
#budgetplanner .navbar .next {
	float:right;
	width:78px;
	height:18px;
	background:url(../images/huisstijl/btn_volgende.gif) no-repeat 0 0;
}
#budgetplanner .navbar .next.disabled {
	color:#ffe828;
	cursor:default;
	background-position:0 -18px;
}

/* main */
#budgetplanner #content {
	font-size:11px;
	height:540px;
	overflow:hidden;
}

/* Step 1 */
#budgetplanner #content #step_1 .label,#budgetplanner #content #step_1.input  {
	height:18px;
	line-height:18px;
}
#budgetplanner #content #step_1 .label {
	float: left;
	width: 250px;
}
#budgetplanner #content #step_1 .input select {
	width: 200px;
}
#budgetplanner #content #step_1 #persoonlijkesmaak {
	height:125px;
}
#budgetplanner #content #step_1 #persoonlijkesmaak .image {
	float:left;
	margin-right:10px;
}

/* Step 2 */
#budgetplanner #content #step_2 #opstelling {
}
#budgetplanner #content #step_2 #opstelling .image {
	float:left;
	width:131px;
	margin-right:20px;
	height:220px;
	font-size:10px;
}

/* Step 3 */
#budgetplanner #content #step_3 #maatvoering {
	margin-bottom:15px;
}
#budgetplanner #content #step_3 #maatvoering .image {
	float:left; 
	width:131px;
	height:91px;
	margin-right:20px;
}
#budgetplanner #content #step_3 #maatvoering input {
	width:50px;
}
#budgetplanner #content #step_3 #maatvoering select {
	width:55px;
} 
#budgetplanner #content #step_3 #keukenmeubilair {
	margin-bottom:15px;
}
#budgetplanner #content #step_3 #keukenmeubilair .keukenmeubel {
	float:left;
	width: 200px;
	margin-right:20px;
}
#budgetplanner #content #step_3 #keukenmeubilair .image {
	float:left; 
	width:131px;
	height:91px;
	margin-right:10px;
}
#budgetplanner #content #step_3 #kastfronten {
	margin-bottom:15px;
}
#budgetplanner #content #step_3 #kastfronten .kastfront {
	float:left;
	width: 200px;
	margin-right:20px;
}
#budgetplanner #content #step_3 #kastfronten .kastfront input {
	margin:0;
	padding:0;
}
#budgetplanner #content #step_3 #kastfronten .image {
	float:left; 
	width:131px;
	height:91px;
	margin-right:10px;
}

/* Step 4 */
#budgetplanner #content #step_4 #kookunits {
	margin-bottom:15px;
}
#budgetplanner #content #step_4 #kookunits .kookunit {
	float:left;
	width: 200px;
	margin-right:20px;
	margin-bottom:15px;
}
#budgetplanner #content #step_4 #kookunits .kookunit input {
	margin:0;
	padding:0;
}
#budgetplanner #content #step_4 #kookunits .image {
	float:left; 
	width:131px;
	height:91px;
	margin-right:10px;
}


/* Step 5 */
#budgetplanner #content #step_5 #magnetrons {
	margin-bottom:15px;
}
#budgetplanner #content #step_5 #magnetrons .magnetron {
	float:left;
	width: 200px;
	margin-right:20px;
	margin-bottom:15px;
}
#budgetplanner #content #step_5 #magnetrons .magnetron input {
	margin:0;
	padding:0;
}
#budgetplanner #content #step_5 #magnetrons .image {
	float:left; 
	width:131px;
	height:91px;
	margin-right:10px;
}
#budgetplanner #content #step_5 #ovens {
	margin-bottom:15px;
}
#budgetplanner #content #step_5 #ovens .oven {
	float:left;
	width: 200px;
	margin-right:20px;
	margin-bottom:15px;
}
#budgetplanner #content #step_5 #ovens .oven input {
	margin:0;
	padding:0;
}
#budgetplanner #content #step_5 #ovens .image {
	float:left; 
	width:131px;
	height:91px;
	margin-right:10px;
}
#budgetplanner #content #step_5 #vaatwassers {
	width: 500px;
	margin-bottom:15px;
}
#budgetplanner #content #step_5 #vaatwassers .image {
	float:right; 
	width:131px;
	height:91px;
	margin-right:10px;
}
#budgetplanner #content #step_5 #vaatwassers select {
	width:225px;
}


/* Step 6 */
#budgetplanner #content #step_6 #koelkasten {
	margin-bottom:15px;
	font-size:10px;
}
#budgetplanner #content #step_6 #koelkasten .koelkast {
	float:left;
	width: 200px;
	margin-right:20px;
	margin-bottom:15px;
}
#budgetplanner #content #step_6 #koelkasten .koelkast input {
	margin:0;
	padding:0;
}
#budgetplanner #content #step_6 #koelkasten .image {
	float:left; 
	width:131px;
	height:91px;
	margin-right:10px;
}

/* Step 7 */
#budgetplanner #content #step_7 #afzuigkappen {
	margin-bottom:15px;
	font-size:10px;
}
#budgetplanner #content #step_7 #afzuigkappen .afzuigkap {
	float:left;
	width: 150px;
	margin-right:20px;
	margin-bottom:15px;
}
#budgetplanner #content #step_7 #afzuigkappen .afzuigkap input {
	margin:0;
	padding:0;
}
#budgetplanner #content #step_7 #afzuigkappen .image {
	float:left; 
	width:131px;
	height:91px;
	margin-right:10px;
}
#budgetplanner #content #step_7 #verlichtingen {
	margin-bottom:15px;
	font-size:10px;
}
#budgetplanner #content #step_7 #verlichtingen .verlichting {
	float:left;
	width: 150px;
	margin-right:20px;
	margin-bottom:15px;
}
#budgetplanner #content #step_7 #verlichtingen .verlichting input {
	margin:0;
	padding:0;
}
#budgetplanner #content #step_7 #verlichtingen .image {
	float:left; 
	width:131px;
	height:91px;
	margin-right:10px;
}

/* Step 8 */
#budgetplanner #content #step_8 #werkbladen {
	margin-bottom:15px;
	font-size:10px;
}
#budgetplanner #content #step_8 #werkbladen .werkblad {
	float:left;
	width: 200px;
	margin-right:20px;
	margin-bottom:15px;
}
#budgetplanner #content #step_8 #werkbladen .werkblad input {
	margin:0;
	padding:0;
}
#budgetplanner #content #step_8 #werkbladen .image {
	float:left; 
	width:131px;
	height:91px;
	margin-right:10px;
}

/* Step 9 */
#budgetplanner #content #step_9 #spoelbakken {
	margin-bottom:15px;
	font-size:10px;
}
#budgetplanner #content #step_9 #spoelbakken .left {
	float:left;
	width:390px;
	border-right: 1px #aea799 dotted;
	margin-right: 30px;
}
#budgetplanner #content #step_9 #spoelbakken .right {
	float:left;
}
#budgetplanner #content #step_9 #spoelbakken .spoelbak {
	float:left;
	width: 175px;
	margin-right:20px;
	margin-bottom:15px;
}
#budgetplanner #content #step_9 #spoelbakken .spoelbak input {
	margin:0;
	padding:0;
}
#budgetplanner #content #step_9 #spoelbakken .image {
	float:left; 
	width:131px;
	height:91px;
	margin-right:10px;
}
#budgetplanner #content #step_9 #kranen {
	margin-bottom:15px;
	font-size:10px;
}
#budgetplanner #content #step_9 #kranen .kraan {
	float:left;
	width: 175px;
	margin-right:20px;
	margin-bottom:15px;
}
#budgetplanner #content #step_9 #kranen .kraan input {
	margin:0;
	padding:0;
}
#budgetplanner #content #step_9 #kranen .image {
	float:left; 
	width:131px;
	height:91px;
	margin-right:10px;
}

/* Step 10 */
#budgetplanner #content #step_10 #plaatsing {
	margin-bottom:15px;
}
#budgetplanner #content #step_10 #plaatsing select {
	width:350px;
}

/* Step 11 */
#budgetplanner #content #step_11 #overzicht {
/*	
	float:left;
	width:425px;
*/
	margin-right:40px;
}
#budgetplanner #content #step_11 #vervolg {
/*
	float:left;
*/
}
#budgetplanner #content #step_11 #overzicht #besteding {
	border-top:1px #ecf3ed solid;
	background-color:#cfe1d1;
	color:#000000;
	margin-bottom:25px;
	padding:15px 20px 15px 20px;
	line-height:25px;
	width:420px;
}
#budgetplanner #content #step_11 #overzicht #totaal {
	background-color:#cfe1d1;
	color:#000000;
	margin-bottom:15px;
	padding:15px 20px 15px 20px;
	line-height:25px;
	width:420px;
}
#budgetplanner #content #step_11 .label {
	width:120px;
}
#budgetplanner #content #step_11 .valuta {
	width: 15px;
}
#budgetplanner #content #step_11 .bedrag {
	width: 60px;
	text-align:right;
}