/* style definitions by Marco De Luca - DeLucaMarketing.ch */
/* V0.8 - 2006-01-25 */

/* attention: there are relative urls in here! change them if you change there location! */
body {font: 70%/1em verdana,sans-serif; color: #333; margin: 0; padding: 0; background: #e2e1d4 url(../img/bg-top.gif) repeat-x;}

/* wrapper - change this width to adjust for different resolutions once min-width/max-width is fixed in IE, you can forget about this */
#wrapper {width: 760px; margin: 0 auto; padding: 0;}

/* header */
#header {height: 105px; margin: 0 auto;}
#header #logo	{float: left; margin: 0; padding: 0;}
#header #title {float: right;}
#header img		{border: none; margin-top: 12px; margin-left: 24px}
#header #title h1 {margin: 25px 30px 0 0; font-size: 20px; color: #bd3826; background: transparent;}

/* nav */
#nav	{background: transparent; margin: 0; padding:0; height: 18px; margin-top: 1px;}
#nav ul {list-style: none; margin: 0; padding:0; margin-left: 14px;}
#nav ul li {display: inline; margin: 0; padding:0;}
#nav a {text-decoration: none; margin:0; padding: 0px 8px 0px 8px; color: white; font-size: 12px; font-weight: bold; display: block; float: left; border-bottom: 1px solid white; line-height: 18px;}
#nav a:hover {color: #bd3826; background: #c9c7b4;}
#step1 #nav a.step1,
#step2 #nav a.step2,
#step3 #nav a.step3,
#step4 #nav a.step4,
#step5 #nav a.step5
	 {background: #e2e1d4; border-bottom: 1px solid #e2e1d4; color: #bd3826; border-left: 1px solid white; border-right: 1px solid white;}

/* content */	
#content {margin: 0; padding: 20px 10px;}

/* footer */
#footer {width: 100%; margin: 0; padding:0; height: 18px; background: #9F9C6F; border-top: 1px solid white;}
#footer #copy {width: 740px; margin: 0 auto; font-size: 11px; line-height: 18px; padding: 0 10px; color: #54533b; text-align: right;}


h1 {color: #bd3826; background: transparent; font: normal 160% verdana,sans-serif; margin: 0 0 1em 0; padding:0}
h2 {color: #bd3826; background: transparent; font: bold 100%/1.4em verdana,sans-serif; margin: 2em 0 0 0;}
h3 {color: #333333; background: transparent; font: bold 100% verdana,sans-serif; margin: 1em 0 0 0;}
h4 {font: bold 100% verdana,sans-serif; margin: 1em 0 0 0;}
p  {margin: 0.5em 0 0 0; line-height: 1.5em;}
ul {margin-left: 0; padding-left: 1.4em; margin-top:3px; list-style-type: disc;}
ol {margin-left: 0; padding-left: 2.5em; margin-top:3px;}
li {margin-bottom: 0.5em; line-height: 1.5em;}
hr {width: 100%; color: #a8adb1; background: transparent; height: 1px; clear: both;}

/* ELCO colors */
.red {color: #bd3826;}
.sand {color: #9f9c6f;}
.sand-light {color: #b7b592}
.grey {color: #a8adb1;}

/* general purpose classes (the swiss army knife of classes */
.left {float: left; }
.right{float: right;}
.button {margin: 15px 0;}
.buttonsub {margin: 15px 20px 0 0;}

/* tables */
table#questions  {margin-top: 10px;}
table#questions td {background: #f2f1e9; border-bottom: 2px solid #e2e1d4; padding: 0px 3px 0 10px}
table#questions td.form {background: transparent; padding: 0 0 0 10px;}
table#questions input {font: 100%/1em verdana,sans-serif;}
table#questions input.result {background: #f2f1e9; border: 1px solid #bd3826;}
table#questions select {width: 280px; font: 100%/1em verdana,sans-serif;}
table#questions label {margin-left: 5px;}
table#questions img {margin: 3px 0;}


table#output th {background: #9F9C6F; color: white; font-weight: normal; height: 20px; line-height: 1.3em; }
table#output th.legend {font-size: 11px;}
table#output th img {vertical-align: text-bottom }
table#output th.sub1 {background: white; color: #bd3826; text-align: left; font-weight: bold; padding-left: 10px;}
table#output td.sub1 {background: white; border: 1px solid #bd3826;}
table#output th.sub2 {background: transparent; color: #9F9C6F; text-align: left; font-weight: bold; padding-left: 10px;}
table#output td.data {background: #F2F1E9 }
table#output td.data input.text {width: 200px; font: 100%/1em verdana,sans-serif;}
table#output td.data select {width: 200px; font: 100%/1em verdana,sans-serif;}
table#output .sort {float: right;}
table#output label {margin-left: 10px;}


table#calcbasis th {background: #9F9C6F; color: white; text-align: left; padding: 3px 10px;}
table#calcbasis th.sub {font-weight: normal;}
table#calcbasis td.data {background: #F2F1E9; padding-left: 10px; }
table#calcbasis label {margin-left: 5px;}
table#calcbasis td.sub {color: #9F9C6F; font-weight: bold;}
table#calcbasis select {font: 100%/1em verdana,sans-serif;}


table#graphchart {margin-bottom: 30px;}
table#graphchart th {background: #9F9C6F; color: White;}
table#graphchart td {background: #F2F1E9; color: White;}


/* chart colors */
/* contrast is not perfect, maybe we should reconsider on a later stage */
.bgred    {background-color: #BD3826; color: black;}
.bgorange {background-color: #CE7D25; color: black;}
.bgyellow {background-color: #E4CC4C; color: black;}
.bggreen  {background-color: #5A904D; color: black;}
.bgblue   {background-color: #778DB0; color: black;}
.bgbrown  {background-color: #8B683F; color: black;}


form#kontakt {margin:0; padding: 0;}
form#kontakt table.ft td {padding-bottom: 5px;}
form#kontakt table.ft th	{text-align: left; font-weight: normal;}
form#kontakt .field50 {width: 50px; border: 1px solid #a8adb1; font: 100% verdana,sans-serif;}
form#kontakt .field50focus {width: 50px; border: 1px solid #000; font: 100% verdana,sans-serif;}
form#kontakt .field260 {width: 260px; border: 1px solid #a8adb1; font: 100% verdana,sans-serif;}
form#kontakt .field260focus {width: 260px; border: 1px solid #000; font: 100% verdana,sans-serif;}
form#kontakt label.bb, label.bbmust {border-bottom: 1px solid #a8adb1; display: block; margin-right: 5px; padding-right: 20px; margin-top: 0px;}
form#kontakt label.bbmust {color: #bd3826;}

body#popup {background-image: none; margin: 10px;}
table.popup th {text-align: left; background: #9f9c6f; color: white;}
table.popup th, table.popup td {padding: 3px 5px 3px 3px;}
table.popup th.data, table.popup td.data {text-align: right;}
table.popup td {background: white;}
table.popup tr.hi td, table.popup td.hi { background: #F2F1E9; cursor: default;}


/* product pages (included into result pages) */

.product {background: #f2f1e9; padding: 10px 10px 5px 10px; margin-bottom: 10px;}
.product img {border: 1px solid #a8adb1; margin-left: 20px; float: right;}
.product h1 {margin-bottom: 0.25em;}
.product h2 {margin-top: 0;}
.product ul {margin-bottom:0}
h2.producttitle {background: #9f9c6f; color: white; padding:2px 0 3px 10px;}


/* product pages (included into result pages) */
.product {background: #f2f1e9; padding: 10px 10px 5px 10px; margin-bottom: 10px; height: 100%;}
.product img {border: 1px solid #a8adb1; margin: 0 0 5px 10px; float: right;}
.product h1 {margin-bottom: 0.25em;}
.product h2 {margin-top: 0;}
.product ul {margin-bottom:0}
h2.producttitle {background: #9f9c6f; color: white; padding:2px 0 3px 10px;}