/*** Titillium+Web START */
/* 400-normal */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-display: auto;
  font-weight: 400;
  src: url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-regular.eot');
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-regular.woff2') format('woff2'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-regular.woff') format('woff'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-regular.ttf') format('truetype'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-regular.svg#TitilliumWeb') format('svg');
}
/* 700-normal */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-display: auto;
  font-weight: 700;
  src: url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-700.eot');
  src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-700.woff2') format('woff2'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-700.woff') format('woff'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-700.ttf') format('truetype'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-700.svg#TitilliumWeb') format('svg');
}
/* 600-normal */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-display: auto;
  font-weight: 600;
  src: url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-600.eot');
  src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-600.woff2') format('woff2'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-600.woff') format('woff'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-600.ttf') format('truetype'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-600.svg#TitilliumWeb') format('svg');
}
/* Titillium+Web ENDE ***/

// ####### Kran-Listen-Ansicht ####### \\
#productList {
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

#productList h1 {
    margin: 0px;
}

#productList #productItems {
    width: 730px;
}

#productList .item {
    width: 225px;
    height: 229px;
    float: left;
    position: relative;
    margin: 11px 15px 4px 0;
}

#productList .item img {
    width: 225px;
    height: 209px;
    display: block;
    position: absolute;
    bottom: 19px;
}
#productList .item img.nopic {
    width: 218px;
    margin-left: 4px;
}

#productList a {
    color: #FFF;
    display: block;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

#productList .title {
    width: 218px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    position: absolute;
    left: 4px;
    bottom: 0px;
    background: #009ab1;
    z-index: 999;
}


// ####### Kran-Detail-Ansicht ####### \\
#productDetail {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#productDetail .ym-column {
    display: block;
    overflow: hidden;
    padding: 0 335px 0 0; /* column width */
    width: auto;
}
#productDetail .ym-col1 { /* content */
    position: relative;
    float: left;
    width: 100%;
}
#productDetail .ym-col3 { /* sidebar */
    position: relative;
    float: left;
    width: 335px; /* column width */
    margin: 0 -335px 0 0;
    right: 0px;
    _right: 0px;
}

#productDetail .ym-column .ym-cbox {
    margin: 0px;
    padding: 0px;
}
#productDetail .ym-col1 .ym-cbox {
    padding: 0 20px 20px 0;
}
#productDetail .ym-col3 img {
    display: block;
    margin-top: 1em;
}

#productDetail #file,
#productDetail #returnbutton {
    width: 100%;
    height: 30px;
    margin: 30px 0 0;
    padding: 0px;
    line-height: 30px;
    text-align: center;
    background: #009ab1;
}
#productDetail #file a,
#productDetail #returnbutton a {
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}

#productDetail #returnbutton {
    width: 150px;
}

#productDetail #thumbs {
   width: 230px;
   margin: 0px auto;
}

#productDetail #thumbs a {
    /*display: block;*/
    margin: 7px auto;
    padding: 0px;
}

#productDetail #thumbs img {
    display: block;
}