/* åäö ÅÄÖ */

		html {
			padding:0px;margin:0px;height:100%;width:100%;
			scrollbar-color: var(--fadecol) var(--semitranspcol);
		}
		html * {max-height:999999px;
		
			text-size-adjust:none;
			-moz-text-size-adjust:none;
			-webkit-text-size-adjust:none;
			-ms-text-size-adjust:none;

			
		} /* prevents font boost in webkit */

		input, textarea, select {box-sizing: border-box;}

		hr {size:1px;height:1px;font-size:0;border:0;border:none;margin-top:6px;margin-bottom:6px;padding:0px;}
		hr { color:transparent; background:var(--linecol); }

		
		body, input, textarea, select { font-family:roboto,helvetica,arial,sans-serif; }
		/*
		@media (min-resolution: 1.2dppx) 
		{
			body, input, textarea, select { font-family: roboto,helvetica,arial,sans-serif; }
		}
		*/


		body {
			height:100%;overflow-y:scroll;
			font-size:14px;
			line-height:1.3;
			padding:0px;margin:0px;
			color: var(--normalcol);
			
		}
		.b {
			font-size:15px;
			line-height:1.35;
		}
		
		p, td, div { word-break:break-word; }
		
		a { color: var(--linkcol); }
		.s, .ssmall, .a.s, .a.ssmall { color: var(--fadecol); }
		.s a, .ssmall a { color: inherit; }
		a:hover, a:hover .s, a:hover .ssmall { color: var(--hovercol); }


		.ddfin_container { height:0px;overflow-y:hidden;transition: height 0.3s;display:block;position:relative;top:0px;left:0px; }
		.ddfin_inner { display:inline-block;clear:both;width:100%; }


		#v5omnitbl { table-layout:fixed; width:100%;height:100%;border-collapse:collapse; }


		.news {
			margin-top:0px;
			margin-left:0px;
			padding-left:0px;
			list-style-type:none;
		
			font-size:11px;
			sssline-height:1.4;
		}
		.newsli{
			border-radius: 2px;
			padding:10px;
			
			margin-bottom:15px;
			padding-top:15px;
			padding-bottom:15px;
		}
		.news h2 {
			font-size:30px;
			margin-top:6px;
			margin-bottom:7px;
		}
		.news h2 a { text-decoration:none;}		
		.news h2 a:hover { text-decoration:underline;}
		#ztb { 
		    border-spacing: 0;
		    border-collapse: collapse;
		    border:0px;
		    margin:0px;
		}
		#ztb #td1 { vertical-align:top; padding:0px; }
		#ztb #td2 { vertical-align:bottom; padding:0px; }		
		.spotlightcontainer { display:inline-block;position:relative;top:0px;left:0px;width:180px;height:150px;font-size:11px; text-align:left;  }
		.spotlightcontainer .spotlight_positioner { position:absolute;top:0px;left:0px;width:100%;height:100%; border-radius:var(--borrad); }
		.spotlightcontainer .spotlight_positioner .spotlight_closebtn { height:18px;width:15px;position:absolute;top:1px;right:4px;text-align:right;font-size:14px; }
		.spotlightcontainer .spotlight_positioner .spotlight_closebtn a { text-decoration:none; }
		.spotlightcontainer .spotlight_positioner .spotlight_headline { height:13px;font-size:11px;width:157px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height:13px;position:absolute;top:6px;left:4px; }
		.spotlightcontainer .spotlight_positioner .spotlight_imgcontainer { height:80px;width:60px;margin-right:4px;position:absolute; top:24px;left:4px; }
		.spotlightcontainer .spotlight_positioner .spotlight_imgcontainer img { height:80px; width:60px;border:0px;border-radius:var(--borrad); box-shadow:0px 1px 3px rgba(0,0,0,0.2); }
		.spotlightcontainer .spotlight_positioner .spotlight_textcontainer { font-size:11px;height:105px; width:108px; font-family:sans-serif; overflow-y:auto; overflow-x:hidden; position:absolute;top:24px;right:4px; word-break: break-word; }

		:root {
			--sitewidthcontents: 1260px;  /* Var innan 2024-11-02: 1200px. Innan 2025: 1240px. */ 
			--sitewidthgraphics: 1340px;  /* Var innan 2024-11-02: 1280px. Innan 2025: 1320px. */
			
			--sitepadding: 12px;
			--sitepaddingminus: -12px; /* Detta är samma som ovan, men minus */
		}

		.alwaysstayabsolutepositioned { position:absolute !important;}
		
		#v5toppushertd {
			padding:0px;height:0px;
		}

		#v5headercontainer {
			
			background: none;
			height:100%;
			overflow-y:hidden;
		
			position:relative;left:0px;top:0px;
			width:100%;
		}
		
		#v5header { height:100%;position:relative;top:0px;left:0px; } 
		
		#v5topbar, #v5header, #v5maincontents, #v5footer, #customtabareacontent, #v5tabc { margin-left:auto;margin-right:auto;max-width:1100px; max-width: var(--sitewidthcontents);}   /* Var 1140 innan 2024-04-02 */
		
		#v5footer { padding-top:30px; padding-bottom:30px; }
		
		#v5maincontents {
            position:relative;left:0px;top:0px;margin-bottom:20px;margin-top:30px; min-height:300px;overflow-x:auto; overflow-y:visible;
            box-sizing: border-box;
            
            padding-left: var(--sitepadding); padding-right: var(--sitepadding);
            box-sizing: border-box;
            width:100%;
			color: var(--normalcol); /* Detta måste finnas här, eftersom att annars applyar inte custom färg */ 
		}

		#v5maincontents hr { background:var(--linecol); }
		#v5maincontents fieldset { border: 1px solid var(--linecol); }
        #v5maincontents img { max-width:100% !important; }
		#v5maincontents .stdtextcol, .stdtextcol { color:var(--normalcol); }
		#v5maincontents a.stdtextcol:hover, #v5maincontents a:hover .stdtextcol, a:hover .stdtextcol { color: var(--hovercol); }
		
		#v5maincontents { scrollbar-color: var(--fadecol) var(--semitranspcol); /* Detta måste deklareras här också, eftersom var()-färger kan ändras lokalt i #v5maincontents */  }
		
		.semitranspbg,
		.card, 
		.l1,
		.l2, 
		#v5maincontents .semitranspbg,
		#v5maincontents .card, 
		#v5maincontents .l1,
		#v5maincontents .l2 { background: var(--semitranspcol); }
		
		main { padding-bottom:10px; }

		#ctopcontainer { position:absolute;top:-68px;left:0px; }
		#ctopcontainer a { text-decoration:none; }


		#v5headertd {
			padding:0px;
			overflow: visible;
		} 
		#v5maintd {
			padding:0px;
			overflow: visible;padding-bottom:50px;
			background-color: var(--backgroundcol);
		}
		#v5footertd {
			padding:0px;
		}
		
        #v5headercustomimage
        {
            position:absolute;left:0px;top:0px;width:100%;height:100%;
            background-position: center center;
            background-size: cover;
            background-image: none;
        }
        
        #customheadercontentcontainer { position:absolute;
							/*bottom:10px;*/
							bottom: 50px; 
							left:0px;z-index:5;width:100%; }


		#v5footerinnershadow { z-index:4;position:absolute;left:0px;top:0px;width:100%;height:100%;display:none; } 
		
		.picshadow { box-shadow:0px 1px 4px rgba(0,0,0,0.5); }
		.medlikon {
			box-shadow:0px 1px 5px rgba(0,0,0,0.3);
			border-radius:1px;
			}


		.clearer { clear:both;}
		.bgbar {

			border-bottom: 2px solid var(--smolrubdekocol);
			font-size:16px;
			padding:0px;
			padding-bottom:1px;
			font-family: roboto condensed, sans-serif;
			font-weight:bold;
			margin-bottom:12px;
		}
		.bgbar a { text-decoration-style: dotted; }
		.bgbar, .bgbar a { color: var(--smolrubcol); }
		
		.ssmall,
		.narrow {
			font-size:12.5px; 
		}
		
		b { font-weight:700;}

		

		h3 {
			font-size:27px;
			border-style: solid;
			border-bottom-width: 0px; border-top-width: 0px; border-left-width: 0px; border-right-width: 0px;
			margin-top:0px; margin-bottom:25px;
			color:var(--rubrikcol);
		}
		h3 a, h3 a:hover { color:inherit; }
		h1, h2, h3 { font-weight:800; font-family: Barlow, Roboto condensed, Roboto, Sans-serif; }





		h4, h5 { font-size:13px;font-weight:700;}
	
		
		.profilename { font-family: barlow, roboto condensed, sans-serif; font-weight:800; }
		.profilename a { text-decoration:none; }
		.profilename a:hover { text-decoration:underline; }
		
		#v5profinfopic {
			border-radius:var(--borrad);
			position:relative; top:0px;left:0px;
		}
		
		#v5profname { padding-top:4px; }
		#v5profstat { padding-top:1px; }
		.profnamemsg { width:71px;sheight:16px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; }
		

		#loginform input {
			padding:2px;
			margin:0px;
		}



		
		#ldwaiter { width:100%;height:100%;position:fixed;left:0px;top:0px;background:rgba(0,0,0,0.15);z-index:20000;display:none;text-align:center; cursor:wait; }
		#ldwaiter div {
			
			width:99%; height:99%;
			background-size:64px 64px !important;
			background-repeat:no-repeat !important;
			background-position:bottom right !important;
			background: url(//cc.diversia.social/pres/layout/misc/loading_anim.svg);
			
		}

		@keyframes ldwaiteranimation {
			0%   { opacity:0; }
			50%  { opacity:1; }
			100% { opacity:0; }
		}		
		
		.commmain img { max-width:100%; }
		
			/*background:#220000;border:2px solid #cc0000; */
			text-align:center; border-radius:var(--borrad); 
			background:#440000; border:none;
			}
		.warningsign h1, .warningsign h2, .warningsign h3 { color: white !important; }
		.warningsign a { color:white !important; }
		.warningsign a:hover { color:red !important; }


		.fullvidd { box-sizing:border-box; max-width:100%;overflow-x: hidden;white-space:nowrap;text-overflow:ellipsis; }

		#v5blinkarea { position:relative;top:0px;left:0px;float:right;height:100%;spadding-top:10px; z-index: 10000; box-sizing:border-box;}
		#mainmenu_persmenu {
			display:none;font-size:14px;
			position:absolute;top:100%;right:0px;
			padding-left:6px;padding-right:6px;
			padding:20px;

			max-height:300px;
			sssmax-height:calc(100vh - 170px);
			overflow-y:auto;
			box-sizing:border-box;
			background-image:none;
			
			width:580px;
			
			max-width:95vw;
			max-height: calc(100vh - 77px);
			
			ssspadding-bottom:20px;
			
			font-weight:normal;
			cursor: default;
		}
		

		#v5persmenutriangel{ overflow:hidden; }

		#v5topbar_persinfo {float:right;height:100%;position:relative;
                            transition: background-color 0.2s;
                        }
        
        
        #statusbarvipsection { display:inline-block;position:relative;top:0px;left:0px;height:100%; transition: background-color 0.2s; }



		#v5besokare { dirsplay:none; }
		

					
	
		.v5menuitem {
            position:relative;top:0px;left:0px;
            display:inline-block;
			height:100%; margin:0; padding:0;
			background-image:none;
			transition: background-color 0.2s;
            width:65px;
            max-width:14%;
		}

		.v5menuitem,
		#topbariconstable2 a:hover,
		#statusbarvipsection:hover,
		#v5topbar_persinfo:hover
		{
			border-radius:var(--borrad);
		}
		
		.thdef .v5menuitem.openmenuheadline,
		.thdef #v5topbar_persinfo.isopen
		{
			border-bottom-left-radius:0px; border-bottom-right-radius:0px; 
		}

		.v5menyhint {
			position:absolute;bottom:0px;left:0px;width:100%;height:10px;
			background-repeat:no-repeat;
			opacity:0.5;
			background-image:url(https://cc.diversia.social/pres/layout/misc/v8_menu_triangledown_white.svg);
			background-size: 7px auto;
			background-position: center bottom +1px;
		}
		
		.thdef .v5menyhint {
			filter: drop-shadow(0px 0px 1px rgba(0,0,0, 0.8));
		}
		
		.abdls .v5menyhint {
			background-image:url(https://cc.diversia.social/pres/layout/misc/v8_menu_triangledown_indigo.svg);
			opacity:0.7;
		}

		.v5menuitem_open {
			font-size:14px;
			width:340px;
			max-width:55vw;
			position:absolute;
			display:none;
			left:0px;top:100%; 

			max-height:300px;
			max-height:calc(100vh - 77px);
			overflow-y:auto;
			box-sizing:border-box;
			background-image:none;
			
			padding:0px !important;
			margin:0px !important;

			border-radius:var(--borrad);
			border-top-left-radius:0px;

			cursor: default;
		}
		#mainmenu_persmenu
		{
			border-radius:var(--borrad);
			border-top-right-radius:0px;
		}
		
		.v5menuitem_open, #mainmenu_persmenu {
			z-index:1000;
		}


		.v5menuitem img { border:0px;}
		.v5menu_innerheadline {cursor:pointer; font-weight:bold; padding-bottom:6px;}
		.v5menuitem_open a {
			
			display:block;
			text-decoration:none;
			padding:6px 10px 6px 10px;

			-webkit-tap-highlight-color: transparent; /* tar bort den buggigt displaceade blåa länkblobben som webkit för android visar på felaktigt sätt */
            
            box-sizing:border-box; max-width:100%;overflow-x: hidden;white-space:nowrap;text-overflow:ellipsis;
		}

		.v5menuitem .mtb { width:100%;height:100%;padding:0px;margin:0px; display:table; table-layout:fixed; }
		.v5menuitem .mtr { width:100%;height:100%;padding:0px;margin:0px; display:table-row;} 
		.v5menuitem .mtd { width:100%;height:100%;padding:0px;margin:0px; display:table-cell; vertical-align: middle; }

		.richmenuitem { font-weight:bold; font-size:17px; }
		.richmenuitem div { font-size:11px; font-weight:normal; text-overflow:ellipsis; overflow:hidden;}



		
		.v5menuitem_open hr { 
			    border: 0;
			    height: 1px;
		}
		#v5menu_full { margin:0; padding:0px; padding-top:0px; height:100%; position:absolute;left:0px;bottom:0px;width:42%; } 
		
		#holder { position:relative;min-height:100%; }
	
		#v5topbarcontainer {
			z-index:1000;
			position:fixed;left:0px;top:0px;
			width:100%;
			font-size:13px;
			text-rendering: optimizeLegibility;
			height:65px;
			padding:0px;

			font-family: roboto condensed, sans-serif;
			font-weight:500;
		}
		#v5topbarcontainer * {
			text-rendering: optimizeLegibility;
		}
		#v5topbarcontainer input
		{
			font-family: roboto condensed, sans-serif;
		}

		#v5topbar_rightcontrols {
			position:absolute;right:0px;bottom:0px;height:100%;
			z-index:1000;
			width:58%;
		}

		.logincontrolw { width:115px; }
		#loginflaggcontainer { float:left;padding-top:16px;padding-right:20px; }
		#loginflaggcontainer a { display:inline;margin-right:6px; }
		#loginflaggcontainer img { width:22px;height:22px;border:0; }
		
		
		#v5headerinnershadow{ z-index:1;width:100%;height:1px;position:absolute;left:0px;bottom:-1px; }
		
		#profxtrastatus {width:150px;box-sizing:border-box;height:100%;margin-left:4px; white-space: nowrap; line-height:22px;padding-top:9px; overflow: hidden; text-overflow: ellipsis; padding-bottom:7px; }
		#profxtrastatus a { text-decoration: none; }
		

		
		.v5menuitem:first-child { border-left:none; }
		.v5menuitem_headline {
			margin:0; display:block; width:100%; text-align:center; line-height:1; text-decoration: none;
			float:left; position:relative; 
		}
		.v5menuitem_headline img { padding:0px;margin:0px; width:18px;height:18px;}
		.v5menuitem_headline span { width:100%; height:16px; padding-top:5px; display:block; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }


		
		
		
		
		.richmenuitem div {
			font-weight:normal;
			display:block;
			margin-top:2px;
			font-size:11px;
			opacity:0.6;
		}
		#mobileversioninfo {
			display:none;
			margin-top:10px;
			font-weight:bold;
		}
		.loginsubmcol { width:100px; }
		#clubheaderinfocontainer { position:absolute;left:365px;top:15px;width:500px; }
		#v5profinfo { position:relative;top:0px;left:0px;z-index:3; }
		#profile_statusmsg_container { margin-top:2px;margin-bottom:0px; }
		#v5topbar { position:relative;top:0px;left:0px; height:100%; box-sizing: border-box;padding-left:10px;padding-right:10px; }
		#v5topbarpadder { display:block;height:100%; position:relative;top:0px;left:0px; }
		#mobil_vip_alert_container { display:none;position:absolute; top:60px;right:0px; text-align:right;}
		
		#v4clublogocontainer {
			z-index:3;overflow:hidden;width:320px;height:180px;background:#000000;
			position:relative; top:-2px;left:0px; border-radius:0px;
		}

		#mainmenu_persmenu p { margin-top:8px; margin-bottom:8px; }
		.zz { position:relative;top:0px;left:0px; }

		.classthatstickstopbarwheninputfocused {
			position: absolute;
			top: 0px;
		}
		
		
		.card { border-radius:var(--borrad);  }

		sssss#v5topbar_loginbtn { display:none; }
		
        #topbariconstable2 { display:table;border-collapse: separate;border-spacing:0;table-layout:fixed;position:relative;top:0px;left:0px;height:100%;width:140px;max-width:100%; box-sizing:border-box; }
        #topbariconstable2 a { padding:0px; width:25%; height:100%;box-sizing:border-box; text-align:center;position:relative;top:0px;left:0px; display:table-cell; vertical-align:middle;
                                transition: background-color 0.2s;
                            }
        #topbariconstable2 a img { width:30px; max-width:100%; }
        #topbariconstable2 a.inactive img { opacity:0.5; }
        #topbariconstable2 a:hover { background-color:var(--uimenucol); }
		



		.tabbar {
			display:block; position:relative;top:0px;left:-8px; z-index:0; 
			font-family: roboto condensed, sans-serif; line-height:14px; height:50px; max-width:100%; white-space:nowrap;overflow:hidden;
			font-size:14px;
			}
		.tabbar.firstflikisactive {
			left:0px;
		}
		.tabbar a {
				display:inline-block; text-decoration:none; box-sizing:border-box; height:100%; 
				white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis; 
				padding: 19px 8px 0px 8px; margin-right:0.5%;
				font-weight:500;
				position:relative;top:0px;left:0px;
				color:var(--normalcol);
			}
		.tabbar a:last-child { margin-right:0px;}
		.tabbar a.inakt { opacity:0.9; }
		.tabbar a.akt { font-weight:bold; }		
		.tabbar a.akt, .tabbar a:hover {
			border-bottom:0px;
			opacity:1;
			color:var(--normalcol);
		}
		.tabbar a .underl { position:absolute;bottom:0px;left:0px;width:100%;height:4px;
				display:none;
				sssbackground:linear-gradient(90deg, var(--rubrikcol), var(--smolrubcol));
				background:linear-gradient(90deg, var(--colorbarr), var(--colorbarl));
				border-radius:2px;
			}
		.tabbar a.akt .underl, .tabbar a:hover .underl { display: block; }
		@media screen and (max-width:700px)
		{
			.tabbar a { padding-left: 3px; padding-right:3px;}
			.tabbar.firstflikisnotactive { left:-3px; }
		}




		.finbtn {
				display:inline-block;
				padding: 5px;
				text-decoration:none;
				text-transform:uppercase;
				border-radius:var(--borrad);
				font-size:10px;
				box-sizing:border-box;
				text-align:center;
				box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
				cursor:pointer;
		}
        
		
		fieldset { border-radius: var(--borrad); margin-left:0px; margin-right:0px; }


		textarea { resize: vertical; font-size:13px; min-height: 7em; field-sizing: content;max-height:50vh; scrollbar-color: #404040 rgba(0,0,0,0.05); }
	
		#v5topbarfader, #v5topbarblurrer { position:absolute;top:0px;left:0px;width:100%;height:100%; transition: opacity 0.5s; }
		
		#v5topbarcontainer { transition: background-color 1s, box-shadow 1s; background-image: none; background-color:transparent; box-shadow: none; }

		#v5headerlogo { z-index: 1; }

		#v5maincontents { min-height: 50vh; }
		
		#v5menuitembackbutton { display: none; }
		.v5menuitem { cursor:pointer; }
		
		.sausagelink { display:inline-block;text-decoration:none;height:32px;box-sizing:border-box;line-height:13px;padding-top:9px;text-transform:uppercase;font-size:12px;padding-left:15px;padding-right:15px;border-radius:16px; }
		.sausagelink.semitranspbg:hover { background-color:var(--semitranspcolmore) !important; }

		.compactsausage { padding-left:11px; padding-right:10px; }

		.sausagechainleft , .sausagechainmiddle { border-top-right-radius:3px; border-bottom-right-radius:3px; padding-right:9px; }
		.sausagechainright, .sausagechainmiddle { border-top-left-radius:3px; border-bottom-left-radius:3px; padding-left:9px; }
		
		.comsysbtn { sborder: 0px solid transparent; }
		.comsysbtnisclicked { border: 2px solid; padding: 7px 8px 0px 8px; }
		.comsysbtnsdisabled a { cursor:wait; opacity: 0.3; }
		.comsysbtnsdisabled a.comsysbtnwaiting { opacity: 1; color:transparent !important; background-image: url(https://cc.diversia.social/pres/layout/loading_balls.svg?2) !important; background-size: contain !important; background-position:center center !important; background-repeat: no-repeat !important; }
		.comsysbtnsdisabled a.comsysbtnwaiting img { opacity: 0; }
		.comsyslikict { font-size:16px; position:absolute; top:0px; left:0px; width:100%; padding-top:6px;box-sizing:border-box;padding-left:3px;border-top:2px solid transparent;}
		.comsysbtnisclicked .comsyslikict { border-top:0px solid transparent; }
		.initiallyhiddencomsysicon { display:none; }

		#topbariconstable2 a { position:relative;top:0px;left:0px; }
		#topbariconstable2 .active .notsymbol {
										position:absolute;display:inline-block;
										background-image:url(https://cc.diversia.social/pres/layout/misc/star_astroid.svg);
										background-size:contain;
										background-repeat:no-repeat;
										filter: drop-shadow(0px 0px 0px rgba(0,0,0, 0.8));
										top:11px;right:4%;width:9px;height:9px;
										}


		.magic5 { display:inline-block;sfloat:left; margin-left:0px; }
		@media screen and (min-width:1101px) {
			.magic5 { width:18.8%; margin-right:1.5%; }
			.magic5:nth-child(5n) { margin-right:0px; }
		}
		@media screen and (min-width:851px) and (max-width: 1100px) {
			.magic5 { width:23.5%; margin-right:2%; }
			.magic5:nth-child(5n) { margin-right:2%; }
			.magic5:nth-child(4n) { margin-right:0px; }
		}
		@media screen and (min-width:651px) and (max-width: 850px) {
			.magic5 { width:32%; margin-right:2%; }
			.magic5:nth-child(4n) { margin-right:2%; }
			.magic5:nth-child(3n) { margin-right:0px; }
		}
		@media screen and (min-width:401px) and (max-width: 650px) {
			.magic5 { width:49%; margin-right:2%;}
			.magic5:nth-child(3n) { margin-right:2%; }
			.magic5:nth-child(2n) { margin-right:0px; }
		}
		@media screen and (max-width: 400px) {
			.magic5 { width:100%;margin-right:0px;}
		}


		.magic4 { display:inline-block;sfloat:left; margin-left:0px; }
		@media screen and (min-width:1101px) {
			.magic4 { width:23.5%; margin-right:2%; }
			.magic4:nth-child(4n) { margin-right:0px; }
		}
		@media screen and (min-width:801px) and (max-width: 1100px) {
			.magic4 { width:32%; margin-right:2%; }
			.magic4:nth-child(3n) { margin-right:0px; }
		}
		@media screen and (min-width:501px) and (max-width: 800px) {
			.magic4 { width:49%; margin-right:2%;}
			.magic4:nth-child(2n) { margin-right:0px; }
		}
		@media screen and (max-width: 500px) {
			.magic4 { width:100%;margin-right:0px !important;}
		}


		.magic3 { display:inline-block;sfloat:left; margin-left:0px;}
		@media screen and (min-width:1101px) {
			.magic3 { width:32%; margin-right:2%; }
			.magic3:nth-child(3n) { margin-right:0px; }
		}
		@media screen and (min-width:741px) and (max-width: 1100px) {
			.magic3 { width:49%; margin-right:2%;}
			.magic3:nth-child(2n) { margin-right:0px; }
		}
		@media screen and (max-width: 740px) {
			.magic3 { width:100%;margin-right:0px;}
		}


		.magic2 { display:inline-block; margin-right:2%; width:49%; }
		.magic2:nth-child(2n) { margin-right:0px; }
		@media screen and (max-width:1000px) {
			.magic2 { display:inline-block; margin-right:0px; width:100%; }
		}

		
	/* FÄRGLÄGGNING ========================================= */

		.abdls {
            background-color:white;
        }
		/*
		.abdls a { color:var(--linkcol);}
		.abdls .s,
		.abdls .s a,
		.abdls .ssmall,
		.abdls .ssmall a
		{ color:var(--fadecol); }
		*/
		
		.abdls #v5topbarfader {
				position:absolute;top:0px;left:0px;width:100%;height:100%;
				background:linear-gradient(to top, transparent, rgba(255,255,255,0.7) 158px);
		}

		.abdls #v5topbarcontainer {

			box-shadow:0px 0px 10px rgba(0,0,0,0.8);
			sssfont-family: 'Roboto Condensed', helvetica, arial, sans-serif;
			sssfont-size:12px;
			
			background-color: #f9eee1;

            background-image:url(//cc2.abdlscandinavia.com/pres/layout/v7_bg_sky_header_20180321.jpg?2);
            background-size: 100% auto;
            background-position: center bottom;

		}
		.abdls .notblinkingicon { opacity:0.8; }

		.abdls #v5topbar_decocontainer {
			background-repeat:no-repeat;

			background-size: auto 158px;
			background-position: right bottom;
			background-image:url(//cc2.abdlscandinavia.com/pres/layout/v7_2018_09.png?4);

		}
		.abdls #v5footertd {
			background-color: #f7eef6;
			background-image: url(https://cc2.abdlscandinavia.com/pres/layout/v5_bg_sky_header3_whitened.jpg);
			background-size: 150% auto;
			background-position: center top;

		}
		.abdls #v5footertext { color:rgb(140,40,100) !important; }
		.abdls #v5footertext a { color:rgb(140,40,100); }
		.abdls #v5footerinnershadow {
			display:block;
			sssbox-shadow: inset 0px 10px 30px -15px rgba(0,0,0,0.8);
			box-shadow: inset 0px 10px 20px -15px rgba(0,0,0,0.5)
		}
		.abdls #footerslogan { font-family:'Sue Ellen Francisco'; color:rgb(140,40,100); font-size:22px !important; line-height:1.5; margin-bottom:10px; }
		
		
		.abdls #v5headerinnershadow { display:none; box-shadow: 0px 0px 10px rgba(0,0,0,0.5); }
		
		.abdls .v5menuitem_headline {
			color:#424287;
			font-weight:bold;
		}
		.abdls .v5menuitem:hover { background-color:var(--uimenucol); }
		.abdls .v5menuitem:hover .v5menuitem_headline { color:#802080; }
		.abdls .v5menuitem_open,
		.abdls #mainmenu_persmenu {
			box-shadow: 0px 8px 15px rgba(0,0,0,0.5);
			background-color: #f0efee;
			background-color: rgb(254, 247, 252);
		}
		.abdls .v5menuitem_open a { font-weight:bold; padding:8px; color: #802080; }
		.abdls .v5menuitem_open a:hover { color: #802080; background-color:var(--uimenucol); } 

		
		.abdls #v5topbar * { text-shadow: 0px 0px 10px white; }
		.abdls #mainmenu_persmenu { text-shadow: none; }
		.abdls #v5profimg { box-shadow: 0px 0px 10px white; }


		
		/*
		.abdls #v5tabscontainer a {
			    font-weight: bold;
			color:#802080;
		}
		.abdls #v5tabscontainer a:hover {
			ssscolor: rgba(128,32,128,0.5);
		}
		.abdls #v5tabscontainer a.activetab {
			color:#802080;
		}
		*/
        
        
		
		.abdls .newsli { color:inherit; sbackground: rgba(0,100,0,0.05); }
		.abdls .newsli h2 a,
		.abdls .news li h2 a { color:#000000; }
		.abdls .card { box-shadow:0px 3px 10px rgba(0,0,0,0.15); background:white !important; }
		.abdls .semitranspbg { box-shadow: 0px 1px 2px rgba(0,0,0,0.2); }
		.abdls .warningsign { margin-bottom:20px;box-shadow:0px 1px 5px rgba(0,0,0,0.5);padding:10px;background:#ffeeaa;color:#aa0000 !important;  text-align:center; border-radius:var(--borrad); }
		.abdls .warningsign h1,
		.abdls .warningsign h2,
		.abdls .warningsign h3 { color: #aa0000 !important; }
		.abdls .warningsign a { color:#aa0000 !important; }
	
	
	
		/*
		.abdls a:hover, .abdls .s a:hover, .abdls .ssmall a:hover { color:var(--hovercol); }
		*/
		
		.abdls #v5topbar_persinfo { color: black; }
		.abdls #v5topbar_persinfo a { color:#207070; color:#5252a0; color: #802080; }
		.abdls #v5topbar_persinfo a:hover { color:#a080c0; }
		.abdls #v5topbar_persinfo:hover,
		.abdls #v5topbar_persinfo.isopen { background-color:var(--uimenucol); }
		.abdls #v5topbar_persinfo:hover  #v5persmenutriangel a,
		.abdls #v5topbar_persinfo.isopen #v5persmenutriangel a { color: #a080c0; }
		
		.abdls .finbtn {
				border:1px solid rgba(255,255,255,0.5);
				border-left-color: rgba(0,0,0,0.1);
				border-right-color: rgba(0,0,0,0.1);
				border-bottom-color: rgba(0,0,0,0.1);
				background:linear-gradient(to bottom, #ccbbbb, #eedddd);
		}
		.abdls .finbtn:hover {
				background:linear-gradient(to bottom, #c7b7b7, #e7d7d7);
		}
        

		.abdls #v5topbarfader { background-image:url(https://cc2.abdlscandinavia.com/pres/layout/v5_bg_sky_header3.jpg); background-size: 120% auto; background-position: right center; opacity: 0; }

		.abdls { background-color:white; background-size: cover;background-position:center center; background-attachment: fixed; }
		.abdls #v5topbarcontainer { background-image: none; background-color: transparent; box-shadow: none; }
		.abdls #v5topbarcontainer:hover, .abdls #v5topbarcontainer.hasscrolleddown { box-shadow: 0px 0px 10px rgba(0,0,0,0.8); }
		.abdls #v5topbarcontainer:hover #v5topbarfader, .abdls #v5topbarcontainer.hasscrolleddown #v5topbarfader { opacity: 1; }
		.abdls #customheadercontentcontainer,
		.abdls #customheadercontentcontainer a { color: black; font-weight:bold; }
		.abdls #customheadercontentcontainer { text-shadow: 0px 0px 5px white; }

		.abdls #v5headercontainer { background: linear-gradient(rgba(255,255,255,0.7), transparent 70%); }
		.abdls #v5headerinnershadow { display:block; }
		
		.abdls #v5headertd { background-image:url(https://cc2.abdlscandinavia.com/pres/layout/v5_bg_sky_header3.jpg); background-size: cover; background-position: right center; }
		.abdls #v5footertd { background-image:url(https://cc2.abdlscandinavia.com/pres/layout/v5_bg_sky_header3.jpg); background-size: cover; background-position: right center; }

		/*
		.abdls #v5tabscontainer a { box-shadow:0px 0px 8px rgba(0,0,0,0.2); }
		.abdls #v5tabscontainer a.inactivetab { background: linear-gradient(rgba(255,255,255,0.6), rgba(255,255,255,0.3)); backdrop-filter:blur(5px); }
		.abdls #v5tabscontainer a.activetab, 
		.abdls #v5tabscontainer a:hover { background:white; }
		*/
		
		
		.abdls .darkerbackground { background-color: rgba(82,82,160,0.05); }
		
		
					
		@media screen and (min-width: 1000px)
        {
            .abdls #globview
            {
                width:4%;
                height:100%;
                position:absolute;
                bottom:0px;left:46%;
                z-index:1010;
            }
            .abdls #globview a
            {
                width:100%;
                height:100%;
                display:inline-block;
                background-image:url(https://cc2.abdlscandinavia.com/pres/layout/eyeofgod.png);
                background-size: auto 32px;
                background-position: center center;
                background-repeat: no-repeat;
                
            }
            .abdls #globview a:hover
            {
                background-size: auto 36px;
            }
            .abdls #globview a:active
            {
                background-size: auto 28px;
            }
        }
		@media screen and (max-width: 720px)
		{
			.abdls #v5topbar_decocontainer { background-image:none; }
		}


		/* ======================= */
		
		
		.thdef {
			background: black;
			color: var(--normalcol);
		}
		.thdef .newsli{
			background:rgba(255,255,255,0.05);
			color:#d0d0d0; color:rgba(255,255,255,0.85);
		}
		.thdef .news h2 {color:var(--normalcol);}
		.thdef .news h2 a { color:var(--normalcol);}

			
		.thdef #v5footertext,
		.thdef #v5footertext a {
			color:#888888; color: rgba(180,170,180,0.75);
			font-family: roboto condensed, sans-serif;
			font-weight:bold;
		}
		.thdef #v5footertext a:hover { color:red; }
		.thdef #v5footerinnershadow { box-shadow: inset 0px 8px 15px -3px rgba(0,0,0,0.7); }


		.thdef a img { border:0; }
		.thdef .profilename { color:var(--normalcol); }
		.thdef .profilename a { color:var(--normalcol); }

		/*
		.thdef .s,
		.thdef .s a,
		.thdef .ssmall,
		.thdef .ssmall a
			{
				color: var(--fadecol);
			}
		*/
		
		
		/*
		.thdef a:hover, 
		.thdef .s a:hover,
		.thdef .ssmall a:hover
			{
				color:var(--hovercol);
			}
		*/
			
		.thdef #profxtrastatus { color:#aaaaaa;color:rgba(255, 255, 255, 0.6); }
		.thdef #profxtrastatus a { color: var(--normalcol); border-bottom:1px solid rgba(255,255,255,0.2);}
		.thdef #profxtrastatus a:hover { color:var(--normalcol); }
		.thdef #nostatusmsg { color:#aaaaaa;color:rgba(255,255,255,0.6); }
			
		/*
		.thdef #v5tabscontainer a {
            color:#aaaaaa;
            color:rgba(255,255,255,0.6);
		}
		.thdef #v5tabscontainer a.activetab, 
		.thdef #v5tabscontainer a:hover { color:var(--normalcol); }
		*/
		.thdef .v5menuitem_open,
		.thdef #mainmenu_persmenu {
			color:#cccccc; 
			box-shadow: 0px 6px 6px rgba(0,0,0,1);
			background-color: #101010;
			font-weight:normal;
		}
		.thdef .v5menuitem_open a {color:var(--normalcol);}
		.thdef .v5menuitem_open hr { background: var(--semitranspcol);    	} 


		/* Färg på menyitemtext */
		.thdef .v5menuitem_headline { color:#c0c0c0;color:rgba(255,255,255,0.85);}

		
		/* Färg på öppna menyer */
		.thdef .v5menuitem_headline:hover{ color:var(--normalcol); }
		.thdef .openmenuheadline { background-color: var(--uimenucol); opacity: 1 !important; text-shadow:none; }
		
		.thdef #v5topbarcontainer:hover img,
		.thdef #v5topbarcontainer .v5menuitem.openmenuheadline img { filter: none; }

		.thdef .classthatstickstopbarwheninputfocused {
			box-shadow:none !important;
		}

		.thdef .card { box-shadow:0px 3px 5px rgba(0,0,0,0.5); }
		.thdef #mainsplashmore p:first-of-type {  font-family: roboto condensed, sans-serif; margin-bottom:20px !important; margin-top: 20px !important; font-size:26px; }
		

		.thdef #v5headerinnershadow { box-shadow: inset 0px 0px 100px rgba(255,255,255,0.05); }
		
		
		
		.thdef #mainmenu_persmenu a { color:var(--normalcol); }
		.thdef #mainmenu_persmenu a:hover { color:var(--hovercol); }

		.thdef #v5topbar_decocontainer {
			background-image: url(https://cc.diversia.social/pres/layout/v7header_29.jpg?4);
			background-size: auto 158px;
			background-position: right bottom;
			background-repeat:no-repeat;
		}
	
		.thdef #v5footertd {
			background: #202020;
		}
		.thdef #v5footer {
			background: radial-gradient(ellipse farthest-side at top, rgba(0,0,0,0.5) 0%, transparent 100%);
		}
		
		.thdef .v5menuitem:hover,
		.thdef #v5topbar_persinfo:hover { background-color:rgba(255,255,255,0.1);background-color:#990000;text-shadow:none;}
		.thdef #v5topbar_persinfo.membernotloggedin:hover { background: none; }
		
		.thdef #v5headertd
		{
			background-color: black;
			background-image: none; 
		}
		
		.thdef .v5menuitem_open {
			background-color:#101010;
			border-left:3px solid var(--uimenucol);
		}
		.thdef #mainmenu_persmenu {
			background-color:#101010;
			border-right:3px solid var(--uimenucol);
		}
		.thdef #v5topbar_persinfo.isopen {
			background: #990000;
			text-shadow: none;
		}
		.thdef .v5menuitem_open hr {color: #222;background: #222;}
	
        /*
		.thdef.v7design #v5topbarcontainer {
			background-image:none;
			background-color:#202020;
			box-shadow:0px 0px 20px black;
		}
		*/
		
        /*
		.thdef #v5topbar_rightcontrols {
			text-shadow: 0px 0px 3px black;
		}
		*/
		sss.thdef #v5topbar_persinfo:hover  #v5persmenutriangel a,
		sss.thdef #v5topbar_persinfo.isopen #v5persmenutriangel a{ color: red; }
		

		.thdef .finbtn {
				border:1px solid rgba(255,255,255,0.05);
				background:linear-gradient(to bottom, #303036, #404048);
				color: #aaaaaa;
		}
		.thdef .finbtn:hover {
				background:linear-gradient(to bottom, #202024, #303036);
		}


		.thdef #v5topbarcontainer { text-shadow: 0px 0px 3px rgba(0,0,0, 1); }
		.thdef #v5topbarcontainer img { filter: drop-shadow(0px 0px 1px rgba(0,0,0, 0.8)); }
		ssss.thdef #v5topbarfader {						

				background: linear-gradient(
					rgba(0,0,0, 1) 0%,
					rgba(0,0,0, 0.738) 19%,
					rgba(0,0,0, 0.541) 34%,
					rgba(0,0,0, 0.382) 47%,
					rgba(0,0,0, 0.278) 56.5%,
					rgba(0,0,0, 0.194) 65%,
					rgba(0,0,0, 0.126) 73%,
					rgba(0,0,0, 0.075) 80.2%,
					rgba(0,0,0, 0.042) 86.1%,
					rgba(0,0,0, 0.021) 91%,
					rgba(0,0,0, 0.008) 95.2%,
					rgba(0,0,0, 0.002) 98.2%,
					rgba(0,0,0, 0) 100%
				);
				opacity: 0.35;

			}

		.thdef #v5headertd { background: radial-gradient(ellipse at 50% 100%, rgb(35,35,41) 20%, black); /* 47,47,55 at 0% */ }
		.thdef #v5headerinnershadow { 
				display: block;
				box-shadow: none; 

				background: black; 
				background: linear-gradient( 0deg,
					rgba(0,0,0, 1) 0%,
					rgba(0,0,0, 0.738) 19%,
					rgba(0,0,0, 0.541) 34%,
					rgba(0,0,0, 0.382) 47%,
					rgba(0,0,0, 0.278) 56.5%,
					rgba(0,0,0, 0.194) 65%,
					rgba(0,0,0, 0.126) 73%,
					rgba(0,0,0, 0.075) 80.2%,
					rgba(0,0,0, 0.042) 86.1%,
					rgba(0,0,0, 0.021) 91%,
					rgba(0,0,0, 0.008) 95.2%,
					rgba(0,0,0, 0.002) 98.2%,
					rgba(0,0,0, 0) 100%
				);
				opacity:0.1;
				height: 30px;
			}

		.thdef #v5footertd {
			background: radial-gradient(ellipse at 50% 0%, rgb(33,33,39), black) !important; /* 23,23,28 */
			}
		.thdef #v5footer { background:none; }
		
		.thdef { background-color:black; sssbackground-image:url(https://cc.diversia.social/pres/layout/v8_bgblack_02.jpg);background-size: cover;background-position:center center; }
		.thdef #v5footerinnershadow {
				display: block;
				box-shadow: inset 0px 10px 20px -3px rgba(0,0,0,0.6); 
			}
		.thdef #v5topbarcontainer:hover,
		.thdef #v5topbarcontainer.hasscrolleddown { background-color:rgba(0,0,0,0.3); box-shadow: 0px 0px 10px rgba(0,0,0,0.2); }
		.thdef #v5topbarcontainer.hasscrolleddown #v5topbarblurrer { backdrop-filter:blur(3px);  }
		.thdef #v5maintd {
			sssbackground-color: rgba(36,36,48,1);
			sssbackground-image:none;
			box-shadow:0px 5px 4px rgba(0,0,0,0.6);
			sssbackground:linear-gradient(rgb(36,36,48), rgb(24 24 32) 100px, rgb(23 23 30) 150px, rgb(23 23 30) 200px)
			}
		.thdef #customheadercontentcontainer,
		.thdef #customheadercontentcontainer a { color: white; }
		.thdef #customheadercontentcontainer { text-shadow: 0px 0px 3px black; font-weight:700; }

		/*
		.thdef #v5tabscontainer a { box-shadow:0px 0px 10px rgba(0,0,0, 0.25); }
		.thdef #v5tabscontainer a.inactivetab {	background:linear-gradient(rgba(60,60,80,0.6), rgba(30,30,40,0.8) 70%, rgba(0,0,0,0.5) 100%); color:rgba(255,255,255,0.9); }
		.thdef #v5tabscontainer a.inactivetab {	backdrop-filter:blur(7px); }
		.thdef #v5tabscontainer a.activetab, 
		.thdef #v5tabscontainer a:hover { background:linear-gradient(rgba(54,54,72,1), rgba(36,36,48,1) ); color: white; }
		*/
		
		.thdef #topbariconstable2 a:hover { background-color: var(--uimenucol); }
		.thdef .v5menuitem:hover, .thdef #v5topbar_persinfo:hover, .thdef #v5topbar_persinfo.isopen { background-color: var(--uimenucol); }
		.thdef .v5menuitem_open { background-color:var(--backgroundcol); border-left-color: var(--uimenucol); }
		.thdef .v5menuitem_open hr { color: rgba(255,255,255,0.1); background:rgba(255,255,255,0.1); }
		.thdef .v5menuitem_open a:hover { background-color: var(--uimenucol); color: var(--normalcol); }
		.thdef #mainmenu_persmenu { sbackground-color:rgba(0,0,0,0.5); background-color:var(--backgroundcol); border-right-color: var(--uimenucol); }
		.thdef #statusbarvipsection:hover { background-color: var(--uimenucol); text-shadow:none; }
		
		ssss.thdef .card { box-shadow: 0px 2px 10px rgba(0,0,0,0.7); }
		.thdef .semitranspbg { box-shadow: 0px 1px 5px rgba(0,0,0,0.5); }
		
		.thdef .warningsign { background: #550000; padding:12px; color: white; border-radius:var(--borrad); }
		
		.thdef .v5menuitem_headline { color: rgba(255,255,255,1); }
		sss.thdef #profxtrastatus { color: rgba(255,255,255,0.5); }
		sss.thdef #profxtrastatus a { color: rgba(255,255,255,0.9); }
		.thdef #profxtrastatus a:hover { color: var(--hovercol); }
		
		.thdef .nostatusmsg { color: rgba(255,255,255,0.5); opacity: 1; }
		
		.thdef .darkerbackground { background-color:rgba(0,0,0,0.2); }




		
		
	/* CSS FÖR MOBIL / RESPONSIVITET BEGIN ============================ */
	
	
		@media screen and (max-width: 1140px) {
			#profxtrastatus { width:120px;}
			
		}

		/* Gamla skärmar: något mindre flikar */ 
		@media screen and (max-width: 1050px) {
		    #loginflaggcontainer { max-width:90px; padding-top:7px; padding-right:0px;}
		    #loginflaggcontainer a { margin-right:2px; }
		    #loginflaggcontainer img { height:16px; width:16px; }
            
		}

		@media screen and (max-width: 1000px) {
			.v5menuitem_headline span { font-size:11px; }
		}
		@media screen and (max-width: 940px) {
			#profxtrastatus { width:100px;}
		}

		

		@media screen and (max-width: 880px) {
			
			#twolinescontainer { display: none; }
			
		}

	
				
		@media screen and (max-width: 820px) {
			#statusbarvipsection {display: none;}
			#mobil_vip_alert_container { display: block; }
		}
	
		/* Surfplatta / skärmar under 800px breda */
		@media screen and (max-width: 790px) {
		    .videoframe { max-width:100%; }
		    #v5footerad2 { display:none;}
		    ssss#footerslogan { display:none;}
		}



		
		@media screen and (max-width: 750px)
		{
			/* Om vi har en liten skärm ska vi göra så att inloggningsrutan öppnas med knapptryck, annars får vi inte plats med allt. */

			#v5topbar_persinfo.membernotloggedin { display:none; background: none; }
			sssss#v5topbar_loginbtn.membernotloggedin { display:block; z-index:20000; }
			sssss.clickedloginbtn #v5topbar_persinfo { display:block !important; z-index:20000; width:100%; padding-right:10px;padding-left:10px; box-sizing:border-box; }
			sssss.clickedloginbtn #v5topbar_loginbtn { display:none !important;  }
			sssss#v5topbar_loginbtn_flags { float:left;width:80px; height:100%; text-align:center;}
			sssss#v5topbar_loginbtn_flags img { width:18px; height:18px; padding-right:2px; }
			sssss#v5topbar_loginbtn { position:absolute;top:0px;right:0px;padding:8px;z-index:10; }
			sssss#v5topbar_loginbtn input { height:40px; width:70px; font-size:17px; }
			.clickedloginbtn #loginflaggcontainer { display:none !important; }
			.clickedloginbtn #v5menu_full { display:none; }
			#v5topbar_persinfo.membernotloggedin table { width:100%; }
			sssss#loginform td { width:33%;box-sizing:border-box; }
			.logincontrolw, .loginsubmcol { width:100% !important; }
			


            .v5menuitem_headline span {display: none;}
		}
			

		@media screen and (max-width: 720px)
		{
			#profxtrastatus { display:none; }
			#v5persmenutriangel { display: none; }

			
		}
			
		
		

		/* Surfplattestorlek: Minimala flikar */
		@media screen and (max-width: 666px) {
			
			/*
			.blinker {
				animation: none;
				-webkit-animation: none;
				-moz-animation: none;
			}
			*/
			
			#mobileversioninfo { display:block; }


			.profnamemsg { width:0px;}
			
			.logincontrolw { width:70px; }
			.loginsubmcol { width:70px;overflow:hidden;white-space: nowrap; }
			.loginsubmcol input[type="button"] { width:100% !important; }
			
			#profile_statusmsg_container { max-width:300px;}
			
			#v5topbar { padding:0px;}
			#v5persmenutriangel { display:none !important; }			

			.hidewhenmobile { display: none !important; }
		}
		@media screen and (min-width: 666px) {
		        .showwhenmobile { display: none !important; }
		}
					
		@media screen and (max-height: 620px) {
			
			/* För gamla iphones och andra äldre telefoner ska vi tränga ihop menyerna så de inte riskerar att hamna utanför skärmen */

			.richmenuitem div,
			.abdls .richmenuitem div,
			.thdef .richmenuitem div
			{ display:none;}
		}

		
        /*
		@media screen and (max-width: 595px) {
			.v5menuitem_headline span {display: none;}
		}
		*/
		
			
		@media screen and (max-width: 479px) {

			.v5menuitem_open { ssswidth:50vw; sssmax-height:calc(100vh - 100px); overflow-y:auto; overflow-x:hidden; }
			

			.commarearemovecol { width:auto; text-align:right; }
			#v5footertd .zz { max-width:160px; overflow:hidden; }
			
			#v5footertext { text-align: center; }
			#v5footerinnercontents { text-align:center; }
			#v5footerad1 { float: none !important; margin-bottom:30px; margin-left:0px !important; }
			
			.abdls #v5topbar_decocontainer { display:none; }

			#v5topbar_rightcontrols { width: 50%; }
			#v5menu_full { width: 50%; }

			
			/* För smartphones : Toppbarikoner ska resiza enligt följande: */

			#v5topbar_persinfo { position:absolute; top:0px;right:0px; z-index:2; width:48px; }
			.v5menuitem { border-left:0px !important;}
			ssss.v5menuitem a { padding-left: 2px;padding-right:2px;}
			ssss.v5menuitem_open a { padding-left: 8px;padding-right:8px;}
			.v5menuitem_headline {
				border:0px !important;
				padding-left:3px;
				padding-right:4px;
				box-sizing:border-box;
				width:100%;
			}
			.v5menuitem_headline img { width:100% !important;max-width:20px !important;height:auto;}
			
			#v5blinkarea { width:95%; z-index:1; }
			#v5blinktablewrapper { width:100%; }
			#topbariconstable2 { width: 30vw; }						
			#topbariconstable2 { position:absolute;right:50px;top:0px; left: auto; }
			sss#topbariconstable2 a { width: calc(9vw - 6px); }
            

		}
		
		
		/*
		@media screen and (max-height:510px), screen and (max-width:510px)
		{
			.v5menuitem_open,
			#mainmenu_persmenu{ max-height: calc(100vh - 97px); }
		}


		@media screen and (min-height:490px)
		{
			#v5topbarcontainer.floatingtopmenu .v5menuitem_open,
			#v5topbarcontainer.floatingtopmenu #mainmenu_persmenu{ max-height: calc(100vh - 97px); }
		}
		*/
		

		
		@media print
		{
			#v5topbarcontainer,
			#v5topbarcontainer_trpusher,
			#v5headertd,
			#v5footertd,
			.zz,
			.hidewhenprint
			{
				display: none !important;
			}
            #v5maintd {
                box-shadow: none !important;
				background:none !important;
                background-color: white !important;
                color: black !important;
            }
			
		}

		/* VISA BACK BUTTON NAVIGATION OM VI ÄR I FULLSCREEN BEGIN ================================== */
		/* För android-PWA */
		sss@media (display-mode: fullscreen) and (max-width: 600px)
		{
			#v5menuitembackbutton { display: inline-block; }
			.v5menuitem { max-width: 12%; }
			#v5topbar_rightcontrols { width: 48%; }
			#v5menu_full { width: 52%; }
		}
		sss@media (display-mode: standalone) and (max-width: 600px)
		{
			#v5menuitembackbutton { display: inline-block; }
			.v5menuitem { max-width: 12%; }
			#v5topbar_rightcontrols { width: 48%; }
			#v5menu_full { width: 52%; }
		}
		/* För IOS */
		sss@media screen and (max-width: 600px)
		{
			.siteisdisplayedinstandalonemode #v5menuitembackbutton { display: inline-block; }
			.siteisdisplayedinstandalonemode .v5menuitem { max-width: 12%; }
			.siteisdisplayedinstandalonemode #v5topbar_rightcontrols { width: 48%; }
			.siteisdisplayedinstandalonemode #v5menu_full { width: 52%; }
		}
		/* VISA BACK BUTTON NAVIGATION OM VI ÄR I FULLSCREEN END ================================== */