/*
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 */
.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 {
	background-color:#fff;
	-moz-border-radius:4px;
}

div#offerte-holder table tr td div.tuindeur img {
 -moz-border-radius: 0px;
}

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,
div#offerte-holder table tr td.navigation #reset  {
	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,
div#offerte-holder table tr td.navigation #reset: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 #reset { 
        max-width: 110px;
        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 --- */
html body form div table tr td div.tuindeur img {
	margin:0;
	padding:0;
	border:none;
}

.tuindeur {
    height: auto;
    overflow: hidden;
    clear: right;
}

/* --- STEP 5 --- */

.dkRow td {
	padding:2px 10px;
	text-align:left;
	border-bottom:1px solid #e4e4e4;
}
.dkRow td.dkTitle {
	font-weight:bold;
	width:250px;
	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;
}