...
HTML |
---|
<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> <div> <div class="AbstandProdukte"> <div style="float: left; width: 300px; margin-right: 20px;"> <div class="HeaderLine" /> <a href='/display/PublicZVR'> <img class="item-image" src="/download/thumbnails/113115504/Produkt_Zvr.jpg" /> </a> <div class="item-content"> <a class="userTypeLinkProdukte" href="/display/PublicZVR">Zentrales Vertragsregister (ZVR)</a> </div> </div> <div style="float: left; width: 300px; margin-right: 0px;"> <div class="HeaderLine" /> <a href='/display/PublicZSR'> <img class="item-image" src="/download/thumbnails/113115504/Produkt_Zsr.jpg" /> </a> <div class="item-content"> <a class="userTypeLinkProdukte" href="/display/PublicZSR">Zahlstellenregister (ZSR)</a> </div> </div> </div> </div> |