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-link-box {
				float: left; 
				max-width: 992px;
				margin: 30px10px 0;
				clear: both;
			}

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

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

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

		

		</style> 
		
		<div class="Abstand"></div>
		<div>
			<div class="AbstandProdukte">
<!-- test -->
				<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>
<!-- test -->
				<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">Zahlstellenregister'>
							Zahlstellenregister (ZSR)
						</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">Zentrales>			
							Zentrales Vertragsregister (ZVR)
						</a>
					</div>
				</div>
			</div>
			<div class="item-link-box">				
				<div class="Header">Anleitungen<>Hilfe & Anleitungen</div>		
				<a href="/x/t4IFCg">
					<button type="button" class="item-content item-content-button">
					<a href="/display/PublicSASIS/IAM+2nd-Factor+Registrierung+und+Anwendung">IAM 2nd-Factor Registrierung und Anwendung</a>
				</button>		
	SASIS Login <br />Registrierung und Anwendung
					</button>
				</div>a>
			
		</div>
Sv translation
languagefr
HTML
		<style>
						.body-content {	<a href="/x/NoBcCw">
					<button type="button" class="item-content item-content-button">
				padding-left: 15px;
				padding-right: 15px
			}

			.small {Initialisierung Online-Verfahren <br />für ZSR- und K-Nummer
					</button>
				font-size: 11px
			}

</a>
   				.imagebox {
<a href="/x/DgBmFg">
					max-width: 700px<button type="button" class="item-content item-content-button">
			}

			.item-product {Registrierung<br>Microsoft Teams
				margin-top: 25px
			}

	</button>
				.product</a> {
				width: 300px;<a href="/x/BwQ6DQ">
				float: left	<button type="button" class="item-content item-content-button">
			}

			.display {IAM Rollenvergabeprozess<br />Für Power-User und Anwendung
				display: none
	</button>
				}

</a>       
			</div>	 			
		</div>


Sv translation
languagefr


HTML
		<style>
			.body-content {.product-next {
				width: 300px;
				floatpadding-left: left15px;
				marginpadding-leftright: 20px15px
			}

			.item-contentsmall {
				paddingfont-size: 10px 0 10px 0;
	11px
			}

			margin-top: -4px;.imagebox {
				backgroundmax-colorwidth: #182542;700px
				transition-property: background-color;}

			.item-product {
				transitionmargin-durationtop: 1.5s;
	25px
			}

			font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;.product {
				font-sizewidth: 16px300px;
				text-transformfloat: uppercase;left
				font-weight: 400;}

				text-align: center;.display {
				colordisplay: #fff;none
			}

			.generalproduct-item-contentnext {
				background-colorwidth: #fff300px;
				borderfloat: 1px solid #182542;left;
				margin-left: 20px
			}

			.item-imagecontent {
				opacity: 1padding: 10px 0 10px 0;
				margin-webkit-transition: .3s ease-in-outtop: -4px;
				transitionbackground-color: .3s ease-in-out
			}

#182542;
				.itemtransition-imageproperty:hover {background-color;
				opacitytransition-duration: 1.25s;
			}

			.item-content:hover {
				padding: 10px 0 10px 0;
				margin-top: -4px;
				background-color: #84bf41;
				font-	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-contenttopcontent {
				paddingbackground-color: 15px 0 15px 0#fff;
				margin-top: -4pxborder: 1px solid #182542;
				background: #f2f2f2;}

				font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;.item-image {
				font-sizeopacity: 16px1;
				text-webkit-transformtransition: uppercase .3s ease-in-out;
				font-weight: 400;
	transition: .3s ease-in-out
			}

			text.item-alignimage:hover center;{
				coloropacity: #160000.2
			}

			.item-circlecontent:hover {
				widthpadding: 50px10px 0 10px 0;
				heightmargin-top: 50px-4px;
				borderbackground-radiuscolor: 50%#84bf41;
				font-size: 18pxfamily: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				colorfont-size: #16000016px;
				margintext-bottomtransform: 25pxuppercase;
				linefont-heightweight: 50px400;
				text-align: center;
				backgroundcolor: #f2f2f2#fff
			}

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

background: #f2f2f2;
				.item-content a:hover {font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				font-size: .8rem!important16px;
				colortext-transform: #fffuppercase;
			}

			.container {	font-weight: 400;
				positiontext-align: relativecenter;
				widthcolor: 100%#160000
			}

			.imageitem-circle {
				displaywidth: block50px;
				widthheight: 100%50px;
				heightborder-radius: auto50%;
			}

			.image {	font-size: 18px;
				displaycolor: block#160000;
				widthmargin-bottom: 100%25px;
				line-height: auto50px;
			}

			.userTypeLink {	text-align: center;
				colorbackground: #160000;#f2f2f2
			}

			font.item-family: 'Lato'content a, Arial, Helvetica Neue, Helvetica, sans-serif;a .item-content {
				font-size: 16px.8rem!important;
				font-weightcolor: 400#fff;
				line-height: 30pxcursor:pointer;
    				text-align: center;padding: 13px 0 10px 0;
				line-height:1.5;
			}

			.item-content a:hover {
				marginfont-rightsize: 1%.8rem!important;
				margin-leftcolor: 1%#fff
			}

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

			.userTypeLinkProdukteimage {
				colordisplay: #fff !important;  //TG 190614: increased importance to overwrite confluence settingsblock;
				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: 16px30px;
				text-align: center;
				margin-right: 1%;
				margin-left: 1%
			}

			.userTypeLinkProdukteuserTypeLink:hover {
				color: #84bf41;
				visibility: inherit
			}

			.HeaderuserTypeLinkProdukte {
				color: #fff !important;  //TG color190614: increased #160000;
importance to overwrite confluence settings
				font-family: 'sansationregular','Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    				font-size: 25px16px;
    				font-weight: 400;
				line-height: 30px16px;
    				text-align: center;
				margin-topright: 20px1%;
				margin-bottomleft: 10px;1%
			}

			.HeaderBlockuserTypeLinkProdukte:hover {
				margin-topcolor: 25px#84bf41;
				heightvisibility: 250pxinherit
			}

			.HeaderLineHeader {
				height: 4px;
				left: 3px;
				background-color: #84bf41;
				width: 100%    color: #160000;
    			font-family: 'sansationregular','Lato',Arial,Helvetica Neue,Helvetica,sans-serif;
    			font-size: 25px;
    			line-height: 30px;
    			margin-top: 20px;
				floatmargin-bottom: left10px;
			}

			.HeaderLine50HeaderBlock {
				heightmargin-top: 2px25px;
				leftheight: 3px;250px
			}

			.HeaderLine {
				height: 4px;
				left: 3px;
				background-color: #84bf41;
				width: 100%;
				float: left
			}

			.HeaderLineItemHeaderLine50 {
				height: 4px2px;
				left: 3px;
				background-color: #84bf41;
				width: 100%;
				float: left;
			}

			margin-bottom: 5px.HeaderLineItem {
			}

	height: 4px;
				.item-link-box {left: 3px;
				floatbackground-color: left#84bf41; 
				max-width: 992px100%;
				marginfloat: 30px 0left;
				clearmargin-bottom: both;5px
			}

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

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

			.item-content-button {
				max-width: 300px;
				min-height: 100px;
				border: 0;
				margin-right: 20px;
				margin-bottom: 15px24px;
				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">Anleitungen<>Instructions</div>		
				<button<a typehref="button" class=/x/t4IFCg">
					<button type="button" class="item-content item-content-button">
						<a href="/display/PublicSASIS/IAM+2nd-Factor+Registrierung+und+Anwendung">NoticeNotice explicative:<br>Enregistrement enregistrementet IAMutilisation à deux facteurs et utilisation</a>
du Login
					</button>
		
			</div>a>
  			
		</div>
Sv translation
languageit
	<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
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-contentdisplay {
				background-colordisplay: #fff;none
				border: 1px solid #182542;
			}

			.itemproduct-imagenext {
				opacitywidth: 1300px;
				-webkit-transitionfloat: .3s ease-in-outleft;
				transitionmargin-left: .3s ease-in-out20px
			}

			.item-image:hovercontent {
				opacity: .2padding: 10px 0 10px 0;
			}

			.itemmargin-contenttop:hover {-4px;
				paddingbackground-color: 10px 0 10px 0#182542;
				margintransition-topproperty: background-4pxcolor;
				backgroundtransition-colorduration: #84bf411.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-contenttopcontent {
				paddingbackground-color: 15px 0 15px 0;
				margin-top: -4px;#fff;
				border: 1px solid #182542;
			}

			.item-image {
				backgroundopacity: #f2f2f21;
				font-webkit-familytransition: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif.3s ease-in-out;
				font-size: 16px;
	transition: .3s ease-in-out
			}

			text.item-transformimage:hover uppercase;{
				font-weight: 400;
				text-align: center;
				color: #160000opacity: .2
			}

			.item-circlecontent:hover {
				width: 50pxpadding: 10px 0 10px 0;
				heightmargin-top: 50px-4px;
				borderbackground-radiuscolor: 50%#84bf41;
				font-size: 18pxfamily: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				colorfont-size: #16000016px;
				margintext-bottomtransform: 25pxuppercase;
				linefont-heightweight: 50px400;
				text-align: center;
				backgroundcolor: #f2f2f2#fff
			}

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

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

			.container {text-transform: uppercase;
				positionfont-weight: relative400;
				widthtext-align: center;
				color: 100%#160000
			}

			.imageitem-circle {
				displaywidth: block50px;
				widthheight: 100%50px;
				heightborder-radius: auto50%;
				}

font-size: 18px;
				color: #160000;
				.image {margin-bottom: 25px;
				displayline-height: block50px;
				widthtext-align: 100%center;
				heightbackground: auto#f2f2f2
			}

			.userTypeLinkitem-content a, a .item-content {
				colorfont-size: #160000.8rem!important;
				font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serifcolor: #fff;
				font-size: 16pxcursor:pointer;
    				font-weightpadding: 40013px 0 10px 0;
				line-height: 30px1.5;
			}

			text-align: center;.item-content a:hover {
				marginfont-rightsize: 1%.8rem!important;
				margin-leftcolor: 1%#fff
			}

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

			.userTypeLinkProdukteimage {
				colordisplay: #fff !important;  //TG 190614: increased importance to overwrite confluence settingsblock;
				font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serifwidth: 100%;
				font-sizeheight: 16px;auto
			}

		font-weight: 400;	.image {
				line-heightdisplay: 16pxblock;
				text-alignwidth: center100%;
				margin-rightheight: 1%;
				margin-left: 1%auto
			}

			.userTypeLinkProdukte:hoveruserTypeLink {
				color: #84bf41;
				visibility: inherit
			}

			.Header {
			    color: #160000;
    			#160000;
				font-family: 'sansationregular','Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    				font-size: 25px16px;
    				font-weight: 400;
				line-height: 30px;
    				text-align: center;
				margin-topright: 20px1%;
				margin-bottomleft: 10px;1%
			}

			.HeaderBlockuserTypeLink:hover {
				margin-topcolor: 25px#84bf41;
				heightvisibility: 250pxinherit
			}

			.HeaderLineuserTypeLinkProdukte {
				heightcolor: #fff 4px;!important;  //TG 190614: increased importance to overwrite confluence settings
				left: 3pxfont-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				backgroundfont-colorsize: #84bf4116px;
				widthfont-weight: 100%400;
				floatline-height: left16px;
			}

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

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

			.HeaderLineItemHeader {
				height: 4px;
				left: 3px;
				background-    color: #84bf41#160000;
    				width: 100%;
				float: leftfont-family: 'sansationregular','Lato',Arial,Helvetica Neue,Helvetica,sans-serif;
    			font-size: 25px;
    			line-height: 30px;
    			margin-top: 20px;
				margin-bottom: 5px10px;
			}

			.item-link-boxHeaderBlock {
				floatmargin-top: left25px; 
				max-widthheight: 992px;250px
				margin: 30px 0;}

				clear.HeaderLine {
				height: both4px;
				}

left: 3px;
				.item-link-box .Header {background-color: #84bf41;
				width: 100%;
				margin-bottomfloat: 15px;left
			}

			.item-content-buttonHeaderLine50 {
				max-widthheight: 300px2px;
				min-heightleft: 100px3px;
				borderbackground-color: 0#84bf41;
				margin-rightwidth: 20px100%;
				margin-bottomfloat: 15px;left
				padding: 10px;}

				border-top.HeaderLineItem {
				height: 4px solid;
				left: 3px;
				background-color: #84bf41;
			}
	width: 100%;
				float: left;
			.wiki-content 	margin-bottom: 5px
			}

			.item-contentlink-button abox {
				colorfloat: #fffleft; 
			}

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