| 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><!-- 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>
|
...