/* links */
a.w205 {
  width: 205px;
  padding-left: 0;
  padding-right: 0
}

div.swipe_navpanel + div.teaseraddon {
  margin-top: -17px;
}

/* classes */
.graylight {
  color: #c8c8c8;
}

.invisible {
  background-color: #ffeeee;
}

.hidesubmit {
  display: none;
}

.selimg > img {
  cursor: pointer;
}

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

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

.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;
}

.imgtxt {
  position: relative;  
}

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



/* navigation */


/**
 * rows and cols 
 */

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

.row_1.bggray {
  background-color: #f4f4f4;
  margin: 0 -35px;
  padding: 30px 35px;

}

.row_1.w970 {
  margin: 0 -35px;
  width: 970px;
}

.row_1.bggray + .row_1.bggray {
  padding-top: 0px
}

.row_1 div img {
}

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

.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;
}

.w970 .col_1_imgtxt_nw {
  padding: 25px 35px 0 35px;
}

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

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

.w970 .col_1_imgtxt_ne {
  padding: 25px 35px 0 35px;
}

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

.w970 .col_1_imgtxt_sw {
  padding: 0 35px 25px 35px;
}

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

.w970 .col_1_imgtxt_sw {
  padding: 0 35px 25px 35px;
}

/* designvariants intro */
.row_1_dvintro {
  margin-bottom: -1px;
  padding: 17px;
  width: 864px;
  border: 1px #c8c8c8 solid;
}

.col_2_0_dvintro {
  float: left;
  width: 421px;
  padding-right: 20px;
}

.col_2_1_dvintro {
  float: left;
  width: 421px;
}

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

#frame .row_2.bggray {
  background-color: #f4f4f4;
}

#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;
}

.row_2 > .darken > div:first-child, .row_3 > .darken > a > div:first-child  {
  overflow: hidden;
}

.col_2_imgtxt {
  position: relative;
}

.darken .col_2_imgtxt {
  background-color: #000;
} 

.darken .col_2_imgtxt > div:first-child {
  -webkit-transition: all 0.8s 0.2s ease;
  transition: all 0.8s 0.2s ease;
}

.darken .col_2_imgtxt:hover > div:first-child {
  opacity: .80;
  filter: alpha(opacity=80);
}

.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;
}

/* technical data table inside col_2 column */
.data_row_2 {
  width: 444px;
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #c8c8c8;
}

.data_row_2_last {
  width: 444px;
}

.data_col_2_0 {
  width: 212px;
  padding-right: 10px;
  float:left
}

.data_col_2_1 {
  width: 212px;
  padding-right: 10px;
  float:left
}

.faq_col_2_0 {
  width: 672px;
  float: left;
  margin-right: 26px;
}

.faq_col_2_0 table {
  margin-bottom: 1em;
}

.faq_col_2_1 {
  width: 202px;
  float: left;
}

.jb_col_2_0 {
  width: 598px;
  float: left;
  margin-right: 22px;
}

.jb_col_2_1 {
  width: 280px;
  float: left;
}

/* info and teaser col */

/* 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;
}

.row_3 > .darken > div:first-child, .row_3 > .darken > a > div:first-child  {
  overflow: hidden;
}

.col_3_imgtxt {
  position: relative;
}

.darken .col_3_imgtxt {
  background-color: #000;
} 

.darken .col_3_imgtxt > div:first-child {
  -webkit-transition: all 0.8s 0.2s ease;
  transition: all 0.8s 0.2s ease;
}

.darken .col_3_imgtxt:hover > div:first-child {
  opacity: .80;
  filter: alpha(opacity=80);
}

.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 19px 15px 19px;
  top: 0px;
  left: 0px;
}

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

.col_3_imgtxt_sw {
  position: absolute;
  padding: 15px 19px 15px 19px;
  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 #c8c8c8 solid;
  border-top: 1px #c8c8c8 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 #c8c8c8 solid;
  padding: 21px 18px;
  width: 263px;
  height: 198px;
  overflow: hidden;
  float: left;
}

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

.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;
}

.row_4 > .darken > div:first-child, .row_4 > .darken > a > div:first-child  {
  overflow: hidden;
}

.col_4_imgtxt {
  position: relative;
}

.darken .col_4_imgtxt {
  background-color: #000;
} 

.darken .col_4_imgtxt > div:first-child {
  -webkit-transition: all 0.8s 0.2s ease;
  transition: all 0.8s 0.2s ease;
}

.darken .col_4_imgtxt:hover > div:first-child {
  opacity: .80;
  filter: alpha(opacity=80);
}

.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;
}

/* teaser row */
.row_teaser { 
  width: 900px;
  overflow: hidden;
}

.col_teaser_0 {
  width: 672px;
  float: left;
  overflow: hidden;
  margin-right: 23px;
}

.col_teaser_1 {
  width: 205px;
  float: left;
  overflow: hidden;
}

/* row2 cont + subnav */
.col_content {
  float: left;
  width: 671px;
  padding-right: 20px;
  overflow: hidden;
}

.col_subnav {
  float: left;
  width: 209px;
  overflow: hidden;
}
 

/* 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-999999.svg) no-repeat 0px 5px;
  padding-left: 11px;
}

.col_4 ul a:hover, .col_4 ul a.on {
  background: url(/images/rsaquo-323232.svg) 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 #c8c8c8;
  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);
}

#notepad {
  float: right;
  background-color: #9f9c97;
  height: 22px;
  padding-top: 2px;
  padding-left: 10px;
  margin-top: 1px;
  margin-right: 10px;
  color: #fff;
  width: 141px;
  background: url(/images/bg_notepad.gif) no-repeat;
}

#card {
  float: right;
  height: 22px;
  padding-top: 2px;
  padding-left: 10px;
  margin-top: 1px;
  margin-right: 10px;
  color: #fff;
  width: 141px;
  background: url(/images/bg_card.gif) no-repeat;
}

#giralogo {
  margin-bottom: 40px;
}

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

.row_2 ul {
  margin: 0 0 1em 19px;
  padding: 0;
}

.row_2 ol {
  margin: 0 0 1em 19px;
  padding: 0;
}