/* åäö ÅÄÖ */

		html {padding:0px;margin:0px;height:100%;width:100%;}
		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:rgba(120,120,120,0.3); background:rgba(120,120,120,0.3); }
		
		
		body {
			height:100%;overflow-y:scroll;
			font-size:12px;
			padding:0px;margin:0px;
		}
		body, input, textarea, select { font-family:roboto,helvetica,arial,sans-serif; }

		#v5omnitbl { table-layout:fixed; }


		.news {
			margin-top:0px;
			margin-left:0px;
			padding-left:0px;
			list-style-type:none;
		
			font-size:11px;
			line-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;width:180px;font-size:10px; text-align:left;line-height:1.3;  }
		.spotlightcontainer .spotlight_positioner { position:relative;top:0px;left:0px;width:180px;height:130px; border-radius:0px; }
		.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:10px;width:157px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top:1px;line-height:13px;position:absolute;top:3px;left:4px; }
		.spotlightcontainer .spotlight_positioner .spotlight_imgcontainer { height:100px;width:60px;margin-right:4px;position:absolute; bottom:4px;left:4px; }
		.spotlightcontainer .spotlight_positioner .spotlight_imgcontainer img { height:80px; width:60px;border:0px;border-radius:2px; box-shadow:0px 1px 3px rgba(0,0,0,0.2); }
		.spotlightcontainer .spotlight_positioner .spotlight_textcontainer { font-size:10px;height:100px; width:108px; font-family:sans-serif; overflow-y:auto; overflow-x:hidden; position:absolute;bottom:4px;right:4px; }


		.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 { margin-left:auto;margin-right:auto;max-width:1140px;}
		
		#v5footer { padding-top:30px; padding-bottom:30px; }
		
		#v5maincontents { position:relative;left:0px;top:0px;margin-bottom:20px;margin-top:20px;line-height:1.4; min-height:300px;overflow-x:auto; overflow-y:visible;
		
		
			padding-left:10px;padding-right:10px;
		}
		
		main { padding-bottom:10px; }

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


		#v5headertd {
			padding:0px;
			overflow: visible;
			height: 50px;
		} 
		#v5headertd.hidetabs { height: 0px; }
		#v5maintd {
			padding:0px;
			overflow: visible;padding-bottom:50px;
		}
		#v5footertd {
			padding:0px;
		}
		

		#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 {
			margin-bottom:9px;
			font-size:13px;
		}
		
		.b { line-height:1.4; font-size:13px;}
		b { font-weight:700;}

		

		h3 {
			font-size:26px;font-weight:normal;
			border-style: solid;
			border-bottom-width: 0px; border-top-width: 0px; border-left-width: 0px; border-right-width: 0px;
		}





		h4, h5 { font-size:13px;font-weight:700;}
	
		
		.profilename a { text-decoration:none; }
		.profilename a:hover { text-decoration:underline; }
		
		#v5profinfopic {
			border-radius:2px;
			position:relative; top:0px;left:0px; border-radius:0px;
		}
		
		#profnamemsgcontainer { cursor:pointer;float:right;height:100%;width:110px;padding-left:8px;position:relative; }
		#v5profname { padding-top:4px; }
		#v5profstat { padding-top:1px; }
		.profnamemsg { width:71px;sheight:16px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; }
		
		.ssmall   { font-size:11px;}


		#loginform input {
			padding:2px;
			margin:0px;
			font-size:13px;
			line-height:13px;
		}



		.narrow { font-size:11px; font-weight:normal; }
		

		@keyframes myfirst {
			0% {opacity: 0;}
			50% {opacity: 1;}
			100% {opacity: 0;}
		}
		@-webkit-keyframes myfirst {
			0% {opacity: 0;}
			50% {opacity: 1;}
			100% {opacity: 0;}
		    }
		@-moz-keyframes myfirst {
			0% {opacity: 0;}
			50% {opacity: 1;}
			100% {opacity: 0;}
		    }
		.blinker {
		  animation: myfirst 2s infinite;
		  -webkit-animation: myfirst 2s infinite;
		  -moz-animation: myfirst 2s infinite;
		}
		
		#ldwaiter { width:100%;height:100%;position:fixed;left:0px;top:0px;background:rgba(0,0,0,0.15);z-index:3000;display:none;text-align:center; cursor:wait; }
		#ldwaiter div { margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto; margin-top:100px; width:48px; height:48px; background: url(//cc5.darkside.se/pres/layout/spinner.gif); }
		
		.commmain img { max-width:100%; }
		
		.warningsign { margin-bottom:20px;padding:10px;color:white !important;
			/*background:#220000;border:2px solid #cc0000; */
			text-align:center; border-radius:2px; 
			background:#440000; border:none;
			}
		.warningsign h1, .warningsign h2, .warningsign h3 { color: white !important; }
		.warningsign a { color:white !important; }
		.warningsign a:hover { color:red !important; }

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

			max-height:300px;
			max-height:calc(100vh - 170px);
			overflow-y:auto;
			box-sizing:border-box;
			background-image:none;
			
			width:450px;
			
			max-width:90vw;
			
			padding-bottom:20px;
		}
		
		.abdls #mainmenu_persmenu {
				width:500px;
		}

		#v5persmenutriangel{ overflow:hidden; }

		#v5topbar_persinfo {float:right;height:58px;position:relative;}
		
		#v5topbar_decocontainer {
			width:100%;height:100%;
			position:absolute;top:0px;left:0px;
			overflow:hidden;
		}
		#v5topbar_decocontainer #v5topbar_decologo {
			height:auto; width:350px; max-width:100%;
			position:absolute;left:0px; bottom:58px;
			opacity:1;
			transition: opacity 0.8s;
		}
		#v5topbar_decocontainer #v5topbar_decologo img {
			width:100%;
		}



		#v5besokare { display:none; }
		
		
	
		#v5tabscontainer div {
			font-family: oswald, roboto condensed, sans-serif; font-size:13px; float:left;margin-right:10px;
		}
		#v5tabscontainer div a {
						text-align:center;
						font-size:13px;line-height:20px;padding:8px;
						display:block;
						text-decoration:none;
						white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
						padding-left:2px; padding-right:2px;						
					}
					
	
		.v5menuitem { position:relative;top:0px;left:0px;display:inline-block;
			*display:inline; zoom:1; /* för retarderade IE7 */
			height:58px; margin:0; padding:0;
			background:none;
			transition: background 0.2s;
		}
		.v5menuitem_open {
			font-size:12px;
			width:240px;
			position:absolute;
			display:none;
			left:0px;top:58px; 

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


		}
		
		.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:5px; font-size:13px;
		
			-webkit-tap-highlight-color: transparent; /* tar bort den buggigt displaceade blåa länkblobben som webkit för android visar på felaktigt sätt */
		}
		.richmenuitem { font-weight:normal; font-size:17px !important;}
		.richmenuitem div { font-size:11px; font-weight:normal;}



		
		.v5menuitem_open hr { 
			    border: 0;
			    height: 1px;
		}
		#v5menu_full { margin:0; padding:0px; padding-top:0px; height:58px; position:absolute;left:0px;bottom:0px;width:100%; } 
		
		#holder { position:relative;min-height:100%; }
	
		#v5topbarcontainer {
			z-index:1000;
			min-height:58px;
			position:absolute;left:0px;top:0px;
			width:100%;min-width:100%;
			font-size:13px;
			text-rendering: optimizeLegibility;
		}
		#v5topbarcontainer * {
			text-rendering: optimizeLegibility;
		}
		#v5topbarcontainer,
		#v5topbarcontainer input
		{
			font-family: oswald, sans-serif;
		}

		#v5topbarcontainer_trpusher,
		#v5topbarcontainer_tdpusher, 
		#v5topbarcontainer {
			height:158px;
			width:100%;
			padding:0px;
		}

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

		.logincontrolw { width:115px; }
		#loginflaggcontainer { float:left;padding-top:16px;padding-right:20px; }
		#loginflaggcontainer a { display:inline;margin-right:8px; }
		#loginflaggcontainer img { width:22px;height:22px;border:0; }
		
		
		#v5headerinnershadow{ z-index:1;width:100%;height:100%;position:absolute;left:0px;bottom:0px; display:none; }
		#v5headertd.customheader #v5headerinnershadow
		{
			display:block;
		}
		
		#profxtrastatus {float:right;height:42px;max-width:150px;margin-left:4px; white-space: nowrap; line-height:19px;padding-top:9px; overflow: hidden; text-overflow: ellipsis; }
		#profxtrastatus a { text-decoration: none; }
		#profxtrastatus a:hover { color:red; border-bottom:0; }
		

		
		.v5menuitem:first-child { border-left:none; }
		.v5menuitem_headline {
			height:50px; padding:8px 2px 0px 2px; margin:0; display:block; width:65px; text-align:center; line-height:1; text-decoration: none;
			float:left; position:relative;
		}
		.v5menuitem_headline img { padding:0px;margin:0px 0px 2px 0px; width:18px;height:18px;}
		.v5menuitem_headline span { width:100%; height:16px; margin-bottom:1px; sfont-size:12px; padding-top:3px; display:block; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
		.v5menuhint { opacity:0.7;display:block; height:4px;background:url(//cc5.darkside.se/pres/layout/v5_menu_tinyarrowdown.gif?2); background-position: center;  background-repeat:no-repeat;}


		
		
		
		
		.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%; }
		#mobil_vip_alert_container { display:none;position:absolute; top:60px;right:0px; text-align:right;}
		
		#v4clublogocontainer {
			z-index:3;overflow:hidden;border-radius:2px;width:350px;height:140px;background:#000000;
			position:relative; top:-2px;left:0px; border-radius:0px;
		}

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

		.classthatstickstopbarwheninputfocused {
			position: absolute !important;
			top: 0px !important;
		}
		
		
		.card { border-radius:3px;  }

		#v5topbar_loginbtn { display:none; }
		
		#topbariconstable #topbariconstable_feedtd img { height:25px;padding-top:6px;padding-bottom:6px;border:0px; }
		#topbariconstable #topbariconstable_mailtd img { height:25px;padding-top:6px;padding-bottom:6px;border:0px; }
		#topbariconstable #topbariconstable_resptd img { width:20px;height:20px;padding-top:10px;padding-bottom:10px;padding-left:6px;padding-right:6px; border:0px; }
		#topbariconstable #topbariconstable_requtd img { width:20px;height:20px;padding-top:10px;padding-bottom:10px;padding-left:6px;padding-right:6px; border:0px; }
		#topbariconstable #topbariconstable_matetd img { width:18px;height:18px;padding-top:11px;padding-bottom:11px;padding-left:6px;padding-right:6px; border:0px; }
		
		#topbariconstable td { border-top: 6px solid transparent; }
		#topbariconstable .v5statusbarvipinfo { border-top: 0px; }
		

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

		
	/* FÄRGLÄGGNING ========================================= */
	
	
		.abdls { color: black; }
		.abdls a { color: #2027dc;}
		.abdls .s,
		.abdls .s a,
		.abdls .ssmall,
		.abdls .ssmall a
		{ color:rgba(0,0,0,0.5); }
		
		.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 {

			/*
			background-color: #acc2ca;
			sbackground:linear-gradient(to top, #9cc2ca, #bcd2da, #8cc2ca);
			*/

			box-shadow:0px 0px 10px rgba(0,0,0,0.8);
			font-family: 'Roboto Condensed', helvetica, arial, sans-serif;
			font-size:12px;
			
			background-color: #f9eee1;
			/*
			background-image:url(https://cc2.abdlscandinavia.com/pres/layout/v5_bg_sky_header3.jpg);
			background-size: 120% auto;
			background-position: right center;
			*/

				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-position: right bottom;
			background-image: url(https://cc2.abdlscandinavia.com/pres/layout/v7_06.png?topbar_20170419.jpg);
			background-size: auto 158px;
			*/

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


		}
		.abdls #v5footertd {
			background-image:url(https://cc2.abdlscandinavia.com/pres/layout/v5_bg_sky_header3.jpg);
			background-color: rgb(247,191,230);
			/*
			sbackground:linear-gradient(to right, #dcb1b8, #f8efde, #e5eae4, #cad4d6);
			sbackground: #acc2ca;
			sbackground: #e5eaef;
			sbackground: #f0efee;
			*/
			background-size: 120% auto;
			background-position: right center;
			background: #f7eef6;


			background-image: url(https://cc2.abdlscandinavia.com/pres/layout/v5_bg_sky_header3.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;
			box-shadow: inset 0px 10px 30px -15px rgba(0,0,0,0.8);
			background:rgba(255,255,255,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 #v5maintd,
		.abdls #v5headertd
		{
			background:white;
			sbackground:rgb(254, 247, 252);
			
		}
		.abdls #v5headertd.customheader
		{
			/*
			background: #e5eaef;
			background: #f0efee;
			*/
			background-color: #f7eef6;
			
			background-image: url(https://cc2.abdlscandinavia.com/pres/layout/v5_bg_sky_header3.jpg);
			background-size: 150% auto;
			background-position: center top;
		}
		
		.abdls #v5headertd.customheader #v5headerinnershadow
		{
			background:rgba(255,255,255,0.5);
			
		}

		.abdls #v5headerinnershadow { box-shadow: inset 0px 0px 40px rgba(0,0,0,0.1); }
		
		.abdls #v5topbar_decocontainer #v5topbar_decologo { width: 500px; max-width:100%; }

		.abdls .v5menuitem_headline {
			/*
			scolor:#207070;
			scolor:rgb(128,32,128);
			*/
			color:#424287;
			font-weight:bold;
		}
		.abdls .v5menuitem_headline:hover { color:#104040; background:#d5e4ea;background:rgba(255,255,255,0.2); }
		.abdls .v5menuitem_open,
		.abdls #mainmenu_persmenu {
			box-shadow: 0px 8px 15px rgba(0,0,0,0.5);
			sbackground-color: #d5e4ea;
			background-color: #f0efee;
			background-color: rgb(254, 247, 252);
		}
		.abdls .v5menuitem_open a { font-weight:bold; padding:8px; color: black; color: #774b82; }
		.abdls .v5menuitem_open a:hover { background:rgba(255,255,255,0.5); background:#f8f7f7; background:rgba(100,0,100,0.1); color:black; }
		.abdls .openmenuheadline { sbackground: #d5e4ea; color:#104040; sbackground:#f8f7f7; sbackground:#f0efee; background:rgb(254, 247, 252); background:rgba(255,255,255,0.2);}
		.abdls .v5menuitem_open hr { 
			    background: #ccc;    	
		}

		
		.abdls #v5topbar_persinfo { font-size:13px; }
		.abdls #v5topbar_persinfo * { text-shadow: 0px 0px 15px white, 0px 0px 15px white, 0px 0px 15px white, 0px 0px 15px white; }
		.abdls #mainmenu_persmenu { text-shadow: none; }
		.abdls #v5profimg { box-shadow: 0px 0px 10px white; }


		.abdls .l1 { background:#f0f0f0; sbackground: rgba(50,120,50,0.07); background: rgba(50,20,50,0.05); }
		.abdls .l2 { background:#e7e7e7; sbackground: rgba(50,120,50,0.12); background: rgba(50,20,50,0.08); }
		.abdls .semitranspbg { background: rgba(90,20,90,0.08); }
		.abdls h3 { scolor: #c060c0;
			color:#b960b9;
			font-weight:bold;
			    sfont-family: sPrincess Sofia, Milonga, Mystery Quest, sSue Ellen Francisco, Emilys Candy, Berkshire Swash, Griffy, sans-serif;
			    sfont-size:40px;
		}
		.abdls #v5tabscontainer div {
			    font-weight: bold;
			border-bottom: 3px solid rgba(100,0,100,0.1);
		}
		.abdls #v5tabscontainer div a {
			color:#802080;
		}
		.abdls #v5tabscontainer div:hover {
			border-bottom:3px solid rgba(128,32,128,0.5);
		}
		.abdls #v5tabscontainer div:hover a {
			color: rgba(128,32,128,0.5);
		}
		.abdls #v5tabscontainer div.activetab a {
			color:#802080;
		}
		.abdls #v5tabscontainer div.activetab {
			border-bottom:3px solid rgba(128,32,128,1);
		}
		.abdls .v5menuhint { opacity:0.4 !important;background:url(//cc2.abdlscandinavia.com/pres/layout/v5_menu_tinyarrowdown_black.gif?2); background-position: center;  background-repeat:no-repeat;}
		.abdls .picshadow { border-radius: 2px; }
		.abdls .bgbar {  padding:6px; spadding-top:9px; background:#b960b9; background:#c374c3; color:#ffffff; font-weight:700; box-shadow:none; border-radius:2px; padding-left:4px;}
		.abdls .bgbar a { color:#ffffff; }
		.abdls .bgbar a:hover { color:#e990e9; }
		.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 20px rgba(0,0,0,0.2); background:white; }
		.abdls .warningsign { margin:3px;margin-bottom:20px;box-shadow:0px 1px 5px rgba(0,0,0,0.5);padding:10px;background:#ffeeaa;color:#aa0000 !important;  sborder:1px solid #aa0000;text-align:center; border-radius:2px; }
		.abdls .warningsign h1,
		.abdls .warningsign h2,
		.abdls .warningsign h3, { color: #aa0000 !important; }
		.abdls .warningsign a { color:#aa0000 !important; }
		.abdls .stdtextcol { color:black; }
	
	
	
		.abdls a:hover, .abdls .s a:hover, .abdls .ssmall a:hover { color:#7777ff; }
		
		.abdls #v5topbar_persinfo { color: black; }
		.abdls #v5topbar_persinfo a { color:#207070; color:#5252a0; }
		.abdls #v5topbar_persinfo a:hover { color:#a080c0; text-decoration: underline; }
		.abdls #v5topbar_persinfo:hover,
		.abdls #v5topbar_persinfo.isopen { background: rgba(255,255,255,0.3) !important; }
		.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);
		}


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

			
		.thdef #v5footertext,
		.thdef #v5footertext a {
			color:#888888; color: rgba(180,170,180,0.75);
			font-family: oswald, sans-serif;
		}
		.thdef #v5footertext a:hover { color:red; }
		.thdef #v5footerinnershadow {
			
			sssbox-shadow:inset 0px 3px 5px rgba(0,0,0,0.6);
		
			box-shadow: inset 0px 8px 15px -3px rgba(0,0,0,0.7);
		} 
		.thdef .bgbar {
			sbackground: rgba(0,0,0,0.7);
			border-bottom: 2px solid #aa0000;
			color:white;
			color:#aa0000;
			font-size:14px;
			padding:0px;
			padding-bottom:3px;

			font-family: oswald, sans-serif;
		}
		.thdef .bgbar a { color:white; color:#aa0000; }
		.thdef .bgbar a:hover { color:#ff0000;}

		.thdef .l1 {	background: #181818; background:rgba(100,100,100,0.2); background:rgba(100,100,100,0.25); }
		.thdef .l2 {	background: #202020; background:rgba(100,100,100,0.3); background:rgba(100,100,100,0.35); }
		.thdef .semitranspbg { background: rgba(255,255,255,0.12); }
		.thdef h3 { border-color:#bb0000; }
		.thdef h3,
		.thdef h3 a { color:#bb0000; }
		.thdef h3 a:hover { color:#880000; }
		.thdef h1,
		.thdef h2,
		.thdef h3 { font-family: oswald, sans-serif; }
		.thdef a { color:#FFCEA9; }
		.thdef .stdtextcol { color:white; }
		.thdef a img { border:0; }
		.thdef a:hover { color:#ff0000; }
		.thdef .profilename { color:#f0f0f0; }
		.thdef .profilename a { color:#f0f0f0; }

		.thdef #loginform { color:#999999; }
		.thdef #loginform_id,
		.thdef #loginform_pw  {
			background:transparent;
			border:1px solid rgba(255,255,255,0.7);
			border-radius:2px;
			color:#ffffff;
		}
		.thdef #loginform a { color:#999999; }
		.thdef #loginform a:hover { color:#ff0000; }
		
		.thdef .s,
		.thdef .s a,
		.thdef .ssmall,
		.thdef .ssmall a
			{
				color:#aaaaaa;
				color: rgba(226,175,180,0.7);
			}
		.thdef .s a:hover,
		.thdef .ssmall a:hover
			{
				color:#ff0000;
			}
			
		.thdef #profxtrastatus { color:#aaaaaa;color:rgba(255, 255, 255, 0.6); }
		.thdef #profxtrastatus a { color: white;color:rgba(255, 255, 255, 0.9); border-bottom:1px solid rgba(255,255,255,0.2);}
		.thdef #profxtrastatus a:hover { color:white; }
		.thdef #nostatusmsg { color:#aaaaaa;color:rgba(255,255,255,0.6); }
			
		.thdef #v5tabscontainer div {
			border-bottom: 3px solid rgba(255,255,255,0.2);
		} 
		.thdef #v5tabscontainer div a {
						color:#aaaaaa;
						color:rgba(255,255,255,0.6);
		}
		.thdef #v5tabscontainer div.activetab { border-bottom: 3px solid #aa0000; }
		.thdef #v5tabscontainer div:hover { border-bottom: 3px solid #770000;  }

		.thdef #v5tabscontainer div.activetab a,
		.thdef #v5tabscontainer div a:hover { color:white; }
		.thdef .v5menuitem_open,
		.thdef #mainmenu_persmenu {
			color:#cccccc; 
			box-shadow: 0px 10px 20px rgba(0,0,0,1);
			background-color: #101010;
		}
		.thdef .v5menuitem_open a {color:#f0f0f0;}
		.thdef .v5menuitem_open hr { 
			    background: #555;    	
		} 


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

		/* Färg på hovrade menyitems */
		.thdef .memberloggedin:hover,
		.thdef .v5menuitem:hover { background:rgba(255,255,255,0.1);background: linear-gradient(rgba(255,255,255,0.18), transparent);}
		
		/* Färg på öppna menyer */
		.thdef .v5menuitem_headline:hover{ color:#ffffff;}
		.thdef .openmenuheadline { background: #202020;}
		.thdef .openmenuheadline span { color: #ffffff;}

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

		.thdef .card { background:rgba(255,255,255,0.17); background:rgba(100,100,100,0.4); box-shadow:0px 3px 20px rgba(0,0,0,0.2); }
		.thdef #mainsplashmore p:first-of-type {  font-family: oswald, sans-serif; margin-bottom:20px !important; margin-top: 20px !important; font-size:26px; }
		.thdef #topbariconstable { height:48px; }
		.thdef #topbariconstable td { border-bottom:4px solid transparent; }
		.thdef #topbariconstable .blinkingicontd { border-bottom:3px solid #bb0000; }
		

		.thdef #v5headerinnershadow { box-shadow: inset 0px 0px 100px rgba(255,255,255,0.05); }
		
		
		.thdef .v5statusbarvipinfo a { color:rgba(255,255,255,0.5) !important; }
		.thdef #v5maintd { background: black; }
		
		.thdef .profilename { font-family: oswald, sans-serif; font-size:13px; }
		.thdef #mainmenu_persmenu a { color:#ffffff; }

		.thdef .openmenuheadline { background: #101010;}

		.thdef .v5menuitem_open a:hover,
		.thdef #mainmenu_persmenu a:hover { background:#777777; background:rgba(255,255,255,0.1); color:#ffffff; }

		.thdef #v5topbar_decocontainer {
			background-image: url(https://cc5.darkside.se/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:rgba(255,255,255,0.1);background:#990000;text-shadow:none;}
		.thdef #v5topbar_persinfo.membernotloggedin:hover { background: none; }
		
		.thdef #v5headertd
		{
			background-color: black;
			background-image: none; 
		}
		.thdef #v5headertd.customheader
		{
			background-color: #0c0c0c;
		}
		
		.thdef .v5menuitem_open {
			background-color:#101010;
			border-left:3px solid #990000;
		}
		.thdef #mainmenu_persmenu {
			background-color:#101010;
			border-right:3px solid #990000;
		}
		.thdef .openmenuheadline {
			background: #990000;
		}
		.thdef #v5topbar_persinfo.isopen {
			background: #990000 !important;
			text-shadow: none;
		}
		.thdef .v5menuitem_open hr {
			color: #222;
			background: #222;
		}
	
		.thdef #v5topbarcontainer {
			background-image:none;
			background-color:#202020;
			box-shadow:0px 0px 20px black;
		}
		
		.thdef #v5topbar_rightcontrols {
			text-shadow: 0px 0px 3px black;
		}
		.thdef #v5topbar_persinfo:hover  #v5persmenutriangel a,
		.thdef #v5topbar_persinfo.isopen #v5persmenutriangel a{ color: red; }
		

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


		
		
	/* CSS FÖR MOBIL / RESPONSIVITET BEGIN ============================ */
	
	
		@media screen and (max-width: 1160px) {
		
			/*
			#v5tabscontainer { padding-left: 5px; }
			#v5maincontents { max-width:1120px;padding-left:10px;padding-right:10px; }
			*/
		}
		
		@media screen and (max-width: 1100px) {
			.v5menuitem_headline {width:55px;}
			.v5menuitem_headline span { font-size:11px; }
			#profxtrastatus { max-width:120px;}
		}

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

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

		

		@media screen and (max-width: 850px) {
			/* #v5tabscontainer div a { padding-left:6px;padding-right:6px;} */
			#profnamemsgcontainer {width:75px;} 
			.profnamemsg { width:36px;}
			.logincontrolw { width:100px; }
		}

	
				
		@media screen and (max-width: 800px) {
			.v5statusbarvipinfo {display: none;}
			#mobil_vip_alert_container { display: block; }
		}
	
		/* Surfplatta / skärmar under 800px breda */
		@media screen and (max-width: 790px) {
		    .videoframe { max-width:100%; }
		    #v5tabscontainer div a { font-size:12px;}
		    #v5footerad2 { display:none;}
		    #footerslogan { display:none;}
		}


		/* När vi har smala webbsidor ska maincontents tvingas scrolla i sidled om det är för brett! */
		@media screen and (max-width: 780px) {
			#v5maincontents { max-width:100% !important; ssoverflow-x:auto !important; box-sizing: border-box;  }
		}

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

		@media screen and (max-width: 720px)
		{
				.abdls #v5topbar_decocontainer { background-image:none; }
		}

		
		@media screen and (max-width: 695px)
		{
			/* 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; }
			#v5topbar_loginbtn.membernotloggedin { display:block; }
			.clickedloginbtn #v5topbar_persinfo { display:block !important; z-index:10; width:100%; padding-right:10px;padding-left:10px; box-sizing:border-box; }
			.clickedloginbtn #v5topbar_loginbtn { display:none !important;  }
			#v5topbar_loginbtn_flags { float:left;width:80px; height:100%; text-align:center;}
			#v5topbar_loginbtn_flags img { width:18px; height:18px; padding-right:2px; }
			#v5topbar_loginbtn { position:absolute;top:0px;right:0px;padding:8px;z-index:10; }
			#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%; }
			#loginform td { width:33%;box-sizing:border-box; }
			.logincontrolw, .loginsubmcol { width:100% !important; }
			

		}
			

			
		
		

		/* Surfplattestorlek: Minimala flikar */
		@media screen and (max-width: 666px) {
			

			.mobileversion .blinker {
				animation: none;
				-webkit-animation: none;
				-moz-animation: none;
			}
			
			

			.mobileversion #v5tabscontainer.shrinktabsinmobile div a { max-width:40px;overflow:hidden;font-size:11px;padding-left:2px;padding-right:2px;}
			.mobileversion #v5tabscontainer div { margin-right:5px; }
			
			.mobileversion #mobileversioninfo { display:block; }


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

			.mobileversion .hidewhenmobile { display: none !important; }
			
			.mobileversion #v5topbar { padding:0px;}
			.mobileversion #v5persmenutriangel { display:none; }
			.mobileversion #v5tabscontainer.shrinktabsinmobile div a { max-width:30px;font-size:10px;text-overflow: ellipsis; white-space:nowrap;overflow:hidden; }
			.mobileversion #v5maincontents { padding-left:5px; padding-right:5px; }
			.mobileversion #profnamemsgcontainer { height:52px; }
			/*
			.mobileversion #v5profimg { max-height:40px; margin-right:0px !important; }
			.mobileversion #v5persmenuhint { display: block !important; position:absolute;bottom:3px;right:0px;z-index:100;width:100%;}
			*/
			
			.mobileversion #v5maincontents img { max-width:100% !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 */
			.v5menuitem_open a,
			.abdls .v5menuitem_open a,
			.thdef .v5menuitem_open a
			{ font-size:11px; padding:3px; }
			.richmenuitem,
			.abdls .richmenuitem,
			.thdef .richmenuitem
			{ font-size:11px !important;}
			.richmenuitem div,
			.abdls .richmenuitem div,
			.thdef .richmenuitem div
			{ display:none;}
			#mainmenu_persmenu { font-size:11px !important; }
			#mainmenu_persmenu p { margin-top:0px !important; margin-bottom:4px !important; }
		}

		
		@media screen and (max-width: 595px) {
			.mobileversion .v5menuitem_headline { height:39px; width:30px; padding-top:19px; }
			.mobileversion .v5menuitem_headline span {display: none;}
			.mobileversion .v5menuhint { opacity:1; }
		}
		
			
		@media screen and (max-width: 479px) {

			.mobileversion .v5menuitem_open { width:170px; max-height:calc(100vh - 100px); overflow-y:auto; overflow-x:hidden; }
			
			.mobileversion h3 { font-size:20px; }
			
			.mobileversion #v5tabscontainer { left:5px !important; }
			/*.mobileversion .v5headerdefaultheight { height:170px; }*/
			

			.mobileversion .profilename a { font-size:27px !important; }
			.mobileversion #v5profinfotable td:nth-child(1) { width: 116px !important;}
			.mobileversion #v5profinfotable td:nth-child(1) #v5profinfopic { width: 110px !important; height:147px !important;}


			
			/* Allmänna settings för alla sidor: Mindre font, etc. */
			.mobileversion nav { height:58px; }
            /*
			.mobileversion body,
			.mobileversion input,
			.mobileversion select,
			.mobileversion textarea { font-size:10px; }
			.mobileversion .b { font-size:12px; }
			.mobileversion .narrow,
			.mobileversion .ssmall { font-size:10px; }
			*/
			.mobileversion .commarearemovecol { width:auto; text-align:right; }
			.mobileversion #v5footertd .zz { max-width:160px; overflow:hidden; }
			
			
			.mobileversion.abdls #v5topbar_decocontainer { display:none; }

			

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

			.mobileversion #v5topbar_persinfo { position:absolute; top:0px;right:0px; z-index:2; width:42px; }
			.mobileversion .v5menuitem { width:7%; border-left:0px !important;}
			.mobileversion .v5menuitem_headline {
				border:0px !important;
				padding-left:3px;
				padding-right:4px;
				box-sizing:border-box;
				width:100%;
				height:100%;
			}
			.mobileversion .v5menuitem_headline img { width:100% !important;max-width:20px !important;height:auto; margin-bottom:4px;margin-top:1px;}
			
			.mobileversion #v5blinkarea { width:49%; box-sizing:border-box; padding-right:44px; position:absolute;right:0px;top:0px; left: auto; z-index:1; }
			.mobileversion #topbariconstable { width:100%; }
			.mobileversion #topbariconstable td {text-align:center; box-sizing:border-box;padding:0px !important; }
			.mobileversion #topbariconstable td img {
				width:100%; height: auto !important; 					
				box-sizing:border-box;
				padding-left:1px !important;
				padding-right:1px !important;
			}
			.mobileversion #topbariconstable td:nth-child(1) { width:22%;} .mobileversion #topbariconstable td:nth-child(1) img { max-width:25px;}
			.mobileversion #topbariconstable td:nth-child(2) { width:23%;} .mobileversion #topbariconstable td:nth-child(2) img { max-width:24px;}
			.mobileversion #topbariconstable td:nth-child(3) { width:18%;} .mobileversion #topbariconstable td:nth-child(3) img { max-width:22px;}
			.mobileversion #topbariconstable td:nth-child(4) { width:18%;} .mobileversion #topbariconstable td:nth-child(4) img { max-width:22px;}
			.mobileversion #topbariconstable td:nth-child(5) { width:19%;} .mobileversion #topbariconstable td:nth-child(5) img { max-width:22px;}

			
			
		}
		
		
		@media screen and (max-width:490px), screen and (max-height:510px)
		{
			.mobileversion #v5topbarcontainer,
			.mobileversion #v5topbarcontainer_trpusher,
			.mobileversion #v5topbarcontainer_tdpusher
			{ height:58px !important; }

			.mobileversion .v5menuitem_open,
			.mobileversion #mainmenu_persmenu{ max-height: calc(100vh - 97px); }

			.mobileversion #v5topbar_decocontainer #v5topbar_decologo { display:none; }
		}


		@media screen and (min-height:490px)
		{
			#ctopcontainer { top:-58px; }
			.floatingtopmenu { position:fixed !important; height:58px !important; }
			.floatingtopmenu #v5topbar_decocontainer #v5topbar_decologo { opacity:0; }
			.floatingtopmenu .v5menuitem_open,
			.floatingtopmenu #mainmenu_persmenu{ max-height: calc(100vh - 97px); }

		}
		
		
		@media print
		{
			#v5topbarcontainer,
			#v5topbarcontainer_trpusher,
			#v5headertd,
			#v5footertd,
			.zz,
			.hidewhenprint
			{
				display: none !important;
			}
			
		}