/* ~~~ COLORS ~~~ */
/*
black			#4a4a4a
black (in form)	#000

grey			#999

red				#c61f00
red pale		#f7ded9

green			#080
green pale		#d9ecd9
*/

/* ~~~ COMMON ~~~ */
body,
legend, input, textarea, select {font:13px/140% arial,helvetica,verdanan,sans-serif;color:#4a4a4a;}

body {height:auto;}
h1, h2, h3, h4, h5, h6,
p, address, blockquote, pre,
ul, ol, dl,
table,
div.company-details,
div.hint,
#content_main div.flash-box,
form {margin:0 260px 20px 60px;padding:0;}

#content_sub * {margin-left:0;margin-right:0;}

div.hint * {color:#999;margin-left:0;margin-right:0;}
div.hint.withdrawal-notice * {color:#000;}

fieldset.information.dealer * {margin-left:0;margin-right:0;}


/* ~~~ HEADINGS ~~~ */
h1 {font-size:22px;margin-bottom:34px;padding-top:20px;}
#content_sub h1 {font-size:17px;margin-right:0;margin-bottom:31px;margin-left:0;padding-top:8px;}
#branding h1 {margin:0;padding-top:0;}

h2 {font-size:17px;margin-top:30px;}
form h2 {margin-left:0;margin-right:0;}
#content_sub h1 {line-height:120%;margin-top:0;}
#content_sub h2 {}

h3 {font-size:14px;margin-bottom:10px;}
h4 {}
h5 {}
h6 {}



/* ~~~ PARAGRAPHS ~~~ */
p,
address {margin-top:10px;}

p {}
#content_sub p {margin-right:0;margin-left:0;}

p.error,
p.success {padding:4px 5px 5px 5px;}

blockquote p {font-family:georgia,serif;font-style:italic;font-size:13px;margin:0 0 10px 0;}

/*blockquote p[lang="de_DE"] {quotes: "„" "“" "‚" "‘";}*/
blockquote p[lang=de_DE],
blockquote p[lang=de_AT],
blockquote p[lang=de_CH],
blockquote p[lang=es_ES],
blockquote p[lang=it_IT] {quotes: "»" "«" "›" "‹";}
blockquote p[lang=en_UK] {quotes: "“" "”" "‘" "’";}
blockquote p[lang=fr_FR] {quotes: "« " " »" "‹ " " ›";}
blockquote p[lang=ru_RU] {quotes: "«" "»" "‹" "›";}

blockquote p[lang]:before {content:open-quote;}
blockquote p[lang]:after {content:close-quote;}

blockquote p cite {font-style:normal;font-size:12px;color:#8a8a8a;}

address {font-style:normal;}
blockquote {margin-top:20px;}


/* ~~~ LISTS ~~~ */
ul,
ol,
dl {}

ul {}
ul#language-overview {}
ul.merits {}
#content_sub ul.merits,
#content_sub ul.validation {line-height:100%;margin-right:0;margin-left:0;}

ul li {list-style:none outside;background:url(/i/icons/guillemets-r.gif) 0 0 no-repeat transparent;margin:0 0 4px 0;padding:0 0 0 15px;}
ul#language-overview li {font-size:11px;display:block;float:left;background:none;width:112px;height:24px;margin-right:5px;padding:0;}
ul.merits li {background-image:url(/i/icons/tick.gif);}
#content_sub ul.merits li {font-size:17px;font-weight:bold;background-image:url(/i/icons/tick_big.gif);background-position:0 -2px;margin-bottom:20px;padding:2px 0 1px 23px;}
#content_sub ul.validation li {float:left;font-size:11px;background-image:none;margin-right:10px;padding-left:0;}

ol {margin-right:60px;}

ol li {list-style-position:inside;}


/* ~~~ TABLES ~~~ */
table {border:0;border-collapse:collapse;border-spacing:0;padding:0;}
#content_sub table {width:180px;border:0;margin-left:20px;}
#content_sub table.prices {}

#content_sub table caption {font-size:13px;font-weight:bold;text-align:left;margin-bottom:10px;}

table th,
table td {vertical-align:top;border:1px solid #dedede;padding:5px;}
#content_sub table th,
#content_sub table td {text-align:left;border:0;}
#content_sub table.prices th,
#content_sub table.prices td {font-size:11px;padding:0;}

table th {}
table.technical-data th {text-align:left;width:240px;}
#content_sub table th.country {font-weight:normal;}

table td {}
#content_sub table td.price {text-align:right;}


/* ~~~ DIVS ~~~ */
div {}

div#content_sub.philosophy {background:url(/i/animations/ani_philosophy_still.gif) 0 0 no-repeat;}
div.hint {}
div.hint.withdrawal-notice {border-color:#000;}

#content_main div.flash-box {width:480px;height:360px;margin-right:0;}
#content_sub div.flash-box {width:200px;height:320px;margin:0;}


/* ~~~ SPANS ~~~ */
span {}
span.mandatory-field {color:#c61f00;}
form fieldset span.content {display:block;float:left;padding-top:2px;}
form fieldset span.content.unit {}
#content_sub form span.description {display:none;}


/* ~~~ IMAGES ~~~ */
img {display:block;border:0;}
img.e-waste {float:right;margin-left:20px;margin-bottom:20px;}


/* ~~~ ANCHORS ~~~ */
a {outline:0;text-decoration:none;color:#4a4a4a;border:dotted #c61f00;border-width:0 0 1px 0;}

a:hover,
a:focus {color:#c61f00;/*border-style:solid;border-color:#4a4a4a;*/}

a:focus {color:#fff;background-color:#000;}
a:active {color:#c61f00;background-color:transparent;}

#branding a {display:block;color:#000;border:0;width:272px;padding:0;}
#branding a span {position:absolute;left:-3000px;}

ul#language-overview li a {display:block;text-decoration:none;background:url() 2px 2px no-repeat #ededed;border:1px solid #ededed;height:14px;padding:3px 6px 7px 36px;margin:0;}

ul#language-overview li[lang=de_AT] a {background-image:url(/i/lang/de_AT.gif);}
ul#language-overview li[lang=de_CH] a {background-image:url(/i/lang/de_CH.gif);}
ul#language-overview li[lang=de_DE] a {background-image:url(/i/lang/de_DE.gif);}
ul#language-overview li[lang=dk_DK] a {background-image:url(/i/lang/dk_DK.gif);}
ul#language-overview li[lang=en_UK] a {background-image:url(/i/lang/en_UK.gif);}
ul#language-overview li[lang=en_US] a {background-image:url(/i/lang/en_US.gif);}
ul#language-overview li[lang=es_ES] a {background-image:url(/i/lang/es_ES.gif);}
ul#language-overview li[lang=fr_FR] a {background-image:url(/i/lang/fr_FR.gif);}
ul#language-overview li[lang=it_IT] a {background-image:url(/i/lang/it_IT.gif);}
ul#language-overview li[lang=ru_RU] a {background-image:url(/i/lang/ru_RU.gif);}

ul#language-overview li a:hover,
ul#language-overview li a:focus,
ul#language-overview li a:active {color:#c61f00;background-color:#fff;border-style:solid;border-color:#8a8a8a;}

.hint a {color:#999;border-color:#999;}

/* ~~~ FORMS ~~~ */
form {}
#content_sub form {margin:0;}

fieldset {border:0;margin:0 0 20px 0;padding:0;}
#content_sub fieldset {margin:0;}

fieldset.note {}
fieldset.order-data {}
fieldset.company-data {}
fieldset.personal-data {}
fieldset.address-data {}

legend {font-weight:bold;margin:0 0 10px 0;padding:0;}

label,
select,
textarea,
input {display:block;float:left;margin:0 0 4px 0;}

label,
textarea,
input[type=text] {padding:2px;}

label {display:block;float:left;clear:left;border:1px solid #fff;width:250px;margin-right:10px;padding:1px 0;}
label[for] {cursor:pointer;}
#content_sub label {font-size:12px;overflow:hidden;white-space:nowrap;width:auto;}
#content_sub label[for] {width:142px;}
#content_sub label[for=vr_tan_typ] {width:68px;}

select,
textarea,
input[type=text] {color:#000;background-color:#fff;border:1px inset #999;width:210px;}

select:focus,
textarea:focus,
input[type=text]:focus {border-color:#c61f00;border-style:solid;}

input[type=text].quantities,
input[type=text].street-name,
input[type=text].zip-code,
select.quantities {margin-right:5px;}

#content_sub input[type=text],
#content_sub input[type=submit],
#content_sub select {float:right;margin-right:0;}

#content_sub input[type=text] {text-align:right;color:#999;}
#content_sub input[type=text]:focus {text-align:left;color:#000;}

select {cursor:pointer;width:216px;padding:1px;}
#content_sub select {width:120px;}
select.subject {}
select.title {}
select.country {}
select.quantities {width:55px;}

textarea {overflow:auto;}

input {}

input[type=text] {}
#content_sub input[type=text] {width:40px;}
#content_sub input[type=text].output {color:#000;}

input[type=text].quantities {display:inline;width:30px;}
input[type=text].given-name {}
input[type=text].last-name {}
input[type=text].company {}
input[type=text].department {}
input[type=text].street-name {width:169px;}
input[type=text].house-number {width:30px;}
input[type=text].zip-code {width:40px;}
input[type=text].location {width:159px;}
input[type=text].country {}

input[type=text].output,
textarea.output {background-color:#dedede;border:1px solid #fff;}

input[type=radio] {}
input[type=checkbox] {}

input[type=submit] {cursor:pointer;outline:0;}

input[type=submit],
a.submit {font-size:11px;color:#fff;background:url() 0 0 no-repeat #999;border:1px outset #999;margin-right:5px;padding-left:17px;}
input[type=submit] {height:22px;}
a.submit {display:block;float:left;text-align:center;height:18px;margin-bottom:3px;padding-top:2px;padding-right:10px;padding-left:19px;}

input[type=submit].submit.order {background-image:url(/i/icons/btn_submit-order.gif);}
input[type=submit].submit.calculate {background-image:url(/i/icons/btn_submit-calculate.gif);}
input[type=submit].submit.contact-us {background-image:url(/i/icons/btn_submit-contact_us.gif);}
input[type=submit].reset {background-image:url(/i/icons/btn_reset.gif);}
a.submit.go-back {background-image:url(/i/icons/btn_go-back.gif);}


/* ~~~ MISCELLANEOUS ~~~ */
em {}
form legend em {color:#c61f00;}

abbr {cursor:help;}

/* ~~~ CLASSES ~~~ */
.hint,
.description {color:#999;}

.e-dipstick {font-weight:bold;color:#000;}
.note {font-size:11px;line-height:140%;}
.hint {border:1px solid #dedede;padding:4px 5px 5px 5px !important;}
.description {}

.error,
input.error,
select.error,
textarea.error,
.success {border:1px solid;}

.error,
input.error,
select.error,
textarea.error {background-color:#f7ded9;border-color:#c61f00;}

.success {background-color:#d9ecd9;border-color:#080;}

div.hint .first {margin-top:0;}
div.hint .last {margin-bottom:0;}

.hide {display:none;}
.show {display:inline;}