/**
 * @site Bijtelling
 * @revision $Revision: 1.1.2.2.2.4 $
 *
 * @styleguide:
 *  Differences to MultiLease:
 *  - orange is now blue
 *  - homepage contains calculationform
 *
 */

a, a:link { color: #77addd; }
a:visited { color: #77addd; }
a:active { color: #77addd; }
a:hover { color: #77addd; border-bottom-color: #77addd; }
h1, h2, h3, h4, h5, h6 { color: #77addd; }
fieldset { border-color: #77addd; }
fieldset legend { background-color: #77addd; }
#header h1 { background-image: url(/images/calculation/logo.png); }
#header h2 { background-color: #77addd; }
.column ul { list-style: none outside url(/images/a_3hoek.gif); }
.inline-sections dd a { background-image: url(/images/a_3hoek_bijtelling.gif); }
.menu_rich li:hover span { border-color: #77addd; }
ul.default { background-color: transparent; }
ul.default li { background-image: url(/images/a_3hoek_bijtelling.gif); }
ul.default li a:hover { border-color: #77addd; }
ul.rich li a:hover { border-color: #77addd; }
ul.rich li .richmore a { background-image: url(/images/a_3hoek_bijtelling.gif); }
dl.group dt a { background-image: url(/images/a_3hoek_bijtelling.gif); }
dl.group dd a { background-image: url(/images/a_3hoek_bijtelling.gif); }
.linkbox_default li a { background-image: url(/images/a_3hoek_bijtelling.gif); }
.linkbox_rich span { background-image: url(/images/a_3hoek_bijtelling.gif); }
.imgbox p { color: #77addd; }
ul.visual li p a:hover { color: #77addd; }
.address dt, .address dd { color: #77addd; }
.header { color: #77addd; }
.progressbar { border-color: #77addd; }
#progress { background-color: #77addd; }
.occasionsform label, .occasionsform .header { color: #77addd; }
.occasions th { color: #77addd; }
.occasions a:hover { border-color: #77addd; }
.occasionlinks a, .occasionlinks a:visited, .occasionlinks span { background-image: url(/images/a_3hoek_bijtelling.gif); }
.occasionlinks a:hover, .occasionlinks span:hover { border-color: #77addd; }
.occasionlinks .button { background-image: url(/images/a_3hoek_bijtelling.gif); }
#optionsheader { color: #77addd; background-image: url(/images/a_3hoek_bijtelling.gif); }
ul.sitemap li a { background-image: url(/images/a_3hoek_bijtelling.gif); }
#chapters li a { background-image: url(/images/a_3hoek_bijtelling.gif); }
.more a { background-image: url(/images/a_3hoek_bijtelling.gif); }
.button { border-color: #77addd; color: #77addd; background-image: url(/images/a_3hoek_bijtelling.gif); }
a.button { border-color: #77addd !important; background-image: url(/images/a_3hoek_bijtelling.gif) !important; }
.link           { color: #77addd; }
.link:hover     { border-color: #77addd; }

/* calculationform */
.bijtelling { clear: both; float: left; width: 100%; padding: .5em 0; margin: 1em 0; border: 1px dotted #d2d2d2; border-width: 1px 0; }
.bijtellingform { clear: both; float: left; width: 100%; padding: 0; margin: 0; }

.bijtellingform .bijtelling-form-element { width: 100%; margin-bottom: .5em; overflow: hidden; zoom: 1; }
    .bijtellingform label { display: block; width: 43%; float: left; }
    .bijtellingform .unit { width: 5%; float: left; }
    .bijtellingform .bijtelling-input-element { width: 43%; float: left; }
    .bijtellingform .header { clear: both; display: block; margin: 1em 0 .5em 0; font-weight: bold; }
    .bijtellingform input { width: 224px !important; }
    .bijtellingform select { width: 230px !important; }

.bijtellingresult { clear: both; float: left; width: 95%; }
    .bijtellingresult dt, .bijtellingresult dd { padding: 0; }
    .bijtellingresult dt { clear: both; width: 40%; float: left; }
    .bijtellingresult dd { width: 40%; float: left; margin: 0 0 .2em 0; }

.benzine_emission_nodisplay, .diesel_emission_nodisplay, .roetfilter_nodisplay { display: none; }

.strong { font-weight: bold; }
.back { float: left; clear: both; background-image: url(/images/a_3hoek_left_bijtelling.gif); }
.small { font-size: .8em; }
.italic { font-style: italic; }