/* general tags */
body, img, table, p, table, tr, td, div, p, h1, h2, h3, h4, h5, h6, span, a, form {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  color: #323232;
  line-height: 15px;
  background-color: #e6e6e6;
  font-family: verdana;
  font-size: 12px;
  line-height: 18px;
}

img {
  border: 0px;
}

p {
  margin: 0 0 1em 0;
  padding: 0;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
  border: 0;
  padding: 0;
}

td {
  text-align: left;
  vertical-align: top;
}

h1 {
  font-family: 'LinotypeUniversW01-Medi 723679', verdana;
  font-size: 36px;
  line-height: 42px;
  font-weight: normal;
  color: #323232;
  margin-bottom : 20px;
}

.spacerruler_headline h1 {
  margin-bottom: 10px;
}

h2 {
  font-family: 'LinotypeUniversW01-Medi 723679', verdana;
  font-size: 18px;
  line-height: 24px;
  font-weight: normal;
  color: #323232;
  margin-bottom : 13px;
}

h3 {
  font-family: 'LinotypeUniversW01-Medi 723679', verdana;
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  color: #323232;
  margin-bottom: 1em;
}

h4, h5, h6 {
  font-family: verdana;
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  color: #323232;
  margin-bottom: 1em;
}

/* links */
a {
  color: #999;
  text-decoration: none;
}

a:hover {
  color: #323232;
  text-decoration: none;
}

a.on {
  color: #323232;
  text-decoration: none;
}

a.cross {
  color: #323232;
  text-decoration: underline;
}

a.underline {
  text-decoration: underline;
}

a.dotted {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
}

a.rsaquo {
  color: #999;
  text-decoration: none;
  background: url(/images/rsaquo_a.gif) no-repeat 0px 4px;
  padding-left: 11px;
}

a.dsaquo {
  color: #999;
  text-decoration: none;
  background: url(/images/dsaquo_a.gif) no-repeat 0px 6px;
  padding-left: 11px;
}

a.more {
  color: #918c64;
  background: url(/images/pfeil-14x11px.gif) no-repeat right;
  padding-right: 20px;
}

a.more:hover {
  color: #323232;
}

.large a.rsaquo {
  background: url(/images/rsaquo_a.gif) no-repeat 0px 6px;
}


a.rsaquo:hover {
  color: #323232;
  background: url(/images/rsaquo_a_on.gif) no-repeat 0px 4px;
}

.large a.rsaquo:hover {
  background: url(/images/rsaquo_a_on.gif) no-repeat 0px 6px;
}

a.rslaquo {
  color: #999;
  text-decoration: none;
  background: url(/images/rslaquo_a.gif) no-repeat 0px 3px;
  padding-left: 13px;
}

a.rslaquo:hover {
  color: #323232;
  background: url(/images/rslaquo_a_on.gif) no-repeat 0px 4px;
}

a.lsaquo {
  color: #999;
  text-decoration: none;
  background: url(/images/lsaquo_a.gif) no-repeat 0px 4px;
  padding-left: 11px;
}

a.lsaquo:hover {
  color: #323232;
  background: url(/images/lsaquo_a_on.gif) no-repeat 0px 4px;
}

a.lslaquo {
  color: #999;
  text-decoration: none;
  background: url(/images/lslaquo_a.gif) no-repeat 0px 3px;
  padding-left: 11px;
}

a.lslaquo:hover {
  color: #323232;
  background: url(/images/lslaquo_a_on.gif) no-repeat 0px 3px;
}

a.rsaquowhite {
  color: #fff;
  text-decoration: none;
  background: url(/images/rsaquo_a_w.gif) no-repeat 0px 4px;
  padding-left: 11px;
}

a.rsaquowhite:hover {
  color: #fff;
  background: url(/images/rsaquo_a_w.gif) no-repeat 0px 4px;
}

a.rsaquogold {
  background: url(/images/rsaquo_a_g.png) no-repeat scroll right center transparent;
  color: #918C64;
  padding-right: 20px;
}

a.rsaquogold:hover {
  color: #323232;
}

a.remove {
  color: #999;
  text-decoration: none;
  background: url(/images/remove_a.gif) no-repeat 0px 1px;
  padding-left: 17px;
}

a.remove:hover {
  color: #323232;
  background: url(/images/remove_a_on.gif) no-repeat 0px 1px;
}

a.download {
  color: #999;
  text-decoration: none;
  background: url(/images/a_download.gif) no-repeat 0px 3px;
  padding-left: 16px;
}

a.download:hover {
  color: #323232;
  background: url(/images/a_download_on.gif) no-repeat 0px 3px;
}

a.add {
  color: #999;
  text-decoration: none;
  background: url(/images/a_add.gif) no-repeat;
  padding: 3px 0 7px 36px;
}

a.add:hover {
  color: #323232;
  background: url(/images/a_add_on.gif) no-repeat;
}

a.minus {
  color: #999;
  text-decoration: none;
  background: url(/images/a_minus.gif) no-repeat;
  padding: 3px 0 6px 36px;
}

a.minus:hover {
  color: #323232;
  background: url(/images/a_minus_on.gif) no-repeat;
}

a.scrolldown {
  color: #999;
  text-decoration: none;
  background: url(/images/a_down.gif) no-repeat center right;
  padding: 0px 23px 0px 0px;
}

a.scrolldown:hover {
  color: #323232;
  background: url(/images/a_down_on.gif) no-repeat center right;
}

a.scrollup {
  color: #999;
  text-decoration: none;
  background: url(/images/a_up.gif) no-repeat center right;
  padding: 0px 23px 0px 0px;
}

a.scrollup:hover {
  color: #323232;
  background: url(/images/a_up_on.gif) no-repeat center right;;
}

a#gotocard {
  display: block;
  min-width: 108px;
  padding-left: 12px;
  padding-right: 30px;
  height: 21px;
  padding-top: 3px;
  background: url(/images/bg_gotocard.gif) #8bbb13 no-repeat center right;
  color: white;
  float: right;
  margin-top: 3px;
  margin-right: 12px;
  border-radius: 12px;
}

a#gotoprojects {
  display: block;
  min-width: 108px;
  padding-left: 12px;
  padding-right: 30px;
  height: 21px;
  padding-top: 3px;
  background: url(/images/bg_gotoprojects.gif) #969696 no-repeat center right;
  color: white;
  float: right;
  margin-top: 3px;
  margin-right: 12px;
  border-radius: 12px;
}

a#gotoprojects:hover {
  background-color: #323232;
}


#dv_info a {
  color: #323232;
  text-decoration: underline;
}

h3 a {
  color: #323232;
}

h3 a:visited {
  color: #323232;
}

h3 a:active {
  color: #323232;
}

h3 a:hover {
  color: #323232;
}

a.but_slidedown {
  display: block;
  width: 26px;
  height: 26px;
  background-image: url(/images/but_slidedown.gif);
}

a.but_slidedown:hover {
  background-image: url(/images/but_slidedown_on.gif);
}

a.but_slideup {
  display: block;
  width: 26px;
  height: 26px;
  background-image: url(/images/but_slideup.gif);
}

a.but_slideup:hover {
  background-image: url(/images/but_slideup_on.gif);
}

a.but {
  cursor: pointer;
  display: block;
  width: 100%;
  height: 21px;
  padding: 3px 0px 0px 0px;
  text-align: center;
  background: #969696;
  color: white;
  border-radius: 21px;
  border: none;
}

a.but:hover {
  background-color: #5a5a5a;
}

a.but.green {
  background: #8bbb13;
}

a.but.green:hover {
  background: #6bab10;
}

a.but.link {
}

a.but.continue {
  background-image: url(/images/bg_but_continue.gif);
  background-repeat: no-repeat;
  background-position: right center;
}

a.but.back {
  background-image: url(/images/bg_but_back.gif);
  background-repeat:  no-repeat;
  background-position: left center;
}

#frame .w138, #popup_confirm .w138 {
  width: 138px;
}

#frame .w277 {
  width: 277px;
}

#frame .w292 {
  width: 292px;
}

#frame .w292.text {
  width: 274px;
}

.taskline > .but.w292.fright:not(:last-child) {
  margin-left: 12px;
}

.taskline > .but.w138.fleft:not(:last-child) {
  margin-right: 14px;
}


/* classes */
#frame .rlarge {
  font-family: 'LinotypeUniversW01-Regu',verdana;
  font-size: 16px;
  line-height: 22px;
  font-weight: normal;
}

#frame .rlarge.gray {
  color: #787878;
}

#frame .rlarge.white {
  color: white;
}

#frame .rlarge strong {
  color: #323232;
}

#frame h2.rlarge {
  color: #323232;
  font-family: 'LinotypeUniversW01-Regu',verdana;
  font-size: 24px;
  font-weight: normal;
  line-height: 32px;
  margin-bottom: 18px;
}


#frame .large, #frame .linotype {
  font-family: 'LinotypeUniversW01-Medi 723679', verdana;
  font-size: 18px;
  line-height: 24px;
  font-weight: normal;
}

#frame .xlarge {
  font-family: 'LinotypeUniversW01-Medi 723679', verdana;
  font-size: 36px;
  line-height: 42px;
  font-weight: normal;
}

.warn, #frame input.warn, #frame textarea.warn, #frame select.eselect.warn {
  color: red;
}

.new {
  color: #ff8200;
}

.white {
  color: white;
}

.black, #frame .black {
  color: #323232;
}

.gray {
  color: #999;
}

.invisible {
  background-color: #ffeeee;
}

.hidesubmit {
  display: none;
}

.cycle > img, .cycle > object, .cycle > a > img, .cycle > a > div, .cycle > div {
  display: none;
  position: absolute;
}

.cycle > img:first-child, .cycle > object:first-child, .cycle > a:first-child > img, .cycle > a:first-child > div, .cycle > div:first-child {
  display:block
}

.selimg > img {
  cursor: pointer;
}

.pselimg > img {
  display: none;
  position: absolute;
}

.pselimg > img:first-child {
  display: block;
}

.row_1 div.cycle img {
}

.row_1.countcol2, .row_1 .countcol2 {
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
  column-count: 2;

  -webkit-column-gap: 12px; /* Chrome, Safari, Opera */
  -moz-column-gap: 12px; /* Firefox */
  column-gap: 12px;
}

.fixheight9em {
  height: 162px;
}

input.text {
  background-color: #f5f5f5;
  border-top: #c9c9c9 1px solid;
  border-left: #eaeaea 1px solid;
  border-right: #eaeaea 1px solid;
  border-bottom: #f7f8f8 1px solid;
  height: 20px;
  padding: 2px 10px 0px 6px;
  color: #999;
  font-family: verdana;
  font-size: 12px;
}

input.text.coupon {
  text-align: center;
  width: 60px;
}

input.text.blue {
  border-top: #4c91aa 1px solid;
  border-left: #53b3e3 1px solid;
  border-right: #53bee3 1px solid;
  border-bottom: #67c3e5 1px solid;
  background-color: #67c4e6;
  color: #fff;
}

input.cloak {
  border: none;
  background-color: #fff;
}

input.text2 {
  background-color: #f5f5f5;
  border-top: #c9c9c9 1px solid;
  border-left: #eaeaea 1px solid;
  border-right: #eaeaea 1px solid;
  border-bottom: #f7f8f8 1px solid;
  height: 28px;
  line-height: 28px;
  padding: 0px 10px 0px 10px;
  color: #999;
  font-family: verdana;
  font-size: 12px;
}

input.checkbox {
  vertical-align: middle;
}

input.radio {
  vertical-align: middle;
}

input.image {
  margin-right: 11px;
  margin-bottom: 23px;
}

select.select {
  background-color: #f5f5f5;
  border-top: #c9c9c9 1px solid;
  border-left: #eaeaea 1px solid;
  border-right: #eaeaea 1px solid;
  border-bottom: #f7f8f8 1px solid;
  border-bottom: none;
  height: 25px;
  padding: 3px 0px 0px 6px;
  margin-right: 11px;
  margin-bottom: 23px;
  color: #999;
}

select.select2 {
  background-color: #f5f5f5;
  border-top: #c9c9c9 1px solid;
  border-left: #eaeaea 1px solid;
  border-right: #eaeaea 1px solid;
  border-bottom: #f7f8f8 1px solid;
  border-bottom: none;
  height: 29px;
  padding: 5px 0px 0px 6px;
  margin-right: 11px;
  margin-bottom: 23px;
  color: #999;
}

select.select option {
  padding-top: 2px;
  height: 22px;
}

select.select2 option {
  padding-top: 2px;
}

select.eselect {
  background-color: #f5f5f5;
  border-top: #c9c9c9 1px solid;
  border-left: #eaeaea 1px solid;
  border-right: #eaeaea 1px solid;
  border-bottom: #f7f8f8 1px solid;
  border-bottom: none;
  height: 25px;
  padding: 3px 0px 0px 6px;
  margin-right: 11px;
  color: #999;
}

select.eselect option {
  padding-top: 2px;
  height: 22px;
}

textarea.textarea {
  background-color: #f5f5f5;
  border-top: #c9c9c9 1px solid;
  border-left: #eaeaea 1px solid;
  border-right: #eaeaea 1px solid;
  border-bottom: #f7f8f8 1px solid;
  color: #999;
  padding: 5px;
  width: 412px;
  height: 268px;
  font-family: verdana;
  font-size: 12px;
  line-height: 18px;
}

.imgtxt {
  position: relative;
}

.bottom {
  position: absolute;
  bottom: 0px;
}

.border {
  border: 1px #ccc solid;
  padding: 32px 17px 20px 17px;
  margin-top: -1px;
}

.border.small {
  padding: 16px 20px 16px 20px;
}

.bordertop {
  border-top: 1px #ccc solid;
}

.sharegradient {
  border: 1px #ccc solid;
  padding: 32px 17px 20px 17px;
  background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ffffff 0%, #fcfcfc 35%, #f9f9f9 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(35%,#fcfcfc), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%,#fcfcfc 35%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%,#fcfcfc 35%,#f9f9f9 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%,#fcfcfc 35%,#f9f9f9 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%,#fcfcfc 35%,#f9f9f9 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-8 */
  -moz-box-shadow: 0 0 4px #ddd;
  -webkit-box-shadow: 0 0 4px #ddd;
   box-shadow: 0 0 4px #ddd;
}

.sharebottom {
  padding-bottom: 10px;
  background: url(/images/bg_sharebottom2.png) no-repeat 3px bottom;
}

#frame .nobottomspacing {
  margin-bottom: 0;
  padding-bottom: 0;
}

#frame .spacer_small {
  margin-bottom: 10px;
}

#frame .spacer_oneline {
  margin-bottom: 18px;

}
#frame .spacer_medium {
  margin-bottom: 32px;
}

#frame .spacer_large {
  margin-bottom: 42px;
}

#frame .spacer_xlarge {
  margin-bottom: 52px;
}

#frame .ruler_default {
  padding-bottom: 30px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 32px;
}

#frame .ruler_card {
  padding-bottom: 14px;
  border-bottom: 1px #ccc solid;
  margin-bottom: 14px;
}

#frame .ruler_small {
  padding-bottom: 7px;
  border-bottom: 1px #ccc solid;
  margin-bottom: 6px;
}

#frame .ruler_hl2img {
  border-bottom: 1px #ccc solid;
  margin-bottom: 18px;
}

td.ruler_border {
  color: white;
  padding-bottom: 1em;
  border-bottom: 1px solid #ccc;
  height: 1px;
  line-height: 1px;
}

#frame .spacerruler_subnav {
  border-bottom: 1px solid #cccccc;
  margin-bottom: 20px;
  padding-bottom: 30px;
}

#frame .spacerruler_headline {
  margin-top: 31px;
  border-top: 1px solid #cccccc;
  padding-top: 19px;
  height: 94px;
}

#frame .spacerruler_headline2 {
  margin-top: 31px;
  border-top: 1px solid #cccccc;
  padding-top: 21px;
  height: 125px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 19px;
}

#frame .spacerruler_headline3 {
  margin-top: 31px;
  border-top: 1px solid #cccccc;
  padding-top: 19px;
}



#frame ul.hyphen {
  list-style: none;
  margin: 0 0 1em 0;
  padding: 0;
}

#frame ul.hyphen li {
  padding-left: 11px;
  text-indent: -5px;
}

#frame ul.hyphen li:before {
  content: "-";
  position: relative;
  left: -5px;
}

#frame .js_no { display: block; }
#frame .js_yes { display: none; }
#frame .js_no2 { visibility: visible; }
#frame .js_yes2 { visibility: hidden; }
#frame .js_no3 { display: inline; }
#frame .js_yes3 { display: none; }

div.table {
  display: table;
  border-collapse: separate;
}

div.tr {
  display: table-row;
}

div.colgroup {
  display: table-column-group;
}

div.col {
  display: table-column;
}

div.td {
  display: table-cell;
}

div.th {
  display: table-cell;
  text-align: center;
  font-weight: bold;
}

#container > div.bggray  + div:not(.bggray) {
  margin-top: 30px;
}

#container > div:not(.bggray)  + div.bggray {
  padding-top: 30px;
}

.fleft {
  float: left;
}

.fright {
  float: right;
}

.fright.w277 {
  margin-left: 16px
}

/* navigation */
#navmaintop ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
}

#navmaintop  li {
  display: block;
  height: 18px;
  overflow: hidden;
  padding-left: 18px;
  float: left;
}

#navmaintop  li a{
  color: #999;
}

#navmaintop  li a:hover {
  color: #323232;
}

#navmaintop  li a.on {
  color: #323232;
}

ul#navmainbottom {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  z-index: 2;
}

ul#navmainbottom li {
  display: block;
  overflow: hidden;
  float: left;
  padding-right: 30px;
}

ul#navmainbottom li.last {
  padding-right: 0px;
}

ul#navmainbottom li a {
  font-family: 'LinotypeUniversW01-Medi 723679', verdana;
  font-size: 18px;
  color: #a0a0a0;
}

ul#navmainbottom li a:hover {
  color: #323232;
}

ul#navmainbottom li a.on {
  color: #323232;
}

#navtopdown_multiline {
  margin-top: 4px;
  margin-bottom: 20px;
  width: 886px;
  overflow: hidden;
  border-top: #ccc 1px solid;
  padding-right: 14px;
  background: url(/images/bg_navtopdown.gif) top left;
}

#navtopdown_multiline a {
  line-height: 27px;
  display: block;
  float: left;
  padding-right: 14px;
  background: url(/images/topdown_a.gif) top right no-repeat;
  margin-right: 7px;
}

#navtopdown {
  margin-top: 4px;
  margin-bottom: 20px;
  width: 900px;
  height: 26px;
  overflow: hidden;
  border-top: #ccc 1px solid;
  border-bottom: #ccc 1px solid;
}

#navtopdown a {
  line-height: 26px;
  display: block;
  float: left;
  padding-right: 14px;
  background: url(/images/topdown_a.gif) right top no-repeat;
  margin-right: 7px;
}

#navpath {
  margin-bottom: 11px;
}

#navpath a, #navpath span {
  margin-right: 17px;
}

#footertop ul li a {
  color: #8c8c8c;
}

#footertop ul li a:hover {
  color: #323232;
}

#footertop ul li a.on {
  color: #323232;
}

ul#navfootertop {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul#navfootertop li {
  display: block;
  overflow: hidden;
  float: left;
  padding-right: 19px;
}

ul#navfooterbottom {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul#navfooterbottom li {
  display: block;
  overflow: hidden;
  float: left;
  padding-right: 19px;
}

ul#navfooterbottom li a {
  color: #8c8c8c;
}

ul#navfooterbottom li a:hover {
  color: #323232;
}

ul#navfooterbottom li a.on {
  color: #323232;
}

ul#navfooterfixed {
  position: absolute;
  right: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

ul#navfooterfixed li {
  display: block;
  overflow: hidden;
  float: left;
  padding-right: 19px;
}

ul#navfooterfixed li a {
  color: #8c8c8c;
}

ul#navfooterfixed li a:hover {
  color: #323232;
}

ul#navfooterfixed li a.on {
  color: #323232;
}

ul.navtab {
  margin: 0;
  padding: 0;
  background: url(/images/1_cccccc.gif) repeat-x left bottom;
  list-style: none;
}

ul.navtab > li {
  cursor: pointer;
}

#frame ul.navtab.panel {
  margin: 32px 0 36px;
}

ul.navtab li {
  margin-top: 1px;
  border: 1px #cccccc solid;
  display: block;
  padding: 6px 11px;
  margin-right: 5px;
  float: left;
  background: #f5f5f5; /* Old browsers */
  background: -moz-linear-gradient(top, #f5f5f5 90%, #dfdfdf 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(90%,#f5f5f5), color-stop(100%,#ccc)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f5f5f5 90%, #dfdfdf 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f5f5f5 90%, #dfdfdf 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f5f5f5 90%, #dfdfdf 100%); /* IE10+ */
  background: linear-gradient(to bottom, #f5f5f5 90%, #dfdfdf 100%); /* W3C */
}

ul.navtab li:first-child {
  border-left: none;
}

ul.navtab li.on {
  background: none;
  border-bottom: 1px #fff solid;
}

.large ul.navtab li {
  margin-right: 12px;
  padding: 10px 16px;
}

.large ul.navtab li.on a {
  color: #323232;
}

.tabgroup_prevnext {
  margin-top: 28px;
  border-top: 1px #ccc solid;
  border-bottom:1px #ccc solid;
  padding: 18px 0;
}

.ta_left {
  text-align: left;
}

.ta_right {
  text-align: right;
}

.ta_center {
  text-align: center;
}

.but_groupproduct {
  border-left:1px white solid;
  position: absolute;
  right: 2px;
  top: 0px;
  height: 20px;
  width: auto;
  padding:2px 0
}
.bs_card_nav_group {
  position:absolute;
  top:25px;
  left:273px;
  border:1px #ccc solid;
  border-radius: 13px;
  background-color:white;
  padding:10px;
  z-index:1
}
.bs_card_nav_group p {
  margin-bottom: 0px;
}

/* grid" */
#frame {
  width: 970px;
  position: absolute;
  left: 50%;
  margin-left: -485px;
  padding-bottom: 30px;
  padding-bottom: 0px;
}

#navmaintop {
  overflow: hidden;
  text-align: left;
  padding: 13px 35px 9px;
}

#container {
  background-color: #fff;
  width: 900px;
  padding: 30px 35px 66px;
}

#banner {
  height: 125px;
  overflow: hidden;
}

#footertop {
  background-color: #f5f5f5;
  width: 900px;
  padding: 35px;
  overflow: hidden;
}

#footerbottom {
  width: 900px;
  padding: 7px 35px;
  overflow: hidden;
}

#footerfixed {
  position: fixed;
  left: 0px;
  bottom: 0px;
  padding-top: 6px;
  height: 24px;
  width: 100%;
  background-color: #e6e6e6;
  border-top:1px white solid;
}

#bg_shadow {
  position: absolute;
  width: 100%;
  height: 100%;
}

/**
 * page elements
 */
#footerfixed > div {
  position: absolute;
  width: 970px;
  left: 50%;
  margin-left: -485px
}

#bgfiller_shadow {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 150;
  opacity: .50;
  filter: alpha(opacity=50);
  background-color: gray;
  display: none;
}

#bgfiller_shadow2 {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 150;
  opacity: .80;
  filter: alpha(opacity=80);
  background-color: gray;
}

#iframe_recommend {
  position: fixed;
  background-color: #fff;
  left: 50%;
  top: 50%;
  margin-left: -301px;
  margin-top: -315px;
  z-index: 151;
  border: 0;
  padding: 20px 25px 0px 25px;
  width: 552px;
  height: 597px;
}

.popup_alert, #popup_confirm {
  display: none;
  position: fixed;
  background-color: #fff;
  left: 50%;
  top: 50%;
  margin-left: -301px;
  margin-top: -85px;
  z-index: 151;
  border: 0;
  padding: 25px;
  width: 552px;
}

.accordion_head {
  background: url(/images/but_slideup.gif) no-repeat 855px 31px;
  cursor: pointer;
  margin-top: -1px;
  border-top: 1px #ccc solid;
  padding: 25px 0 24px;
}

.accordion_head_close {
  background: url(/images/but_slidedown.gif) no-repeat 855px 31px;
  cursor: pointer;
  border-bottom: 1px #ccc solid;
}

.accordion_head_close h2 {
}

.accordion_head_close:hover {
  background: url(/images/but_slidedown_on.gif) no-repeat 855px 31px;
}

.accordion_footer {
  padding-bottom: 6px;
  border-bottom: 1px #ccc solid;
}

.accordion_gray_head {
  margin-top: -1px;
  border-top: 1px #ccc solid;
  padding: 25px 0 24px;
}

.accordion_gray_head_close {
  background: url(/images/but_slidedown.gif) no-repeat 437px 25px;
  cursor: pointer;
  border-bottom: 1px #ccc solid;
}

.accordion_gray_head_close h2 {
}

.accordion_gray_body {
  background-color: #f5f5f5;
  padding-top: 24px;
  border-bottom: 1px #ccc solid;
}

.accordion_gray_head_close:hover {
  background: url(/images/but_slidedown_on.gif) no-repeat 437px 25px;
}

.accordion_gray_footer {
  height: 57px;
  background: url(/images/but_slideup.gif) no-repeat 437px 21px;
  border-bottom: 35px #fff solid;
  cursor: pointer;
}

.accordion_gray_body .row_1 {
  margin: 0 24px;
  width: 852px;
}

.accordion_gray_body .col_2_0 {
  width: 412px;
  margin-left: 24px;
  padding-right: 24px;
}

.accordion_gray_body .col_2_1 {
  width: 412px;
}

.accordion_gray_body h2 {
  border-bottom: 1px solid #CCCCCC;
  color: #999999;
  margin-bottom: 11px;
  padding-bottom: 9px;
}

.accordion_gray_body p + h2, .accordion_gray_body ul + h2 {
  margin-top: 30px;
}


/**
 * rows and cols
 */

/* one column */
.row_1 {
  width: 900px;
  overflow: hidden;
  margin-bottom: 0px;
}

#frame .row_1.bggray {
  background-color: #f4f4f4;
  margin-left: -35px;
  margin-right: -35px;
  padding-left: 35px;
  padding-right: 35px;
}

.row_1 div img {
}

.row_1 div.pe_icons img {
  display: inline;
}

.col_1_imgtxt {
  position: relative;
}

.col_1_imgtxt h1 {
  margin-bottom: 7px;
}

.col_1_imgtxt h2, .col_1_imgtxt h3, .col_1_imgtxt p {
  margin-bottom: 0;
}

.col_1_imgtxt_nw {
  position: absolute;
  padding: 15px 20px 20px;
  left: 0px;
  top: 0px;
}

.col_1_imgtxt_ne {
  position: absolute;
  padding: 15px 20px 20px;
  text-align: right;
  width: 860px;
  left: 0px;
  top: 0px;
}

.col_1_imgtxt_sw {
  position: absolute;
  padding: 20px;
  bottom: 0px;
  left: 0px;
}

.col_1_imgtxt_se {
  position: absolute;
  padding: 20px;
  text-align: right;
  width: 860px;
  bottom: 0px;
  left: 0px;
}

/* two columns */
.row_2 {
  width: 900px;
  overflow: hidden;
}

#frame .row_2.bggray {
  background-color: #f4f4f4;
  margin-left: -35px;
  margin-right: -35px;
  padding-left: 35px;
  padding-right: 35px;
}

#frame .row_2.bggray.spacerruler_col2_col {
  padding-bottom: 30px;
  background: url(/images/border_col_2_bggray.gif) #f4f4f4 no-repeat 0 bottom;
}

#frame .row_2.bggray.spacerruler_default {
  padding-bottom: 30px;
  background: url(/images/border_srd_bggray.gif) #f4f4f4 no-repeat 0 bottom;
  border-bottom: none;
}

.row_2 .imgtxt {
  margin-bottom: 3px;
}

.row2 .imgtxt h2 {
  position: absolute;
  left: 20px;
  top: 16px;
}

.row_2 .galzoom {
  position: absolute;
  right: 10px;
  top: 10px;
}

.col_2_0 {
  width: 444px;
  padding-right: 12px;
  overflow: hidden;
  float: left;
}

.spacerruler_grid .col_2_0 {
  width: 438px;
  padding-right: 24px;
}

.col_2_1 {
  width: 444px;
  overflow: hidden;
  float: left;
}

.spacerruler_grid .col_2_1 {
  width: 438px;
}

.col_2_imgtxt {
  position: relative;
}

.col_2_imgtxt h1, .col_2_imgtxt h2, .col_2_imgtxt h3, .col_2_imgtxt p {
  margin-bottom: 0;
}

.col_2_imgtxt_nw {
  position: absolute;
  padding: 15px 20px 20px 20px;
  left: 0px;
  top: 0px;
}

.col_2_imgtxt_ne {
  position: absolute;
  padding: 15px 20px 20px 20px;
  text-align: right;
  width: 404px;
  left: 0px;
  top: 0px;
}

.col_2_imgtxt_sw {
  position: absolute;
  padding: 20px;
  bottom: 0px;
  left: 0px;
}

.col_2_imgtxt_se {
  position: absolute;
  padding: 20px;
  text-align: right;
  width: 404px;
  bottom: 0px;
  left: 0px;
}

.col_radio_0 {
  float: left;
  width: 40px;
}

.col_radio_1 {
  float: left;
  width: 860px;
}

/* three columns */
.row_3 {
  width: 900px;
  overflow: hidden;
}

.row_3 .col_3_0 {
  float: left;
  width: 290px;
  padding-right: 15px;
}

.row_3 .col_3_1 {
  float: left;
  width: 290px;
  padding-right: 15px;
}

.row_3 .col_3_2 {
  float: left;
  width: 290px;
}

.col_3_imgtxt {
  position: relative;
}

.col_3_imgtxt h1, .col_3_imgtxt h2, .col_3_imgtxt h3, .col_3_imgtxt p {
  margin-bottom: 0;
}

.col_3_imgtxt_nw {
  position: absolute;
  padding: 15px 20px 20px;
  top: 0px;
  left: 0px;
}

.col_3_imgtxt_ne {
  position: absolute;
  padding: 15px 20px 20px;
  text-align: right;
  width: 250px;
  top: 0px;
  left: 0px;
}

.col_3_imgtxt_sw {
  position: absolute;
  padding: 20px;
  bottom: 0px;
  left: 0px;
}

.col_3_imgtxt_se {
  position: absolute;
  padding: 20px;
  text-align: right;
  width: 250px;
  bottom: 0px;
  left: 0px;
}

/* teaser */
.row_3_teaser {
  border-bottom: 1px #ccc solid;
  border-top: 1px #ccc solid;
  width: 900px;
  overflow: hidden;
  margin-top: -1px;
}

.row_3_teaser .bottom {
  position: absolute;
  bottom: 18px;
}

.row_3_teaser .col_3_0 {
  position: relative;
  border-right: 1px #ccc solid;
  padding: 21px 18px;
  width: 263px;
  min-height: 198px;
  overflow: hidden;
  float: left;
}

.row_3_teaser .col_3_1 {
  position: relative;
  border-right: 1px #ccc solid;
  padding: 21px 18px;
  width: 263px;
  min-height: 198px;
  overflow: hidden;
  float: left;
}

.row_3_teaser .col_3_2 {
  position: relative;
  padding: 21px 18px;
  width: 263px;
  min-height: 198px;
  overflow: hidden;
  float: left;
}

.row_3_teaser.selprod > div {
  padding-top:35px;
  padding-bottom: 23px;
}

.row_3_teaser.selprod > div > a > div {
  padding-bottom: 26px;
}

.row_3_teaser p.h7em {
  height: 122px;
  overflow: hidden;
  margin-bottom: 0;
}

.row_3_teaser p.h8em {
  height: 144px;
  overflow: hidden;
  margin-bottom: 0;
}

/* four columns */
.row_4 {
  width: 900px;
  overflow: hidden;
}

.col_4_0 {
  width: 216px;
  padding-right: 12px;
  overflow: hidden;
  float: left;
}

.col_4_1 {
  width: 216px;
  padding-right: 12px;
  overflow: hidden;
  float: left;
}

.col_4_2 {
  width: 216px;
  padding-right: 12px;
  overflow: hidden;
  float: left;
}

.col_4_3 {
  width: 216px;
  overflow: hidden;
  float: left;
}

.col_4_imgtxt {
  position: relative;
}

.col_4_imgtxt h1, .col_4_imgtxt h2, .col_4_imgtxt h3, .col_4_imgtxt p {
  margin-bottom: 0;
}

.col_4_imgtxt_nw {
  position: absolute;
  padding: 15px 20px 20px;
}

.col_4_imgtxt_ne {
  position: absolute;
  padding: 15px 20px 20px;
  text-align: right;
  width: 176px;
  top: 0px;
  left: 0px;
}

.col_4_imgtxt_sw {
  position: absolute;
  padding: 20px;
  bottom: 0px;
  left: 0px;
}

.col_4_imgtxt_se {
  position: absolute;
  padding: 20px;
  text-align: right;
  width: 176px;
  bottom: 0px;
  left: 0px;
}

/* subnav */
.col_4 {
  float: left;
  overflow: hidden;
  padding-right: 12px;
  width: 216px;
}

#footertop div.row_4 div.last, .submenue div.row_4 div.last {
  padding-right: 0px;
}

.col_4 ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.col_4 ul a {
  display: block;
  background: url(/images/rsaquo_a.gif) no-repeat 0px 5px;
  padding-left: 11px;
}

.col_4 ul a:hover, .col_4 ul a.on {
  background: url(/images/rsaquo_a_on.gif) no-repeat 0px 5px;
}

.col_2_2_0 {
  width: 216px;
  padding-right: 12px;
  float:left;
}

.col_2_2_1 {
  width: 216px;
  float:left;
}

.teaser_row_4 {
  height: 168px;
  overflow: hidden;
}

.teaser_col_4 {
  float: left;
  border: 1px solid #ccc;
  border-right: none;
  width: 224px;
  overflow: hidden;
}

.teaser_col_4 img {
  position: absolute;
}

.teaser_col_4_imgtxt {
  position: relative;
  height: 166px;
}

.teaser_col_4_imgtxt h1, .teaser_col_4_imgtxt h2, .teaser_col_4_imgtxt h3 {
  margin-bottom: 0;
}

.teaser_col_4_imgtxt_nw {
  position: absolute;
  padding: 6px 10px;
}

.teaser_col_4_imgtxt_ne {
  position: absolute;
  padding: 6px 10px;
  text-align: right;
  width: 204px;
}

.teaser_col_4_imgtxt_sw {
  position: absolute;
  padding: 6px 10px;
  bottom: 0px;
}

.teaser_col_4_imgtxt_se {
  position: absolute;
  padding: 6px 10px;
  text-align: right;
  width: 204px;
  bottom: 0px;
}

.teaser_col_4:hover .teaser_col_4_over {
  display: block;
  cursor: pointer;
}

.teaser_col_4_over {
  display: none;
  position: absolute;
  width: 225px;
  height: 166px;
  background-image:url(/images/teaser_col_4_over.gif);
}

.mtjs .mtjs-controls > div img,
.mtjs .mtjs-uppercontrols > div img,
#row_bsconfig > div:nth-child(2) > div img {
  display: block;
  float: left;
}

.mtjs .mtjs-controls > div select,
.mtjs .mtjs-uppercontrols > div select,
#row_bsconfig > div:nth-child(2) > div select {
  width: 288px;
}

#popup_confirm input[type=text],
.mtjs .mtjs-controls > div input[type=text],
.mtjs .mtjs-uppercontrols > div input[type=text],
#row_bsconfig > div:nth-child(2) > div input[type=text] {
  width: 270px;
  background-color: #fff;
}

.mtjs .mtjs-controls > div,
.mtjs .mtjs-uppercontrols > div,
#row_bsconfig > div:nth-child(2) > div {
  padding: 20px 18px 20px 18px;
  border-bottom: 1px #ccc solid;
}

.mtjs .mtjs-controls > div:last-child,
.mtjs .mtjs-uppercontrols > div:last-child,
#row_bsconfig > div:nth-child(2) > div:last-child {
  border-bottom: none;
}

.mtjs ul.navtab,
#row_bsconfig ul.navtab {
  background: none;
}

.mtjs ul.navtab li,
#row_bsconfig ul.navtab li {
  padding: 3px 5px;
}

.mtjs ul.navtab li.on,
#row_bsconfig ul.navtab li.on {
  background: white;
}

.mtjs ul.navtab li.on,
#row_bsconfig ul.navtab li.on {
  background: white;
}

.mtjs ul.navtab a,
#row_bsconfig ul.navtab a {
  color: black;
}

.mtjs ul.navtab li:first-child,
#row_bsconfig ul.navtab li:first-child {
  border-left: 1px #ccc solid;
}


.mtjs .mtjs-canvas,
#row_bsconfig > div:nth-child(1) {
  width: 564px;
  margin-right: 12px;
}

.mtjs .mtjs-controls,
#row_bsconfig > div:nth-child(2) {
  width: 324px;
}

.mtjs .mtjs-canvas,
.mtjs .mtjs-controls,
#row_bsconfig > div {
  float: left;
  min-height: 900px;
  background-color: #f5f5f5;
}

.mtjs .mtjs-uppercontrols {
  float: left;
  width: 564px;
  margin-right: 12px;
  background-color: #f5f5f5;
}


#bs_clip {
  width: 453px;
  height: 900px;
  overflow: hidden;
  position: relative;
  margin-left: 59px;
}

#bs_scroll {
  position: absolute;
}

#bs_scroll > img {
  display: block;
}

#bs_scroll_up {
  position: absolute;
  left: 0;
  top: 0px;
  width: 100%;
  height: 20px;
  background-color: red;
  opacity: 0.4;
  filter:alpha(opacity=0.4);
  cursor: pointer;
}

#bs_scroll_down {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 20px;
  background-color: red;
  opacity: 0.4;
  filter:alpha(opacity=0.4);
  cursor: pointer;
}

.bs_sheet.cccccc > .bs_label.on {
  background-color: #b69ebb;
}

.bs_label {
  position: absolute;
  overflow: hidden;
}

.bs_label:hover {
  cursor: pointer;
}

.bs_label.on  {
  background-color: #ffcccc;
}

.bs_label.on .bs_col_selected.on {
  border: 1px #ff8888 solid;
}

.bs_col_selected {
  position: absolute;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}

.bs_col_symbol {
  position: absolute;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
}

.bs_col_click {
  position: absolute;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
}

.bs_col_symbol > div {
  display: table-cell;
  line-height: 120%;
}

.bs_col {
  display: block;
  position: absolute;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
  resize: none;
  color: black;
  background-color: transparent;
  line-height: 120%;
  wrap: soft;
}

#bs_textmod {
  height: 28px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#bs_textmod > div.textstyle {
  float: left;
  width: 29px;
  height: 28px;
  overflow: hidden;
  margin-right: 6px;
  cursor: pointer;
}

#bs_colcount {
  height: 44px;
}

#bs_colcount > div {
  width: 44px;
  height: 44px;
  overflow: hidden;
  margin-right: 13px;
  float: left;
  cursor: pointer;
}

#bs_colcount_1 {
  background: url(/images/bsconfig_col1_off.svg) no-repeat;
}

#bs_colcount_1.on {
  background: url(/images/bsconfig_col1_on.svg) no-repeat;
}

#bs_colcount_2 {
  background: url(/images/bsconfig_col2_off.svg) no-repeat;
}

#bs_colcount_2.on {
  background: url(/images/bsconfig_col2_on.svg) no-repeat;
}

#bs_colcount_3 {
  background: url(/images/bsconfig_col3_off.svg) no-repeat;
}

#bs_colcount_3.on {
  background: url(/images/bsconfig_col3_on.svg) no-repeat;
}

#bs_colcount_4 {
  background: url(/images/bsconfig_col4_off.svg) no-repeat;
}

#bs_colcount_4.on {
  background: url(/images/bsconfig_col4_on.svg) no-repeat;
}

#bs_colcount_5 {
  background: url(/images/bsconfig_col5_off.svg) no-repeat;
}

#bs_colcount_5.on {
  background: url(/images/bsconfig_col5_on.svg) no-repeat;
}

#bs_tools {
  height: 28px;
}

#bs_tools > div {
  width: 29px;
  height: 28px;
  overflow: hidden;
  margin-right: 6px;
  cursor: pointer;
}

#bs_copy {
  background: url(/images/bs_copy_off.svg) no-repeat;
  float: left;
}

#bs_copy.on {
  background: url(/images/bs_copy_on.svg) no-repeat;
}

#bs_paste {
  background: url(/images/bs_paste_off.svg) no-repeat;
  float: left;
}

#bs_paste.on {
  background: url(/images/bs_paste_on.svg) no-repeat;
}

#bs_delete {
  background: url(/images/bs_delete_off.svg) no-repeat;
  float: left;
}

#bs_delete.on {
  background: url(/images/bs_delete_on.svg) no-repeat;
}

#bs_undo {
  background: url(/images/bs_undo_off.svg) no-repeat;
  float: right;
  margin-right: 0px;
}

#bs_undo.on {
  background: url(/images/bs_undo_on.svg) no-repeat;
}

#bs_redo {
  background: url(/images/bs_redo_off.svg) no-repeat;
  float: right;
  margin-right: 0px;
}

#bs_redo.on {
  background: url(/images/bs_redo_on.svg) no-repeat;
}




#bs_align {
  height: 28px;
}

#bs_align > div {
  width: 29px;
  height: 28px;
  overflow: hidden;
  margin-right: 6px;
  cursor: pointer;
}

#bs_left {
  background: url(/images/bs_align_left_off.svg) no-repeat;
  float: left;
}

#bs_left.on {
  background: url(/images/bs_align_left_on.svg) no-repeat;
}

#bs_center {
  background: url(/images/bs_align_center_off.svg) no-repeat;
  float: left;
}

#bs_center.on {
  background: url(/images/bs_align_center_on.svg) no-repeat;
  float: left;
}

#bs_right {
  background: url(/images/bs_align_right_off.svg) no-repeat;
}

#bs_right.on {
  background: url(/images/bs_align_right_on.svg) no-repeat;
}

#bs_top {
  background: url(/images/bs_valign_top_off.svg) no-repeat;
  float: right;
}

#bs_top.on {
  background: url(/images/bs_valign_top_on.svg) no-repeat;
}

#bs_middle {
  background: url(/images/bs_valign_middle_off.svg) no-repeat;
  float: right;
}

#bs_middle.on {
  background: url(/images/bs_valign_middle_on.svg) no-repeat;
}

#bs_bottom {
  background: url(/images/bs_valign_bottom_off.svg) no-repeat;
  float: right;
  margin-right: 0px;
}

#bs_bottom.on {
  background: url(/images/bs_valign_bottom_on.svg) no-repeat;
}


#bs_align2 > div {
  width: 22px;
  height: 22px;
  overflow: hidden;
  margin-right: 6px;
  cursor: pointer;
}

#bs_left2 {
  background: url(/images/bs_align_left2_off.svg) no-repeat;
  float: left;
}

#bs_left2.on {
  background: url(/images/bs_align_left2_on.svg) no-repeat;
}

#bs_center2 {
  background: url(/images/bs_align_center2_off.svg) no-repeat;
  float: left;
}

#bs_center2.on {
  background: url(/images/bs_align_center2_on.svg) no-repeat;
  float: left;
}

#bs_right2 {
  background: url(/images/bs_align_right2_off.svg) no-repeat;
}

#bs_right2.on {
  background: url(/images/bs_align_right2_on.svg) no-repeat;
}

#bs_top2 {
  background: url(/images/bs_valign_top2_off.svg) no-repeat;
  float: right;
}

#bs_top2.on {
  background: url(/images/bs_valign_top2_on.svg) no-repeat;
}

#bs_middle2 {
  background: url(/images/bs_valign_middle2_off.svg) no-repeat;
  float: right;
}

#bs_middle2.on {
  background: url(/images/bs_valign_middle2_on.svg) no-repeat;
}

#bs_bottom2 {
  background: url(/images/bs_valign_bottom2_off.svg) no-repeat;
  float: right;
  margin-right: 12px !important;
}

#bs_bottom2.on {
  background: url(/images/bs_valign_bottom2_on.svg) no-repeat;
}

#bs_angle_display {
  float: right;
  width: 38px !important;
  height: 8px;
  overflow: hidden;
  margin-right: 6px;
  padding-right: 6px;
  border: 1px #ccc solid;
  padding: 6px;
}

#bs_angle_left {
  background: url(/images/bs_angle_left2_off.svg) no-repeat;
  float: right;
}

#bs_angle_left.on {
  background: url(/images/bs_angle_left2_on.svg) no-repeat;
}

#bs_angle_right {
  background: url(/images/bs_angle_right2_off.svg) no-repeat;
  float: right;
  margin-right: 0px !important;
}

#bs_angle_right.on {
  background: url(/images/bs_angle_right2_on.svg) no-repeat;
}

#bs_bold {
  background: url(/images/bs_font_bold_off.svg) no-repeat;
  float: right;
  margin-right: 0px;
}

#bs_bold.on {
  background: url(/images/bs_font_bold_on.svg) no-repeat;
}

#bs_italic {
  background: url(/images/bs_font_italic_off.svg) no-repeat;
  float: right;
  margin-right: 0px;
}

#bs_italic.on {
  background: url(/images/bs_font_italic_on.svg) no-repeat;
}

#bs_underline {
  background: url(/images/bs_font_underline_off.svg) no-repeat;
  float: right;
  margin-right: 0px;
}

#bs_underline.on {
  background: url(/images/bs_font_underline_on.svg) no-repeat;
}

#bs_symbols {
  height: 147px;
  border: 1px #ccc solid;
  background-color: white;
  overflow-x: hidden;
  overflow-y: auto;
  display: none;
}

#bs_symbols > div {
  float: left;
  width: 33px;
  height: 38px;
  line-height: 36px;
  text-align: center;
  cursor: pointer;
}

#bs_symbols > div.on {
  background-color: #ff8888;
}

#bs_text {
  margin: 0px;
  height: 127px;
  padding: 10px;
  width : 266px;
  border: 1px #ccc solid;
  background-color: white;
  overflow-x: hidden;
  overflow-y: auto;
  resize: none;
  display: none;
}

#bs_select {
  margin: 0px;
  height: 127px;
  padding: 10px;
  border: 1px #ccc solid;
  background-color: white;
  color: red;
}

#bs_image {
  margin: 0px;
  height: 200px;
  max-width: 288px;
  border: 1px dashed #aaa;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

#bs_image img,
#bs_image canvas {
  height: auto !important;
  max-width: 281px;
  max-height: 200px;
}


#bs_formatall {
  cursor: pointer;
  margin:-4px 10px 0 0;
}

#bs_allrows,
#bs_symmetrical {
  cursor: pointer;
  margin:-4px 10px 0 0;
}


#giralogo {
  margin-bottom: 46px;
}

#footertop h2 {
  margin-bottom: 2px;
}

#f_articleno {
  float: right;
  margin-top: 5px;
}

#s_articleno {
   width: 274px;
}


.bs_card_article {
  position: relative;
}

.bs_card_nav {
  margin: 20px 0 10px;
  position: relative;
  width: 860px;
}

.bs_card_nav a.but {
  float: right;
  width: 138px;
  margin-left: 12px;
}

.bs_card_row > div {
  float: left;
}
.bs_card_row > div:nth-child(1):not(.col16) {
  width: 57px;
}
.bs_card_row > div:nth-child(2) {
  width: 128px;
}
.bs_card_row > div:nth-child(2) img {
  display: block;
}
.bs_card_row > div:nth-child(3) {
  width: 164px;
}
.bs_card_row > div:nth-child(4) {
  padding-right: 10px;
  width: 176px;
}
.bs_card_row > div:nth-child(5) {
  width: 111px;
}
.bs_card_row > div:nth-child(6) {
  width: 105px;
}
.bs_card_row > div:nth-child(7), .bs_card_row > div.col7  {
  width: 106px;
  text-align: right;
}
.bs_card_row > div.col16 {
  width: 750px;
}
.bs_card_row > div.col16.coupon {
  width: 539px;
  padding-right: 211px;
}

.bs_pattern_imgcell {
  position: relative;
  padding: 35px 35px 32px 35px;
  width: 222px;
  height: 222px;
  background-color: #f5f5f5;
  overflow: none;
  display: table-cell;
  vertical-align: middle;
  text-align: center
}

.bs_pattern_imgcell > img.thumb {
  max-width: 100%;
  max-height: 100%
}

.bs_pattern_imgcell  img.delete {
  position: absolute;
  border: 1px #999 solid;
  right: 10px;
  bottom: 10px;
}

.bs_projects_row > div {
  float: left;
  min-height: 1px;
}
.bs_projects_row > div:nth-child(1) {
  width : 43px
}
.bs_projects_row > div:nth-child(2) {
  width : 586px;
  padding-right : 20px
}
.bs_projects_row > div:nth-child(3) {
  width : 126px;
}
.bs_projects_row > div:nth-child(4) {
  width : 83px;
}
.bs_projects_row input.text {
  margin-top: -3px;
}
.bs_projects_nav > a.but {
  float: right;
  width: 138px;
  margin-left: 12px;
}


.bs_raster_row > div {
  float: left;
  min-height: 1px;
}
.bs_raster_row > div:nth-child(1) {
  width : 43px
}
.bs_raster_row > div:nth-child(2) {
  width : 293px;
}
.bs_raster_row > div:nth-child(3) {
  width : 293px;
  padding-right : 20px
}
.bs_raster_row > div:nth-child(4) {
  width : 126px;
}
.bs_raster_row > div:nth-child(5) {
  width : 83px;
}
.bs_raster_row input.text {
  margin-top: -3px;
}
.bs_raster_row > a.but {
  float: right;
  width: 138px;
  margin-left: 12px;
}


.bs_project_row > div {
  float: left;
  min-height: 1px;
}
.bs_project_row > div:nth-child(1) {
  width : 65px
}
.bs_project_row > div:nth-child(2) {
  width : 201px;
  padding-right : 10px
}
.bs_project_row > div:nth-child(3) {
  width : 128px;
}
.bs_project_row > div:nth-child(4) {
  width : 243px;
}
.bs_project_row > div:nth-child(5) {
  width : 117px;
  padding-right : 10px
}
.bs_project_row > div:nth-child(6) {
  width : 84px;
}
.bs_project_nav > a.but {
  float: right;
  width: 138px;
  margin-left: 12px;
}

.bs_iteminfo_row {
  border-top: 1px #ccc solid;
  background-color: #f5f5f5;
  padding-top: 35px;
  padding-bottom: 35px;
}
.bs_iteminfo_row > div {
  float: left;
}
.bs_iteminfo_row > div:nth-child(1) {
  padding-left: 85px;
  width : 100px;
  padding-right: 85px;
}
.bs_iteminfo_row > div:nth-child(2) {
  width : 288px;
}

.bs_orders_row > div {
  float: left;
  min-height: 1px;
}
.bs_orders_row > div:nth-child(1) {
  width: 65px
}
.bs_orders_row > div:nth-child(2) {
  width: 130px
}
.bs_orders_row > div:nth-child(3) {
  width: 150px
}
.bs_orders_row > div:nth-child(4) {
  width: 283px
}
.bs_orders_row > div:nth-child(5) {
  width: 130px
}
.bs_orders_row > div:nth-child(6) {
  width: 100px;
  text-align: right;
}

.bs_order_row > div {
  float: left;
  min-height: 1px;
}
.bs_order_row > div:nth-child(1) {
  width : 73px
}
.bs_order_row > div:nth-child(2) {
  width : 192px;
  padding-right : 10px
}
.bs_order_row > div:nth-child(3) {
  width : 188px;
}
.bs_order_row > div:nth-child(4) {
  width : 163px;
}
.bs_order_row > div:nth-child(5) {
  width : 178px;
  padding-right : 10px
}
.bs_order_row > div:nth-child(6) {
  width : 44px;
  text-align: right;
}


#gototop {
  float: right;
}

.navrow {
  padding-bottom: 7px;
}

.navrow a {
  margin-right: 14px;
}

.cat_img {
  width: 292px;
  height: 292px;
  background-color: #f5f5f5
}

.prod_img {
  width: 263px;
  height: 145px;
}

/* Clearfix workaround */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  clear: both;
  visibility: hidden
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

.dfbcatcheye {
  display: none;
}

.border_col_3 {
  float: left;
  width: 288px;
  margin-bottom: 1.5em;
}

/* Swipe */
#frame div.swipe > div.swipe-wrap > div {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: 0px;
}

.swipe {
  overflow: hidden;
  position: relative;
}

.swipe > .swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe > .swipe-wrap > div {
  float: left;
  width: 100%;
  position: relative;
}

.swipe > .swipe-wrap > div > a {
  position: absolute;
  right: 24px;
  bottom: 28px;
}

.swipe > .swipe-wrap > div > h1 {
  position: absolute;
  top: 13px;
  left: 18px;
}

.swipe > .swipe-wrap > div > p {
  position: absolute;
  top: 127px;
  left: 18px;
  width: 270px;
}

.swipe > .swipe_next {
  position: absolute;
  top: 0px;
  right: 20px;
  visibility: hidden;
}

.swipe > .swipe_prev {
  position: absolute;
  top: 0px;
  left: 20px;
  visibility: hidden;
}

.swipe:hover > .swipe_next {
  visibility: visible;
}

.swipe:hover > .swipe_prev {
  visibility: visible;
}

.swipe:hover > .swipe_next.swipe_hide {
  visibility: hidden;
}

.swipe:hover > .swipe_prev.swipe_hide {
  visibility: hidden;
}

.swipe_navpanel {
  width: 100%;
  margin-top: 6px;
  margin-bottom: 5px;
  text-align: center;
}

.swipe_navpanel > img {
  cursor: pointer;
  margin: 0px 4px 0 4px;
}


/* Easy Select Box */
/* Core CSS. Do not edit unless your sure */
.easy-select-box{
	display:inline-block;
	position:relative;
}
.easy-select-box .esb-dropdown{
	position:absolute;
	top:100%;
	left:0;
	z-index:99;
	display:none;
}

/* Default Presentation CSS. You can edit appearance here or create a custom class below */
.easy-select-box {
	text-align: left;
	color: #999;
}
.easy-select-box .esb-displayer {
  padding: 0px 22px 0px 6px;
	height: 22px;
	line-height: 22px;
	cursor: default;
  color: #999;
  border-top: #c9c9c9 1px solid;
  border-left: #eaeaea 1px solid;
  border-right: #eaeaea 1px solid;
  border-bottom: #f7f8f8 1px solid;
  background: url(/images/bg_select.gif) #f5f5f5 no-repeat right center;
  overflow: hidden;
}
.warn .easy-select-box .esb-displayer {
  color: #ff0000;
}
.easy-select-box:hover .esb-displayer {
	text-decoration: none;
  background: url(/images/bg_select.gif) #f5f5f5 no-repeat right center;
}
.easy-select-box.disabled .esb-displayer,
.easy-select-box:hover.disabled .esb-displayer {
}
.easy-select-box .esb-dropdown {
	border: 1px solid #cccccc;
  max-height: 360px;
	overflow: auto;
	background: #fff;
}
.easy-select-box .esb-dropdown .esb-item {
	padding: 0 0 0 6px;
	line-height: 22px;
	background: #fff;
	color: #323232;
	cursor: default;
}
.easy-select-box .esb-dropdown .esb-item:hover {
  background: #9f9b97;
	color: #fff;
	text-decoration:none;
}

.easy-select-box-white .esb-displayer {
   background: url(/images/bg_select.gif) #fff no-repeat right center;
   border: 1px #ccc solid;
}

.easy-select-box-white:hover .esb-displayer {
	text-decoration: none;
  background: url(/images/bg_select.gif) #fff no-repeat right center;
}


/**
 * CSS File for ezMark jQuery Plugin
 *
 **/
.ez-hide { opacity: 0; filter:alpha(opacity=0); }
.ez-checkbox {
  display: block;
  float: left;
  width: 39px;
  height: 24px;
	background: transparent url(/images/but_checkbox.gif) 0 0 no-repeat;
	display:inline-block;
}

.ez-radio {
  display: block;
  float: left;
  width: 39px;
  height: 24px;
	background: transparent url(/images/but_radio.gif) 0 0 no-repeat;
	display:inline-block;
}

.ez-checkbox-hook {
  display: block;
  float: left;
  width: 36px;
  height: 26px;
	background: transparent url(/images/but_checkbox_hook.gif) 0 0 no-repeat;
	display:inline-block;
  margin-top: -4px;
}

.ez-radio-hook {
  display: block;
  float: left;
  width: 36px;
  height: 26px;
	background: transparent url(/images/but_radio_hook.gif) 0 0 no-repeat;
	display:inline-block;
  margin-top: -4px;
}

.ez-checkbox-small {
  display: block;
  float: left;
  width: 13px;
  height: 13px;
	background: transparent url(/images/but_checkbox_small.gif) 0 0 no-repeat;
	display:inline-block;
  margin: 3px 5px 0 0;
}

.ez-radio-small {
  display: block;
  float: left;
  width: 13px;
  height: 13px;
	background: transparent url(/images/but_radio_small.gif) 0 0 no-repeat;
	display:inline-block;
  margin: 3px 5px 0 0;
}

.ez-label {
  display: block;
  padding: 2px 0 0 38px;
}

.ez-checked { background-position: 0 -24px; }
.ez-selected { background-position: 0 -24px; }
.ez-checked-hook { background-position: 0 -26px; }
.ez-selected-hook { background-position: 0 -26px; }
.ez-checked-small { background-position: 0 -13px }
.ez-selected-small { background-position: 0 -13px }

.ez-checkbox, .ez-radio { zoom: 1; *display:inline; _height:30px; }

/**
 * placeholder
 */
::-webkit-input-placeholder {
  color: #999;
}
:-moz-placeholder {
  color: #999;
  opacity: 1;
}
::-moz-placeholder {
  color: #999;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #999;
}

.warn::-webkit-input-placeholder {
  color: #ff0000;
}
.warn:-moz-placeholder {
  color:  #ff0000;
  opacity: 1;
}
.warn::-moz-placeholder {
  color:  #ff0000;
  opacity: 1;
}
.warn:-ms-input-placeholder {
  color:  #ff0000;
}

#ac_frame {
  background-color: #fff;
  padding: 35px;
}

#ac_buttons {
  text-align: center;
}

#ac_buttons form {
  display: inline-block;
}

#ac_buttons form a {
  display: none;
  padding-left: 30px;
  padding-right: 30px;
}

#bs_imagemod {
  margin-top: 10px;
}

#bs_imagemod label {
  display: inline-block;
  padding: 0;
  width: 25%;
}

#bs_image_brightness,
#bs_image_contrast,
#bs_image_size {
  vertical-align: middle;
  margin: 0;
  margin-left: 7px;
}

.select2 {
  margin-bottom: 10px !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: initial !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #9f9b97 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #999 !important;
}

#bs_imagemod input[type=range] {
  -webkit-appearance: none;
  margin: 4.5px 0;
  padding: 0;
  background: #f5f5f5;
  width: 125px;
}
#bs_imagemod input[type=range]:focus {
  outline: none;
}
#bs_imagemod input[type=range]::-webkit-slider-runnable-track {
  height: 7px;
  cursor: pointer;
  background: #c8c8c8;
  border-radius: 0px;
  border: 1px solid #c8c8c8;
}
#bs_imagemod input[type=range]::-webkit-slider-thumb {
  border: 1px solid #323232;
  height: 16px;
  width: 16px;
  border-radius: 32px;
  background: #f5f5f5;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5.5px;
}
#bs_imagemod input[type=range]:focus::-webkit-slider-runnable-track {
  background: #c8c8c8;
}
#bs_imagemod input[type=range]::-moz-range-track {
  height: 7px;
  cursor: pointer;
  background: #c8c8c8;
  border-radius: 0px;
  border: 1px solid #c8c8c8;
}
#bs_imagemod input[type=range]::-moz-range-thumb {
  border: 1px solid #323232;
  height: 16px;
  width: 16px;
  border-radius: 32px;
  background: #f5f5f5;
  cursor: pointer;
}
#bs_imagemod input[type=range]::-ms-track {
  height: 7px;
  margin-top: 9px;
  margin-bottom: 9px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
#bs_imagemod input[type=range]::-ms-thumb {
  border: 1px solid #323232;
  height: 16px;
  width: 16px;
  border-radius: 32px;
  background: #f5f5f5;
  cursor: pointer;
}
#bs_imagemod input[type=range]::-ms-fill-lower,
#bs_imagemod input[type=range]::-ms-fill-upper,
#bs_imagemod input[type=range]:focus::-ms-fill-lower,
#bs_imagemod input[type=range]:focus::-ms-fill-upper {
  background: #c8c8c8;
}
#bs_imagemod input[type=range]::-ms-tooltip {
    display: none;
}

/* cookie consent */
.consent-dialog {
  background-color: #e3e3e3;
  z-index: 40;
  position: fixed;
  left: 16px;
  right: 16px;
  top: 102px;
  border-radius: 6px;
  max-width: 800px !important;
  height: auto !important;
  margin: 30px auto;
}
@media (max-width: 767px) {
  .consent-dialog {
    top: 65px;
    position: absolute;
  }
}
.consent-dialog .consent-center {
  text-align: center;
}
.consent-dialog p,
.consent-dialog .text {
  color: #323232 !important;
}
.consent-dialog a:hover {
  color: #323232;
  text-decoration: none;
}
.consent-dialog label {
  font-weight: 400 !important;
}
.consent-dialog .consent-content {
  max-width: 800px !important;
  height: auto !important;
  border: 1px solid #c8c8c8 !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 6px;
  outline: 0;
}
.consent-dialog .consent-body {
  position: relative;
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 5px;
  padding-left: 15px;
}
.consent-dialog .options {
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}
.consent-dialog .option {
  display: inline-flex;
  padding-left: 34px;
  margin-right: 1rem;
  min-height: 24px;
  margin-bottom: 10px;
  position: relative;
}
.consent-dialog .option .consent-input {
  position: absolute;
  z-index: 2;
  opacity: 0;
  top: 3px;
  left: 3px;
  transform: scale(1.5);
  padding: 0;
}
.consent-dialog .option .consent-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 14px;
  height: 14px;
  content: "";
}
.consent-dialog .option .consent-input:checked ~ .consent-label::after {
  position: absolute;
  top: 6px;
  left: 5px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
.consent-dialog .option .consent-label {
  position: static;
  margin-bottom: 0;
  vertical-align: top;
  margin-top: 3px;
  padding: 0px;
}
.consent-dialog .option .consent-label:before {
  background-color: transparent !important;
  border-radius: 0;
  box-shadow: none !important;
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  top: 0;
  left: 0;
  border: #adb5bd solid 1px;
  pointer-events: none;
  display: block;
}
@media (min-width: 520px) {
  .consent-dialog .consent-buttons :not(:first-child) {
    margin-left: 15px;
  }
}
@media (max-width: 820px) {
  .consent-dialog .option {
    min-width: 150px;
  }
}
.consent-dialog .consent-btn {
  cursor: pointer;
  font-family: inherit;
  line-height: inherit;
  font-size: 14px;
  width: 200px;
  border-radius: 15px;
  border: none;
  background-color: #969696;
  color: #ffffff;
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 20px;
}
.consent-dialog .consent-btn.consent-btn-green {
  background-color: #87b400;
  color: #ffffff;
}

.d-none {
  display: none;
}
.d-block {
  display: block;
}