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

body {
      font-family: Arial,verdana,sans-serif;
      font-size: 75%;
}
/* tooltip */
ramen.tooltip {
    FONT-family: courier;
    FONT-SIZE: 11px;
    font-weight: bold;
    border: 1px solid #556177;
    padding: 1px;
    background-color: #d4e0f7;
    color: #556177;
}

#dhtmltooltip {
    position: absolute;
    width: 270px;
    border: 1px solid #8e7672;
    padding: 6px;
    background-color: #c3bebe;
    visibility: hidden;
    z-index: 100;
}
div#offerte-holder table tr td span img {
    border: 0px solid #ffffff;
    padding: 0px;
}

/* ========== OFFERTE ========== */
.tekstPlaatjeEen, .tekstPlaatjeTwee, .tekstPlaatjeDrie, .tekstPlaatjeVier, .tekstPlaatjeVijf, .tekstPlaatjeZes{
   width: 150px;
}

.tekstPlaatjeEen{ margin-left: 25px; }
.tekstPlaatjeTwee{ margin-left: 50px; }
.tekstPlaatjeDrie, .tekstPlaatjeVier, .tekstPlaatjeAcht{ margin-left: 75px; }
.tekstPlaatjeVijf { margin-left: 95px; }
.tekstPlaatjeEenHout {margin-left: 45px;}
.tekstPlaatjeZes{ margin-left: 40px; }
.tekstPlaatjeZeven { margin-left: 100px; }


body#offerte div#main-holder 	{ background:transparent url("https://modules.almexx.nl/dakkapel/images/contentOfferteBackground.gif") repeat-y scroll center top; }
body#offerte div#header 			{ background:transparent url("images/headerOfferte.gif") no-repeat scroll center top; }
body#offerte div#contentRight { display:none; }
body#offerte div#contentLeft 	{ width:780px;}


div#poweredby {
display: none;
}
div#offerte-holder ul#steps {
	margin:0;
	padding:0;
	background:#383838 url("https://modules.almexx.nl/dakkapel/images/offerteNavigationBackground.gif") repeat-x scroll center bottom;
	list-style-type:none;
	width:99%%;
	height:50px;
	border:1px solid #000;
	-moz-border-radius:3px;
}
div#offerte-holder ul#steps li {
	float:left;
	margin:0;
	padding:3px;
	}
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("https://modules.almexx.nl/dakkapel/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:99%;
	border-collapse:collapse;
}
div#offerte-holder table tr td {
	padding:5px;
}
div#offerte-holder table tr td.nameCell {
 font-size: 75%;
	font-weight:bold;
}
div#offerte-holder table tr td.textInput input {
       width: 350px;
      text-align: left;
}
div#offerte-holder table tr td input {
	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-weight:bold;
	background:#383838 url("https://modules.almexx.nl/dakkapel/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;
}

#dakkapel {
    height: auto;
    overflow: hidden;
    clear: right;
}
#ramenhelft {
    position: relative;
    top: 100px;
	margin-top: -205px;
    margin-left: 35px;
    height: 74px;
    width: 200px;
    overflow: hidden;
}
#ramen {
    position: relative;
    top: 100px;
	margin-top: -310px;
    margin-left: 83px;
    height: 150px;
    width: 200px;
    overflow: hidden;
}

#ramen .RaamA, #ramen .RaamB, #ramen .RaamC, #ramen .RaamD, #ramen .RaamE, #ramen .RaamDraaiLinks, #ramen .RaamDraaiRechts,#ramen .RaamDraaiKiepLinks, #ramen .RaamDraaiKiepRechts, #ramen .Paneel, #ramen .raamZelf {
    float: left;
    clear: none;
}

.RaamA, .RaamB, .RaamC, .RaamD, .RaamE, .RaamDraaiLinks, .RaamDraaiRechts, .RaamDraaiKiepLinks, .RaamDraaiKiepRechts, .Paneel {
    height: 148px;
    background-repeat: no-repeat;
    margin-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
}

.RaamA {
    width:75px;
    background-image: url('https://modules.almexx.nl/dakkapel/images/raamA.jpg');
}

.RaamB {
    width: 125px;
    background-image: url('https://modules.almexx.nl/dakkapel/images/raamB.jpg');
}

.RaamC {
    width: 175px;
    background-image: url('https://modules.almexx.nl/dakkapel/images/raamC.jpg');
}
.RaamD {
    width: 100px;
    background-image: url('https://modules.almexx.nl/dakkapel/images/raamD.jpg');
}
.RaamE {
    width: 150px;
    background-image: url('https://modules.almexx.nl/dakkapel/images/raamE.jpg');
}
.RaamDraaiLinks {
    width: 75px;
    background-image: url('https://modules.almexx.nl/dakkapel/images/raamdraailinks.jpg');
}
.RaamDraaiRechts {
    width: 75px;
    background-image: url('https://modules.almexx.nl/dakkapel/images/raamdraairechts.jpg');
}
.RaamDraaiKiepLinks {
    width: 75px;
    background-image: url('https://modules.almexx.nl/dakkapel/images/raamdraaikieplinks.jpg');
}
.RaamDraaiKiepRechts {
    width: 75px;
    background-image: url('https://modules.almexx.nl/dakkapel/images/raamdraaikieprechts.jpg');
}
.Paneel {
    width: 50px;
    background-image: url('https://modules.almexx.nl/dakkapel/images/paneel.jpg');
}

#ramenhelft .RaamAhelft, #ramenhelft .RaamBhelft, #ramenhelft .RaamChelft, #ramenhelft .RaamDhelft, #ramenhelft .RaamEhelft, #ramenhelft .RaamDraaiLinkshelft, #ramenhelft .RaamDraaiRechtshelft, #ramenhelft .RaamDraaiKiepLinkshelft , #ramenhelft .RaamDraaiKiepRechtshelft , #ramenhelft .Paneelhelft , #ramenhelft .raamZelfhelft {
    float: left;
    clear: none;
}
.RaamAhelft, .RaamBhelft, .RaamChelft, .RaamDhelft, .RaamEhelft, .RaamDraaiLinkshelft, .RaamDraaiRechtshelft, .RaamDraaiKiepLinkshelft, .RaamDraaiKiepRechtshelft, .Paneelhelft {
    height: 74px;
    background-repeat: no-repeat;
    margin-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
}

.RaamAhelft {
    width:37px;
    background-image: url('https://modules.almexx.nl/dakkapel/images/helft/raamA.jpg');
}

.RaamBhelft {
    width: 63px;
    background-image: url('https://modules.almexx.nl/dakkapel/images/helft/raamB.jpg');
}

.RaamChelft {
    width: 87px;
    background-image: url('https://modules.almexx.nl/dakkapel/images/helft/raamC.jpg');
}
.RaamDhelft {
    width: 50px;
    background-image: url('https://modules.almexx.nl/dakkapel/images/helft/raamD.jpg');
}
.RaamEhelft {
    width: 75px;
    background-image: url('https://modules.almexx.nl/dakkapel/images/helft/raamE.jpg');
}
.RaamDraaiLinkshelft {
    width: 37px;
    background-image: url('https://modules.almexx.nl/dakkapel/images/helft/raamdraailinks.jpg');
}
.RaamDraaiRechtshelft {
    width: 37px;
    background-image: url('https://modules.almexx.nl/dakkapel/images/helft/raamdraairechts.jpg');
}
.RaamDraaiKiepLinkshelft {
    width: 37px;
    background-image: url('https://modules.almexx.nl/dakkapel/images/helft/raamdraaikieplinks.jpg');
}
.RaamDraaiKiepRechtshelft {
    width: 37px;
    background-image: url('https://modules.almexx.nl/dakkapel/images/helft/raamdraaikieprechts.jpg');
}
.Paneelhelft {
    width: 25px;
    background-image: url('https://modules.almexx.nl/dakkapel/images/helft/paneel.jpg');
}
#soorten {
	width:75px;
	background:#eee;
	border:1px solid #ddd;
	padding:5px;
	font-size:.9em;
	text-align:center;
	height: 440px;
}
#soorten .RaamA,
#soorten .RaamB,
#soorten .RaamC,
#soorten .RaamD,
#soorten .RaamE,
#soorten .RaamDraaiLinks,
#soorten .RaamDraaiRechts,
#soorten .RaamDraaiKiepLinks,
#soorten .RaamDraaiKiepRechts,
#soorten .Paneel,
#soorten .RaamAhelft,
#soorten .RaamBhelft,
#soorten .RaamChelft,
#soorten .RaamDhelft,
#soorten .RaamEhelft,
#soorten .RaamDraaiLinkshelft,
#soorten .RaamDraaiRechtshelft,
#soorten .RaamDraaiKiepLinkshelft,
#soorten .RaamDraaiKiepRechtshelft,
#soorten .Paneelhelft {
    height: 50px;
    background-repeat: no-repeat;
    margin:3px auto;
}

#soorten .RaamA, #soorten .RaamAhelft {
    width: 30px;
    background-image: url('https://modules.almexx.nl/dakkapel/images/thumbs/raamA.jpg');
}

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

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

#soorten .RaamDraaiKiepLinks, #soorten .RaamDraaiKiepLinkshelft {
    width: 30px;
    background-image: url('https://modules.almexx.nl/dakkapel/images/thumbs/raamdraaikieplinks.jpg');
}
#soorten .RaamDraaiKiepRechts, #soorten .RaamDraaiKiepRechtshelft {
    width: 30px;
    background-image: url('https://modules.almexx.nl/dakkapel/images/thumbs/raamdraaikieprechts.jpg');
}
#soorten .Paneel,#soorten .Paneelhelft {
    width: 20px;
    background-image: url('https://modules.almexx.nl/dakkapel/images/thumbs/paneel.jpg');
}
#horren {
	background:#eee; 
	border:1px solid #ddd;
	text-align:left;
	width:95%;
	margin:0 auto;
        margin-top: 230px; 
        height: 70px;
}
#horren ul {
	list-style-type:none;
	float:left;
	margin:5px 5px;
	padding:0 5px 0 0;
	font-size:.67em;
	border-right:1px solid #ddd;
}
#horren ul li {
	padding:1px 3px;
}
#horren ul li input {
	padding:1px 3px;
  width: auto;
}

#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 5px 0px !important;
	font-weight:bold;
	font-size:1.3em;
}

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