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 {				
				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">Hilfe & Anleitungen</div>		
				<a href="/x/t4IFCg">
					<button type="button" class="item-content item-content-button">
						<a href="/x/t4IFCg">SASIS Login</br>Registrierung und Anwendung</a>SASIS Login <br />Registrierung und Anwendung
					</button>
				</button>a>
				<button<a typehref="button" /x/NoBcCw">
					<button type="button" class="item-content item-content-button">
						<a href="/x/NoBcCw">CPR Login</br>Placeholder für Anleitung</a>
Initialisierung Online-Verfahren <br />für ZSR- und K-Nummer
					</button>
				</div>	a>
   			
		</div>
Sv translation
languagefr
HTML
		<style>	<a href="/x/DgBmFg">
						.body-content {
				padding-left: 15px;
<button type="button" class="item-content item-content-button">
					padding-right: 15px	Registrierung<br>Microsoft Teams
			}

			.small {</button>
				font-size: 11px</a> 
			}

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

			.item-product {IAM Rollenvergabeprozess<br />Für Power-User und Anwendung
					</button>
				margin-top: 25px
</a>       
			</div>	 			
		</div>


Sv translation
languagefr


HTML
		<style>}

			.productbody-content {
				widthpadding-left: 300px15px;
				floatpadding-right: left15px
			}

			.displaysmall {
				displayfont-size: none11px
			}

			.product-nextimagebox {
				max-width: 300px;700px
			}

			float: left;.item-product {
				margin-lefttop: 20px25px
			}

			.item-contentproduct {
				paddingwidth: 10px 0 10px 0300px;
				margin-top: -4px;float: left
			}

			.display {
				background-colordisplay: #182542;none
			}

			transition.product-property: background-color;next {
				transition-durationwidth: 1.5s300px;
				font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-seriffloat: left;
				fontmargin-sizeleft: 16px;20px
			}

			text.item-transform:content uppercase;{
				font-weightpadding: 400 10px 0 10px 0;
				textmargin-aligntop: center-4px;
				background-color: #fff#182542;
			}

			.general-item-content {transition-property: background-color;
				backgroundtransition-colorduration: #fff1.5s;
				borderfont-family: 1px solid #182542;
			}

			.item-image {
				opacity: 1'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				font-size: 16px;
				text-webkit-transitiontransform: .3s ease-in-outuppercase;
				transitionfont-weight: .3s ease-in-out
			}

400;
				.itemtext-imagealign:hover {center;
				opacitycolor: .2#fff;
			}

			.general-item-content:hover {
				paddingbackground-color: 10px 0 10px 0;
				margin-top: -4px;#fff;
				border: 1px solid #182542;
			}

			.item-image {
				background-coloropacity: #84bf411;
				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: #fffopacity: .2
			}

			.item-contenttopcontent:hover {
				padding: 15px10px 0 15px10px 0;
				margin-top: -4px;
				background-color: #f2f2f2#84bf41;
				font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				font-size: 16px;
				text-transform: uppercase;
				font-weight: 400;
				text-align: center;
				color: #160000#fff
			}

			.item-circlecontenttop {
				widthpadding: 50px15px 0 15px 0;
				heightmargin-top: 50px-4px;
				border-radiusbackground: 50%#f2f2f2;
				font-sizefamily: 18px'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				colorfont-size: #16000016px;
				margintext-bottomtransform: 25pxuppercase;
				linefont-heightweight: 50px400;
				text-align: center;
				backgroundcolor: #f2f2f2#160000
			}

			.item-content acircle {
				font-sizewidth: .8rem!important50px;
				colorheight: #fff50px;
			}

			.item-content a:hover {border-radius: 50%;
				font-size: .8rem!important18px;
				color: #fff#160000;
			}

	margin-bottom: 25px;
				.container {line-height: 50px;
				positiontext-align: relativecenter;
				widthbackground: 100%#f2f2f2
			}

			.image {item-content a, a .item-content {
				displayfont-size: block.8rem!important;
				widthcolor: 100%#fff;
				height: auto
cursor:pointer;
    			}

padding: 13px 0 10px 0;
				.image {
	line-height:1.5;
			}

			display: block;.item-content a:hover {
				widthfont-size: 100%.8rem!important;
				heightcolor: auto#fff
			}

			.userTypeLinkcontainer {
				colorposition: #160000relative;
				font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;width: 100%
				font-size: 16px;}

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

			}

.image {
				.userTypeLinkdisplay:hover {block;
				colorwidth: #84bf41100%;
				visibilityheight: inheritauto
			}

			.userTypeLinkProdukteuserTypeLink {
				color: #fff !important;  //TG 190614: increased importance to overwrite confluence settings#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: #160000;
increased importance to overwrite confluence settings
				font-family: 'sansationregular','Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    				font-size: 25px16px;
    				linefont-heightweight: 30px400;
    				marginline-topheight: 20px16px;
				margintext-bottomalign: 10px;
			}

			.HeaderBlock {center;
				margin-topright: 25px1%;
				heightmargin-left: 250px1%
			}

			.HeaderLineuserTypeLinkProdukte:hover {
				height: 4px;
				left: 3px;
				background-color: #84bf41;
				widthvisibility: 100%;
				float: leftinherit
			}

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

			.HeaderLineItemHeaderBlock {
				heightmargin-top: 4px25px;
				leftheight: 3px;250px
			}

			background-color: #84bf41;.HeaderLine {
				widthheight: 100%4px;
				floatleft: left3px;
				margin-bottom: 5pxbackground-color: #84bf41;
				width: 100%;
				float: left
			}

			.item-link-boxHeaderLine50 {
				floatheight: 2px;
				left: 3px; 
				maxbackground-widthcolor: 992px#84bf41;
				marginwidth: 30px 0100%;
				clearfloat: both;left
			}

			.item-link-box .HeaderHeaderLineItem {
				margin-bottomheight: 15px4px;
			}

	left: 3px;
				.item-content-button {background-color: #84bf41;
				max-width: 300px100%;
				min-heightfloat: 100pxleft;
				bordermargin-bottom: 0;5px
			}

			margin-right: 20px;.item-link-box {
				float: left; 
				marginmax-bottomwidth: 15px992px;
				paddingmargin: 30px 10px0;
				border-topclear: 4px solid #84bf41both;
			}

			.wiki-content .item-contentlink-buttonbox a.Header {
				colormargin-bottom: #fff15px;
			}

		</style> 
		
		<div class="Abstand"></div>
		<div>
			<div class="AbstandProdukte">
<!--	.item-content-button {
				width: 300px;
				min-height: 100px;
				<div style="floatborder: left; width: 300px; 0;
				margin-right: 20px;">
					<div class="Header">VEKA</div>margin-bottom: 24px;
					<div class="HeaderLine">padding: 10px;
					</div>border-top: 4px solid #84bf41;
			}

			<a href='/display/PublicVEKA'> <img class="item-image" src="/download/attachments/113115499/Produkt_VEKA.jpg" />
					</a>
					.wiki-content .item-content-button a {
				color: #fff;
			}



		</style> 
		
		<div class="item-content">Abstand"></div>
		<div>
				<a<div class="userTypeLinkProdukte" href="/display/PublicVEKA">Versichertenkarte (VEKA)</a>
					</div>
				</div>
AbstandProdukte">
<!-- -->
				<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/PublicZSR">REGISTRE DES CODES-CRÉANCIERSPublicVEKA">Versichertenkarte (RCCVEKA)</a>
					</div>
				</div>
<!-- -->
				<div style="float: left; width: 300px; margin-right: 20px;">
					<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/PublicZVRPublicZSR">REGISTRE CENTRAL DES CONVENTIONSCODES-CRÉANCIERS (RCCORCC)</a>
					</div>
				</div>
			</div>
			<div classstyle="item-link-box">				
float: left; width: 300px; margin-right: 20px;">
					<div class="Header">Instructions<>ZVR</div>
		
				<button type="button"<div class="item-content item-content-buttonHeaderLine">
					</div>
					<a href="'/x/t4IFCg">Notice explicative: enregistrement et utilisation du Login SASIS</a>
display/PublicZVR'> <img class="item-image" src="/download/attachments/113115499/Produkt_Zvr.jpg" />
					</button>a>
					<button type="button"<div class="item-content item-content-button">
						<a class="userTypeLinkProdukte" href="/xdisplay/t4IFCgPublicZVR">CPR Login</br>Placeholder für Anleitung</a>
				</button>		
			</div>			
		</div>
>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
Sv translation
languageit
HTML
		<style>
			.body-content {
				padding-leftwidth: 15px300px;
				padding-rightfloat: 15pxleft
			}

			.smalldisplay {
				font-sizedisplay: 11pxnone
			}

			.imagebox {product-next {
				width: 300px;
				float: left;
				maxmargin-widthleft: 700px20px
			}

			.item-productcontent {
				padding: 10px 0 10px 0;
				margin-top: 25px-4px;
			}

			.product {background-color: #182542;
				widthtransition-property: 300pxbackground-color;
				floattransition-duration: left1.5s;
			}

			.display {	font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				displayfont-size: none16px;
			}

			.producttext-nexttransform: {uppercase;
				widthfont-weight: 300px400;
				floattext-align: leftcenter;
				margin-leftcolor: 20px#fff;
			}

			.general-item-content {
				paddingbackground-color: 10px 0 10px 0#fff;
				margin-top: -4pxborder: 1px solid #182542;
				background-color: #182542;}

				transition-property: background-color;.item-image {
				transition-durationopacity: 1.5s;
				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-weightopacity: 400;.2
			}

			text.item-aligncontent:hover center;{
				colorpadding: #fff;
			}

 10px 0 10px 0;
				.general-item-content {margin-top: -4px;
				background-color: #fff#84bf41;
				border: 1px solid #182542;
			}

			.item-image {
				opacity: 1font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				font-size: 16px;
				text-webkit-transitiontransform: .3s ease-in-outuppercase;
				transitionfont-weight: .3s ease-in-out400;
			}

			.item-image:hover {	text-align: center;
				opacitycolor: .2#fff
			}

			.item-content:hovercontenttop {
				padding: 10px15px 0 10px15px 0;
				margin-top: -4px;
				background-color: #84bf41#f2f2f2;
				font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				font-size: 16px: 16px;
				text-transform: uppercase;
				font-weight: 400;
				text-align: center;
				color: #160000
			}

			.item-circle {
				width: 50px;
				text-transformheight: uppercase50px;
				fontborder-weightradius: 40050%;
				textfont-alignsize: center18px;
				color: #fff#160000;
			}

			.itemmargin-contenttopbottom: {25px;
				paddingline-height: 15px 0 15px 050px;
				margintext-topalign: -4pxcenter;
				background: #f2f2f2;
			}

			font.item-family: 'Lato'content a, Arial, Helvetica Neue, Helvetica, sans-serif;a .item-content {
				font-size: 16px.8rem!important;
				text-transformcolor: uppercase#fff;
				font-weight: 400cursor:pointer;
    				text-align: centerpadding: 13px 0 10px 0;
				color: #160000line-height:1.5;
			}

			.item-circlecontent a:hover {
				widthfont-size: 50px.8rem!important;
				heightcolor: 50px;#fff
			}

			border-radius: 50%;.container {
				font-sizeposition: 18pxrelative;
				colorwidth: #160000;100%
			}

			margin-bottom: 25px;.image {
				line-heightdisplay: 50pxblock;
				text-alignwidth: center100%;
				backgroundheight: #f2f2f2auto
			}

			.item-content a {image {
				display: block;
				font-sizewidth: .8rem!important100%;
				colorheight: #fffauto
			}

			.item-content a:hoveruserTypeLink {
				font-sizecolor: .8rem!important#160000;
				color: #fff
			}

			.container {font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				positionfont-size: relative16px;
				widthfont-weight: 100%400;
			}

			.image {line-height: 30px;
				displaytext-align: blockcenter;
				widthmargin-right: 100%1%;
				heightmargin-left: auto1%
			}

			.imageuserTypeLink:hover {
				displaycolor: block#84bf41;
				widthvisibility: 100%;inherit
				height: auto}

			}

.userTypeLinkProdukte {
				.userTypeLink {
				color: #160000;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: 30px16px;
				text-align: center;
				margin-right: 1%;
				margin-left: 1%
			}

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

			.userTypeLinkProdukteHeader {
				color: #fff !important;  //TG 190614color: increased#160000;
 importance to overwrite confluence settings
				font-family: 'sansationregular','Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    				font-size: 16px25px;
				font-weight: 400;
	    			line-height: 16px;
				text-align: center;
	30px;
    			margin-righttop: 1%20px;
				margin-leftbottom: 1%10px;
			}

			.userTypeLinkProdukte:hoverHeaderBlock {
				colormargin-top: #84bf4125px;
				visibilityheight: inherit250px
			}

			.HeaderHeaderLine {
			    color	height: #1600004px;
    				font-family: 'sansationregular','Lato',Arial,Helvetica Neue,Helvetica,sans-serif;
    			font-size: 25px;
    			line-height: 30px;
    			margin-top: 20pxleft: 3px;
				background-color: #84bf41;
				width: 100%;
				margin-bottomfloat: 10px;left
			}

			.HeaderBlockHeaderLine50 {
				height: 2px;
				left: 3px;
				margin-topbackground-color: #84bf41;
				width: 25px100%;
				heightfloat: 250pxleft
			}

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

			.HeaderLine50item-link-box {
				heightfloat: 2px;
				left: 3px;left; 
				backgroundmax-colorwidth: #84bf41992px;
				widthmargin: 30px 100%0;
				floatclear: leftboth;
			}

			.HeaderLineItem.item-link-box .Header {
				heightmargin-bottom: 4px15px;
				left: 3px;}

				background-color: #84bf41;.item-content-button {
				width: 100%300px;
				floatmin-height: left100px;
				margin-bottomborder: 5px0;
			}

			.item-link-box {
				float: left; margin-right: 20px;
				maxmargin-widthbottom: 992px24px;
				marginpadding: 30px 010px;
				clear: bothborder-top: 4px solid #84bf41;
			}

			.wiki-content .item-linkcontent-boxbutton .Headera {
				margin-bottomcolor: 15px#fff;
			}



			.item-content-button {</style> 
		
		max-width: 300px;
				min-height: 100px;
				border: 0;
				<div class="Abstand"></div>
		<div>
			<div class="AbstandProdukte">
<!-- -->
				<div style="float: left; width: 300px; margin-right: 20px;">
				margin-bottom: 15px;
	<div class="Header">Teda</div>
					padding: 10px;
<div class="HeaderLine">
					border-top: 4px solid #84bf41;</div>
			}

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

		</style> 
		
		<a href='/display/PublicVEKA'> <img class="item-image" src="/download/attachments/113115499/Produkt_VEKA.jpg" />
					</a>
					<div class="Abstand"></div>item-content">
		<div>
				<div<a class="userTypeLinkProdukte" href="AbstandProdukte">
<!--/display/PublicVEKA">Tessera d'assicurato <br />(Teda)</a>
					</div>
				</div>
<!-- -->
				<div style="float: left; width: 300px; margin-right: 20px;">
					<div class="Header">Teda<>RCC</div>
					<div class="HeaderLine">
					</div>
					<a href='/display/PublicVEKAPublicZSR'> <img class="item-image" src="/download/attachments/113115499/Produkt_VEKAZsr.jpg" />
					</a>
					<div class="item-content">
						<a class="userTypeLinkProdukte" href="/display/PublicVEKA">Tessera d'assicurato (TedaPublicZSR">Registro dei codici creditori <br />(RCC)</a>
					</div>
				</div>
-->
				<div style="float: left; width: 300px; margin-right: 20px0px;">
					<div class="Header">RCC<>RCCo</div>
					<div class="HeaderLine">
					</div>
					<a href='/display/PublicZSRPublicZVR'> <img class="item-image" src="/download/attachments/113115499/Produkt_ZsrZvr.jpg" />
					</a>
					<div class="item-content">
						<a class="userTypeLinkProdukte" href="/display/PublicZSRPublicZVR">Registro deicentrale codici creditori </br>(RCC)</a>delle<br>convenzioni (RCCo)</a>
					</div>
				</div>
			</div>
		</div> 			
		<div class="item-link-box">				
					<<div class="Header">Istruzioni</div>		
				</div>
<a href="/x/t4IFCg">
					<div<button styletype="button"float: left; width: 300px; margin-right: 0px; 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>
			</div>
		</div>
a>
   				<div<a classhref="item-link-box">				
				<div class="Header">Istruzioni</div>		/x/DgBmFg">
					<button type="button" class="item-content item-content-button">
      						<a href="/x/t4IFCg">Istruzioni per la registrazione e l'utilizzazione del Login SASIS</a>Istruzioni per la registrazione<br>Microsoft Teams
					</button>
			 	<a href="/x/BwQ6DQ">
					<button type="button" class="item-content item-content-button">
						<a href="/x/t4IFCg">CPR Login</br>Placeholder für Anleitung</a>           IAM procedura di assegnazione dei ruoli per power user e applicazione<br>
					</button>
		
		</a> 
		    </div>	 			
			</div>