Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

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>
			<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 						<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 -->
					</div>
					<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 						<a class="userTypeLinkProdukte" href="/de/Angebot/Produkt/ProductDetail?topMenuId=447">Zahlstellenregister (ZSR)</a>
<!-- hier neue CSS Class setzen: .userTypeLinkProdukte-->
					</div>
				</div>
			</div>
		</div>