/*
CSS for: offerte module van plaatseendakkapel.nl
Version: 1.0
Author: Fiendo - Geert Hoekzema
Website: http://fiendo.nl
*/


/* ========== OFFERTE ========== */
body#offerte div#main-holder, body#bedankt div#main-holder, body#enquete div#main-holder{
	background:transparent url("../images/contentOfferteBackground.gif") repeat-y scroll center top; 
}

body#offerte div#header, body#bedankt div#header, body#enquete div#header{
	background:transparent url("../images/headerOfferte.gif") no-repeat scroll center top; 
}

body#offerte div#contentRight, body#bedankt div#contentRight, body#enquete div#contentRight {
	display:none; 
}

body#offerte div#contentLeft, body#bedankt div#contentLeft, body#enquete div#contentLeft{
	width:780px;
}

div#offerte-holder ul#steps { 
	margin:0;
	padding:0;
	background:#383838 url("../images/offerteNavigationBackground.gif") repeat-x scroll center bottom; 
	list-style-type:none;
	width:100%;
	height:50px;
	border:1px solid #000;
	-moz-border-radius:3px;
}
div#offerte-holder ul#steps li { 
	float:left;
	margin:0;
	padding:3px;
	width:150px;
}
div#offerte-holder ul#steps li a{
	display:list-item;
	color:#bbb;
	text-decoration:none; 
	padding:3px 5px;
}

div#offerte-holder ul#steps li a span{
	display:block;
	font-weight:bold;
	font-size:1.4em;
	color:#fff;
}

div#offerte-holder ul#steps li.visited a,
div#offerte-holder ul#steps li.visited a span {
	color:#aaa;
}
div#offerte-holder ul#steps li.visited a span {
	padding:0 0 0 12px;
	background:transparent url("../images/offerteNavVisited.gif") no-repeat scroll left center; 
}
div#offerte-holder ul#steps li.selected a,
div#offerte-holder ul#steps li a:hover {
	background:#444;
	border:1px solid #666;
	-moz-border-radius:3px;
}

div#offerte-holder table {
	margin:10px 0;
	width:100%;
	border-collapse:collapse;
}
div#offerte-holder table tr td {
	padding:5px; 
}
div#offerte-holder table tr td.nameCell { 
	font-weight:bold; 
}
div#offerte-holder table tr td input {
	font-size:1.3em; 
	padding:3px; 
}
div#offerte-holder table tr td img {
	padding:5px;
	background-color:#fff;
	border:1px solid #ccc;
	-moz-border-radius:4px;
}
div#offerte-holder table tr.oddRow {
	background-color:#eee;
}
div#offerte-holder table tr td.navigation {
	background:#777;
	padding:8px;
}
div#offerte-holder table tr td.navigation #nextStep,
div#offerte-holder table tr td.navigation #previousStep {
	color:#fff;
	text-decoration:none;
	font-size:1.4em;
	font-weight:bold;
	background:#383838 url("../images/offerteNavigationBackground.gif") repeat-x scroll center bottom; 
	border:1px solid #333;
	-moz-border-radius:3px;
	padding:6px;
	border:1px solid #555;
	min-width:100px;
	display:block;
	text-align:center;
}

div#offerte-holder table tr td.navigation #nextStep:hover,
div#offerte-holder table tr td.navigation #previousStep:hover {
	color:#FFE0A5;
	background:#222;
	border:1px solid #666;
}

div#offerte-holder table tr td.navigation #nextStep {
	float:right; 
	}	
div#offerte-holder table tr td.navigation #previousStep {	
	float:left;
	background:#282828 none;
	color:#999;
	padding:3px;
}

div#offerte-holder table#poweredtable {
	border:none;
	font-size:.9em; 
	font-style:italic;
}
div#offerte-holder table#poweredtable a {
	color:#A61500;
}
	
	
/* --- STEP 2 --- */
div#offerte-holder table div#dakkapel img { 
	margin:0; 
	padding:0; 
	border:none;
}	

#soorten { 
	width:75px;
	background:#eee;
	border:1px solid #ddd;
	padding:5px;
	font-size:.9em;
	text-align:center;
}
#soorten .RaamA, 
#soorten .RaamB, 
#soorten .RaamC, 
#soorten .RaamD, 
#soorten .RaamE, 
#soorten .RaamDraaiLinks, 
#soorten .RaamDraaiRechts,
#soorten .RaamDraaiKiepLinks, 
#soorten .RaamDraaiKiepRechts, 
#soorten .Paneel {
    height: 50px;
    background-repeat: no-repeat;
    margin:3px auto;
}
#soorten .RaamA {
    width: 30px;
    background-image: url('http://modules.almexx.nl/dakkapel/images/thumbs/raamA.jpg');
}

#soorten .RaamB {
    width: 50px;
    background-image: url('http://modules.almexx.nl/dakkapel/images/thumbs/raamB.jpg');
}

#soorten .RaamC {
    width: 70px;
    background-image: url('http://modules.almexx.nl/dakkapel/images/thumbs/raamC.jpg');
}
#soorten .RaamD {
    width: 40px;
    background-image: url('http://modules.almexx.nl/dakkapel/images/thumbs/raamD.jpg');
}
#soorten .RaamE {
    width: 60px;
    background-image: url('http://modules.almexx.nl/dakkapel/images/thumbs/raamE.jpg');
}
#soorten .RaamDraaiLinks {
    width: 30px;
    background-image: url('http://modules.almexx.nl/dakkapel/images/thumbs/raamdraailinks.jpg');
}
#soorten .RaamDraaiRechts {
    width: 30px;
    background-image: url('http://modules.almexx.nl/dakkapel/images/thumbs/raamdraairechts.jpg');
}

#soorten .RaamDraaiKiepLinks {
    width: 30px;
    background-image: url('http://modules.almexx.nl/dakkapel/images/thumbs/raamdraaikieplinks.jpg');
}
#soorten .RaamDraaiKiepRechts {
    width: 30px;
    background-image: url('http://modules.almexx.nl/dakkapel/images/thumbs/raamdraaikieprechts.jpg');
}
#soorten .Paneel {
    width: 20px;
    background-image: url('http://modules.almexx.nl/dakkapel/images/thumbs/paneel.jpg');
}


#horren {
	background:#eee; 
	border:1px solid #ddd;
	text-align:left;
	width:95%;
	margin:0 auto;
}
#horren ul {
	list-style-type:none;
	float:left;
	margin:5px 5px;
	padding:0 5px 0 0;
	font-size:.9em;
	border-right:1px solid #ddd;
}
#horren ul li {
	padding:1px 3px;
}
#horren ul li.title {
	font-weight:bold;
	padding:1px;
}
/* --- STEP 5 --- */

.dkRow td {
	padding:2px 10px;
	text-align:left;
	border-bottom:1px solid #e4e4e4;
}
.dkRow td.dkTitle { 
	font-weight:bold;
	width:300px;
	padding:2px 0 2px 30px !important;
}
.total {
	border-top:2px solid #777; 
	margin:0 0 30px 0;
}

div table .total td,
div table .total td.dkTitle 	 {
	padding:2px 0 40px 0px !important;
	font-weight:bold;
	font-size:1.3em;
}