body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  background: #D1D1D1 url("../img/bg-body.jpg") repeat-x;
  color: #666;
  margin: 0;
}

::selection {
  background: #FF5E99;
  color: white;
  text-shadow: none;
}
a, a:visited {
  color: #C33;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

select, input, textarea {
  color: #666;
  font-family: Arial, Helvetica, sans-serif;
}

ul, ol {
  margin-left: 18px;
}
.header, .main, #footer  {
  width: 960px;
  height: 130px;
  margin: 0 auto;
}
.main {
  height: auto;
}

.header {
  width: 940px;
  padding-top: 5px;
  position: relative;
  z-index:100;
}
.socialButtons {
  height: 27px;
    margin: 0px 7px 10px 0px;
    text-align: right;
}
#logo {
  #height: 39px;
  height: 58px;
  width: 223px;
  overflow:hidden;
  margin:-20px 0 0 0;
  padding:0;
}

#logo a {
  display:block;
  #height: 39px;
  height: 58px;
  background: url("../img/ico-logo.png") no-repeat  0 0;
  padding-left:500px;
}

.clr {
  clear: both;
}

#menu-1 {
  list-style: none;
  margin: 10px 0;
  padding: 0;
}

#menu-1 a, #menu-1 a:visited {
  color: #666;
  font-weight: bold;
  outline: none;
}
#menu-1 a:hover {
  color: #C33;
  text-decoration: none;
}

#menu-1 li.deal a {
  color: #C33;
}

#menu-1 li {
  display:inline;
  float:left;
  margin: 5px;
  padding:0;
}

#menu-1 li.home {
  width: 15px;
  overflow: hidden;
}
#menu-1 li.home a{
  background: url("../img/bg-btn-home.png") no-repeat top left;
  width: 15px;
  height: 15px;
  display:block;
  padding-left: 100px
}

#menu-1 li.home a:hover{
  background: url("../img/bg-btn-home.png") no-repeat bottom left;
}

#utility {
  margin-top: 50px;
  font-size: 85%;
  font-weight:bold;
  float: right;
  position: absolute;
  top:0;
  right: 0;
  z-index: 10;
}

#utility a{
  color: #666;
}

#utility a:hover{
  color: #C33;
  text-decoration:none;
}

#utility .search, #utility .language, #utility .merchant-login  {
  padding-left: 55px;
  background: url("../img/ico-utilities.png") no-repeat 0 0;
  padding: 1px  0 1px 60px;
  line-height: 1.636363636em;
  margin-bottom: 6px;
}
#utility .language {
  background-position: 0 -22px;
}
#utility .language a {
  border: 1px solid #ccc;
  padding: 3px 25px 3px 5px;
  background: url("../img/ico-triangle-down.png") no-repeat scroll 60px center transparent
}

#utility .merchant-login {
  background-position: 0 -50px;
}

#utility .search input.text {
  border: 1px solid #E0E0E0;
  padding: 2px;
  width: 121px;
  font-weight: bold;
  font-size: 85%;
}
#utility .search input.submit {
  display: none;
}
#utility .language ul {
  display: none;
}

.main {
  vertical-align: baseline;
  min-height: 450px;
  margin-bottom: 58px;
}

#footer {
  height: 504px;
  background: url("../img/bg-footer.png") no-repeat center 45px;
  font-size: 85%;
}

#footer .block {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  width: 300px;
  overflow: hidden;
  margin-bottom: 15px;
}

#footer .block h3 {
  background: url("../img/ico-triangle-right.png") no-repeat right center;
  display: inline-block;
  margin-bottom: 26px;
  padding-left: 18px;
  padding-right: 12px;
  font-size:120%;
}

#footer .block ul {
  list-style-type: disc;
  padding-left: 18px;
}

#footer .block ul li{
  margin-bottom: 3px;
}

#footer a {
  color: #666;
}
#footer a:hover {
  color: #C33;
  text-decoration: none;
}

#footer .bottom,  #footer .seo {
  background: url("../img/bg-footer.png") no-repeat center top;
  margin-bottom: 18px;
  padding: 18px 18px 0;
}

#footer .seo {
  margin-top: 36px;
  padding-left:36px;
  padding-right:36px;
  line-height: 18px;
  padding-top: 8px;
}

#footer .seo a{
  text-decoration: underline;
}

#footer .contacts {
  width: 595px;
  float: left;
  display: inine;
}
#footer .links {
  width: 325px;
  text-align: right;
  float: left;
  display: inline;
}
#footer .contacts ul, #footer .links ul{
  margin: 0;
  padding-left: 0;
}
#footer .contacts ul li,  #footer .links ul li{
  border-right: 1px solid #838383;
  padding: 0 18px;
  display: inline;
}

#footer .bottom .last {
  padding-right: 0;
  border-right: none;
}

#group .bigBox {
  background: #fff;
  border: 1px solid #D7D7D7;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  padding: 18px;
  margin: 0 10px 18px 10px;
}


#group .box {
  background: #fff;
  border: 1px solid #D7D7D7;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  height: 230px;
  width: 262px;
  padding: 18px;
  margin: 0 10px 18px 10px;
  float: left;
  display: inline;
  position: relative;
}
#group .box .csc-textpic-imagewrap img {
  border: 1px solid #E0E0E0;
}
#group .box h3{
  margin-top:0;
}
#teaser {
  margin-bottom: 15px;
  background-color: #fff;
  border: 1px solid #D7D7D7;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  min-height: 450px;
  margin: 0 10px 18px 10px;
  padding: 0;
  position: relative;
  overflow: visible !important;
}

#teaser .image {
  bottom: 0;
  overflow: visible !important;
  vertical-align: baseline;
  position: absolute;
}

#teaser .breadcrumb {
  margin: 15px 0 0 18px;
  width: 464px;
  z-index: 10;
  position: relative;
  font-size: 85%;
  line-height: 15px;  
}

#teaser .content {
  padding: 6px 18px 18px;
  width: 902px;  
  position: relative;
  min-height: 450px;
}

#teaser .content .col2-1, #teaser .content .col2-2,
#teaser .content .col3-1, #teaser .content .col3-2,
#teaser .content .col4-1, #teaser .content .col4-2 {
  float: left;
  display: inline;
  margin-right: 10px;
}

#teaser .content .col2-1 {
  width: 320px;
}
#teaser .content .col2-2{
  width: 572px;
}

#teaser .content .col3-1, #teaser .content .col3-2 {
  width: 294px;
}
#teaser .content .col3-1 h1, #teaser .content .col3-2 h1, 
#teaser .content .col3-1 h2, #teaser .content .col3-2 h2, 
#teaser .content .col3-1 h3, #teaser .content .col3-2 h3 {
  text-align: center;
}
#teaser .content .col4-1, #teaser .content .col4-2 {
  width: 218px;
}

#teaser .content .col2-2, #teaser .content .col3-2, #teaser .content .col4-2 {
  margin-right: 0;
}

.divider {
  padding: 5px 0;
  clear: both;
}
.divider hr {
  height: 1px;
  border: none;
  border-bottom: 1px solid #D7D7D7;
}

.content ul {
  padding-left: 10px;
}

#group .box DIV.csc-textpic-center DIV.csc-textpic-imagewrap {
  bottom: 10px;
  position: absolute;
}

#teaser .teaserMenu {
  margin: 40px 0 0 12px;
  width: 360px;
}

#teaser .teaserMenu h1, #teaser .teaserMenu h2 {
  margin-bottom: 35px;
  font-size: 24px;
  margin-left: 35px;
  text-indent: -35px;
}

#teaser .teaserMenu h2:before {
  content: ">> ";
  color: #C33;
}
#teaser .teaserMenu h2:after {
  content: " <<";
  color: #C33;
}


#teaser .teaserMenu ul {
  margin-left: 35px;
  list-style: none;
  padding:0;
}

#teaser .teaserMenu li {
  margin-bottom: 25px;
}

#teaser .teaserMenu li:before {
  content: "> ";
  color: #C33;
}

#langSelector {
  font-size: 85%;
  width: 416px;
  background: #fff;
  position: absolute;
  top: 100px;
  border: 1px solid #D7D7D7;
  padding: 2px;
  right: 395px;
  z-index: 100;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
  display:none;
}
#langSelector a{
  color: #666;
}
#langSelector a:hover{
  color: #C33;
  text-decoration: none;
}

#langSelector h3 .close{
  background: url("../img/close.png") ;
  cursor: pointer;
  width: 12px;
  height: 12px;
  float: right;         
}
#langSelector h3 {
  background: #e0e0e0;
  margin :0;
  padding: 4px 4px 4px 20px;
}

#langSelector .column {
  width: 118px;
  float: left;
  display: inline;
  padding: 5px 0 12px 20px;
}

#langSelector .column div {
  margin-bottom: 2px;
}

.bigBox .news-latest-item {
  float: left;
  width: 263px;
  padding-left:55px;
}
.bigBox  .knowledge {
  padding:0;
}

.bigBox .news-latest-item h3{
  margin: 0 0 3px;
}
.bigBox .news-latest-item p{
  margin: 0;
}

.bigBox  .knowledge img{
  float: left;
}
.bigBox .knowledge h2, .bigBox .knowledge h2 a {
  float: left;
  padding: 2px 0 0 20px;
  font-size: 22px;
  text-decoration: none;
  color: #666;
}
.bigBox .knowledge h2 span, .bigBox .knowledge h2 a span{
  color: #C33;  
}

.bigBox .col3-1,  .bigBox .col3-2 {
  float: left;
  width: 263px;
  padding-right: 55px;
}
 .bigBox .col3-2 {
  padding-right: 0px;
}

.bigBox .col2-1 {
  float: left;
  width: 263px;
  padding-right: 55px;
}
 .bigBox .col2-2 {
  float: left;
  width: 581px;
  padding-right: 0px;
}

.news-single-img, .news-list-item img {
  float: right;
  margin: 0 0 15px 20px;
}

.rItem img {
  float: left;
  margin: 0 15px 20px 0;
}

.news-list-browse {
  text-align: center;
}

table.contenttable th {
  text-align: left;
  vertical-align:text-top;
  padding-right: 8px;
}
table.contenttable td p, table.contenttable th p {
  margin-top: 0;
}

.tx-felogin-pi1 fieldset {
  border: none;
  padding: 5px 0;
  margin-top: 12px;
}

#teaserLinks {
  position: absolute;
  bottom:20px;
  width: 900px;
}

#teaserLinks .holder {
  float: left;
  width: 730px;
}
#teaserLinks .button {
  float: right;
  display:inline;
  position: absolute;
  bottom: 0;
  right: 0;
}
#teaserLinks .button a.where-to-buy {
  position: relative;
  z-index:10;
  cursor:pointer;
  display: inline-block;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid #930;
  box-shadow: 0 1px 2px rgba(0,0,0,0.5);
  color: white !important;
  background: #930 url('../img/bg-btn-default.png') repeat-x top left;
  font-size: 13px !important;
  font-weight: bold;
  height: auto;
  line-height: 13px !important;
  padding: 7px 10px 9px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.85);
  text-align:center;
  width: 147px;
  /*margin-bottom: 10px;*/
  margin: 4px 0 5px;

}
#teaserLinks .button a:hover{
  text-decoration: none;
}

#dealerHolder {
  min-height: 300px;
  background-position: right;
}

#continent, #country {
  width: 240px;
  margin-bottom: 25px;
}

#continent{
  margin-bottom: 30px;
}

.dealer {
  float: left;
  width: 555px;
  margin-left:16px;
  padding: 25px 0 10px 0;
  border-bottom: 1px dotted #666;
  height: 170px;
}


.col2-2 .csc-textpic-caption-c .csc-textpic-imagewrap {
  width: 572px !important;  
}
  
.col2-2 .csc-textpic-caption-c .csc-textpic-image {
  width: 281px !important;
  font-weight: bold;
}

.col2-2 div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
  text-align: center;
}

.col2-2 div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
  margin-top: 5px;
}

.pdf,  .video, .videoBig { 
  float: left;
  height: 60px;
  margin-right: 1.384615385em;
  width: 60px;
}
.videoBig {
  height: 142px;
  width: 177px;
  margin-left: 47px;
}
.video .icon, .pdf .icon, .videoBig .icon {
  height: 38px;
  width: 60px;
  position: absolute;
  top: 0;
}

.videoBig .icon {
  height: 119px;
  width: 177px;
}

.pdf h3, .video h3, .videoBig h3 {
  bottom: 0;
  font-weight: normal;
  _position: absolute;
  margin-bottom:0;
  font-size:12px;
  margin-top:40px;
}
 .pdf a, .video a, .videoBig a {
  background: url(../img/ico-pdf.png) no-repeat 0 0;
  direction: ltr;
  display: block;
  height: 37px;
  overflow: hidden;
  text-align: left;
  text-indent: -999em;
  width: 60px;
}
.video a {
  background: url(../img/ico-video-frau.png) no-repeat 0 0;
}

.videoBig a {
  width: 177px;
  height: 119px;
  background: url(../img/content_video.jpg) no-repeat top left;
}
.videoBig a:hover {
  background: url(../img/content_video.jpg) no-repeat bottom left;
}

.colGr-1, .colGr-2, .colGr-3 {
  background: #E6E6E6;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  padding: 18px;
  float: left;
  height:44px;
}

.colGr-2, .colGr-3 {
  width: 202px;
  text-align: center;
}

.colGr-1 {
  width: 387px;
  font-weight: bold;
  text-align: left;
}

.gRow .video .icon, .gRow .pdf .icon {
  position: static;
}

.gRow .pdf h3, .gRow .video h3 {
  position: static;
}

.gRow .pdf , .gRow .video  {
  height: auto;
  margin: 0 0 0 70px;
}

fieldset.csc-mailform {
  border: none;
}
.csc-mailform-field label {
  width: 150px;
  display:block;
  float: left;
  clear: left;
}
.csc-mailform-field input, .csc-mailform-field textarea, .csc-mailform-field select {
  width: 239px;
  float: left;
}

.csc-mailform-field input.csc-mailform-submit {
  width: auto;
  margin-top: 15px;
  margin-left: 150px;
  clear: both;
}

.tx-srfeuserregister-pi1 fieldset {
  border: none;
}


ul.dealersList,  ul.dealersList ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.dealersList > li {
  text-transform: uppercase;
  border-top: #ddd solid 1px;
  font-size: 14px;
  padding-left:14px;
}

ul.dealersList a {
  display: block;
}
ul.dealersList li.activ li.activ a {
  font-weight: bold;
}

ul.dealersList li.sub {
  background: url(../img/down-arr.gif) top right no-repeat;
}

ul.dealersList li ul {
  text-transform: none;
  font-size: 12px;
  margin-left: 12px;
}
/* Social buttons */
.stButton .stLarge {background-image: url("../img/social.png") !important;display: inline-block;height: 24px !important;position: relative;width: 24px !important;}
.st_twitter_large .stButton .stLarge {background-position: -48px 0px;}
.st_facebook_large .stButton .stLarge {background-position: 0px 0px;}
.st_googleplus_large .stButton .stLarge {background-position: -24px 0px;}
.st_linkedin_large .stButton .stLarge {background-position: -72px 0px;}
.st_xing_large .stButton .stLarge {background-position: -96px 0px;}
.st_twitter_large .stButton .stLarge:hover {background-position: -48px -24px;}
.st_facebook_large .stButton .stLarge:hover {background-position: 0px -24px;}
.st_googleplus_large .stButton .stLarge:hover {background-position: -24px -24px;}
.st_linkedin_large .stButton .stLarge:hover {background-position: -72px -24px;}
.st_xing_large .stButton .stLarge:hover {background-position: -96px -24px;}


.likeorshare {
    position: relative;
    top: -6px;
}
.likeorshare i {
    font-style: normal;
    position: relative;
    top: 3px;
}

#teaserLinks .button a.shop-button-home {
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
#teaserLinks div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
  margin: 0;
}
.shop-button-sub a {
  position: absolute;
  top: 30px;
  left: -110px;
}

/**********custom******/

.tx-imagecycle-pi1-images .imagecycle-caption {
  background: none repeat scroll 0 0 transparent !important;
  top:0;
}
.slidr_dtls {
  bottom: 16px;
  position: absolute;
  right: 40px;
}
.hdng_info {
  left: 33px;
  position: absolute;
  top: 15px;
}
.hdng_info h2 {
  color: #666;
  font-family: arial;
  #font-size: 25px;
  margin: 0;
font-size: 1.5em;
}

.hdng_info h3 {
font-size: 1.2em;
  color: #666;
}


.hdng_info ul li a {
  color: #c33 !important;
  font-size: 17px;
  font-weight: bold;
}
.hdng_info li {
  margin: 16px 0 21px;
}

.hdng_info p {
  color: #666;
}


.slidr_dtls li:nth-child(2){
 # background: url("../img/bg-btn-default.png") repeat-x scroll left top #930;
 #   border: 1px solid #930;
 #   border-radius: 5px;
    #box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    color: white !important;
    cursor: pointer;
    display: inline-block;
    font-size: 13px !important;
    font-weight: bold;
    height: auto;
    line-height: 13px !important;
 #   margin: 4px 0 5px;
 #   padding: 7px 10px 9px;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.85);
    width: 147px;
    z-index: 10;
}


.slidr_dtls ul li a {
  color: #ffffff !important;
}


.csc-mailform-field label[for="mailformterm_agree"] {
  float: right;
  width: 375px;
}
.csc-mailform-field .term_label,
.csc-mailform-field .term_info {
  margin-top: 15px;
}
.csc-mailform-field .term_info {
  margin-left: -25px;
}
.csc-mailform-field input[id="mailformterm_agree"] {
  width: auto;
  margin-left: 150px;
  margin-top: 17px;
}
