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#EDF7F6;
				transition-property: background-color;
				transition-duration: 1.5s;
				font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				font-size: 16px;
				text-transform: uppercasenone;
				font-weight: 400;
				text-align: center;
				color: #fff#000;
			}

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

			.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#65C1C2;
				font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				font-size: 16px;
				text-transform: uppercasenone;
				font-weight: 400;
				text-align: center;
				color: #000;
				text-decoration: #fffunderline;
			}

			.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: uppercasenone;
				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#000;
			}

				cursor:pointer;
    			padding: 13px 0 10px 0;
				line-height:1.5;
			}

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

			.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#65C1C2;
				visibility: inherit
			}

			.userTypeLinkProdukte {
				color: #fff#000 !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#65C1C2;
				visibility: inherit
			}

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

			.HeaderLine {
				height: 4px;
				left: 3pxfont-family: 'sansationregular','Lato',Arial,Helvetica Neue,Helvetica,sans-serif;
    			font-size: 25px;
    			line-height: 30px;
    			margin-top: 20px;
				backgroundmargin-colorbottom: #84bf41;10px;
			}

			.HeaderBlock {
				widthmargin-top: 100%25px;
				floatheight: left250px
			}

			.HeaderLine50HeaderLine {
				height: 2px4px;
				left: 3px;
				background-color: #84bf41#65C1C2;
				width: 100%;
				float: left
			}

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

		</style> 	.HeaderLineItem {
		
		<div class="Abstand"></div>
		<div>
height: 4px;
				<div class="AbstandProdukte">
<!--
left: 3px;
				<div style="floatbackground-color: left; #65C1C2;
				width: 300px; margin-right100%;
				float: 20pxleft;">
					<div class="HeaderLine">margin-bottom: 5px
					</div>}

					<a href='/display/PublicVEKA'> <img class="item-image" src="/download/attachments/113115499/Produkt_VEKA.jpg" />.item-link-box {
					</a>float: left; 
					<div class="item-content">max-width: 992px;
						<a class="userTypeLinkProdukte" href="/display/PublicVEKA">Versichertenkarte (VEKA)</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">Zentrales Vertragsregister (ZVR)</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">Zahlstellenregister (ZSR)</a>
					</div>
				</div>
			</div>
		</div>
Sv translation
languagefr
margin: 10px 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 #65C1C2;
			}		

			.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">
        <button type="button" class="item-content item-content-button">
            Versichertenkarte (VEKA)
        </button>
    </a>
</div>

<div style="float: left; width: 300px; margin-right: 20px;">
    <div class="Header">ZSR</div>
    <div class="HeaderLine"></div>

    <a href="/display/PublicZSR">
        <button type="button" class="item-content item-content-button">
            Zahlstellenregister (ZSR)
        </button>
    </a>
</div>

<div style="float: left; width: 300px; margin-right: 20px;">
    <div class="Header">ZVR</div>
    <div class="HeaderLine"></div>

    <a href="/display/PublicZVR">
        <button type="button" class="item-content item-content-button">
            Zentrales Vertragsregister (ZVR)
        </button>
    </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">
						santéservices Login <br />Registrierung & Anwendung
					</button>
				</a>
   				<a href="/x/DgBmFg">
					<button type="button" class="item-content item-content-button">
						Registrierung<br>Microsoft Teams
					</button>
				</a> 
				<a href="/x/BwQ6DQ">
					<button type="button" class="item-content item-content-button">
						IAM Rollenvergabeprozess<br />Für Power-User & Anwendung
					</button>
				</a>
				<a href="/x/PAD0Kg">
					<button type="button" class="item-content item-content-button">
						Anleitung für den VR
					</button>
				</a>       
			</div>     


Sv translation
languagefr


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: #EDF7F6;
				transition-property: background-color;
				transition-duration: 1.5s;
				font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				font-size: 16px;
				text-transform: none;
				font-weight: 400;
				text-align: center;
				color: #000;
			}

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

			.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: #65C1C2;
				font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				font-size: 16px;
				text-transform: none;
				font-weight: 400;
				text-align: center;
				color: #000;
				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: none;
				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: #000;
				cursor:pointer;
    			padding: 13px 0 10px 0;
				line-height:1.5;
			}

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

			.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: #65C1C2;
				visibility: inherit
			}

			.userTypeLinkProdukte {
				color: #000 !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: #65C1C2;
				visibility: inherit
			}

			.Header {
			    color: #65C1C2;
    			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: #65C1C2;
				width: 100%;
				float: left
			}

			.HeaderLine50 {
				height: 2px;
				left: 3px;
				background-color: #65C1C2;
				width: 100%;
				float: left
			}

			.HeaderLineItem {
				height: 4px;
				left: 3px;
				background-color: #65C1C2;
				width: 100%;
				float: left;
				margin-bottom: 5px
			}

			.item-link-box {
				float: left; 
				max-width: 992px;
				margin: 10px 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 #65C1C2;
			}		

			.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">CADA</div>
    <div class="HeaderLine"></div>

    <a href="/display/PublicVEKA">
        <button type="button" class="item-content item-content-button">
            La carte d'assuré (CADA)
        </button>
    </a>
</div>

<div style="float: left; width: 300px; margin-right: 20px;">
    <div class="Header">RCC</div>
    <div class="HeaderLine"></div>

    <a href="/display/PublicZSR">
        <button type="button" class="item-content item-content-button">
            Registre des codes-créanciers (RCC)
        </button>
    </a>
</div>

<div style="float: left; width: 300px; margin-right: 20px;">
    <div class="Header">RCCO</div>
    <div class="HeaderLine"></div>

    <a href="/display/PublicZVR">
        <button type="button" class="item-content item-content-button">
            Registre central des conventions (RCCO)
        </button>
    </a>
</div>
                </div>
			</div>
			<div class="item-link-box">				
				<div class="Header">Aide & guides</div>		
				<a href="/x/t4IFCg">
					<button type="button" class="item-content item-content-button">
						santéservices Login <br />Inscription & application
					</button>
				</a>
   				<a href="/x/DgBmFg">
					<button type="button" class="item-content item-content-button">
						Inscription<br>Microsoft Teams
					</button>
				</a> 
				<a href="/x/BwQ6DQ">
					<button type="button" class="item-content item-content-button">
						Processus d'attribution des rôles IAM<br />pour les utilisateurs avancés & l'appication
					</button>
				</a>       
			</div>	 			
		</div> 


Sv translation
languageit


HTML
 		<style>
			.body-content {
				padding-left: 15px;
				padding-right: 15px
HTML
		<style>
			.body-content {
				padding-left: 15px;
				padding-right: 15px
			}

			.small {
				font-size: 11px
			}

			.imagebox {
				max-width: 700px
			}

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

			.product {
				width: 300px;
				float: left
			}

			.display {
				display: none
			}

			.product-next {
				width: 300px;
				float: left;
				margin-left: 20px
			}

			.item-content {
				padding: 10px 0 10px 0;
				margin-top: -4px;
				background-color: #182542;
				transition-property: background-color;
				transition-duration: 1.5s;
				font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				font-size: 16px;
				text-transform: uppercase;
				font-weight: 400;
				text-align: center;
				color: #fff;
			}

			.item-image {
				opacity: 1;
				-webkit-transition: .3s ease-in-out;
				transition: .3s ease-in-out
			}

			.item-image:hover {
				opacity: .2
			}

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

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

			.item-circle {
				width: 50px;
				height: 50px;
				border-radius: 50%;
				font-size: 18px;
				color: #160000;
				margin-bottom: 25px;
				line-height: 50px;
				text-align: center;
				background: #f2f2f2
			}

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

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

			.container {
				position: relative;
				width: 100%
			}

			.imagesmall {
				displayfont-size: block;
				width: 100%;
	11px
			height: auto
			}

			.imageimagebox {
				displaymax-width: block;700px
			}

			width: 100%;.item-product {
				heightmargin-top: auto25px
			}

			.userTypeLinkproduct {
				colorwidth: #160000300px;
				font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				font-size: 16px;float: left
			}

			.display {
				font-weightdisplay: 400;none
			}

			line.product-height:next 30px;{
				text-alignwidth: center300px;
				margin-rightfloat: 1%left;
				margin-left: 1%20px
			}

			.userTypeLink:hoveritem-content {
				colorpadding: #84bf41 10px 0 10px 0;
				visibilitymargin-top: inherit-4px;
			}

	background-color: #EDF7F6;
				.userTypeLinkProdukte {transition-property: background-color;
				color: #fff !important;  //TG 190614: increased importance to overwrite confluence settingstransition-duration: 1.5s;
				font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				font-size: 16px;
				text-transform: none;
				font-weight: 400;
				line-height: 16px;400;
				text-align: center;
				color: #000;
			}

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

			.item-image {
				text-alignopacity: center1;
				margin-webkit-righttransition: 1%.3s ease-in-out;
				margin-lefttransition: 1%.3s ease-in-out
			}

			.userTypeLinkProdukteitem-image:hover {
				coloropacity: #84bf41;
				visibility: inherit.2
			}

			.HeaderBlockitem-content:hover {
				margin-top: 25px;/*padding: 10px 0 10px 0;*/
				heightmargin-top: 250px-4px;
			}

			.HeaderLine {	background-color: #65C1C2;
				height: 4pxfont-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				leftfont-size: 3px16px;
				backgroundtext-colortransform: #84bf41none;
				widthfont-weight: 100%400;
				floattext-align: leftcenter;
			}

			.HeaderLine50 {	color: #000;
				heighttext-decoration: 2pxunderline;
				left: 3px;}

				background-color: #84bf41;.item-contenttop {
				widthpadding: 100%15px 0 15px 0;
				floatmargin-top: left-4px;
			}

			.HeaderLineItem {	background: #f2f2f2;
				height: 4pxfont-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				leftfont-size: 3px16px;
				backgroundtext-colortransform: #84bf41none;
				widthfont-weight: 100%400;
				floattext-align: leftcenter;
				margin-bottomcolor: 5px#160000
			}

		</style> 
		
		<div class="Abstand"></div>	.item-circle {
		<div>
			<div class="AbstandProdukte">
<!--
width: 50px;
				<div style="float: left; width: 300px; margin-right: 20px;">height: 50px;
					<div class="HeaderLine">border-radius: 50%;
					</div>font-size: 18px;
					<a href='/display/PublicVEKA'> <img class="item-image" src="/download/attachments/113115499/Produkt_VEKA.jpg" />color: #160000;
					</a>margin-bottom: 25px;
					<div class="item-content">
	line-height: 50px;
					<a class="userTypeLinkProdukte" href="/display/PublicVEKA">Carte d'assuré (Cada)</a>text-align: center;
					</div>background: #f2f2f2
				</div>
-->}

				<div style="float: left; width: 300px; margin-right: 20px;">.item-content a, a .item-content {
				font-size: .8rem!important;
					<div class="HeaderLine">color: #000;
					</div>
cursor:pointer;
    					<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>
Sv translation
languageit
HTML
		<style>
			.body-content {
				padding-left: 15px;
				padding-right: 15px
			}

			.small {
				font-size: 10pxpadding: 13px 0 10px 0;
				line-height:1.5;
			}

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

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

			.imageboxuserTypeLink:hover {
				max-widthcolor: #65C1C2;
				visibility: 700pxinherit
			}

			.item-productuserTypeLinkProdukte {
				margin-top: 25pxcolor: #000 !important;  //TG 190614: increased importance to overwrite confluence settings
			}

			.product {
				width: 300px	font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				floatfont-size: left16px;
			}

			.display {	font-weight: 400;
				displayline-height: none16px;
			}

			.product-next {
				width: 300px	text-align: center;
				floatmargin-right: left1%;
				margin-left: 20px1%
			}

			.item-content {
				padding: 10px 0 10px 0;
				margin-top: -4px;.userTypeLinkProdukte:hover {
				background-color: #182542#65C1C2;
				transition-property: background-color;
				transition-duration: 1.5s;
				visibility: inherit
			}

			.Header {
			    color: #65C1C2;
    			font-family: 'sansationregular','Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				font-size: .7rem!important;
				text-transform: uppercase;
	;
    			font-weightsize: 40025px;
    				textline-alignheight: center30px;
    				colormargin-top: #fff20px;
			}

			.item-image {
				opacitymargin-bottom: 110px;
				-webkit-transition: .3s ease-in-out;
	}

			transition: .3s ease-in-outHeaderBlock {
			}

			.item-image:hover {	margin-top: 25px;
				opacityheight: .2250px
			}

			.item-content:hoverHeaderLine {
				paddingheight: 10px 0 10px 04px;
				margin-topleft: -4px3px;
				background-color: #84bf41#65C1C2;
				font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;width: 100%;
				float: left
			}

			.HeaderLine50 {
				font-sizeheight: .7rem!important2px;
				text-transformleft: uppercase3px;
				fontbackground-weightcolor: 400#65C1C2;
				text-alignwidth: center100%;
				colorfloat: #fffleft
			}

			.item-contenttopHeaderLineItem {
				paddingheight: 15px 0 15px 04px;
				left: 3px;
				background-color: #65C1C2;
				margin-topwidth: -4px100%;
				backgroundfloat: #f2f2f2left;
				fontmargin-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				font-size: 16px;bottom: 5px
			}

			.item-link-box {
				text-transformfloat: uppercaseleft; 
				fontmax-weightwidth: 400992px;
				text-alignmargin: 10px center0;
				colorclear: #160000both;
			}

			.item-circlelink-box .Header {
				widthmargin-bottom: 50px15px;
			}

		height: 50px;	.item-content-button {				
				border-radiuswidth: 50%300px;
				fontmin-sizeheight: 18px100px;
				colorborder: #1600000;
				margin-bottomright: 25px20px;
				linemargin-heightbottom: 50px24px;
				text-alignpadding: center10px;
				backgroundborder-top: #f2f2f2 4px solid #65C1C2;
			}		

			.wiki-content .item-content-button a {
				font-size: .7rem!important;
				color: #fff;
			}

			.item-content a:hover {
				font-size: .7rem!important;
				color: #fff</style> 
			}

			.container {<div class="Abstand"></div>
		<div>
		position	<div class="AbstandProdukte">
<div style="float: 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
			}

			.HeaderBlock {
				margin-top: 25px;
				height: 250px
			}

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

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

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

		</style> 
		
		<div class="Abstand"></div>
		<div>
			<div class="AbstandProdukte">
<!--
				<div style="float: left; width: 300px; margin-right: 20px;">
					<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 (Teda)</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>
	left; width: 300px; margin-right: 20px;">
    <div class="Header">TEDA</div>
    <div class="HeaderLine"></div>

    <a href="/display/PublicVEKA">
        <button type="button" class="item-content item-content-button">
            Tessera d'assicurato (TEDA)
        </button>
    </a>
</div>

<div style="float: left; width: 300px; margin-right: 20px;">
    <div class="Header">RCC</div>
    <div class="HeaderLine"></div>

    <a href="/display/PublicZSR">
        <button type="button" class="item-content item-content-button">
            Registro dei codici creditori (RCC)
        </button>
    </a>
</div>

<div style="float: left; width: 300px; margin-right: 20px;">
    <div class="Header">RCCo</div>
    <div class="HeaderLine"></div>

    <a href="/display/PublicZVR">
        <button type="button" class="item-content item-content-button">
            Registro centrale delle convenzioni (RCCo)
        </button>
    </a>
</div>
                </div>
			</div>
			<div class="item-link-box">				
				<div class="item-content">
Header">Aiuto & guide</div>		
				<a class="userTypeLinkProdukte" href="/displayx/PublicZVR">Registro centrale delle convenzioni (RCCo)</a>t4IFCg">
					</div>
				</div>
<button type="button" class="item-content item-content-button">
						<div style="float: left; width: 300px; margin-right: 0px;">santéservices Login <br />Registrazion & applicazione
					<div class="HeaderLine"></button>
					</div>a>
   					<a href='"/displayx/PublicZSR'> <imgDgBmFg">
					<button type="button" class="item-image" src="/download/attachments/113115499/Produkt_Zsr.jpg" />content item-content-button">
						Registrazione<br>Microsoft Teams
					</button>
					</a> 
					<div<a href="/x/BwQ6DQ">
					<button type="button" class="item-content item-content-button">
						<a class="userTypeLinkProdukte" href="/display/PublicZSR">RegistroProcesso di assegnazione dei codiciruoli creditoriIAM<br (RCC)</a>/>per utenti avanzati & applicazione
					</div>button>
				</div>a>       
			</div>	 			
		</div>