/*******************************************************************************
 * general styles for all pages
 */


/* #FF8C00 = supermagnete color */

/* default to 0, to avoid browser differences */
* {
  /*padding: 0px; not working with old style of table cellpadding="x" */
  margin: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  /* font-style: normal; this breaks <i>, so we shouldn't include it here! */
}

body {
  background-color: #fff;
  color: #000;
  margin: 10px;
  font-size: 8pt;
}

/* hack for IE6/7 in order to correctly position the search autosuggest div */
*html body,
*:first-child+html body {
  position: relative;
}

/* prevents red dots in firefox 3.x, if setting a:focus aswell, you don't see
   the current marked link, when navigate with tabs */
a:hover, a:active {
  outline: none;
}


td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-style: normal;
  vertical-align: top;
}

textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-style: normal;
  vertical-align: top;
  background-color: inherit;
  color: black;
}

p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-style: normal;
  background-color: inherit;
  color: black;
}

ul {
  padding-top: 0em;
  padding-bottom: 0em;
  padding-left: 1.4em;
  padding-right: 0em;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  margin-left: 0em;
  margin-right: 0em;
  list-style-type: disc;
  list-style-position: outside;
}

ol {
  padding-top: 0em;
  padding-bottom: 0em;
  padding-left: 2.5em;
  padding-right: 0em;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  margin-left: 0em;
  margin-right: 0em;
  /*list-style-position: outside;*/
}

li {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
  background-color: inherit;
  color: black;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

label {
	cursor: pointer;
}

.faq_toc_group {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 11pt;
  padding-top: 10px;
}

.faq_toc_question {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  padding: 4px 0px 0px 0px;
}

.faq_detail_group {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12pt;
}

.faq_detail_question {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 11pt;
}

.faq_detail_answer {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
}

div.faq_edit {
  padding: 2px 0px 0px 0px;
  margin: 20px 0px 5px 0px;
}

div.faq_highlight {
  background-color: #ffffcc;
}

div.faq_answer {
  background-color: #ffffff;
}

div.faq_inuse {
  background-color: #aaffaa;
}

div.faq_disabled {
  background-color: #ffaaaa;
}

/* Table of content (list of question links) for faq group view */
div.faq_toc_of_a_group_container {
  margin-top: 15px;
  margin-bottom: 5px;
}
div.faq_toc_of_a_group_entry {
  margin-top: 3px;
}

a:link {
  background-color: inherit;
  color: #0000FF;
}

a:link.navi_3 {
  /*color:#7777FF;*/
}

a:visited {
  background-color: inherit;
  color: #333399;
}

a:hover {
  background-color: inherit;
  color: #FF0000;
}

a[name]:hover {
  background-color: inherit;
  color: inherit;
}

a.specialLink:link {
  background-color: inherit;
  color: #FF0000;
}

a.specialLink:visited {
  background-color: inherit;
  color: #FF0000;
}

a.specialLink:hover {
  background-color: inherit;
  color: #0000FF;
}

img {
  border-width: 0px;
}

.monosized {
  font-family: "Courier New", Courier, monospace;
  font-size: 9pt;
}

del {
  background: #fcc;
  color: inherit;
}

ins {
  background: #cfc;
  color: inherit;
}


#single_page_home div.cms_text {
  font-size: 11px;
  line-height: 18px;
}

#single_page_home {
  margin-top: -10px;
}

#single_page_home ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

#single_page_home li {
  background-image: url(/pics/icons/checkmark.gif);
  background-repeat: no-repeat;
  background-position: 0em 0.4em;
  padding-left: 2.5em;
}

#single_page_home div.cms_caption {
  font-size: 10px;
  line-height: 14px;
}

#single_page_service div.cms_unit {
  border-bottom: 0px groove;
  border-top: 0px groove;
  margin-bottom: -0px;
  margin-top: -0px;
}

#single_page_newsletter hr {
  noshade: noshade;
  border: 1px solid gray;
  margin: 20px 0 20px 0;
}

input, select, option {
  font-family: "Microsoft Sans Serif", Arial, Helvetica, sans-serif;
}

h1 {
  font-size: 16px;
  background-color: inherit;
  color: #ff4b00;
  margin: 0px 0px 15px 0px;
}

h2 {
  font-size: 13px;
  color: #ff4b00;
  margin: 20px 0px 5px 0px;
}

h2.table_of_content {
  color: #000000;
}

h2.about_us {
  margin: 25px 0px 15px 0px;
  clear: both;
}

h3 {
  font-size: 12px;
  color: #ff4b00;
  margin: 16pt 0px 5px 0px;
}

p {
  margin: 7px 0px 7px 0px;
}

p.highlight, span.highlight, td.highlight, h2.highlight, div.highlight {
  background-color: #ffff77;
}

p.identification, span.identification {
  color: #000000;
  font-weight: normal;
}

p.load_time {
  color: #bbbbbb;
}

p.warp_invitation {
  font-weight: bold;
  background-color: yellow;
  font-size: 10pt;
  line-height: 14pt;
}

p.start_list {
  margin: 7px 0px 5px 0px;
}

p.hint {
  font-weight: bold;
}

p.address {
  margin: 7px 0px 10px 0px;
}

p.address_indent {
  margin: 7px 0px 10px 15px;
}

p.mail_info {
  margin: 7px 0px 10px 15px;
  font-weight: bold;
}

p.mail_header {
  margin: 7px 0px 10px 15px;
  font-style: italic;
}

p.disclaimer {
  margin: 10px 0px 0px 0px;
  background-color: #dddddd;
}

p.error {
  color: #ff0000;
}

p.no_error {
  color: #00ff00;
  font-weight: bold;
}

p.shop_closed, p.cart_other_shop {
  background-color: #ffff00;
  padding: 10px;
  margin: 10px;
  font-weight: bold;
  font-size: 12pt;
}

i.author, p.italic {
  font-style: italic;
}

span.supermagnete_color {
  color: #ff4b00;
  font-weight: bold;
}

span.reference_customer {
  color: #999999;
}

p.warning, td.warning, span.warning, div.warning {
  color: #ff0000;
  font-weight: bold;
}

span.mark_red {
  color: #ff0000;
}

span.comment {
  font-style: italic;
}

span.disabled {
  text-decoration: none;
  color: #888;
}

span.proposal {
  font-size: 12pt;
}

div.article_selector {
  margin: 0px 0px 8px 0px;
  text-align: right;
  overflow: visible;
}

select.article_selector {
  vertical-align: middle;
  margin: 0px;
  width: 100%;
  overflow: visible;
}

div.print_link {
  text-align: right;
  font-size: 8pt;
  margin: 0px 10px 15px 0px;
}

div.content_columns {
  float: left;
  padding: 10px 0px 10px 0px;
}

div.map {
  position: absolute;
}

a.map {
  font-size: 10px;
  text-decoration: none;
}

ul.content_navi_anchor, ul.content_navi {
  list-style-type: none;
  padding: 0px 0px 0px 7px;
  margin: 0px;
}

ul.simple_list {
  list-style-type: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 5px 0px;
}

ul.one_line_list {
  list-style-type: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

li.one_line_list {
  display: inline;
  padding: 0px 10px 0px 0px;
}

#content_navi_top {
  clear: left;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  line-height: 20px;
}

#content_navi_top li {
  display: inline;
  margin: 0px 5px 0px 0px;
}

#content_navi_top a {
  white-space: nowrap;
}

th {
  border-bottom: 1px solid #999999;
  padding-bottom: 3px;
  text-align: left;
}

table.about_us_member {
  margin: 25px 0px 15px 0px;
}

td.about_us_member {
  width: 114px;
  font-weight: bold;
  text-align: right;
  padding: 5px 5px 5px 0px;
}

td.about_us_each {
  width: 220px;
  vertical-align: bottom;
  padding: 5px 0px 5px 4px;
}

td.field_mandatory {
  background-color: #ffdddd;
  font-weight: bold;
}

td.item_into_cart {
  padding: 10px 0px 15px 10px;
  vertical-align: bottom;
}

dt {
  width: 130px;
  float: left;
  padding: 5px 10px 2px 0px;
}

dd {
  margin-left: 130px;
  padding: 5px 0px 2px 10px;
}

img.about_us {
  padding: 10px 0px 10px 0px;
}

img.article, img.article_default {
  margin: 0px 10px 5px 0px; /* check marginRight for ie6 in javascript toggleImageSize() */
}

div.article {
  margin: 15px 0px 20px 10px;
}

img.article, img.article_default, div.article {
  float: left;
  padding: 0px 0px 5px 0px;
}

div.article_description {
  float: left;
  width: 256px; /* according two_columns_width */
  padding-bottom: 10px;
}

div.article_comment {
  clear: both;
  padding-top: 10px;
}

span.new_article {
  color: #ffff77;
  font-size: 11px;
  text-decoration: none;
}

a.image_link {
  text-decoration: none;
}

a.css_sprite, div.css_sprite {
  text-decoration: none;
  display: block;
  float: right; /* float for IE6 only */
  margin: 0px 0px 3px 0px;
  background-repeat: no-repeat;
  background-color: inherit;
}

tr.new_article {
  color: #777777;
  background-color: #ffff77;
}

div.more_pics {
  margin: 5px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  page-break-inside: avoid;
  clear: both;
}

div.img_comment {
  page-break-inside: avoid;
  margin-bottom: 7px;
}

div.ff_print_bug {
  clear: both;
  height: 10px;
}

#projects_using_article {
  border-top: solid #aaaaaa 1px;
  clear: both;
}

div.two_columns_left, div.two_columns_right {
  padding: 10px 0px 10px 0px;
  width: 256px; /* according two_columns_width */
}

div.two_columns_left {
  float: left;
}

div.two_columns_right {
  float: right;
  padding-left: 10px;
}

#more_pics, #pricing {
  padding: 10px 0px 0px 0px;
  margin: 0px;
  border-top: solid #aaaaaa 1px;
}

#pricing {
  margin-top: 10px;
}

#more_pics ul {
  /* workaround for ul elements inside translated article comment */
  position: relative;
  left: 15px;
}

div.about_us_member {
  clear: both;
  border-top: 2px solid #aaaaaa;
}

div.about_us_partner {
  float: right;
  padding: 0px 0px 5px 0px;
  margin-left: 15px;
  width: 333px;
}

div.two_rows {
  width: 50%;
  float: left;
  padding: 0px 10px 20px 0px;
}

table {
  empty-cells: show;
  border-spacing: 0px;
  border-collapse: collapse;
}

tr.item_odd, tr.item_even, tr.item_highlight {
  border-color: #ffffff;
}

tr.item_odd {
  background-color: #dddddd;
}

tr.item_even {
  background-color: #eeeeee;
}

tr.item_highlight {
  background-color: #ffffdd;
}

span.article_link {
  display: block;
  margin-top: 142px;
  text-decoration: underline;
}

#articles_overview {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style-type: none;
}

#articles_overview li {
  /* defines styles for every <li> inside a <ul id="articles_overview"> element */
  width: 160px;
  height: 190px;
  float: left;
  margin: 10px 14px 10px 0px;
}

#articles_overview span.image {
  /* defines styles for every <a> inside a <ul id="articles_overview"> element */
  background-image: url(/photos/thumb/articles__0001.jpg);
  background-repeat: no-repeat;
  background-color: inherit;
  padding: 0px 0px 140px 150px;
}

/* the background-position must be shifted up to show the matching article */
#article_0 { background-position: 0px 0px;}
#article_160 { background-position: 0px -160px; }
#article_320 { background-position: 0px -320px; }
#article_480 { background-position: 0px -480px; }
#article_640 { background-position: 0px -640px; }
#article_800 { background-position: 0px -800px; }
#article_960 { background-position: 0px -960px; }
#article_1120 { background-position: 0px -1120px; }
#article_1280 { background-position: 0px -1280px; }
#article_1440 { background-position: 0px -1440px; }
#article_1600 { background-position: 0px -1600px; }
#article_1760 { background-position: 0px -1760px; }
#article_1920 { background-position: 0px -1920px; }
#article_2080 { background-position: 0px -2080px; }
#article_2240 { background-position: 0px -2240px; }
#article_2400 { background-position: 0px -2400px; }
#article_2560 { background-position: 0px -2560px; }
#article_2720 { background-position: 0px -2720px; }
#article_2880 { background-position: 0px -2880px; }
#article_3040 { background-position: 0px -3040px; }
#article_3200 { background-position: 0px -3200px; }
#article_3360 { background-position: 0px -3360px; }
#article_3520 { background-position: 0px -3520px; }
#article_3680 { background-position: 0px -3680px; }
#article_3840 { background-position: 0px -3840px; }
#article_4000 { background-position: 0px -4000px; }
#article_4160 { background-position: 0px -4160px; }
#article_4320 { background-position: 0px -4320px; }
#article_4480 { background-position: 0px -4480px; }
#article_4640 { background-position: 0px -4640px; }
#article_4800 { background-position: 0px -4800px; }
#article_4960 { background-position: 0px -4960px; }
#article_5120 { background-position: 0px -5120px; }
#article_5280 { background-position: 0px -5280px; }
#article_5440 { background-position: 0px -5440px; }
#article_5600 { background-position: 0px -5600px; }
#article_5760 { background-position: 0px -5760px; }
#article_5920 { background-position: 0px -5920px; }
#article_6080 { background-position: 0px -6080px; }


/*******************************************************************************
 * page special style
 */


td.link_to_article {
  vertical-align: bottom;
  text-align: right;
  font-size: 14px;
  font-weight: bold;
}

td.presse, div.presse {
 border: 1px solid #aaaaaa;
 padding: 3px 3px 3px 5px;
}

table.conditions {
  margin: 0px 5px 5px 15px;
  width: 220px;
}

table.links {
  border-collapse: collapse;
  margin: 5px 0px 0px 20px;
}

table.cart_area, table.cart_area_small {
  width: 100%;
  border-collapse: separate;
  background-color: #ddddff;
}

table.cart_area {
  border-spacing: 3px;
}

table.cart_area_small {
  padding: 2px 0px 5px 2px;
}

table.cart_area td {
  padding: 3px;
}

th.links, td.links, td.align_center, th.align_center {
 border: 1px solid #aaaaaa;
 border-right: 0px;
 padding: 3px;
}

td.align_center, th.align_center {
  border-right: 1px solid #aaaaaa;
  border-left: 0px;
  text-align: center;
}

#guess_the_language td {
  padding: 5px 5px 10px 0px;
}

div.single_page_pdf {
  float: right;
  text-align: center;
}

table.cms_caption {
  padding: 0px 0px 0px 0px;
  float: right;
  text-align: center;
}

div.cms_caption {
  padding: 0px;
  margin-bottom: 5px;
  float: right;
  width: 100%;
  text-align: center;
}

td.cms_caption {
  padding: 0px 5px 0px 5px;
}

td.cms_caption_right {
  text-align: right;
  padding-bottom: 10px;
}

table.project, table.magnetism {
  width: 524px;
}

p.cms_info, div.cms_info {
  font-size: 8pt;
  margin-bottom: 15px;
  margin-top: 0;
  line-height: 14px;
}

td.cms_text, p.cms_text, div.cms_text, div.item_text, p.item_text, div.cms_navi {
  font-size: 12px;
  line-height: 18px;
}

div.cms_navi, tr.cms_navi {
  text-align: center;
  background-color: #eeeeee;
}

div.cms_text {
  margin: 5px 0px 5px 0px;
}

div.cms_summary {
  font-weight: bold;
}

table.terms_caption {
  padding: 3px;
  text-align: left;
  margin-bottom: 5px;
  background-color: #f8f8f8;
  border: 1px solid #888888;
}

p.terms, p.terms_summary, div.terms, div.terms_summary {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 12px;
}

p.terms_summary, div.terms_summary {
  font-weight: bold;
}

p.projects {
  font-size: 12px;
  line-height: 18px;
}

p.customervoices_1, p.customervoices_2 {
  padding: 5px;
  clear: left;
}

p.customervoices_1 {
  padding: 5px;
  background-color: #eeeeee;
}

p.agb_scope {
  background-color: #dddddd;
}

p.agb {
  margin: 5px 0px 12px 0px;
}

p.double_space {
  margin-top: 15px;
}

p.partner {
  margin: 10px 0px 35px 0px;
}

div.agb_final {
  margin: 15px 0px 12px 0px;
  padding: 15px 0px 0px 0px;
  border-top: 2px solid #999;
}

li.links {
  margin-bottom: 5px;
}

ul.agb_warranty li {
  padding-top: 5px;
  padding-bottom: 5px;
}

ul.representative_names {
  padding: 0px 0px 0px 12px;
  margin: 0px 0px 10px 15px;
}

li.t_space, li.t_xxx {
  padding-top: 18px;
}

ul.t_space {
  margin-top: -2px;
}

li.t_space2 {
  padding-top: 8px;
}

div.cart_empty_old_layout {
  height: 26px;
}

span.cart_amount {
  white-space: nowrap;
  font-weight: bold;
}

span.cart_amount_highlight {
  color: #ff0000;
}

/*******************************************************************************
 * unit styles
 */

div.unit_title, div.unit_title_cart {
  margin: 0px 0px 7px 0px;
  font-size: 8pt;
  font-weight: bold;
}

span.project_title {
  line-height: 16px;
  font-size: 8pt;
  font-weight: bold;
}

#in_nutshell li {
  font-size: 8pt;
  padding-bottom: 0pt;
  line-height: 14px;
}

#checkout_progress ol {
  margin-top: 3px;
  font-size: 8pt;
  margin-left: 13px;
  padding-left: 1.5em;
  font-weight: bold;
}

#checkout_progress li {
  line-height: 14px;
  margin-bottom: 5px;
}

li.current_step {
  background-color: #E08066;
}

span.navi_non_link_text {
  text-decoration: none;
  color: #777777;
}

ul.navi_1 {
  list-style-type: none;
  font-size: 8pt;
  font-weight: bold;
  padding: 2px 0px 0px 1px;
  margin: 0px 0px 0px 0px;
  width: 100%;
}

ul.navi_2, ul.navi_3 {
  list-style-type: none;
  font-size: 8pt;
  font-weight: normal;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

li.navi_1 {
  font-size: 8pt;
  font-weight: bold;
  padding: 0px 0px 0px 0px;
  margin: 5px 15px 0px 0px;
  line-height: 15px;
}

li.navi_2 {
  padding: 0px 0px 0px 5px;
  margin: 0px 0px 0px 3px;
  line-height: 15px;
}

li.navi_3 {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 15px;
  line-height: 13px;
}

div.navi_current {
  background-color: #ffbb55;
  padding: 0px 0px 0px 3px;
  margin: 0px 10px 0px -3px;
}

div.navi_title {
  font-weight: bold;
}

/* one exceptional navigation menu element e.g. for a temporary job offer */
.navi_highlight, ul.navi_highlight {
  background-color: #FFAAAA;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 5px;
}

#tab_cart {
  width: 99%;
  border-spacing: 0px;
  border: 0px;
  margin-left: -3px;
}

td.x_column {
  font-size: 9px;
  vertical-align: top;
  padding: 1px 2px 1px 2px;
}

td.amount_column {
  padding: 1px 1px 1px 0px;
}

td.items, td.cost_column, td.cart_subtotal, td.cart_add_cost, td.cart_total {
  padding: 1px;
}

td.cost_column {
  white-space: nowrap;
  vertical-align: bottom;
}

td.amount_column, td.cost_column, td.cart_subtotal, td.cart_add_cost, td.cart_total {
  text-align: right;
}

td.cart_subtotal, td.cart_total {
  font-weight: bold;
}

td.cart_total {
  padding-top: 13px;
  vertical-align: bottom;
}

div.cart_button {
  text-align: center;
  padding: 13px 0px 0px 0px;
  height: 31px; /* set height otherwise in XHTML strict after image we have 5px space below */
}

p.message {
  padding: 10px 10px 10px 10px;
  margin: 13px 0px 13px 0px;
  background-color: #ffff00;
}

/* the searchbox, searchresults and the ajax-autosuggest popup ****************/

/* search-field on the left */
div#search_field {
  margin: 13px 0px 13px 0px;
  padding: 0px 0px 0px 0px;
}

.search_field_form{
  padding: 0;
  margin: 0;
}

div#search_field p {
  text-align: center;
  padding: 0;
  margin: 4px 0 0;
}

/* the results-page */
div#results-page {
  background: url(/pics/icons/loupe_96w.png) top right no-repeat;
  /* loupe icon comes from here and is GPL: http://www.iconfinder.net/icondetails/7405/16 */
  min-height: 96px;
  height: auto !important; /* IE6/7 min-height hack */
  height: 96px;

}

div#results-page h1 {
  margin-right: 96px;
}

.search_field_form input{
  border: 1px solid gray;
  border-right-style: none;
  height: 18px;
  margin: 0;
  padding: 0 2px;
}

div#results-page #ajaxfield_searchpage {
  width: 198px;
}

div#search_field input#ajaxfield_nav, input#search_404 {
  width: 177px;
}

div#search_field input#ajaxfield_nav :focus,div#results-page #ajaxfield
  :focus {
  background-color: #EEF;
}

.search_field_form button {
  background: url(/pics/icons/loupe_16.png) 1px 1px no-repeat;
  /* loupe icon comes from here and is GPL: http://www.iconfinder.net/icondetails/7405/16 */
  border: 1px solid gray;
  border-left-style: dotted;
  cursor: pointer;
  height: 20px;
  margin: 0;
  padding: 0;
  vertical-align: bottom;
  width: 20px;
}

/* TODO_PSC: it would be nice to do this without hacks */
/* button hack for IE6 and below */
*html div#search_field button,
*html div#results-page button {
  position: relative;
  top: -1px;
}

/* button hack for IE7 */
*:first-child+html div#search_field button,
*:first-child+html div#results-page button {
  position: relative;
  top: -1px;
}


div#results-page button:hover,div#search_field button:hover {
  background-color: #DDF;
  border-style: solid;
}

p#noresults {
  margin-top: 4.5em;

}

div#results-page fieldset {
  margin: 1em 0;
  padding: 0 0.7em 0.3em;
  border: 1px solid #888888;
}

div#results-page legend {
  font-size: 80%;
}

div#results-page ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

div#results-page li {
  clear: left;
  list-style: none;
  margin: 1.7em 0;
  padding: 0.05em;
  line-height: 1.3;
}

div#results-page h3 {
  font-weight: normal;
  margin: 0 0 0.2em 0;
}

div#results-page .imagelink {
  float: left;
  width: auto;
  margin: 0.2em 0.5em 0.2em 0;
  overflow: hidden;
}

/* force images to have fixed size and aspect ratio */
div#results-page #Magnets .imagelink {
  width: 40px;
  height: 35px;
}

div#results-page #Applications .imagelink {
  width: 87px;
  height: 65px;
}

#results-page .small {
  display: block;
  font-size: 85%;
  margin-top: 1px;
}

#results-page .small a{
  text-decoration: none;
  color: #777;
}

div#results-page div.more {
  float: right;
  width: auto;
}

/* the ajax-autosuggest menu */ /*body {
  position: relative;
}*/
div.autosuggest {
  position: absolute;
  padding: 0 0 0 0;
}

div.autosuggest ul {
  width: 192px;
  list-style: none;
  padding: 5px;
  overflow: hidden;
  background-color: white;
  border: 1px solid #CCC;
  border-top-color: #CCC;
}

div.autosuggest ul li {
  color: #ccc;
  background-color: #DDD;
  padding: 0;
  margin: 4px;
  text-align: left;
}

div.autosuggest ul li a {
  color: #444;
  display: block;
  text-decoration: none;
  background-color: transparent;
  position: relative;
  padding: 0;
  width: 100%;
}

div.autosuggest ul li a:hover { /*background-color: #DDD;*/
  color: #444;
}

div.autosuggest ul li.as_highlight a:hover {
  background-color: #1B5CCD;
}

div.autosuggest ul li a span {
  display: block;
  padding: 3px 6px;
  font-weight: bold;
}

div.autosuggest ul li a span small {
  font-weight: normal;
  color: #777;
}

div.autosuggest ul li.as_highlight a span small {
  color: #ccc;
}

div.autosuggest ul li.as_highlight a {
  color: #fff;
  background-color: #1B5CCD;
}

div.autosuggest ul li a .tl,div.autosuggest ul li a .tr {
  background-color: transparent;
  background-repeat: no-repeat;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 0;
  padding: 0;
  margin: 0;
}

div.autosuggest ul li a .tr {
  right: 0;
}

div.autosuggest ul li.as_warning {
  font-weight: bold;
  text-align: center;
}

div.autosuggest ul em {
  font-style: normal;
  color: #6EADE7;
}

/* language flags with css sprites ********************************************/

#flags, #flags_admin {
  list-style-type: none;
  font-size: 8pt;
  margin: 0px 0px 0px 0px;
}

#flags {
  height: 173px;
  padding: 0px 0px 0px 3px;
}

#flags_admin {
  /*height: 70px; not used, check again if we have some admin languages */
  padding: 0px 0px 5px 3px;
}

#flags li, #flags_admin li {
  /* defines styles for every <li> inside a <ul id="flags"> element */
  width: 107px; /* width of containing div / 2 - padding => 220 / 2 - 3 = 107 */
  float: left;
  line-height: 17px;
  padding: 2px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

#flags a, #flags_admin a {
  /* defines styles for every <a> inside a <ul id="flags"> element */
  background-image: url(/pics/icons/supermagnete__0002.png);
  background-repeat: no-repeat;
  background-color: inherit;
  padding: 1px 0px 1px 22px; /* padding left for width of flag */
  text-decoration: none;
}

#flags span, #flags_admin span {
  white-space: nowrap;
}

span.active {
  text-decoration: underline;
}

span.current {
  text-decoration: none;
}

/* the background-position must be shifted up to show the matching flag */
/* the flag_xxx = flag of counry iso xxx */
#flag_bul { background-position: -226px -0px; }
#flag_cze { background-position: -226px -18px; }
#flag_dan { background-position: -226px -36px; }
#flag_dut { background-position: -226px -54px; }
#flag_eng { background-position: -226px -72px; }
#flag_est { background-position: -226px -90px; }
#flag_fin { background-position: -226px -108px; }
#flag_fre { background-position: -226px -126px; }
#flag_ger { background-position: -226px -144px; }
#flag_gre { background-position: -226px -162px; }
#flag_hun { background-position: -226px -180px; }
#flag_ita { background-position: -226px -198px; }
#flag_lav { background-position: -226px -216px; }
#flag_lit { background-position: -226px -234px; }
#flag_mlt { background-position: -226px -252px; }
#flag_pol { background-position: -226px -270px; }
#flag_por { background-position: -226px -288px; }
#flag_rum { background-position: -226px -306px; }
#flag_rus { background-position: -226px -324px; }
#flag_scr { background-position: -226px -342px; }
#flag_slo { background-position: -226px -360px; }
#flag_slv { background-position: -226px -378px; }
#flag_spa { background-position: -226px -396px; }
#flag_swe { background-position: -226px -414px; }
#flag_tur { background-position: -226px -432px; }

/* the background-position must be shifted up to show the matching flag */
/* the pale_xxx = light flag of counry iso xxx */
#pale_bul { background-position: -0px -0px; }
#pale_cze { background-position: -0px -18px; }
#pale_dan { background-position: -0px -36px; }
#pale_dut { background-position: -0px -54px; }
#pale_eng { background-position: -0px -72px; }
#pale_est { background-position: -0px -90px; }
#pale_fin { background-position: -0px -108px; }
#pale_fre { background-position: -0px -126px; }
#pale_ger { background-position: -0px -144px; }
#pale_gre { background-position: -0px -162px; }
#pale_hun { background-position: -0px -180px; }
#pale_ita { background-position: -0px -198px; }
#pale_lav { background-position: -0px -216px; }
#pale_lit { background-position: -0px -234px; }
#pale_mlt { background-position: -0px -252px; }
#pale_pol { background-position: -0px -270px; }
#pale_por { background-position: -0px -288px; }
#pale_rum { background-position: -0px -306px; }
#pale_rus { background-position: -0px -324px; }
#pale_scr { background-position: -0px -342px; }
#pale_slo { background-position: -0px -360px; }
#pale_slv { background-position: -0px -378px; }
#pale_spa { background-position: -0px -396px; }
#pale_swe { background-position: -0px -414px; }
#pale_tur { background-position: -0px -432px; }

/* the background-position must be shifted up to show the matching flag */
/* the grey_xxx = light flag of counry iso xxx */
#grey_bul { background-position: -452px -0px; }
#grey_cze { background-position: -452px -18px; }
#grey_dan { background-position: -452px -36px; }
#grey_dut { background-position: -452px -54px; }
#grey_eng { background-position: -452px -72px; }
#grey_est { background-position: -452px -90px; }
#grey_fin { background-position: -452px -108px; }
#grey_fre { background-position: -452px -126px; }
#grey_ger { background-position: -452px -144px; }
#grey_gre { background-position: -452px -162px; }
#grey_hun { background-position: -452px -180px; }
#grey_ita { background-position: -452px -198px; }
#grey_lav { background-position: -452px -216px; }
#grey_lit { background-position: -452px -234px; }
#grey_mlt { background-position: -452px -252px; }
#grey_pol { background-position: -452px -270px; }
#grey_por { background-position: -452px -288px; }
#grey_rum { background-position: -452px -306px; }
#grey_rus { background-position: -452px -324px; }
#grey_scr { background-position: -452px -342px; }
#grey_slo { background-position: -452px -360px; }
#grey_slv { background-position: -452px -378px; }
#grey_spa { background-position: -452px -396px; }
#grey_swe { background-position: -452px -414px; }
#grey_tur { background-position: -452px -432px; }


/* card acceptance icons for Unit_in_a_nutshell and conditions.php */
.card_icons {
  margin-top: 3px;
  margin-bottom: 31px;
}
/*******************************************************************************
 * 3 columns layout with css
 */

#screen {
  max-width: 988px;
  min-width: 988px; /* for opera, safari and konqueror */
  float: left;
}

*html #screen { /* ie6 selector = '*html', ie7 selector = '*+html' */
  width: 988px;
}

#content {
  padding: 15px 21px 15px 21px;
  width: 524px;
  clear: both;
}

#customervoices {
  padding: 0px 21px 0px 21px;
  width: 524px;
}

*html #content {
  margin-top: -20px;
  width: 524px; /* ie6 switch, not yet used */
}

#content_column {
  float: left;
  margin: 0px 220px 0px 202px;
}

*html #content_column {
  margin: 0px 220px 0px 101px; /* for ie6 */
}

#left_column {
  float: left;
  width: 202px;
  margin-right: -202px;
  padding-bottom: 30px;
  white-space: normal;
}

#right_column {
  float: left;
  width: 220px;
  margin-left: -220px;
  padding-bottom: 10px;
}

#message {
  padding: 0px 21px 0px 21px;
  min-width: 524px;
}

*html #message {
  width: 524px; /* for ie6 */
}

#logo {
  /*height: 127px; /* set height otherwise in XHTML strict after image we have 5px space below */
  margin-bottom: 7px;
}

#article_selector {
  padding: 4px 0px 0px 0px;
}

#navigation_home, #navigation_product, #navigation_project, #navigation_service, #navigation_info {
  margin: 13px 0px 13px 0px;
  padding: 5px 5px 5px 5px;
  background-color: #FFF3C9;
}

#navigation_home {
  margin: 13px 0px -13px 0px;
}

#navigation_admin1, #navigation_admin2 {
  padding: 5px 0px 5px 0px;
  margin: 5px 0px 5px 0px;
  background-color: #BFD9FF;
}

#navigation_admin2 {
  margin-top: 13px;
}

#cart_preview {
  clear: both;
  background-color: #ddddff;
  margin: 13px 0px 13px 0px;
  padding: 7px 0px 0px 3px;
}

#checkout_progress {
  background-color: #eecccc;
  margin: 13px 0px 13px 0px;
  padding: 7px 0px 7px 3px;
}

#languages {
  margin: 0px 0px 13px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #eeeeee;
}

#safety {
  background-color: #eeeeee;
  margin: 13px 0px 13px 0px;
  padding: 7px 0px 7px 3px;
}

#in_nutshell {
  background-color: #eeeeee;
  margin: 13px 0px 13px 0px;
  padding: 7px 0px 7px 3px;
}

#projects_teaser {
  margin: 13px 0px 13px 0px;
  padding: 7px 3px 7px 3px;
  background-color: #eeeeee;
}

#ekomi_widget {
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 5px 10px;
  background-color: #f4f4f4;
}

#downloads {
  display: none;
  background-color: #eeeeee;
  margin: 13px 0px 13px 0px;
  padding: 7px 0px 7px 3px;
}

#footer {
  clear: both;
  width: 988px; /* for IE6 and IE7 only */
  padding-top: 6px;
  border-top: 2px solid #999;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-style: normal;
}

#print_header {
  display: none;
}

#header {
  height: 140px;
  display: inline;
  float: left;
}

#crumbtrail {
  float: left;
  padding: 0px 0px 0px 27px;
  width: 400px;
}

#cart_summary {
  display: none;
  float: left;
  width: 524px; /* over determined, for ie6 only */
  text-align: right;
  padding: 0px 21px 0px 21px;
}

#cart_summary a {
  line-height: 25px;
  margin: 10px 0px 0px 0px;
  padding: 6px 6px 8px 6px;
  background-color: #ddddff;
}

#cart_summary img {
  float: right;
  padding: 0px;
  background-color: #ddddff;
}