Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Sv translation
languagede


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;
			}

			.general-item-content {
				background-color: #fff;
				border: 1px solid #182542;
			}

			.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;
				text-decoration: underline;
			}

			.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, a .item-content {
				font-size: .8rem!important;
				color: #fff;
				}

cursor:pointer;
    			.item-content a:hover padding: 13px 0 10px 0;
				line-height:1.5;
			}

			.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 !important;  //TG 190614: increased importance to overwrite confluence settings
				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
			}

			.HeaderBlockHeader {
				margin-top    color: 25px#160000;
    				height: 250px
			}

			.font-family: 'sansationregular','Lato',Arial,Helvetica Neue,Helvetica,sans-serif;
    			font-size: 25px;
    			line-height: 30px;
    			margin-top: 20px;
				margin-bottom: 10px;
			}

			.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> 	.item-link-box {
		
		<div class="Abstand"></div>float: left; 
		<div>
			<div class="AbstandProdukte">
<!--max-width: 992px;
				<div style="floatmargin: left; width: 300px; margin-right: 20px;">10px 0;
					<div class="HeaderLine">clear: both;
					</div>}

					<a href='/display/PublicVEKA'> <img class="item-image" src="/download/attachments/113115499/Produkt_VEKA.jpg" />.item-link-box .Header {
					</a>margin-bottom: 15px;
			}

		<div class="	.item-content">-button {				
				width: 300px;
				<a class="userTypeLinkProdukte" href="/display/PublicVEKA">Versichertenkarte (VEKA)</a>min-height: 100px;
					</div>
				</div>
-->
border: 0;
				<div style="float: left; width: 300px; margin-right: 20px;">
					<div class="HeaderLine">margin-bottom: 24px;
					</div>padding: 10px;
					<a href='/display/PublicZVR'> <img class="item-image" src="/download/attachments/113115499/Produkt_Zvr.jpg" />
					</a>
			border-top: 4px solid #84bf41;
			}		

			.wiki-content .item-content-button a {
				color: #fff;
			}

		

		</style> 
		
		<div class="item-content">Abstand"></div>
		<div>
				<a<div class="userTypeLinkProdukte" href="/display/PublicZVR">Zentrales Vertragsregister (ZVR)</a>
					</div>
				</div>AbstandProdukte">
<!-- test -->
				<div style="float: left; width: 300px; margin-right: 0px20px;">
					<div class="Header">VEKA</div>
					<div class="HeaderLine">
					</div>
					<a href='/display/PublicZSRPublicVEKA'> <img class="item-image" src="/download/attachments/113115499/Produkt_ZsrVEKA.jpg" />
					</a>
					<div class="item-content">
						<a class="userTypeLinkProdukte" href="/display/PublicZSRPublicVEKA">Zahlstellenregister>Versichertenkarte  (ZSRVEKA)</a>
					</div>
				</div>
			</div>
		</div>
Sv translation
languagefr
HTML
		<style>
			.body-content {<!-- test -->
				padding-left<div style="float: left; width: 15px;
				padding300px; margin-right: 15px20px;">
			}

			.small {<div class="Header">ZSR</div>
				font-size: 11px	<div class="HeaderLine">
			}		</div>

			.imagebox {
				max-width: 700px		<a href='/display/PublicZSR'> <img class="item-image" src="/download/attachments/113115499/Produkt_Zsr.jpg" />
			}

			.item-product {
</a>
					margin-top: 25px<div class="item-content">
			}

			.product {<a class="userTypeLinkProdukte" href='/display/PublicZSR'>
				width: 300px;
				float: leftZahlstellenregister (ZSR)
			}

			.display {</a>
				display: none	</div>
			}

			.product-next {	</div>
				<div style="float: left; width: 300px;
				float margin-right: left20px;">
				margin-left: 20px	<div class="Header">ZVR</div>
			}

			.item-content {<div class="HeaderLine">
				padding: 10px 0 10px 0;	</div>
				margin-top: -4px;	<a href='/display/PublicZVR'> <img class="item-image" src="/download/attachments/113115499/Produkt_Zvr.jpg" />
				background-color: #182542;
	</a>
					transition-property: background-color;
<div class="item-content">
						transition-duration: 1.5s;
<a class="userTypeLinkProdukte" href="/display/PublicZVR">			
					font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;		Zentrales Vertragsregister (ZVR)
				font-size: 16px;		</a>
				text-transform: uppercase;	</div>
				font-weight: 400;</div>
				text-align: center;</div>
				color: #fff;
<div class="item-link-box">				}

				.item-image {
				opacity: 1;<div class="Header">Hilfe & Anleitungen</div>		
				-webkit-transition: .3s ease-in-out;<a href="/x/t4IFCg">
				transition: .3s ease-in-out	<button type="button" class="item-content item-content-button">
			}

			.item-image:hover {SASIS Login <br />Registrierung und Anwendung
				opacity: .2
	</button>
				}</a>

				.item-content:hover {
<a href="/x/NoBcCw">
					padding: 10px 0 10px 0;<button type="button" class="item-content item-content-button">
				margin-top: -4px;		Initialisierung Online-Verfahren <br />für ZSR- und K-Nummer
				background-color: #84bf41;	</button>
				font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
</a>
   				font-size: 16px;<a href="/x/DgBmFg">
				text-transform: uppercase;	<button type="button" class="item-content item-content-button">
				font-weight: 400;		Registrierung<br>Microsoft Teams
				text-align: center;	</button>
				color:</a> #fff
			}

			.item-contenttop {
	<a href="/x/BwQ6DQ">
					<button type="button" class="item-content item-content-button">
						padding: 15px 0 15px 0;IAM Rollenvergabeprozess<br />Für Power-User und Anwendung
				margin-top: -4px;	</button>
				background: #f2f2f2;</a>       
			</div>	 			
		</div>


Sv translation
languagefr


HTML
		<style>	font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				font-size: 16px;.body-content {
				textpadding-transformleft: uppercase15px;
				fontpadding-weightright: 400;15px
				text-align: center;}

			.small {
				colorfont-size: #16000011px
			}

			.item-circleimagebox {
				max-width: 50px;700px
				height: 50px;}

				border-radius: 50%;.item-product {
				fontmargin-sizetop: 18px;25px
			}

		color: #160000;	.product {
				margin-bottomwidth: 25px300px;
				line-heightfloat: 50px;left
			}

			text-align: center;.display {
				backgrounddisplay: #f2f2f2none
			}

			.itemproduct-contentnext a {
				font-sizewidth: .8rem!important300px;
				colorfloat: #fffleft;
			}	margin-left: 20px
			}

			.item-content a:hover {
				font-size: .8rem!importantpadding: 10px 0 10px 0;
				colormargin-top: #fff-4px;
			}

			.container {	background-color: #182542;
				positiontransition-property: relativebackground-color;
				widthtransition-duration: 100%
			}

			.image {1.5s;
				display: block;font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				widthfont-size: 100%16px;
				heighttext-transform: autouppercase;
			}

			.image {
				display: block	font-weight: 400;
				widthtext-align: 100%center;
				heightcolor: auto#fff;
			}

			.userTypeLinkgeneral-item-content {
				background-color: #160000#fff;
				font-familyborder: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;1px solid #182542;
			}

				font-size: 16px;.item-image {
				font-weightopacity: 4001;
				line-webkit-heighttransition: 30px .3s ease-in-out;
				text-align: center;transition: .3s ease-in-out
				margin-right: 1%;}

			.item-image:hover {
				margin-leftopacity: 1%.2
			}

			.userTypeLinkitem-content:hover {
				colorpadding: #84bf41;
				visibility: inherit10px 0 10px 0;
			}

			.userTypeLinkProdukte {	margin-top: -4px;
				background-color: #fff !important;  //TG 190614: increased importance to overwrite confluence settings#84bf41;
				font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				font-size: 16px;
				fonttext-weighttransform: 400uppercase;
				linefont-heightweight: 16px400;
				text-align: center;
				margin-rightcolor: 1%;
				margin-left: 1%#fff
			}

			.userTypeLinkProdukte:hoveritem-contenttop {
				color: #84bf41padding: 15px 0 15px 0;
				visibilitymargin-top: inherit-4px;
			}

			.HeaderBlock {	background: #f2f2f2;
				marginfont-top: 25pxfamily: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				heightfont-size: 250px16px;
			}

			.HeaderLine {	text-transform: uppercase;
				heightfont-weight: 4px400;
				lefttext-align: 3pxcenter;
				background-color: #84bf41;
				width: 100%;#160000
				float: left
			}

			.HeaderLine50item-circle {
				heightwidth: 2px50px;
				leftheight: 3px50px;
				backgroundborder-colorradius: #84bf4150%;
				widthfont-size: 100%18px;
				floatcolor: left#160000;
			}

			.HeaderLineItem {margin-bottom: 25px;
				line-height: 4px50px;
				lefttext-align: 3pxcenter;
				background-color: #84bf41;#f2f2f2
				width: 100%;}

				float: left;.item-content a, a .item-content {
				marginfont-bottomsize: 5px.8rem!important;
				}
color: #fff;
		</style> 
		cursor:pointer;
    			<div class="Abstand"></div>padding: 13px 0 10px 0;
		<div>
			<div class="AbstandProdukte">
<!--line-height:1.5;
				<div style="float: left; width: 300px; margin-right: 20px;">
					<div class="HeaderLine">}

			.item-content a:hover {
				font-size: .8rem!important;
				color: #fff
			}

			.container {
					</div>
		position: relative;
				width: 100%
			}

			<a href='/display/PublicVEKA'> <img class="item-image" src="/download/attachments/113115499/Produkt_VEKA.jpg" />
					</a>
					<div class="item-content">
						<a class="userTypeLinkProdukte" href="/display/PublicVEKA">Carte d'assuré (Cada)</a>
					</div>
				</div>
-->
				<div style="float: left; width: 300px; margin-right: 20px;">
					<div class="HeaderLine">
					</div>
					<a href='/display/PublicZVR'> <img class="item-image" src="/download/attachments/113115499/Produkt_Zvr.jpg" />
					</a>
					<div class="item-content">
						<a class="userTypeLinkProdukte" href="/display/PublicZVR">Registre central des conventions (RCCo)</a>
					</div>
				</div>
				<div style="float: left; width: 300px; margin-right: 0px;">
					<div class="HeaderLine">
					</div>
					<a href='/display/PublicZSR'> <img class="item-image" src="/download/attachments/113115499/Produkt_Zsr.jpg" />
					</a>
					<div class="item-content">
						<a class="userTypeLinkProdukte" href="/display/PublicZSR">Registre des codes-créanciers (RCC)</a>
					</div>
				</div>
			</div>
		</div>.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 !important;  //TG 190614: increased importance to overwrite confluence settings
				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
			}

			.Header {
			    color: #160000;
    			font-family: 'sansationregular','Lato',Arial,Helvetica Neue,Helvetica,sans-serif;
    			font-size: 25px;
    			line-height: 30px;
    			margin-top: 20px;
				margin-bottom: 10px;
			}

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

			.item-link-box {
				float: left; 
				max-width: 992px;
				margin: 30px 0;
				clear: both;
			}

			.item-link-box .Header {
				margin-bottom: 15px;
			}

			.item-content-button {
				width: 300px;
				min-height: 100px;
				border: 0;
				margin-right: 20px;
				margin-bottom: 24px;
				padding: 10px;
				border-top: 4px solid #84bf41;
			}

			.wiki-content .item-content-button a {
				color: #fff;
			}



		</style> 
		
		<div class="Abstand"></div>
		<div>
			<div class="AbstandProdukte">
<!-- -->
				<div style="float: left; width: 300px; margin-right: 20px;">
					<div class="Header">VEKA</div>
					<div class="HeaderLine">
					</div>
					<a href='/display/PublicVEKA'> <img class="item-image" src="/download/attachments/113115499/Produkt_VEKA.jpg" />
					</a>
					<div class="item-content">
						<a class="userTypeLinkProdukte" href="/display/PublicVEKA">Versichertenkarte (VEKA)</a>
					</div>
				</div>
<!-- -->
				<div style="float: left; width: 300px; margin-right: 20px;">
					<div class="Header">ZSR</div>
					<div class="HeaderLine">
					</div>
					<a href='/display/PublicZSR'> <img class="item-image" src="/download/attachments/113115499/Produkt_Zsr.jpg" />
					</a>
					<div class="item-content">
						<a class="userTypeLinkProdukte" href="/display/PublicZSR">REGISTRE DES CODES-CRÉANCIERS (RCC)</a>
					</div>
				</div>
				<div style="float: left; width: 300px; margin-right: 20px;">
					<div class="Header">ZVR</div>
					<div class="HeaderLine">
					</div>
					<a href='/display/PublicZVR'> <img class="item-image" src="/download/attachments/113115499/Produkt_Zvr.jpg" />
					</a>
					<div class="item-content">
						<a class="userTypeLinkProdukte" href="/display/PublicZVR">REGISTRE CENTRAL DES CONVENTIONS (RCCO)</a>
					</div>
				</div>
			</div>
			<div class="item-link-box">				
				<div class="Header">Instructions</div>		
				<a href="/x/t4IFCg">
					<button type="button" class="item-content item-content-button">
						Notice explicative:<br>Enregistrement et utilisation du Login
					</button>
				</a>
  				<a href="/x/NoBcCw">
					<button type="button" class="item-content item-content-button">
				      Lancement de la procédure en ligne<br/>pour numéro RCC et C
					</button>
				</a>
 				<a href="/x/DgBmFg">
					<button type="button" class="item-content item-content-button">
						Enregistrement<br>Microsoft Teams
					</button>
				<a href="/x/BwQ6DQ">
					<button type="button" class="item-content item-content-button">       
						Processus d’attribution<br/>de rôle dans le système IAM<br/>pour utilisateurs avancés
					</button>
				</a> 
		    </div>	 			
		</div>   


Sv translation
languageit


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;
			}

			.general-item-content {
				background-color: #fff;
				border: 1px solid #182542;
			}

			.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;
Sv translation
languageit
HTML
		<style>
			.body-content {
				padding-left: 15px;
				padding-right: 15px
			}

			.small {
				font-size: 10px16px;
			}

			.imagebox {	text-transform: uppercase;
				maxfont-widthweight: 700px400;
			}

			.item-product {	text-align: center;
				margin-topcolor: 25px#fff
			}

			.productitem-contenttop {
				widthpadding: 300px;
				float: left
			}

			.display {15px 0 15px 0;
				displaymargin-top: none-4px;
			}

			.product-next {	background: #f2f2f2;
				width: 300pxfont-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				floatfont-size: left16px;
				margintext-lefttransform: 20pxuppercase;
			}

			.item-content {	font-weight: 400;
				paddingtext-align: 10px 0 10px 0center;
				margin-topcolor: -4px;#160000
				background-color: #182542;}

			.item-circle {
				transition-propertywidth: background-color50px;
				transition-durationheight: 1.5s50px;
				fontborder-familyradius: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif50%;
				font-size: .7rem!important; // TGU 191120: Kleinerer Font für italienische Anzeige18px;
				color: #160000;
				textmargin-transformbottom: uppercase25px;
				fontline-weightheight: 40050px;
				text-align: center;
				colorbackground: #fff;#f2f2f2
			}

			.item-imagecontent a, a .item-content {
				opacityfont-size: 1.8rem!important;
				-webkit-transitioncolor: .3s ease-in-out#fff;
				transitioncursor:pointer;
   .3s ease-in-out
			}

			.item-image:hover {padding: 13px 0 10px 0;
				opacityline-height: 1.25;
			}

			.item-content a:hover {
				padding: 10px 0 10px 0font-size: .8rem!important;
				margin-topcolor: -4px;#fff
			}

			background-color: #84bf41;.container {
				font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serifposition: relative;
				font-size: .7rem!important; // TGU 191120: Kleinerer Font für italienische Anzeige	width: 100%
				text-transform: uppercase;}

			.image {
				font-weightdisplay: 400block;
				text-alignwidth: center100%;
				colorheight: #fffauto
			}

			.item-contenttopimage {
				paddingdisplay: 15px 0 15px 0block;
				width: 100%;
				margin-top: -4px;height: auto
			}

			.userTypeLink {
				backgroundcolor: #f2f2f2#160000;
				font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				font-size: 16px;
				textfont-transformweight: uppercase400;
				fontline-weightheight: 40030px;
				text-align: center;
				colormargin-right: 1%;
				margin-left: #1600001%
			}

			.item-circleuserTypeLink:hover {
				widthcolor: 50px;
				height: 50px;#84bf41;
				visibility: inherit
			}

			.userTypeLinkProdukte {
				color: #fff !important;  //TG 190614: increased importance to overwrite confluence settings
				borderfont-radiusfamily: 50% 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				font-size: 18px16px;
				colorfont-weight: #160000400;
				marginline-bottomheight: 25px16px;
				linetext-heightalign: 50pxcenter;
				textmargin-alignright: center1%;
				backgroundmargin-left: #f2f2f21%
			}

			.item-content a userTypeLinkProdukte:hover {
				font-size: .7rem!important; // TGU 191120: Kleinerer Font für italienische Anzeige		color: #84bf41;
				colorvisibility: #fffinherit
			}

			.item-content a:hover {
	Header {
			    color: #160000;
    			font-family: 'sansationregular','Lato',Arial,Helvetica Neue,Helvetica,sans-serif;
    			font-size: .7rem!important25px;
 // TGU 191120: Kleinerer Font für italienische Anzeige   			line-height: 30px;
    			margin-top: 20px;
				colormargin-bottom: #fff10px;
			}

			.containerHeaderBlock {
				positionmargin-top: relative25px;
				widthheight: 100%250px
			}

			.imageHeaderLine {
				height: 4px;
				left: 3px;
				displaybackground-color: block#84bf41;
				width: 100%;
				heightfloat: autoleft
			}

			.imageHeaderLine50 {
				display: blockheight: 2px;
				left: 3px;
				background-color: #84bf41;
				width: 100%;
				heightfloat: autoleft
			}

			.userTypeLinkHeaderLineItem {
				colorheight: #1600004px;
				font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serifleft: 3px;
				fontbackground-sizecolor: 16px#84bf41;
				font-weightwidth: 400100%;
				line-heightfloat: 30pxleft;
				text-align: center;
				margin-rightbottom: 1%;
				margin-left: 1%5px
			}

			.userTypeLink:hoveritem-link-box {
				colorfloat: #84bf41left; 
				visibilitymax-width: inherit992px;
			}

			.userTypeLinkProdukte {	margin: 30px 0;
				colorclear: #fff !important;  //TG 190614: increased importance to overwrite confluence settingsboth;
				font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;}

			.item-link-box .Header {
				fontmargin-sizebottom: 16px15px;
			}

			font-weight: 400.item-content-button {
				width: 300px;
				linemin-height: 16px100px;
				text-alignborder: center0;
				margin-right: 1%20px;
				margin-leftbottom: 1%24px;
			}

			.userTypeLinkProduktepadding:hover {10px;
				colorborder-top: 4px solid #84bf41;
				visibility: inherit
			}

			.HeaderBlock.wiki-content .item-content-button a {
				margin-topcolor: 25px#fff;
			}



		height:</style> 250px
		
		}
<div class="Abstand"></div>
		<div>
			.HeaderLine {<div class="AbstandProdukte">
<!-- -->
				height<div style="float: left; width: 300px; margin-right: 4px20px;">
				left: 3px;
	<div class="Header">Teda</div>
					background-color: #84bf41;<div class="HeaderLine">
				width: 100%;	</div>
				float: left	<a href='/display/PublicVEKA'> <img class="item-image" src="/download/attachments/113115499/Produkt_VEKA.jpg" />
			}

			.HeaderLine50 {
</a>
					height: 2px;
<div class="item-content">
						left: 3px;<a class="userTypeLinkProdukte" href="/display/PublicVEKA">Tessera d'assicurato <br />(Teda)</a>
				background-color: #84bf41;	</div>
				width: 100%;</div>
<!-- -->
				<div style="float: left
			}

			.HeaderLineItem {
				height: 4px;
				left: 3px;; width: 300px; margin-right: 20px;">
				background-color: #84bf41;	<div class="Header">RCC</div>
				width: 100%;
	<div class="HeaderLine">
					float: left;
</div>
					margin-bottom: 5px<a href='/display/PublicZSR'> <img class="item-image" src="/download/attachments/113115499/Produkt_Zsr.jpg" />
			}

		</style> a>
		
			<div class="Abstand"></div>item-content">
		<div>
				<div<a class="userTypeLinkProdukte" href="AbstandProdukte">
<!--/display/PublicZSR">Registro dei codici creditori <br />(RCC)</a>
					</div>
				</div>
				<div style="float: left; width: 300px; margin-right: 20px;">0px;">
					<div class="Header">RCCo</div>
					<div class="HeaderLine">
					</div>
					<a href='/display/PublicVEKAPublicZVR'> <img class="item-image" src="/download/attachments/113115499/Produkt_VEKAZvr.jpg" />
					</a>
					<div class="item-content">
						<a class="userTypeLinkProdukte" href="/display/PublicVEKAPublicZVR">Tessera d'assicurato>Registro centrale delle<br>convenzioni (TedaRCCo)</a>
					</div>
				</div>
			</div>
		</div> 			
		<div class="item-link-box">				
				<div styleclass="float: left; width: 300px; margin-right: 20px;"Header">Istruzioni</div>		
				<a href="/x/t4IFCg">
					<div<button type="button" class="HeaderLineitem-content item-content-button">
					</div>	Istruzioni per la registrazione<br>e l'utilizzazione del Login SASIS
					<a href='/display/PublicZVR'> <img class="item-image" src="/download/attachments/113115499/Produkt_Zvr.jpg" /></button>
					</a>
					<div<a classhref="item-content/x/NoBcCw">
						<a<button classtype="userTypeLinkProduktebutton" hrefclass="/display/PublicZVR">Registro centrale delle convenzioni (RCCo)</a>
item-content item-content-button">
      					</div>
				</div>
				<div style="float: left; width: 300px; margin-right: 0px;">Inizializzazione della procedura <br>online per il numero RCC e C
					<div class="HeaderLine">
	</button>
				</div>a>
   					<a href='"/displayx/PublicZSR'> <imgDgBmFg">
					<button type="button" class="item-content item-content-imagebutton" src="/download/attachments/113115499/Produkt_Zsr.jpg" />>
      					Istruzioni per la registrazione<br>Microsoft Teams
					</a>button>
			 		<div<a classhref="item-content/x/BwQ6DQ">
						<a<button classtype="userTypeLinkProduktebutton" hrefclass="/display/PublicZSR">Registro dei codici creditori (RCC)</a>item-content item-content-button">
           IAM procedura di assegnazione dei ruoli per power user e applicazione<br>
					</div>button>
				</div>a> 
			    </div>	 			
		</div>