/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}


/* default values */

h1 { font-weight:700; font-size:20px; font-family: 'Roboto',Arial,sans-serif; }
h2 { font-weight:700; font-size:18px; font-family: 'Roboto',Arial,sans-serif; }
h3 { font-weight:700; font-size:16px; font-family: 'Roboto',Arial,sans-serif; }
h4 { font-weight:700; font-size:14px; font-family: 'Roboto',Arial,sans-serif; }
h5 { font-weight:700; font-size:12px; font-family: 'Roboto',Arial,sans-serif; }
h6 { font-weight:700; font-size:10px; font-family: 'Roboto',Arial,sans-serif; }
b, strong { font-weight:bold; }
i, em { font-style:italic; }
p { margin-bottom:15px; }



/* SR SUNTOUR Cycling */

body {
    background-color:#3a3a3a;
    font:12px Arial,sans-serif;
    color:#000;
}
body.layer {
    background-color:#fff;
    padding:0px;
}

.clear {
    clear:both;
}
a {
    text-decoration:none;
    color:#888;
}
a:hover {
    color:#aaa;
}

.button {
    color:#fff;
    padding:5px 30px;
    display:inline-block;
    background: #5d5e5d;
    background: -moz-linear-gradient(top,  #7d7e7d 0%, #3e3e3e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#3e3e3e));
    background: -webkit-linear-gradient(top,  #7d7e7d 0%,#3e3e3e 100%);
    background: -o-linear-gradient(top,  #7d7e7d 0%,#3e3e3e 100%);
    background: -ms-linear-gradient(top,  #7d7e7d 0%,#3e3e3e 100%);
    background: linear-gradient(to bottom,  #7d7e7d 0%,#3e3e3e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#3e3e3e',GradientType=0 );
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.button:hover {
    background: #4e4e4e;
    background: -moz-linear-gradient(top,  #6d6e6d 0%, #222222 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d6e6d), color-stop(100%,#222222));
    background: -webkit-linear-gradient(top,  #6d6e6d 0%,#222222 100%);
    background: -o-linear-gradient(top,  #6d6e6d 0%,#222222 100%);
    background: -ms-linear-gradient(top,  #6d6e6d 0%,#222222 100%);
    background: linear-gradient(to bottom,  #6d6e6d 0%,#222222 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6e6d', endColorstr='#222222',GradientType=0 );
}

div.facebookButton {
    width:100px;
    display:inline-block;
}
.right {
    float:right;
}



#mainContentWrapper {
    background-color:#fff;
    background-image:url(../img/page_bg_top.jpg),url(../img/page_bg_bottom.jpg);
    background-repeat:repeat-x,repeat-x;
    background-position:top,bottom;
    margin-top:90px;
}
body.home #mainContentWrapper {
    margin-top:50px;
}
#mainContentWrapper.containsSmallSlideShow {
    background-image:url(../img/page_bg_top.jpg),url(../img/page_bg_bottom_bigSlider.jpg);
    background-position:top,0px 180px;
}
#mainContentWrapper.containsBigSlideShow {
    background-image:url(../img/page_bg_top.jpg),url(../img/page_bg_bottom_bigSlider.jpg);
    background-position:top,0px 270px;
}

#mainMenu {
    height:90px;
    color:#fff;
    background:#4a494a url(../img/mainMenu_bg.jpg) repeat-x;
    min-width:980px;
    width:100%;
    position:fixed;
    z-index:100;
    top:0;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
}
body.home #mainMenu {
    height:50px;
}

#mainMenu .logo, #mainMenu .mainNav {
    float:left;
}
#mainMenu .searchBox, #mainMenu .language {
    float:right;
}
#mainMenu .searchBox img {
    float:left;
}
#mainMenu .searchBox .inputfield {
    float:left;
    height:50px;
    background:url(../img/search_bg.jpg) repeat-x;
}
#mainMenu .searchBox .inputfield input {
    border:0;
    margin-top:16px;
    width:40px;
}
#mainMenu .searchBox .inputfield input:focus {
    outline: none;
}

/* Anpassungen für schmale Screens */
@media only screen and (max-width: 1299px) {
    #mainMenu .language {
        margin-left: -70px;
    }
    #mainMenu .mainNav > ul > li > a {
        padding: 18px 12px 18px 10px !important;
        font-size:11px !important;
    }
    .logo a img {
        width:200px !important;
        height: auto !important;
        margin-top:3px !important;
    }
}

.tx-indexedsearch {
    padding:20px;
}
.tx-indexedsearch-browsebox, .tx-indexedsearch .tx-indexedsearch-noresults {
    font-size:14px;
    font-weight:bold;
    margin:20px 20px 20px 0;
    text-align:left;
}
.tx-indexedsearch-browsebox strong {
    font-size:20px;
    color:#0081ca;
}
.tx-indexedsearch-searchbox, .tx-indexedsearch-whatis {
    display:none;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {
    color:#0081ca;
}
.tx-indexedsearch-info.info {
    display:none;
}

#mainMenu {
    font-family: 'Roboto',Arial,sans-serif;
    font-weight:500;
}
#mainMenu .mainNav > ul > li {
    display:block;
    float:left;
    background:url(../img/mainMenu_trenner.jpg) no-repeat top right;
    height:50px;
}
#mainMenu .mainNav > ul > li.active {
    background-color: #0081ca;
}
#mainMenu .mainNav > ul > li > a {    
    display:block;
    padding:18px 22px 18px 20px;
    font:bold 12px 'Roboto',Arial,sans-serif;
    font-weight:500;
    text-transform:uppercase;
    text-decoration:none;
    letter-spacing:1px;
    color:#fff;
}
#mainMenu .mainNav > ul > li > ul {
    position:absolute;
    top:50px;
    left:0;
    right:0;
    height:auto;
    background-color:#0081ca;
    -webkit-box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.3), 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.3), 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
    z-index:101;
    display:none;
}
#mainMenu .mainNav > ul > li.active > ul {
    display:block;
    z-index:100;
}
.noscript #mainMenu .mainNav > ul > li:hover > ul {
    display:block;
}
#mainMenu .mainNav > ul > li > ul > li {
    display:block;
    float:left;
}
#mainMenu .mainNav > ul > li > ul > li > a {
    display:block;
    padding:13px 24px 13px 23px;
    background:url(../img/subMenu_trenner.jpg) no-repeat center right;
    font:bold 12px 'Roboto',Arial,sans-serif;
    font-weight:500;
    text-transform:uppercase;
    text-decoration:none;
    letter-spacing:0;
    color:#fff;
}
#mainMenu .mainNav li.pid153 {
    background-image: url(../img/hesc-menuepunkt.png);
    background-repeat: no-repeat;
    background-position: 12px;
    width:262px;
}
#mainMenu .mainNav li.pid153 a {
    opacity:0;
    filter: alpha(opacity=0);
}

#mainMenu .filterMenu {
    position:absolute;
    top:90px;
    left:0;
    right:0;
    z-index:102;
    background-color:#262626;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
    padding:20px;
    display:none;
}
.noscript #mainMenu .mainNav > ul > li > ul > li:hover .filterMenu {
    display:block;
}
#mainMenu .filterMenu ul {
    display:block;
    float:left;
    width:120px;
    width:20%;
    margin:10px 0 10px 20px;
    color:#3a3a3a;
    background-color:#fff;
    text-transform:uppercase;
    font:bold 15px 'Roboto',Arial,sans-serif;
    font-weight:500;
}
#mainMenu .filterMenu ul b {
    display:block;
    padding:5px 0 5px 10px;
}
#mainMenu .filterMenu ul a {
    display:block;
    padding:5px 0 5px 10px;
    margin-left:1px;
    font:bold 11px 'Roboto',Arial,sans-serif;
    font-weight:500;
    text-transform:uppercase;
    text-decoration:none;
    letter-spacing:0;
    color:#fff;
    background-color:#262626;
}
#mainMenu .filterMenu ul a:hover {
    color:#0081ca;
}

#mainContent {
    clear:both;
    width:980px;
    margin:0 auto;
    background:#fff;
}
#mainContent .bigSlider, #mainContent .bigSlider .slides {
    width:980px;
    height:450px;
    position:relative;
}
#mainContent .smallSlider, #mainContent .smallSlider .slides {
    width:980px;
    height:360px;
    position:relative;
}
#mainContent .slideshow .csc-header {
    display:none;
}
#mainContent .slideshow .slides {
    overflow:hidden;
}
#mainContent .bigSlider .slides > div > div > div > * {
    display:block;
    width:980px;
    height:450px;
    position:absolute;
}
#mainContent .smallSlider .slides > div > div > div > * {
    display:block;
    width:980px;
    height:360px;
    position:absolute;
}
#mainContent .slideshow .sliderNav {
    position:absolute;
    top:50%;
    margin-top:-27px;
    z-index:50;
}
#mainContent .slideshow .sliderNav .prev {
    position:absolute;
    display:block;
    left:-33px;
}
#mainContent .slideshow .sliderNav .next {
    position:absolute;
    display:block;
    left:960px;
}
#mainContent .slideshow .sliderBubbles {
    position:absolute;
    bottom:10px;
    text-align:center;
    width:100%;
}
#mainContent .slideshow .sliderBubbles .bubble {
    width:21px;
    height:21px;
    background:url(../img/slideshowbubble.png) bottom center;
    display:inline-block;
    cursor:pointer;
}
#mainContent .slideshow .sliderBubbles .bubble.current {
    background-position:top center;
}

#mainContent .ticker {
    clear:both;
    height:170px;
    padding:20px;
    background-color:#6d6d6d;
}
#mainContent .ticker > div {
    float:left;
    background-color:#fff;
    height:170px;
    position:relative;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow:hidden;
}
#mainContent .ticker div.news {
    width:640px;
    margin-right:20px;
}
#mainContent .ticker div.news .inhalt > a > img {
    float:left;
    margin-right:5px;
}
#mainContent .ticker div.news .inhalt small {
    font-size:10px;
    margin-top:0;
    margin-bottom:5px;
    display:block;
}
#mainContent .ticker div.news .inhalt h4 {
    font-size:16px;
    font-weight:bold;
    color:#4a4a4a;
    display:block;
}
#mainContent .ticker div.news .inhalt p {
    margin-top:5px;
    margin-bottom:8px;
    display:block;
}
#mainContent .ticker div.news .inhalt .right {
    position:relative;
    top:-5px;
}

#mainContent .ticker div.contact {
    width:280px;
    background-image:url(../img/contact_bg.jpg);
}
#mainContent .ticker div.contact select {
    margin-top:85px;
    margin-bottom:10px;
    height:30px;
    width:225px;
}

#mainContent .ticker div h2 {
    display: block;
    position: absolute;
    left: -70px;
    top: 65px;
    padding: 11px 0 0 27px;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    height: 28px;
    width: 145px;
    float: left;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    z-index:1;
    background:#3a3a3a url(../img/arrow_white.png) no-repeat 15px 15px;
}
#mainContent .ticker div div.pane {
    position:relative;
    left:35px;
}
#mainContent .ticker div.news div.inhalt {
    margin:10px;
    width:585px;
    height:160px;
}
#mainContent .ticker div.contact div.inhalt {
    margin:10px 10px 10px 45px;
    height:160px;
}

#mainContent > div > .csc-default > .csc-textpic {
	margin:0 20px;
}

#mainContent .leftCol {
    float:left;
    width:620px;
    padding:20px;
    padding-top:45px;
}
#mainContent .leftCol .csc-default {
    margin-bottom:30px;
    clear: both;
}

#mainContent .leftCol h1 {
    color:#4a4a4a;
    font-weight:bold;
    font-size:30px;
}

#mainContent .leftCol .csc-default .divider {
    position: absolute;
    margin-top: -20px;
    width: 620px;
}
#mainContent .leftCol .csc-default .divider hr {
    margin:0;
}

#mainContent .rightCol {
    float:left;
    width:280px;
    padding:20px;
    padding-top:45px;
    background-color:#ebebea;
}
#mainContent .rightCol h4, #mainContent .rightCol .csc-header {
    display:block;
    padding:3px 5px;
    background-color:#0081ca;
    color:#fff;
    text-transform:uppercase;
    font-weight:bold;
    font-size:14px;
}
#mainContent .rightCol p {
    padding:5px;
    margin-bottom:30px;
}
#mainContent .rightCol .socialIcons {
    margin-top:10px;
    margin-bottom:30px;
}
#mainContent .rightCol .socialIcons img {
    margin-right:5px;
}
#mainContent .rightCol form {
    display:block;
    position:relative;
    top:-25px;
    margin-bottom:10px;
}
#mainContent .rightCol form input[type=text] {
    height:19px;
    margin-left:5px;
}
#mainContent .rightCol form input[type=submit] {
    border:0;
    cursor:pointer;
}
#mainContent .rightCol form a {
    padding-left: 5px;
    font-size: 10px;
    color: #333;
}
#mainContent .rightCol ul {
    list-style-image:url(../img/arrow_black.png);
    margin-top:10px;
    margin-left:20px;
    margin-bottom:30px;
}
#mainContent .rightCol li {
    padding:5px 0;
}
#mainContent .rightCol li a {
    color:#4a4a4a;
}
#mainContent .rightCol li a:hover {
    color:#1a1a1a;
}

#mainContent #breadCrumb {
    padding:10px 20px 5px 20px;
    color:#000;
    text-transform:uppercase;
    position:absolute;
    border-bottom: 1px dotted #888;
    width: 940px;
}
#mainContent #breadCrumb a {
    color:#000;
}
#mainContent #breadCrumb a:hover {
    color:#333;
}
#mainContent #breadCrumb a:last-child {
    color:#0081ca;
    font-weight:bold;
    cursor:default;
}

#mainContent h4.select {
    font-size:15px;
    font-weight:bold;
    text-transform:uppercase;
    display:block;
    margin:20px;
    margin-top:0;
    padding-top:15px;
    padding-left:10px;
    background:url(../img/arrow_black.png) 0 18px no-repeat;
    border-top:1px solid #bababa;
}

#mainContent hr {
    background-color:#bababa;
    height:1px;
    border:0;
    margin:20px;
}

#mainContent #selectRidingStyle {
    width:940px;
    height:294px;
    margin-left:20px;
    background-image:url(../img/RidingStyle.jpg);
    position:relative;
    margin-bottom:20px;
    margin-top:15px;
}
#mainContent #selectRidingStyle a {
    display:block;
    position:absolute;
    line-height:23px;
    background-color:#0081ca;
    color:#fff;
    -webkit-box-shadow:  0px 0px 4px 0px rgba(0, 0, 0, 0.3);
    box-shadow:  0px 0px 4px 0px rgba(0, 0, 0, 0.3);
    text-align:center;
    text-transform:uppercase;
    width:100%;
}
#mainContent #selectRidingStyle a:hover {
    background-color:#09cdc1;
}
#mainContent #selectRidingStyle img {
    position:absolute;
    bottom:10px;
    right:-70px;
    display:none;
}
#mainContent #selectRidingStyle a:hover img {
    display:block;
}
#mainContent #selectRidingStyle #rs1 { top:65px;   width:134px;  left:0px;   }
#mainContent #selectRidingStyle #rs2 { top:100px;  width:402px;  left:0px;   }
#mainContent #selectRidingStyle #rs3 { top:135px;  width:402px;  left:269px;   }
#mainContent #selectRidingStyle #rs4 { top:170px;  width:268px;  left:403px;   }
#mainContent #selectRidingStyle #rs5 { top:205px;  width:268px;  left:537px;   }
#mainContent #selectRidingStyle #rs6 { top:240px;  width:268px;  left:671px;   }

#mainContent #selectByFeatures {
    margin:20px;
}
#mainContent #selectByFeatures .section b {
    font-weight:bold;
    min-width:100px;
    float:left;
    clear:left;
}
#mainContent #selectByFeatures .section .inner {
    float:left;
    max-width:840px;
    color:#888;
}
#mainContent #selectByFeatures .section .inner a {
    color:#000;
}
#mainContent #selectByFeatures .section .inner > div {
    float:left;
    margin-right:20px;
    margin-bottom:10px;
}
#mainContent #resultCounter {
    font-size:14px;
    font-weight:bold;
    margin:20px;
}
#mainContent #resultCounter b {
    font-size:20px;
    color:#0081ca;
}

#mainContent .moreproductslink {
    padding:0 20px 20px 20px;
}
#mainContent .moreproductslink a {
    font-size: 20px;
    font-weight:bold;
    color:#000;
}

#mainContent .serialnumberinfos {
    margin:20px;
    line-height:20px;
    font-size:14px;
}
#mainContent .serialnumberinfos > b {
    display:inline-block;
    width:150px;
}
#mainContent .serialnumberinfos > a {
    background-image:url(../img/arrow_black.png);
    background-repeat:no-repeat;
    padding-left:9px;
    background-position: 0 2px;
    color:#000;
    text-transform:uppercase;
    font-size:12px;
    font-weight:bold;
}
#mainContent .serialnumberinfos > a:hover {
    color:#666;
}

#mainContent .produkte {
    margin-left:20px;
}
#mainContent .produkte .produkt {
    float:left;
    width:182px;
    height:287px;
    margin-right:8px;
    margin-bottom:18px;
   
    position:relative;
}
#mainContent .produkte .produkt .inner {
    background-color:#fff;
    border:1px solid #d5d5d5;
}

#mainContent .produkte .produkt .brand {
    background-color:#3a3a3a;
    color:#0081ca;
    padding:3px;
    text-transform:uppercase;
}
#mainContent .produkte .produkt .title {
    background-color:#3a3a3a;
    color:#fff;
    padding:3px;
    overflow: hidden;
    height: 15px;
}
#mainContent .produkte .produkt .image {
    position:relative;
}

#mainContent .produkte .produkt .image .icon {
    position:absolute;
    z-index:2;
    right:5px;
    top:5px;
    padding:3px;
    color:#fff;
    background-color:#000;
}
#mainContent .produkte .produkt .image .icon.left {
    right:auto;
    left:5px;
}

#mainContent .produkte .produkt .image .largeImage {
    display:none;
}
#mainContent .produkte .produkt .info {
    display:none;
    border-top:1px solid #d5d5d5;
}
#mainContent .produkte .produkt .info .brandLogo {
    float:left;
    margin-left:10px;
    margin-top:6px;
}
#mainContent .produkte .produkt .info .icons {
    float:right;
    margin:6px 10px 6px 0;
}
#mainContent .produkte .produkt .info .icons a img {
    margin-left:2px;
}

#mainContent .produkte .produkt .info .specs {
    clear:both;
    padding:10px;
    font-size:10px;
}
#mainContent .produkte .produkt .info .specs > div.row:nth-child(odd) {
    background-color:#efefef;
}
#mainContent .produkte .produkt .info .specs span {
    display:block;
    font-weight:bold;
    min-width:95px;
    clear:left;
    float:left;
    padding:3px 0 3px 5px;
}
#mainContent .produkte .produkt .info .specs p {
    display:block;
    min-width:160px;
    padding:3px 0 3px 5px;
    float:left;
    margin-bottom:0;
}

#mainContent .produkte .produkt:hover .inner {
    top:-100px;
    left:-53px;
    width:285px;
    height:auto;
    position:absolute;
    z-index:105;
    -webkit-box-shadow:  2px 2px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow:  2px 2px 5px 0px rgba(0, 0, 0, 0.3);
}
#mainContent .produkte .produkt:hover .smallImage {
    display:none;
}
#mainContent .produkte .produkt:hover .largeImage, #mainContent .produkte .produkt:hover .info {
    display:block;
}

#mainContent .produktdetails {
    padding:20px;
}
#mainContent .produktdetails .produkt .inner {
    background-color:#fff;
}

#mainContent .produktdetails .produkt .brand {
    border-bottom: 1px solid #d5d5d5;
    color:#0081ca;
    padding:3px;
    text-transform:uppercase;
    float:left;
    height: 15px;
    overflow: hidden;
}
#mainContent .produktdetails .produkt .title {
    border-bottom: 1px solid #d5d5d5;
    color:#000;
    padding:3px;
    overflow: hidden;
    height: 15px;
    overflow: hidden;
}
#mainContent .produktdetails .produkt .image {
    width:470px;
    float:left;
}
#mainContent .produktdetails .produkt .image a {
    display:block;
    float:left;
}
#mainContent .produktdetails .produkt .image a {
    margin-bottom:7px;
}
#mainContent .produktdetails .produkt .image .thumbnailImage {
    margin-right:7px;
    border:1px solid #d5d5d5;
}
#mainContent .produktdetails .produkt .image .thumbnailImage:nth-child(3n+1) {
    margin-right:0;
}
#mainContent .produktdetails .produkt .info {
    padding-top:30px;
}
#mainContent .produktdetails .produkt .info .facebook {
    margin:30px 10px 10px 10px;
}

#mainContent .produktdetails .produkt .info .icon {
    float:right;
    padding:3px;
    margin-top:5px;
    margin-right:10px;
    margin-bottom:10px;
    color:#fff;
    background-color:#000;
}
#mainContent .produktdetails .produkt .info .inner {
    float:left;
    margin:10px 20px 10px 0;
    text-align:center;
    font-weight:bold;
    font-size:11px;
}
#mainContent .produktdetails .produkt .info .inner img {
    margin-bottom:5px;
}

#mainContent .produktdetails .produkt .info {
    float:left;
    width:470px;
}
#mainContent .produktdetails .produkt .info .brandLogo {
    float:left;
    margin-left:10px;
    margin-bottom:10px;
}
#mainContent .produktdetails .produkt .info .icons {
    clear:both;
    border-top:1px dotted #d5d5d5;
    margin:10px;
}
#mainContent .produktdetails .produkt .info a img {
    margin-right:10px;
    margin-top:10px;
}
#mainContent .produktdetails .produkt .info > img {
    margin-right:25px;
}

#mainContent .produktdetails .produkt .info .specs {
    clear:both;
    padding:10px;
    font-size:10px;
}
#mainContent .produktdetails .produkt .info .specs > div.row:nth-child(odd) {
    background-color:#efefef;
}
#mainContent .produktdetails .produkt .info .specs span {
    display:block;
    font-weight:bold;
    width:180px;
    clear:left;
    float:left;
    padding:3px 0 3px 5px;
}
#mainContent .produktdetails .produkt .info .specs p {
    display:block;
    width:260px;
    padding:3px 0 3px 5px;
    float:left;
    margin-bottom:0;
}

#mainContent .produktdetails .downloads {
    margin:10px;
}
#mainContent .produktdetails .downloads b {
    font-weight:bold;
    display:block;
    border-bottom:1px dotted #d5d5d5;
    padding-bottom:5px;
    margin-bottom:5px;
}
#mainContent .produktdetails .downloads a {
    display:block;
    height:40px;
    background-image:url(../img/PDF-download-icon.png);
    background-position:0 2px;
    background-repeat:no-repeat;
    padding-left:40px;
    line-height:40px;
    color:#000;
    font-weight:bold;
}




#mainContent .news-list-view {
    padding:20px 10px;
}
#mainContent .news-list-view .article {
    overflow:hidden;
}

#mainContent .news-list-view .article h3 {
    margin-bottom: 10px;
}
#mainContent .news-list-view .article h3 a {
    color: #4a4a4a;
}
#mainContent .news-list-view .article p {
    height: 48px;
    display: block;
    overflow: hidden;
}
#mainContent .news-list-view .article, #mainContent .news-list-view .article:last-child {
    width:220px;
    height:250px;
    margin:10px;
    float:left;
    background-image:url(../img/news_shadow.jpg);
    background-position:0 150px;
    background-repeat:no-repeat;
    margin-bottom:20px;
    border-bottom:4px solid #0081ca;
    text-align:center;
    padding-bottom:30px;
}
#mainContent .news-list-view .article img {
    margin-bottom:15px;
    height:150px;
}


/* WERX Riders and Teams */
body.werx .csc-default {
    clear:both;
}
body.werx .news-list-view .article {
    height: 170px !important;
}
body.werx .news-single {
    padding:25px 40px 20px 40px;
}
body.werx .news-list-view .article .bodytext, body.werx .news-single .news-img-wrap, body.werx .news-single .footer {
    display:none !important;
}
body.werx .news-single div.csc-textpic-imagecolumn {
    margin-right:0;
}
body.werx .header h3, body.werx h1 {
    display:inline-block;
    padding:5px 10px;
    background-color: #0081ca;
    color:#fff;
    text-transform:uppercase;
    font-size:13px;
    margin-bottom:3px;
    position:relative;
    left:-20px;
    margin-top:20px;
}
body.werx .header h3 {
    font-size:20px;
}
body.werx .videos .video {
    width:440px;
    float:left;
    margin-right:20px;
    margin-bottom:20px;
}
body.werx .videos .video.last {
    margin-right: 0;
}
body.werx .videos .video iframe {
    width:440px !important;
    height:250px !important;
}
body.werx .videos:after, body.werx .csc-textpic-imagerow:after {
  content: "";
  display: table;
  clear: both;
}
body.werx .csc-textpic-text ul li {
    font-size:14px;
    line-height:19px;
    padding-bottom:15px;
}
body.werx .csc-textpic-text ul li b {
    display:inline-block;
    width:120px;
    text-transform:uppercase;
    text-align:right;
}
#mainContent .news-single .mediaelement-image a, #mainContent .csc-textpic-image a {
    position:relative;
    display: block;
}
#mainContent .news-single .mediaelement-image .zoomIcon, #mainContent .csc-textpic-image .zoomIcon {
    position:absolute;
    z-index:20;
    right:5px;
    bottom:5px;
}

#mainContent div.csc-textpic-imagecolumn {
    float:left;
}
#c269 {
    margin: 30px;
    padding-top: 30px;
    height: 330px;
    margin-bottom: 0;
}

#mainContent .news-single p {
    margin-bottom:15px;
}
#mainContent .news-single .article .news-img-wrap a {
    margin-bottom:15px;
}
#mainContent .news-single .news-video-wrap {
    margin-bottom:15px;
}

#mainContent .news-single .teaser-text {
    font-size:100%;
    font-weight:bold;
    color:#000;
}

#mainContent > div > .csc-default > .csc-header {
    padding:20px 0 0 20px;
}
#mainContent > div > .csc-default > .contenttable {
    margin:20px;
}
#mainContent .leftCol .csc-default img {
    max-width: 620px;
    height: auto;
}
#mainContent .leftCol .csc-default iframe, #mainContent .leftCol .csc-default object, #mainContent .leftCol .csc-default embed {
    max-width: 620px !important;
}

#mainContent .leftCol div.csc-mailform li label {
    font-weight: bold;
    padding-top: 3px;
    width: 200px;
}
#mainContent .leftCol div.csc-mailform fieldset.fieldset-subgroup legend {
    font-weight: bold;
}
#mainContent .leftCol div.csc-mailform > form > ol > .csc-form-element {
    margin-bottom: 4px;
    margin-top:3px;
    padding:3px 0px 7px 0px;
    border-bottom:1px dotted #ccc;
}
#mainContent .leftCol div.csc-mailform > form > ol > .csc-form-element-hidden {
    border-bottom:0;
}

#mainContent .leftCol div.csc-mailform .csc-form-element-textarea label {
    width:auto;
}
#mainContent .leftCol div.csc-mailform fieldset.fieldset-subgroup ol {
    top: 0;
    margin: 0 0 0 0;
    padding: 0;
}
#mainContent .leftCol div.csc-mailform fieldset li {
    margin-bottom:0;
    margin-left:15px;
}
#mainContent .leftCol div.csc-mailform label em, #mainContent .leftCol div.csc-mailform legend em {
    width: 600px;
    margin-top: 10px;
}
#mainContent .leftCol div.csc-mailform label strong, #mainContent .leftCol div.csc-mailform legend strong {
    width: 600px;
    margin-top: 5px;
}
#mainContent .leftCol div.csc-mailform input[type=text], #mainContent .leftCol div.csc-mailform select {
    width: 200px;
}
#mainContent .leftCol div.csc-mailform fieldset.fieldset-subgroup ol input[type=radio] {
    position: absolute;
    left: 210px;
}
#mainContent .leftCol div.csc-mailform fieldset.fieldset-subgroup ol li.csc-form-element-radio label {
    position: relative;
    left: 215px;
}

#mainContent .rightCol .csc-default img {
    max-width: 280px;
    height: auto;
}
#mainContent .rightCol .csc-default iframe, #mainContent .rightCol .csc-default object, #mainContent .rightCol .csc-default embed {
    max-width: 280px !important;
}

#mainContent div.page-navigation {
    clear:left;
}

/* Downloads */
.tx-felogin-pi1, .tx-felogin-pi1 > div, .tx-felogin-pi1 fieldset, .tx-felogin-pi1 fieldset > div {
    margin:10px 0;
}
.tx-felogin-pi1 fieldset {
    margin-top:20px;
    border: 1px solid #0081ca;
    color:#4a4a4a;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    width:555px;
    padding:10px 20px;
}
.tx-felogin-pi1 fieldset legend {
    padding:0 5px;
}

.tx-felogin-pi1 label {
    float: left;
    width: 100px;
}
.csc-menu.csc-menu-def li a {
    display:block;
    width:290px;
    line-height:60px;
    font-size:20px;
    background-color: #FFF;
    border: 1px solid #0081ca;
    float:left;
    margin: 10px 15px 5px 0;
    text-align:center;
    color:#4a4a4a;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.csc-uploads .csc-uploads-fileName {
    float:left;
}
.csc-uploads .csc-uploads-fileSize {
    float:right;
}

/* Format ech specs */
section {
    padding:10px 0 20px 0;
}

section p {
    display:block;
    font-size: 10px;
    margin:0;
    padding:0;
    padding: 3px 0 3px 5px;
}
section p:nth-child(odd) {
    background-color: #efefef;
}
section p b, section p strong {
    display:inline-block;
    width:185px;
    font-weight: bold;
}

#footer {
    background-color:#3a3a3a;
}
#footer #footerNav {
    width:980px;
    margin:0 auto;
    background-color:#242424;
}
#footer #footerNav ul a {
    color:#666;
}
#footer #footerNav ul a[href]:hover {
    color:#888;
}

#footer #footerNav ul {
    display:block;
    list-style-type:none;
    margin:20px 0 10px 30px;
    float:left;
    width:205px;
}
#footer #footerNav ul li {
    display:block;
    padding:5px 10px;
}
#footer #footerNav ul li.first {
    text-transform:uppercase;
    font-weight:bold;
    border-bottom:1px solid #444;
}
#footer #footerNav .facebookButton {
    float:right;
    margin-right:20px;
    margin-bottom:20px;
}

#footer #metaNav {
    clear:both;
    color:#666;
    font-size:11px;
    text-align:center;
    padding:20px;
}
#footer #metaNav a {
    text-decoration:underline;
}


#languageSelector {
    position:absolute;
    z-index:1000;
    background-color:#000;
    opacity:0.9;
    left:0;
    right:0;
    top:0;
    height:200%;
    min-width:980px;
    text-align:center;
    display:none;
}
#languageSelector img {
    margin-top:60px;
}
#languageSelector p {
    margin-top:10px;
    margin-bottom:30px;
    font-size:30px;
    font-weight:bold;
    letter-spacing:2px;
    color:#0081ca;
}
#languageSelector ul {
    display:inline-block;
    vertical-align: top;
    width:16%;
    margin:10px 15px 10px 15px;
    color:#3a3a3a;
    background-color:#fff;
    text-transform:uppercase;
    font:bold 15px Arial,sans-serif;
    text-align:left;
}
#languageSelector ul b {
    display:block;
    padding:5px 0 5px 10px;
}
#languageSelector ul a {
    display:block;
    padding:5px 0 5px 10px;
    margin-left:1px;
    font:bold 11px Arial,sans-serif;
    text-transform:uppercase;
    text-decoration:none;
    letter-spacing:0;
    color:#fff;
    background-color:#000;
}
#languageSelector ul a:hover {
    color:#0081ca;
}