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

			.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-contentlink-buttonbox {
				widthfloat: 100%left; 
			}	max-width: 992px;
		

		</style> margin: 10px 0;
		
		<div class="Abstand"></div>clear: both;
		<div>	}

			<div class="AbstandProdukte">
<!--.item-link-box .Header {
				<div style="float: left; width: 300px; margin-rightbottom: 20px15px;">
			}

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

				</div>
-->.wiki-content .item-content-button a {
				<div style="floatcolor: left; width: 300px; margin-right: 20px;">#fff;
			}

		

		</style> 
		
		<div class="Abstand"></div>
		<div>
			<div class="AbstandProdukte">
<!-- test -->
				<div style="float: left; width: 300px; margin-right: 20px;">
					<div class="Header">ZSR<>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>
<!-- test -->
				<div style="float: left; width: 300px; margin-right: 0px20px;">
					<div class="Header">ZVR<>ZSR</div>
					<div class="HeaderLine">
					</div>
					<a href='/display/PublicZVRPublicZSR'> <img class="item-image" src="/download/attachments/113115499/Produkt_ZvrZsr.jpg" />
					</a>
					<div class="item-content">
						<a class="userTypeLinkProdukte" href="'/display/PublicZVR">Zentrales Vertragsregister (ZVR)PublicZSR'>
							Zahlstellenregister (ZSR)
						</a>
					</div>
				</div>
				<div style="float: rightleft; width: 600px300px; margin-leftright: 0px20px;">
					<div class="Header">Anleitungen<>ZVR</div>
					<div class="HeaderLine">
					</div>					
					<button<a type="button"href='/display/PublicZVR'> <img class="item-content item-content-buttonimage" src="/download/attachments/113115499/Produkt_Zvr.jpg" />
					</a>
					<div class="item-content">
						<a class="userTypeLinkProdukte" href="/display/PublicSASIS/IAM+2nd-Factor+Registrierung+und+Anwendung">IAM 2nd-Factor Registrierung und Anwendung</a>PublicZVR">			
							Zentrales Vertragsregister (ZVR)
						</button>a>
					</div>
				</div>
			</div>
Sv translation
languagefr
HTML
		<style>
			.body-content {
	<div class="item-link-box">				padding-left: 15px;
				padding-right: 15px
			}

			.small {
				font-size: 11px<div class="Header">Hilfe & Anleitungen</div>		
				<a href="/x/t4IFCg">
			}

			.imagebox {
				max-width: 700px<button type="button" class="item-content item-content-button">
			}

			.item-product {
				margin-top: 25pxSASIS Login <br />Registrierung und Anwendung
			}

			.product {</button>
				width: 300px;</a>
				float: left<a href="/x/NoBcCw">
			}

			.display {
				display: none<button type="button" class="item-content item-content-button">
			}

			.product-next {Initialisierung Online-Verfahren <br />für ZSR- und K-Nummer
				width: 300px;	</button>
				float: left;
</a>
   				margin-left: 20px<a href="/x/DgBmFg">
			}

			.		<button type="button" class="item-content {item-content-button">
				padding: 10px 0 10px 0;
				margin-top: -4px;
		Registrierung<br>Microsoft Teams
					background-color: #182542;</button>
				transition-property: background-color;</a> 
				transition-duration: 1.5s;<a href="/x/BwQ6DQ">
					<button type="button" class="item-content item-content-button">
						IAM Rollenvergabeprozess<br />Für Power-User und Anwendung
					</button>
				</a>       
			</div>	 			
		</div>


Sv translation
languagefr


HTML
		<style>
			.body-contentfont-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				font-size: 16px;
				text-transform: uppercase;
				font-weight: 400;
				text-align: center;
				color: #fff;
			}

			.item-image {
				opacitypadding-left: 115px;
				padding-webkit-transitionright: .3s ease-in-out;15px
			}

			.small {
				transitionfont-size: .3s ease-in-out11px
			}

			.item-image:hoverimagebox {
				opacitymax-width: .2700px
			}

			.item-content:hoverproduct {
				paddingmargin-top: 10px 0 10px 0;25px
				margin-top: -4px;}

			.product {
				background-colorwidth: #84bf41300px;
				font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;float: left
				font-size: 16px;}

			.display {
				text-transformdisplay: uppercase;none
			}

			font.product-weight:next 400;{
				text-alignwidth: 300px;
				float: centerleft;
				colormargin-left: #fff20px
			}

			.item-contenttopcontent {
				padding: 15px10px 0 15px10px 0;
				margin-top: -4px;
				background: #f2f2f2-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: #160000#fff;
			}

			.general-item-circlecontent {
				widthbackground-color: 50px#fff;
				heightborder: 1px solid 50px#182542;
				border-radius: 50%;}

				font-size: 18px;.item-image {
				coloropacity: #1600001;
				margin-webkit-bottomtransition: 25px.3s ease-in-out;
				line-height: 50px;transition: .3s ease-in-out
				text-align: center;}

			.item-image:hover {
				backgroundopacity: #f2f2f2.2
			}

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

			.item-content a:hover {	background-color: #84bf41;
				font-size: .8rem!importantfamily: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				colorfont-size: #fff16px;
			}

	text-transform: uppercase;
				.container {font-weight: 400;
				positiontext-align: relativecenter;
				widthcolor: 100%#fff
			}

			.imageitem-contenttop {
				displaypadding: block15px 0 15px 0;
				widthmargin-top: 100%-4px;
				height: auto
			}

			.image {
				display: block;
				width: 100%;
				height: auto
			}

			.userTypeLink {
				color: #160000background: #f2f2f2;
				font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				font-size: 16px;
				fonttext-weighttransform: 400uppercase;
				linefont-heightweight: 30px400;
				text-align: center;
				margin-rightcolor: 1%;#160000
				margin-left: 1%}

			.item-circle {
			}

	width: 50px;
				.userTypeLinkheight:hover {50px;
				colorborder-radius: #84bf4150%;
				visibilityfont-size: inherit18px;
			}

	color: #160000;
				.userTypeLinkProdukte {margin-bottom: 25px;
				colorline-height: #fff !important;  //TG 190614: increased importance to overwrite confluence settings50px;
				fonttext-familyalign: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;center;
				background: #f2f2f2
			}

			.item-content a, a .item-content {
				font-size: 16px.8rem!important;
				font-weightcolor: 400#fff;
				line-height: 16pxcursor:pointer;
    				text-align: centerpadding: 13px 0 10px 0;
				marginline-right: 1%height:1.5;
				margin-left: 1%}

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

			.userTypeLinkProdukte:hovercontainer {
				colorposition: #84bf41relative;
				visibilitywidth: inherit100%
			}

			.Headerimage {
			    color	display: #160000block;
    				font-family: 'sansationregular','Lato',Arial,Helvetica Neue,Helvetica,sans-serif;
    			font-size: 25px;
    			line-height: 30px;
    			margin-top: 20px;width: 100%;
				height: auto
			}

			.image {
				margin-bottomdisplay: 10pxblock;
			}

			.HeaderBlock {
				margin-top: 25px	width: 100%;
				height: 250pxauto
			}

			.HeaderLineuserTypeLink {
				heightcolor: 4px#160000;
				left: 3pxfont-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				backgroundfont-colorsize: #84bf4116px;
				widthfont-weight: 100%400;
				floatline-height: left30px;
			}

			.HeaderLine50 {	text-align: center;
				heightmargin-right: 2px1%;
				margin-left: 3px;1%
			}

			background-color.userTypeLink:hover #84bf41;{
				widthcolor: 100%#84bf41;
				floatvisibility: leftinherit
			}

			.HeaderLineItemuserTypeLinkProdukte {
				heightcolor: #fff 4px;
				left: 3px;!important;  //TG 190614: increased importance to overwrite confluence settings
				backgroundfont-color: #84bf41family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				widthfont-size: 100%16px;
				floatfont-weight: left400;
				marginline-bottomheight: 5px16px;
				}

		</style> text-align: center;
				margin-right: 1%;
		
		<div class="Abstand"></div>margin-left: 1%
		<div>	}

			<div class="AbstandProdukte">
<!--
.userTypeLinkProdukte:hover {
				<div style="floatcolor: left; width: 300px; margin-right: 20px;">#84bf41;
					<div class="Header">Cada</div>visibility: inherit
			}

		<div class="HeaderLine">	.Header {
					</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">Carte d'assuré (Cada)</a>
					</div>
				</div>
-->
				<div style="float: left; width: 300px; margin-right: 20px;">
					<div class="Header">RCC</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: 0px;">
					<div class="Header">RCCo</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>    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;
				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
Sv translation
languageit
HTML
		<style>
			.body-content {
				padding-left: 15px;
				padding-right: 15px
			}

			.small {
				font-size: 10px
			}

			.imagebox {
				max-width: 700px
			}

			.item-product {
				margin-top: 25px
			}

			.productitem-circle {
				width: 300px50px;
				floatheight: left50px;
			}

	border-radius: 50%;
				.display {font-size: 18px;
				displaycolor: none#160000;
			}

			.productmargin-nextbottom: {25px;
				widthline-height: 300px50px;
				float	text-align: leftcenter;
				margin-leftbackground: 20px#f2f2f2
			}

			.item-content a, a .item-content {
				padding: 10px 0 10px 0font-size: .8rem!important;
				margin-topcolor: -4px#fff;
				background-color: #182542cursor:pointer;
    				transition-property: background-colorpadding: 13px 0 10px 0;
				transitionline-durationheight: 1.5s5;
				font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;	}

			.item-content a:hover {
				font-size: .7rem8rem!important; // TGU 191120: Kleinerer Font für italienische Anzeige
				text-transformcolor: uppercase;#fff
			}

			font-weight: 400;.container {
				text-alignposition: centerrelative;
				colorwidth: #fff;100%
			}

			.item-image {
				opacitydisplay: 1block;
				-webkit-transitionwidth: .3s ease-in-out100%;
				transitionheight: .3s ease-in-outauto
			}

			.item-image:hover {
				opacitydisplay: .2block;
			}

			.item-contentwidth:hover {100%;
				paddingheight: 10px 0 10px 0;
	auto
			}

			margin-top: -4px;.userTypeLink {
				background-color: #84bf41#160000;
				font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				font-size: .7rem!important; // TGU 191120: Kleinerer Font für italienische Anzeige16px;
				font-weight: 400;
				textline-transformheight: uppercase30px;
				fonttext-weightalign: 400center;
				textmargin-alignright: center1%;
				colormargin-left: #fff1%
			}

			.item-contenttopuserTypeLink:hover {
				paddingcolor: 15px 0 15px 0#84bf41;
				margin-top: -4px;visibility: inherit
			}

			.userTypeLinkProdukte {
				background: #f2f2f2;color: #fff !important;  //TG 190614: increased importance to overwrite confluence settings
				font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				font-size: 16px;
				textfont-transformweight: uppercase400;
				fontline-weightheight: 40016px;
				text-align: center;
				color: #160000
			}

			.item-circle {
				width: 50pxmargin-right: 1%;
				height: 50px;
				border-radius: 50%;margin-left: 1%
				font-size: 18px;
				color: #160000;
				margin-bottom: 25px;}

				line-height: 50px;.userTypeLinkProdukte:hover {
				text-aligncolor: center#84bf41;
				backgroundvisibility: #f2f2f2inherit
			}

			.item-content aHeader {
				font-size: .7rem!important; // TGU 191120color: Kleinerer#160000;
 Font für italienische Anzeige
				color: #fff
			}

			.item-content a:hover {
	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 {
				displayheight: block4px;
				widthleft: 100%;
				height: auto
			}

			.image {3px;
				displaybackground-color: block#84bf41;
				width: 100%;
				heightfloat: autoleft
			}

			.userTypeLinkHeaderLine50 {
				colorheight: #1600002px;
				font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serifleft: 3px;
				fontbackground-sizecolor: 16px#84bf41;
				font-weightwidth: 400100%;
				line-height: 30px;
				text-align: center;
				margin-right: 1%;
				margin-left: 1%float: left
			}

			.userTypeLink:hoverHeaderLineItem {
				colorheight: #84bf414px;
				visibilityleft: inherit3px;
				}

background-color: #84bf41;
				.userTypeLinkProdukte {width: 100%;
				colorfloat: #fff !important;  //TG 190614: increased importance to overwrite confluence settings
				font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;left;
				margin-bottom: 5px
			}

			.item-link-box {
				font-sizefloat: 16pxleft; 
				fontmax-weightwidth: 400992px;
				line-heightmargin: 30px 16px0;
				text-alignclear: centerboth;
				margin-right: 1%;}

			.item-link-box .Header {
				margin-leftbottom: 1%15px;
			}

			.userTypeLinkProdukte:hover {item-content-button {
				width: 300px;
				min-height: 100px;
				colorborder: #84bf410;
				visibilitymargin-right: inherit20px;
			}

			.Header {
	margin-bottom: 24px;
				    colorpadding: #16000010px;
    				fontborder-familytop: 'sansationregular','Lato',Arial,Helvetica Neue,Helvetica,sans-serif;
    			font-size: 25px;
    			line-height: 30px;
    			margin-top: 20px;4px solid #84bf41;
			}

			.wiki-content .item-content-button a {
				margin-bottomcolor: 10px#fff;
			}



		</style> 
		
		.HeaderBlock {
				margin-top: 25px;<div class="Abstand"></div>
		<div>
			<div class="AbstandProdukte">
<!-- -->
				height: 250px<div style="float: left; width: 300px; margin-right: 20px;">
			}

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

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

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

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

			    </div>	 			
		</div>