#galleryHolder .stage ul>li>input+div,#galleryHolder .thumbs ul>li>label>div,#galleryHolder .thumbs ul>li>label>img,.stage ul>li div{background-size:contain;background-position:center center;background-repeat:no-repeat}#galleryHolder .stage ul>li>input+div,#galleryHolder .thumbs ul>li,#galleryHolder .thumbs ul>li>label>img,#galleryHolder .thumbs ul>li>label>img:after{background-color:rgba(255,255,255,1)}#galleryHolder .thumbs ul>li{width:calc(100% / 4);width:25%;float:left}#galleryHolder .stage ul>li>input,#galleryHolder .stage ul>li[data='']{display:none}#galleryHolder .gallery{margin:0 .5rem;-ms-flex:1;flex:1;-ms-flex-order:1;order:1}#galleryHolder .stage{position:relative;z-index:2;width:100%;height:0;margin-bottom:.5rem;padding-bottom:100%}#galleryHolder .stage ul{margin:0;padding:0;list-style:none}#galleryHolder .stage ul>li{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;}.stage ul>li div{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-transition:opacity .5s ease 0s;transition:opacity .5s ease 0s;opacity:0;background-color:#fff}#galleryHolder .stage ul>li>input+div{display:block;display:-ms-flexbox;display:flex;width:100%;height:100%;transition:opacity .5s ease 0s;opacity:0}#galleryHolder .stage ul>li>input:checked+div{opacity:1}#galleryHolder .thumbs{position:relative;z-index:1;margin:0 -.25rem}#galleryHolder .thumbs:after{content:" ";display:table;clear:both}#galleryHolder .thumbs ul{display:-ms-flexbox;display:flex;margin:0;padding:0;list-style:none;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}#galleryHolder .thumbs ul>li:only-child,#galleryHolder .thumbs ul>li[data='']{display:none}#galleryHolder .thumbs ul>li{height:100%;margin:auto 0}#galleryHolder .thumbs ul>li>label{position:relative;display:initial;float:left;width:100%;height:100%;margin-bottom:20px}#galleryHolder .thumbs ul>li>label>div{position:relative;z-index:4;display:block;width:100%;max-width:100%;height:auto;margin:0 auto;cursor:pointer;background-color:transparent;box-sizing:border-box; } #galleryHolder .thumbs ul>li>label>div:before{font-size:0;display:block;padding-top:100%;content:'\00a0 '}#galleryHolder .thumbs img{position:relative;z-index:4;max-width:95%;height:auto;cursor:pointer}.mto_cat_item_text_counter{display:none}.lightbox_control,.lightbox_control:visited{color:rgba(255,255,255,1)}input:checked+.lightbox>a.lightbox_link{cursor:-webkit-zoom-in;display:block;height:100%;width:100%;position:relative;z-index:1}#galleryHolder .stage ul>li>input+div.lightbox:target,.lightbox_overlay,.stage ul>li>input+div.lightbox{transition:none!important}.lightbox_overlay{display:none;opacity:0;visibility:hidden;position:absolute;z-index:-1}:target .lightbox_overlay{background-color:rgba(0,0,0,.9);position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:-ms-flexbox;display:flex;opacity:1;visibility:visible;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.lightbox_overlay>.lightbox_content{opacity:0;overflow:auto;max-height:80vh;max-width:80%;position:relative}.lightbox_overlay>.lightbox_figure{transition:opacity 2s}:target .lightbox_overlay>.lightbox_content{opacity:1}:target .lightbox_overlay>.lightbox_figure{display:block;margin:1.5em}.lightbox_figure img{display:block;height:auto}:target .lightbox_overlay .lightbox_figure,:target .lightbox_overlay .lightbox_image{max-width:80vw;background-position:center 0;max-height:80vh;opacity:1;position:relative}:target .lightbox_overlay .lightbox_figure *{margin:0 auto}:target .lightbox_overlay .lightbox_image{opacity:1;display:none;padding-top:0}.lightbox_control{position:absolute}.lightbox_control_icons .lightbox_control{position:absolute;width:3em;height:3em;background-position:50%;background-size:cover;text-indent:100%;white-space:nowrap;overflow:hidden}.lightbox_close{top:1em;right:1em}.lightbox_control_icons .lightbox_close{top:2.5em;right:2.5em;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M21.7%2010.3c-0.4-0.4-1-0.4-1.4%200l-4.3%204.3-4.2-4.2c-0.4-0.4-1-0.4-1.4%200-0.4%200.4-0.4%201%200%201.4l4.2%204.2-4.3%204.3c-0.4%200.4-0.4%201%200%201.4%200.4%200.4%201%200.4%201.4%200l4.3-4.3%204.2%204.2c0.4%200.4%201%200.4%201.4%200%200.4-0.4%200.4-1%200-1.4l-4.2-4.2%204.3-4.3C22.1%2011.3%2022.1%2010.7%2021.7%2010.3zM16%200C7.2%200%200%207.2%200%2016s7.2%2016%2016%2016c8.8%200%2016-7.2%2016-16S24.8%200%2016%200zM16%2030C8.3%2030%202%2023.7%202%2016S8.3%202%2016%202s14%206.3%2014%2014S23.7%2030%2016%2030z%22%2F%3E%3C%2Fsvg%3E);mix-blend-mode:difference}.lightbox_control_icons .lightbox_close:hover{opacity:.5}.lightbox_close_around{position:absolute;top:0;left:0;height:100%;width:100%;cursor:default}.lightbox_next,.lightbox_prev{top:50%;margin-top:-1.5em;opacity:.2}.lightbox_prev{left:2em}.lightbox_next{right:2em}.lightbox_control_icons .lightbox_next,.lightbox_control_icons .lightbox_prev{top:50%;margin-top:-1.5em;transition:opacity .2s;opacity:1;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2244.1%22%20height%3D%2294.7%22%20viewBox%3D%220%200%2044.1%2094.7%22%20enable-background%3D%22new%200%200%2044.088%2094.67%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M44.1%2047.3L1.5%2094.7%200%2093.3l41.4-46L0%201.3%201.5%200%2044.1%2047.3z%22%2F%3E%3C%2Fsvg%3E)}.lightbox_control_icons .lightbox_prev{left:2em;transform:rotate(180deg)}.lightbox_next:focus,.lightbox_next:hover,.lightbox_prev:focus,.lightbox_prev:hover{opacity:.5;transition:opacity .2s}.lightbox_untarget{position:fixed;top:0}.lightbox_content{overflow:auto;max-height:100%}.lightbox_html{padding:2em;max-width:80%;background-color:#fff}div[class*=' csslider'],div[class^=csslider]{z-index:1}@media only screen and (min-width:992px){#galleryHolder .stage ul>li>input+div.lightbox:target{opacity:1;visibility:visible}}@media only screen and (max-width:991px){#galleryHolder .stage ul>li>input+div.lightbox *,#galleryHolder .stage ul>li>input+div.lightbox:target *{display:none}}@media only screen and (min-width:1200px){.lightbox_figure img{max-width:100%}} #doc { margin: 0; padding: 60px 0; text-align: center; font-family: 'Roboto', Arial; font-size: 12px; color: #333; background: url('../img/bg.jpg'); } td, .g-std { font-family: 'Roboto', Arial; } #doc * { margin: 0; padding: 0; } #doc a { outline: none; text-decoration: none; } #doc img { border: none; font-size: small; } #doc input { font-family: 'Roboto', Arial; } #doc table { font-family: 'Roboto', Arial; } #doc .pointer { cursor: pointer; } .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } #doc #cytContent { background: #fff; width: 980px; margin: 0 auto; padding: 20px; box-sizing: border-box; -webkit-box-shadow: 0 0 155px rgba(0,0,0,.2); -moz-box-shadow: 0 0 155px rgba(0,0,0,.2); box-shadow: 0 0 155px rgba(0,0,0,.2); } #doc #header { margin: 0 0 20px; } #doc #header .infos { display: flex; justify-content: space-between; align-items: center; height: 80px; margin: 0 0 20px; padding: 0 20px; } #doc #header .infos .logo a { background: url('../img/logo.png'); width: 227px; height: 43px; float: left; } #doc #header .contact div { float: left; text-align: left; font-size: 12px; line-height: 16px; background: url('../img/phone.png') no-repeat left center; padding: 0 0 0 46px; margin: 0 25px 0 0; } #doc #header .contact div:last-child { margin: 0; background: url('../img/letter.png') no-repeat left center; } #doc #header #search { border: 1px solid #eaeaea; width: 234px; height: 38px; box-sizing: border-box; } #doc #header #search .search-input { border: none; background: none; float: left; font-size: 12px; height: 38px; line-height: 38px; padding: 0 20px; width: 194px; box-sizing: border-box; } #doc #header #search .search-submit { float: right; background: url('../img/lupe.png') no-repeat center center; width: 38px; height: 38px; border: none; line-height: 38px; } #doc #header .headnavi { background: #003366; height: 50px; line-height: 50px; display: flex; justify-content: space-around; padding: 0 10px; } #doc #header .headnavi a { color: #fff; font-size: 12px; text-transform: uppercase; } #doc #header .headnavi a:hover { color: #6699cc; } #doc .banner { display: flex; flex-wrap: wrap; justify-content: space-between; } #doc .banner div:first-of-type { margin-bottom: 20px;; } #doc #footer { background: url('../img/footer-bg.png') #003366 no-repeat; height: 104px; position: relative; margin-top: 20px; } #doc #footer div { color: #fff; position: absolute; text-align: left; top: 33px; font-size: 14px; line-height: 18px; } #doc #footer div.box1 { left: 99px; } #doc #footer div.box2 { left: 328px; } #doc #footer div.box3 { left: 545px; } #doc #footer div.box4 { left: 765px; } #doc #copyright { padding: 30px 0; } #doc #copyright p:first-of-type a { padding: 10px; color: #003366; font-weight: bold; } #doc #copyright p:last-of-type { color: #3a3c42; font-size: 10px; line-height: 16px; padding-top: 20px; } #doc #copyright p:last-of-type a { color: #3a3c42; } #galleryHolder .gallery, #galleryHolder .thumbs { margin: 0; } #galleryHolder .thumbs { transform: scale(1.0125); } #galleryHolder .thumbs ul > li { transform: scale(.95); float: left; } #galleryHolder .thumbs ul > li > label { margin-bottom: 0; } #galleryHolder .thumbs li > label > div { border: 1px solid #e4e4e4; overflow: hidden; } #galleryHolder .stage { margin-bottom: 3px; overflow-x: hidden; } #galleryHolder .stage > ul > li { border: 1px solid #e4e4e4; } #galleryHolder { width: 393px; float: left; margin-bottom: 20px;; } #doc #shortdesc { float: right; width: 310px; text-align: left; } #doc #longdesc { clear: left; background: #f4f4f4; text-align: left; padding: 20px; box-sizing: border-box; } #doc #longdesc { clear: left; background: #f4f4f4; text-align: left; padding: 20px; box-sizing: border-box; font-size: 14px; line-height: 20px; } #doc #longdesc p b {display: block; padding-top: 20px;} #doc #shortdesc h1 { font-size: 18px; line-height: 26px; margin: 5px 10px 40px 0; } #doc #shortdesc .price { font-size: 30px; line-height: 40px; margin: 0; color: #003366; } #doc #shortdesc .vat { font-size: 12px; color: #999; margin: 0 0 40px; } #doc #shortdesc ul { margin: 0 0 0 20px; color: #003366; font-size: 14px; line-height: 22px; } #doc #page .api-slider {float: left; width: 100%; margin-top: 50px; min-height: 287px;} #doc #page .api-slider .hl {float: left; width: 100%; margin-bottom: 15px; font-size: 18px; line-height: 22px; font-family: times new roman; color: #003a63;} #doc #page .api-slider .items {float: left; width: 100%; height: 250px; background: url(../img/ajax-loader.gif) center center no-repeat;} #doc #page .api-slider.loaded .items {background: none;} #doc #page .api-slider .items .item {float: left; height: 250px; width: 20%; cursor: pointer; text-align: center;} #doc #page .api-slider .items .item .img {width: 140px; height: 140px; margin: 10px auto 0; background-repeat: no-repeat; background-position: center center; background-image: url(../img/ajax-loader-small.gif); background-color: #fff; border: 1px solid #eaeaea;} #doc #page .api-slider .items .item .title {float: left; padding: 0 20px; margin-top: 15px; width: 100%; line-height: 18px; height: 54px; font-size: 12px; overflow: hidden; color: #333; box-sizing: border-box;} #doc #page .api-slider .items .item .price {margin-top: 5px; float: left; width: 100%; line-height: 22px; font-size: 14px; color: #003a63; font-weight: 500; } #doc #page .api-slider .items .item .base-price {display: none; min-height: 287px;} #doc #page .api-slider .touchslider {position: relative; float: left; width: 100%;} #doc #page .api-slider .touchslider-viewport {position: relative; margin: 0; float: left; width: 940px; height: 250px; overflow: hidden;} #doc #page .api-slider .slider_all {width: 10000px;} #doc #page .api-slider .touchslider-item {float: left; width: 940px; height: 250px;} #doc #page .api-slider .navi .step {position: absolute; top: 28%; float: left; width: 21px; height: 21px; cursor: pointer; background: url(../img/left.png) no-repeat;} #doc #page .api-slider .navi .step.prev {left: 0;} #doc #page .api-slider .navi .step.next {right: 0;} #doc #page.onload {height: 3000px;} #doc #page {height: initial;} #doc #page-home {} #doc #page-home .touchslider {position: relative; float: left; width: 100%;} #doc #page-home .touchslider-viewport {position: relative; float: left; width: 982px; height: 473px; overflow: hidden;} #doc #page-home .slider_all {width: 10000px;} #doc #page-home .touchslider-item {float: left; width: 982px; height: 473px;} #doc #page-home .navi .step {position: absolute; top: 28%; float: left; width: 21px; height: 21px; cursor: pointer; background: url(../img/left.png);} #doc #page-home .navi .step.prev {left: 0;} #doc #page-home .navi .step.next {right: 0; background: url(../img/right.png);} #doc #page-home .touchslider-item a {display: block; float: left;} #doc #page-home .touchslider-item img {display: block; max-width: 100%; margin: 0 auto;} #doc #page-home #main-teaser {float: left; width: 100%; margin-top: 30px;} #doc #page-home #main-teaser .teaser {width: 314px;} #doc #page-home #main-teaser .teaser-1, #doc #page-home #main-teaser .teaser-2 {float: left; margin-right: 20px;} #doc #page-home #main-teaser .teaser-3 {float: right;} #doc #page-home #main-teaser .teaser a {float: left; width: 100%; display: block; box-sizing: border-box; border: 1px solid #e7e7e7;} #doc #page-home #main-teaser .teaser a img {display: block; max-width: 100%; margin: 0 auto;} #doc #page-home #main-teaser .teaser .hl {float: left; width: 100%; margin-bottom: 15px; font-size: 20px; line-height: 22px;} #doc #page-home #main-teaser .teaser .hl span {display: inline-block; margin-right: 5px; width: 6px; height: 10px; line-height: 10px; background: url(../images/klinker.png) -574px -1px no-repeat;} #doc #page-home #main-teaser .teaser:hover .hl {color: #036} #doc #page-home #main-teaser .teaser:hover span {background-position: -534px -1px} #doc #item-view, #doc #item-page {float: right; width: 730px;} #doc #item-page .v4stabl {padding-top: 22px;} #doc #item-page table {border-collapse: collapse; border: none;} #doc #item-page .cmpb {float: left; width: 100%; background: #e7e7e7; border: none;} #doc #item-page table td {border: none;} #doc #item-page .v4stabl {padding-bottom: 10px;color: #777;} #doc #item-page .v4stabl b {text-decoration: underline; color: #777;} #doc #item-page .v4stabl a {font-weight: 700; color: #777;} #doc #item-page .v4stabl a:hover {color: #036} #doc #item-page .smuy {color: #777;} #doc #item-page .keywordClass {text-transform: uppercase;} #doc #item-page .r3_t {display: none;} #doc #item-page #fpcap {float: left; width: auto; margin-top: -32px;} #doc #item-page #fpcap .countClass {color: #003366} #doc #item-page .rs_box {float: left; width: 100%; border: 1px solid #e7e7e7; border-left: none; border-right: none;} #doc #item-page .rs_box > div {float: left; width: 100%;} #doc #item-page .ctrlbr {float: left; width: 100%; padding: 5px 0; border: none;background: #fff;} #doc #item-page .ctrlbr span {display: inline-block; color: #777;} #doc #item-page .ctrlbr span.label {padding-right: 5px;} #doc #item-page .ctrlbr span:first-of-type {float: left;} #doc #item-page .ctrlbr span:last-of-type {float: right;} #doc #item-page .ctrlbr img {display: inline-block; margin-left: 4px;} #doc #item-page .cmpBr {float: left; width: 100%; height: 25px; line-height: 25px; padding: 0; margin: 0; background: #e7e7e7; border: none; color: #777;} #doc #item-page .cmpBr a {color: #777;} #doc #item-page .itemseparator {float: left; width: 100%; margin-top: 20px; background: #e7e7e7; border-color: #e7e7e7;} #doc #item-page table.grid {float: left; width: 100%; margin-top: 20px; border-collapse: collapse;} #doc #item-page table.grid td {text-align: center;} #doc #item-page table.grid td.gallery {padding: 10px 0; margin-top: 20px;} #doc #item-page table.grid td table.gallery {float: left; padding: 10px 0; width: 100%; border-collapse: collapse;} #doc #item-page table.grid td table.gallery td {text-align: center;} #doc #item-page table.grid .image {margin: 10px auto 0; border: 1px solid #e7e7e7; background: #fff;} #doc #item-page table.grid .mi {display: none;} #doc #item-page table.grid .details {} #doc #item-page table.grid .details div {float: left; width: 80%; margin-left: 10%;} #doc #item-page table.grid .details .ttl {position: relative; padding: 15px 0 0; text-align: center;} #doc #item-page table.grid .details .ttl a {display: block; height: 32px; padding-top: 5px; font-size: 12px; line-height: 16px; color: #353535;} #doc #item-page table.grid .details .ttl .before {position: absolute; top: 5px; left: 50%; margin-left: -8px;} #doc #item-page table.grid .details table.fixed {float: left; width: 100%; border-collapse: collapse;} #doc #item-page table.grid .details table.fixed td {width: 50%; font-size: 14px; line-height: 18px; vertical-align: middle; color: #003366; } #doc #item-page table.grid .details table.fixed td:first-of-type {text-align: left;} #doc #item-page table.grid .details table.fixed td:last-of-type {text-align: right;} #doc #item-page table.grid .basics, #doc #item-page table.grid .time2 {display: none;} /* List */ #doc #item-page .g-nav {vertical-align: middle;} #doc #item-page .g-nav a {color: #353535;} #doc #item-page .g-nav.picture {width: 140px; text-align: center; padding-right: 30px;} #doc #item-page .g-nav.details {text-align: left;} #doc #item-page .g-nav.time {display: none;} #doc #item-page .g-nav.prices {text-align: center;} #doc #item-page .g-nav.shipping {padding-right: 10px; width: 100px;} #doc #item-page .lview table {float: left; width: 100%; border-collapse: collapse;} #doc #item-page .lview table.li {border-bottom: 1px solid #e7e7e7; margin-top: 20px;} #doc #item-page .lview table td {vertical-align: middle;} #doc #item-page .lview .cmpb {float: left; width: 100%;} #doc #item-page .lview .ctrlbr {float: left; width: 100%;} #doc #item-page .lview td.pic {padding-right: 30px;} #doc #item-page .lview .details {text-align: left;} #doc #item-page .lview .details a {color: #353535; line-height: 18px;} #doc #item-page .lview .trs {display: none;} #doc #item-page .lview .pay {display: none;} #doc #item-page .lview .bids {text-align: center; padding-left: 20px;} #doc #item-page .lview .prices {text-align: center;} #doc #item-page .lview .ship {width: 100px;font-size: 12px; text-align: center; padding-right: 10px;} #doc #item-page .lview .time {display: none;} /* No Match */ #doc #item-page .msg {padding: 10px 0;} #doc #item-page .v4snexp {text-align: left; margin-top: 20px;} #doc #item-page .v4snexp a {color: #353535; text-decoration: underline;} #doc #item-page .v4snexp a:hover {text-decoration: none;} #doc #item-page .v4snexp ul {margin-top: 10px;} #doc #item-page .v4snexp ul li {margin-left: 20px; padding: 5px 0; list-style: disc; list-style-type: disc;} /* Sorting */ #doc #item-page table.grid .dynpg {float: left; width: 100%;} #doc #item-page .pgbc {float: left; width: 100%; margin-top: 20px; background: #e7e7e7;} #doc #item-page .pgbc .l {padding-left: 10px; text-align: left;} #doc #item-page .pgbc .m {text-align: center;} #doc #item-page .pgbc .r {text-align: right;padding-right: 10px;} #doc #item-page .r3_bl {display: none;} #doc #navi {float: left; width: 190px;} #doc #navi table.v4midBox {margin-bottom: 20px;} #doc #navi .ttl, #doc #navi .v4accent, #doc #navi .v4hspacer {display: none;} #doc #navi .v4title {width: 100%; text-align: left; font-size: 14px; font-weight: bold;} #doc #navi .v4title font {color: #353535!important; font-family: 'Open Sans', Arial!important;} #doc #navi .v4title h2 {float: left; width: 100%; padding: 5px 10px 20px; font-size: 18px; color: #003366; font-family: 'Times New Roman', Arial; box-sizing: border-box; font-weight: normal; border-bottom: 1px solid #e7e7e7;} #doc #navi .oc ul li {list-style: none; list-style-type: none;} #doc #navi .oc ul li a {display: block; padding: 3px 10px; box-sizing: border-box; font-size: 12px; color: #999;} #doc #navi .v4clp { margin: 10px 0; } #doc #navi a {color: #777} #doc #navi a:hover {color: #353535} #doc #navi table {float: left; width: 100%; border-collapse: collapse; border: none;} #doc #navi table td {text-align: left; background: none!important;} #doc #navi .lcat ul {float: left; width: 100%;} #doc #navi .lcat ul.lev1 a {font-size: 12px; line-height: 18px; padding: 8px 10px; color: #999; box-sizing: border-box; font-weight: normal;} #doc #navi .lcat ul.lev1 ul a {font-size: 12px; padding: 8px 15px;} #doc #navi .lcat ul.lev1 ul ul a {font-size: 11px; line-height: 15px; padding: 5px 20px;} #doc #navi .lcat ul ul {padding: 0;} #doc #navi .lcat li {position: relative; float: left; width: 100%; padding: 0; list-style: none; list-style-type: none; border-bottom: 1px solid #e7e7e7;} #doc #navi .lcat li a {display: block;} #doc #navi .lcat li a:hover {color: #003366} #doc #navi .lcat ul.lev1 span {color: #003366; display: inline-block; padding: 8px 0 8px 10px; font-size: 12px;; } #doc #navi .lcat ul.lev1 ul span {padding: 0 15px;} #doc #navi .lcat ul.lev1 ul ul span {padding: 0 20px;} #doc #navi .lcat li span.cnt {color: #003366; padding: 0!important; margin: 0 0 0 10px;} #doc #navi .lcat li a span.cnt {color: #999;} #doc #navi .lcat .all_cats {float: left; width: 100%; margin-top: 5px; padding: 5px 0; font-style: normal; font-size: 11px; background: #e7e7e7; text-align: center;} #doc #navi .oc span {display: inline-block; padding: 0 10px;} #doc.item-view #navi .title {float: left; width: 100%; padding: 5px 10px 20px; font-size: 18px; text-align: left; color: #003366; font-family: 'Times New Roman', Arial; box-sizing: border-box; font-weight: normal; border-bottom: 1px solid #e7e7e7;} #doc.item-view #navi .title.info, #doc.item-view #navi .title.motiv {padding-top: 25px;} #doc.item-view #navi > ul {float: left; width: 100%;} #doc.item-view #navi > ul > li {float: left; width: 100%; list-style: none; list-style-type: none;} #doc.item-view #navi > ul > li > a {display: block; padding: 8px 10px; font-size: 12px; line-height: 16px; color: #999; text-align: left; border-bottom: 1px solid #e7e7e7;} #doc.item-view #navi > ul > li > a:hover {color: #036;} #doc #page #text {text-align: left;} #doc #page #text * {margin: 0; padding: 0;} #doc #page #text h1 {font-size: 24px; line-height: 26px;} #doc #page #text h2 {padding-top: 25px; font-size: 20px; line-height: 22px;} #doc #page #text h3 {padding-top: 20px; font-size: 18px; line-height: 20px;} #doc #page #text h4 {padding-top: 20px; font-size: 16px; line-height: 20px;} #doc #page #text p {padding-top: 10px; font-size: 12px; line-height: 18px; color: #777;} #doc #page #text ul {padding-top: 10px; font-size: 12px; line-height: 18px; color: #777;} #doc #page #text ol {padding-top: 10px; font-size: 12px; line-height: 18px; color: #777;} #doc #page #text ul li {padding: 3px 0; margin-left: 20px;} #doc #page #text ol li {padding: 3px 0; margin-left: 20px;} #doc #page #text a {color: #353535; text-decoration: underline;} #doc #page #text a:hover {text-decoration: none;} #doc #page #text.showroom {} #doc #page #text.showroom .row {float: left; width: 100%; padding: 10px 0; border-bottom: 1px solid #d7d7d7;} #doc #page #text.showroom .row:last-of-type {border-bottom: none;} #doc #page #text.showroom .row > div {box-sizing: border-box; float: left; width: 25%; text-align: center;} #doc #page #text.showroom .row > div p {float: left; width: 100%;} #doc #page #text.showroom .row > div p.text {font-size: 14px; font-weight: 600;} #doc #page #text.showroom .row > div p.img img {display: block; max-width: 96%;} #doc #page #text.showroom .more {float: left; width: 100%; text-align: center;} #doc #page #text.showroom .more a {font-size: 14px; line-height: 16px; font-weight: 600; color: #555; text-decoration: none;} #doc #page #text.showroom .more a:hover {color: #d7d7d7;} #doc #page #text.form {text-align: left;} #doc #page #text.form table {font-size: 12px; line-height: 18px;} #doc #page #text.form table td {padding: 3px 0; color: #555;} #doc #page #text.form textarea {float: left; margin-top: 20px; width: 100%; font-size: 14px; line-height: 20px; padding: 10px; color: #555; box-sizing: border-box;} #doc #page .info-page {font-size: 14px; line-height: 18px; text-align: left;} #doc #page .info-page * {margin: 0; padding: 0;} #doc #page .info-page h1 {font-size: 24px; line-height: 26px; padding-bottom: 20px; color: #003366; font-family: 'Times New Roman', Arial; box-sizing: border-box; font-weight: normal; border-bottom: 1px solid #e7e7e7;} #doc #page .info-page h2 {font-size: 20px; line-height: 22px; padding-top: 25px; color: #003366; font-family: 'Times New Roman', Arial; font-weight: normal;} #doc #page .info-page h3 {font-size: 18px; line-height: 20px; padding-top: 25px; font-family: 'Times New Roman', Arial; font-weight: normal;} #doc #page .info-page p, #doc #page .info-page ul, #doc #page .info-page ol {padding-top: 10px;} #doc #page .info-page ul li, #doc #page .info-page ol li {margin-left: 20px;} #doc #page .info-page ul li {list-style: disc; list-style-type: disc;} #doc #page .info-page ol li {list-style: decimal; list-style-type: decimal;} #doc #page .info-page a {color: #036;}