<style> .body-content { padding-left: 15px; padding-right: 15px } .small { font-size: 11px } .imagebox { max-width: 700px } .item-product { margin-top: 25px } .product { width: 300px; float: left } .display { display: none } .product-next { width: 300px; float: left; margin-left: 20px } .item-content { padding: 10px 0 10px 0; margin-top: -4px; background-color: #182542; transition-property: background-color; transition-duration: 1.5s; font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 16px; text-transform: uppercase; font-weight: 400; text-align: center; color: #fff } .item-image { opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out } .item-image:hover { opacity: .2 } .item-content:hover { padding: 10px 0 10px 0; margin-top: -4px; background-color: #84bf41; font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 16px; text-transform: uppercase; font-weight: 400; text-align: center; color: #fff } .item-contenttop { padding: 15px 0 15px 0; margin-top: -4px; background: #f2f2f2; font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 16px; text-transform: uppercase; font-weight: 400; text-align: center; color: #160000 } .item-circle { width: 50px; height: 50px; border-radius: 50%; font-size: 18px; color: #160000; margin-bottom: 25px; line-height: 50px; text-align: center; background: #f2f2f2 } .item-content a { font-size: .8rem!important; color: #fff } .item-content a:hover { font-size: .8rem!important; color: #fff } .container { position: relative; width: 100% } .image { display: block; width: 100%; height: auto } .image { display: block; width: 100%; height: auto } .userTypeLink { color: #160000; font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 16px; font-weight: 400; line-height: 30px; text-align: center; margin-right: 1%; margin-left: 1% } .userTypeLink:hover { color: #84bf41; visibility: inherit } .userTypeLinkProdukte { color: #fff; font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 16px; font-weight: 400; line-height: 16px; text-align: center; margin-right: 1%; margin-left: 1% } .userTypeLinkProdukte:hover { color: #84bf41; visibility: inherit } .HeaderBlock { margin-top: 25px; height: 250px } .HeaderLine { height: 4px; left: 3px; background-color: #84bf41; width: 100%; float: left } .HeaderLine50 { height: 2px; left: 3px; background-color: #84bf41; width: 100%; float: left } .HeaderLineItem { height: 4px; left: 3px; background-color: #84bf41; width: 100%; float: left; margin-bottom: 5px } </style> <div class="Abstand"></div> <!-- Inline Style ersetzt durch neue CSS Class --> <div> <div class="AbstandProdukte"> <!-- Inline Style ersetzt durch neue CSS Class --> <div style="float: left; width: 300px; margin-right: 20px;"> <!-- box-shadow entfernt --> <!-- Inline Style teilweise ersetzt (Farbe) --> <!-- In der Site.css sind ansonsten die Klassen .AbstandHorizontalSpalteRechts und .AbstandHorizontalSpalteRechts20 --> <div class="HeaderLine"> <!-- Inline Style entfernt --> </div> <!-- CSS Klasse entfernt --> <a href='/de/Angebot/Produkt/ProductDetail?topMenuId=468'> <img class="item-image" src="/download/thumbnails/113115504/Produkt_Zvr.jpg" /> <!-- Bild jeweils ersetzt und Inline Style entfernt --> </a> <div class="item-content"> <!-- neue CSS Class gesetzt--><a class="userTypeLinkProdukte" href="/de/Angebot/Produkt/ProductDetail?topMenuId=468">Zentrales Vertragsregister (ZVR)</a> <!-- hier neue CSS Class setzen: .userTypeLinkProdukte--> </div> </div> <div style="float: left; width: 300px; margin-right: 0px;"> <!-- box-shadow entfernt --> <!-- Inline Style teilweise ersetzt (Farbe) --> <!-- In der Site.css sind ansonsten die Klassen .AbstandHorizontalSpalteRechts und .AbstandHorizontalSpalteRechts20 --> <div class="HeaderLine"> <!-- Inline Style entfernt --> </div> <!-- CSS Klasse entfernt --> <a href='/de/Angebot/Produkt/ProductDetail?topMenuId=447'> <img class="item-image" src="/download/thumbnails/113115504/Produkt_Zsr.jpg" /> <!-- Bild jeweils ersetzt und Inline Style entfernt --> </a> <div class="item-content"> <!-- neue CSS Class gesetzt--><a class="userTypeLinkProdukte" href="/de/Angebot/Produkt/ProductDetail?topMenuId=447">Zahlstellenregister (ZSR)</a> <!-- hier neue CSS Class setzen: .userTypeLinkProdukte--> </div> </div> </div> </div> |