body {
	font-family: 'Archivo', Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	line-height: 11pt; 
	color: #000000; 
	background-color:#e1e1e1; 
	text-align: center;
	margin: 0px;
	MARGIN-LEFT: auto;
	MARGIN-RIGHT: auto;
	display: flex;
	flex-direction: column;
	/*background: rgba(255, 0, 0, 0.05);  Ljusröd ton för felsökning */
	height: 100%;
	}
	
			.wrap 	{
	width: 100%;
	height: auto;
	BACKGROUND: url(../gemensam/bilder/button_bg_eds.gif) #216fb9 repeat-x left top;
	background-color: #e1e1e1; 
	margin: 0px;
	MARGIN-LEFT: 0; 
	MARGIN-RIGHT: 0;
	}
	
			.head	{
	width: 960px;
	background-color: #FF00CC;
	background:url(https://hundar.skk.se/gemensam/bilder/internetanmalan/headbg_EDS.svg);
	margin: 0px;
	MARGIN-LEFT: auto; 
	MARGIN-RIGHT: auto;
	height: 125px;
	padding-top: 0px;
	outline:2px dashed red;
	}
	
	.content 	{
	width: 870px;
	min-height: 450px;
	background-color: #fff;
	padding: 15px 45px 20px 45px;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align:left;
	MARGIN-LEFT: auto; 
	MARGIN-RIGHT: auto;
	}
	
		.back 	{
	position:relative;
	width: 830px;
	background-color:#e9e9e9;
	padding: 20px;
	margin-top: 30px;
	}
	
			.formbox 	{
			text-align:left;
	position: relative;
	display: block;
	overflow:auto;
	width: 830px;
	background-color:#e9e9e9;
	padding: 5px 20px 5px 20px;
	margin-top: 30px;
	font-size: 12px;
	line-height: 16px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px; 
	border-radius: 7px;
	}
	
				.doglist 	{
	overflow-y: auto;
	overflow-x: hidden;
	width: auto;
	max-height: 250px;
	padding: 0;
	margin: 0;
	}
	
	.right {
	float:right;
	}
	
	.headtextholder {
			position: relative;
			float:right;
			top: 70px;
			color:#FFFFFF;
			text-align:right;
			font-weight: bolder;
			font-size:19px;
			LETTER-SPACING: 1px;
			margin-right: 40px;
			padding: 5px;
			}
			
	
				.flagbox 	{
			position: relative;
			float:right;
			top: 0;
			text-align:right;
			font-size:12px;
				width: 100px;
	height: 20px;
	background-color: #fff;
	padding: 0px;
	}
	

	
					.oblbox 	{
			position: absolute;
			display:inline-block;

			top: 10px;
			text-align:right;
				width: 300px;
	height: 20px;
	background-color: none;
	padding: 0px;
	right: 20px;
	}
	
					.paydatebox 	{
			position: relative;
			float:right;
			top: -25px;
			text-align:right;
			font-size:12px;
				width: 200px;
	height: 20px;
	padding: 0px;
	}
	
	.textwidth{
	position:relative;
	width: 670px;
	left:0;
	}
	
	
	.textbox1, .textboxSok	{
	position:relative;
	display:inline-block;
	border:solid #dbdbdb 1px; 
	width: 380px;
	background-color: #fff;
	padding: 4px;
	font-size: 12px;
			-moz-border-radius: 4px;
	-webkit-border-radius: 4px; 
	border-radius: 4px;
	font-family: 'Archivo', Arial, Helvetica, sans-serif !important;
	}
	
	.textboxSok {
	width: 400px;
	}
	
	.formtext, .text_enBokstav 	{
	position:relative;
	display: inline-block;
	font-size: 12px;
	padding: 4px 4px 4px 0px;
	border:solid transparent 1px;
	background-color: transparent;
		margin-left: 5px;
	}
	
		.nyatitlar 	{
		font-family:'Archivo', Arial, Helvetica, sans-serif;
		font-size:12px;
	position:relative;
	overflow: visible;
	overflow:auto;
	height: 30px;
	font-size: 12px;
	padding: 4px 4px 4px 0px;
	border:solid transparent 1px;
	background-color: transparent;
		margin-left: 5px;
	}
	
	.text_enBokstav  /* En textruta som rymmer en bokstav */
{
      width: 10px;
}
	
				.textbox1 .fel 	{
			border:solid #FF0000 1px; 
	}
	
	.formCol1, .formCol2 	{
	position: relative;
	display:block;
	float:left;
	width: 390px;
	background-color: none;
	padding: 0px;
	}
	
	.formCol1 	{
	margin-right:50px;
	}
	
	.foot 	{
	width: 100%;
	height:280px;
	color:#fefefe;
	background-color:#3a3a3a;
	background-repeat:no-repeat;
	background-position:right bottom;
	margin: 0px;
	bottom:0;
	MARGIN-LEFT: auto; 
	MARGIN-RIGHT: auto;
	}
		.footcontent 	{
	display:block;
	text-align:left;
	width: 960px;
	height:280px;
	background-color: none;
	padding: 0;
	MARGIN-LEFT: auto; 
	MARGIN-RIGHT: auto;
	}
	
			.footmenu 	{
				position:relative;
	display:block;
	width: 960px;
	color:#FFFFFF;
	background-color: none;
	padding-top: 15px;
	padding-left: 10px;
	padding-right:10px;
	MARGIN-LEFT: auto; 
	MARGIN-RIGHT: auto;
	}
	

	
				.foothelp 	{
	position:relative;
	height: 140px;
	display:block;
	float:left;
	width: 430px;
	color:#FFFFFF;
	background-color: none;
	margin-left: 35px;
	padding: 0px;
	}
	
					.footcontact	{
	position: relative;
	float:right;
	text-align:left;
	width: 210px;
	height: 260px;
	color:#FFFFFF;
	background-color: none;
		margin-top: -70px;
		margin-right:25px;
	}
	
				.footsponsor 	{
	position: relative;
	float:right;
	text-align:left;
	width: 80px;
	min-height:260px;
	color:#FFFFFF;
	background-color: none;
	margin-right: 35px;
	margin-top: -70px;
	}
	
				.footstripe 	{
	position:relative;
	top:170px;
	width: 960px;
	height: 24px;
	color:#FFFFFF;
	background-color: #FF33CC;
	}
			.footlogo 	{
	position:relative;
	width: 530px;
	height:75px;
	padding-top: 15px;
	margin-left: 35px;
	color:#FFFFFF;
	background-color: none;
	}
	
	p 	{
	/* brödtext */
	font-size: 12px;
	font-weight: 400;
	color: #000;
	text-align: left;
	}
	
/*	h1 	{

	font-size: 24px;
	line-height: 24px;
	margin-top: 0px;
	font-weight: 900;
	color: #000;
	text-align: left;
	}
	
	h2 	{

	font-size: 16px;
	line-height: 12px;
	text-align: left;
	font-weight: 900;
	color: #000000;
	}  */
	
	H1 {
	LINE-HEIGHT: 110%; MARGIN-BOTTOM: 9px; FONT-SIZE: 24px; FONT-WEIGHT: bold
}
H2 {
	MARGIN-BOTTOM: 9px; FONT-SIZE: 16px; FONT-WEIGHT: bold
}
H3 {
	MARGIN-BOTTOM: 9px; FONT-SIZE: 12px; FONT-WEIGHT: bold
}
	
	ul	{
	/* visar bild av pil i listor */
	text-align: left;  
/*	color: #000000;*/ 
	list-style-position: outside;
	}


.alertText
{
	color:Red;
}
.centrerad	{
	/* Läggs till i TABLE-taggen för att få tabellen centrerad på sidan */
	margin-left: auto;
	margin-right: auto;
}

IMG.center{
	/* Centrerar bilder som t ex rubriker */
	display: block;
	margin-left: auto;
	margin-right: auto 
	}


IMG.rubrikbild{
	/* Centrerar rubrikbilder och lägger till 50px marginal över den */
	display: block;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto 
	}

IMG.ingressbild{
	/* Centrerar ingressbilder och lägger till 20px marginal över den */
	display: block;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto 
	}



.rubrik 	{
	font-family: 'Archivo', Arial, Helvetica, sans-serif;font-size: 27px; 
	line-height: 35px; 
	font-weight: bolder; 
	color: #216fb9; 
	text-align: center;
	}


.bread 	{
	/* Standard brödtext */
	font-family: 'Archivo', Arial, Helvetica, sans-serif;font-size: 12px; 
	line-height: 19px; 
	text-align: justify;  
	width: 500px; 
	margin-left: auto; 
	margin-right: auto; 
	color: #000000; 
	font-style: normal
	}
	
	.breadfaq 	{
	background-color: #f0f6ff; /* Ljusblå */
	}
	
	
	
.fotrubrik 	{
	/* Rubriker till sidfoten */
display: inline-block;
	font-size: 15px; 
	line-height: 22px; 
	font-weight: bolder; 
	color: #fff;
	margin-bottom: 5px;
	}
	
	.breadRed 	{
	/* Standard brödtext */
	font-family: 'Archivo', Arial, Helvetica, sans-serif;font-size: 12px; 
	line-height: 19px; 
	text-align: justify;  
	width: 500px; 
	margin-left: auto; 
	margin-right: auto; 
	color: #FF0000; 
	font-style: normal
	}

.ingress 	{ 
	/* fet text för ingressidor och som ingress i långa brödtexter */
	font-family: 'Archivo', Arial, Helvetica, sans-serif;font-size: 12px; 
	line-height: 17px; 
	margin-top: 30px;
	margin-left: auto; 
	margin-right: auto;
	text-align: left; 
	width: 500px; 
	color: #000000 ; 
	font-weight: bold
	}
.ingress_centrerad 	{ 
	/* fet text för ingressidor och som ingress i långa brödtexter */
	font-family: 'Archivo', Arial, Helvetica, sans-serif;font-size: 12px; 
	line-height: 17px; 
	margin-top: 30px;
	text-align: center; 
	width: 500px; 
	color: #000000 ; 
	font-weight: bold
	}

.ingressStor 	{ 
	/* fet text för ingressidor och som ingress i långa brödtexter */
	font-family: 'Archivo', Arial, Helvetica, sans-serif;font-size: 17px; 
	line-height: 17px; 
	text-align: left;
	margin-top: 30px;
	margin-left: auto; 
	margin-right: auto; 
	width: 500px; 
	color: #000000 ; 
	font-weight: bold
	}



.tabell 	{
	font-family: 'Archivo', Arial, Helvetica, sans-serif;font-size: 13px; 
	line-height: 17px; 
	font-weight: normal; 
	color: #000000; 
	text-align: left 
	}


.tabellrubrik { 
	font-family: 'Archivo', Arial, Helvetica, sans-serif;font-size: 13px; 
	line-height: 15px; 
	font-weight: bold; 
	color: #000000; 
	text-align: left 
	}


.tabellbread { 
	/* Som brödtext men tätare radavstånd och utan fast bredd */
	font-family: 'Archivo', Arial, Helvetica, sans-serif;font-size: 12px; 
	line-height: 15px; 
	font-weight: normal; 
	color: #000000; 
	text-align: justify
	}
	



.sidfot 	{  
	font-family: 'Archivo', Arial, Helvetica, sans-serif;font-size: 9px; 
	line-height: 22px; 
	font-weight: normal; 
	color: #000000; 
	text-align: center;
	margin-top: 80px;
	}





.tabellbreadsmall {  
	/* Som liten brödtext men tätare radavstånd och utan fast bredd */
	font-family: 'Archivo', Arial, Helvetica, sans-serif;font-size: 9px; 
	line-height: 13px; 
	font-weight: normal; 
	color: #000000; 
	text-align: justify
	}

.tabellsmall {  
	font-family: 'Archivo', Arial, Helvetica, sans-serif;font-size: 12px; 
	font-weight: normal; 
	color: #000000; 
	text-align: left
	}

.tabellExtraSmall {  
	font-family: 'Archivo', Arial, Helvetica, sans-serif;font-size: 9px; 
	line-height: 11px; 
	font-weight: normal; 
	color: #000000; 
	text-align: left
	}


.styckerubrik {  
	/* Som brödtext men fet och vänsterställd */
	font-family: 'Archivo', Arial, Helvetica, sans-serif;font-size: 12px; 
	line-height: 20px; 
	font-weight: bold; 
	color: #000000; 
	text-align: left; 
	margin-left: auto; 
	margin-right: auto; 
	width: 500px;
	}



.links 	{ 
	font-family: 'Archivo', Arial, Helvetica, sans-serif;font-size: 11px; 
	line-height: 13px; 
	text-align: center;
	color: #000000 ;
	MARGIN-LEFT: auto; 
	MARGIN-RIGHT: auto;
	}



a:link { text-decoration: none; color: #216fb9}
a:visited { text-decoration: underline; color: #216fb9}
a:active { text-decoration: underline; color: #216fb9}
a:hover { color: #FFFFFF; background-color: #216fb9}

.flagbox a:link { text-decoration: none; color: #000}
.flagbox a:visited { text-decoration: none; color: #000}
.flagbox a:active { text-decoration: none; color: #000}
.flagbox a:hover { text-decoration: underline; color: #000; background-color: #fff}

.mGrid a:link { text-decoration: underline; color: #000}
.mGrid a:visited { text-decoration: underline; color: #000}
.mGrid a:active { text-decoration: underline; color: #000}
.mGrid a:hover { color: #fff; background-color: #216fb9}

.spanlink { font-weight:bold; text-decoration: none; color: #216fb9; cursor:pointer}

.footsponsor a:hover { text-decoration: none; background-color: transparent}


.table_style1 {
  width: 500px;
  height: 40px;
  border: 0px;
  border-spacing: 0px;
  padding: 5px;
  background-color: #9dd1a8;
  vertical-align: top;
  }
  
  .table_style1_head {
  background-color: #9dd1a8;
  vertical-align: top;
  }
  
.table_bred {
  width: 750px;
  height: 40px;
  border: 0px;
  border-spacing: 0px;
  padding: 5px;
  background-color: #9dd1a8;
  }
  
.breadfaqhead 	{
background-color: #a3c8ff; /* Nästan Ljusblå */
} 


.button_alt_farg
{ 
 /*padding: 2px 4px 2px 4px;*/
 padding: 1px 5px 1px 5px;
 font-family: 'Archivo', Arial, Helvetica, sans-serif;font-size: 10px;
 font-weight: bolder;
 font-size:11px;
 color: #ffffff;
 border-style:none;
    background-color: #216fb9;
	-moz-border-radius: 2px;
border-radius: 2px;
}





.button_high
{
	 padding: 1px 0px 1px 0px;
 font-family: 'Archivo', Arial, Helvetica, sans-serif;font-size: 15px;
 font-weight: bold;
 color: #000000;
    background-color: #FFF8BB;
}




.button_kort /* vanlig knapp */
{
	width: 60px; 
}

.stor_text
{
	font-size:20px;
}

.button_small /* För PM */
{ 
 padding: 1px 2px 1px 2px;
 font-family: 'Archivo', Arial, Helvetica, sans-serif;font-size: 9px;
 font-weight: bold;
 color: #ffffff;
    background-color: #216fb9;
}



.tabellinje_right 
{
    border-right: 1px solid #000000; 
    background-color: #9dd1a8;
 	font-family: 'Archivo', Arial, Helvetica, sans-serif;font-size: 9px; 
	line-height: 13px; 
	font-weight: normal; 
	color: #000000; 
	text-align: center;
	}
	
	.tabellinje_right_bottom 
{
    border-right: 1px solid #000000; 
    border-bottom: 1px solid #000000;
    padding: 3px;
    border-spacing: 0px;
    background-color: #3a3a3a;
 	font-family: 'Archivo', Arial, Helvetica, sans-serif;font-size: 9px; 
	line-height: 13px; 
	font-weight: normal; 
	color: #fff; 
	text-align: center;
	}
	
		.tabellinje_dotted_bottom 
{ 
    border-bottom: 1px dotted #000000;
	vertical-align: top;
	}
	
			.tabellinje_solid_bottom 
{ 
    border-bottom: 10px solid #000000;
	vertical-align: top;
	}
	
	

	
	.i_textfield1 {
background-color: #FFFFFF;
border-width: 1px;
color: #000000;
font-size: 8pt;
font-family: 'Archivo', Arial, Helvetica, sans-serif;width: 120px; 
}

	.i_tabellinje 
{
    border-right: 1px dotted #000000; 
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000; 
    border-top: 1px dotted #000000;
    padding: 3px;
    border-spacing: 0px;
    background-color: #b8d9f8;
 	font-family: 'Archivo', Arial, Helvetica, sans-serif;font-size: 9px; 
	line-height: 13px; 
	font-weight: normal; 
	color: #000000; 
	text-align: center;
	}
	
	.i_hund {  
	font-family: 'Archivo', Arial, Helvetica, sans-serif;font-size: 10px; 
	line-height: 12px; 
	font-weight: 900; 
	color: #000000; 
	text-align:left;
	border-right: 1px dotted #000000; 
    border-bottom: 1px solid #000000;
    border-left: 1px dotted #000000; 
    border-top: none;
    padding: 3px;
    border-spacing: 0px;
    background-color: #9dd1a8;
	}
    	.i_datum {  
	font-family: 'Archivo', Arial, Helvetica, sans-serif;font-size: 10px; 
	line-height: 12px; 
	font-weight: 400; 
	color: #000000; 
	text-align:left;
	border-right: 1px dotted #000000; 
    border-bottom: 1px solid #000000;
    border-left: none; 
    border-top: none;
    padding: 3px;
    border-spacing: 0px;
    background-color: #9dd1a8;

	}
	
		.i_hund_rubrik {  
	font-family: 'Archivo', Arial, Helvetica, sans-serif;font-size: 10px; 
	line-height: 12px; 
	font-weight: 900; 
	color: #000000; 
	text-align:center;
	border-right: 1px dotted #000000; 
    border-bottom: 1px solid #000000;
    border-left: 1px dotted #000000; 
    border-top: none;
    padding: 3px;
    border-spacing: 0px;
    background-color: #b8d9f8;
	}
    	.i_datum_rubrik {  
	font-family: 'Archivo', Arial, Helvetica, sans-serif;font-size: 10px; 
	line-height: 12px; 
	font-weight: 900; 
	color: #000000; 
	text-align:center;
	border-right: 1px dotted #000000; 
    border-bottom: 1px solid #000000;
    border-left: none; 
    border-top: none;
    padding: 3px;
    border-spacing: 0px;
    background-color: #b8d9f8;
	}
	
	
	    	.i_hund4 {  
	font-family: 'Archivo', Arial, Helvetica, sans-serif;font-size: 10px; 
	line-height: 12px; 
	font-weight: 400; 
	color: #000000; 
	text-align:left;
	border-left: 1px dotted #000000; 
    border-bottom: 1px solid #000000;
    border-right: none; 
    border-top: none;
    padding: 3px;
    border-spacing: 0px;
    background-color: #9dd1a8;
	}
	
	.table_ianm_750 {
  width: 750px;
  border: 0px;
  border-spacing: 0px;
  padding: 0px;
  background-color: #def4e3;
  text-align: left;
  }
  
  .progress {
  width: 500px;
  border: 0px;
  border-spacing: 0px;
  padding: 0px;
  background-color: #E7F2FA;
  text-align: left;
  
  }
  
  
  	.table_ianm_500 {
  width: 500px;
  border: 0px;
  border-spacing: 0px;
  padding: 0px;
  background-color: #e9e9e9;
  text-align: left;
  }
  
  	.text_right{
  text-align: right;
  }
  
   	.text_left{
  text-align: right;
  }
  
 .text_bold_right{
  text-align: right;
  	font-weight: bolder;
  }
  
      	.text_bold{
  	font-weight: bolder;
  }
  
      	.i_table_headline {  
	border-right: 1px dotted #000000; 
    border-bottom: 1px solid #000000;
    border-left: none; 
    border-top: none;
	color:#FFFFFF;
    background-color: #333333;
	vertical-align: middle;
	}
	
	.left_table_headline 
	{
	border-left: none;
    border-bottom: none;
    border-right: none; 
    border-top: none;
    	color:#FFFFFF;
    background-color: #333333;
	vertical-align: top;
	}
	
		.table_top {
  vertical-align: top;
  }
  
  		.table_middle {
  vertical-align: middle;
  }
	
		.underrubrik {  
	/* Underrubriken under rubrikbilden på varje sida */
	font-family: 'Archivo', Arial, Helvetica, sans-serif;font-size: 18px; 
	line-height: 30px; 
	font-weight: bolder; 
	color: #000000
	}
	
	.underrubrikfaq {  
		/* Underrubriken under rubrikbilden på varje sida */
		background-color: #216fb9;;
	}
	
	.left
	{
		text-align:left;
	}

	  .progress2 /* xxx */
{ 
 font-family: 'Archivo', Arial, Helvetica, sans-serif;text-align: center;
 font-size: 10px;
 font-weight: normal;
 color: #BBBBBB;
}

  .progress1 /* xxx */
{ 
 font-family: 'Archivo', Arial, Helvetica, sans-serif;text-align: center;
 font-size: 12px;
 font-weight: bolder;
 color: #fff;
}
 
 .progress0 /* xxx */
{ 
 font-family: 'Archivo', Arial, Helvetica, sans-serif;text-align: center;
 font-size: 12px;
 font-weight: normal;
 color: #666666;
}

.validator
{
	font-weight: bold;
	color: Red;
	text-align:left;
}

.refnr {  
	font-size: 14px; 
	line-height: 13px; 
	font-weight: bold; 
	color: red; 
	text-align: left
	}
	
	
	

/* Alla inputs, textarea och dropdowns EDS style*/
input,
textarea,
select {
    font-family: 'Archivo', Arial, Helvetica, sans-serif !important;
    font-size: 12px;
}

/*EDS dropdown option */
select option {
    font-family: 'Archivo', Arial, Helvetica, sans-serif !important;
    font-size: 12px;
}

	
	input 
{
	/* Påverkar samtliga inmatningsfält,funktioner i ett formulär, slår igenom även om det inte finns angivet */
	margin-left: 0px;
	border:solid #dbdbdb 1px;
	background-color:#ffffff}
	
		inputerror 
{
	/* Påverkar samtliga inmatningsfält,funktioner i ett formulär, slår igenom även om det inte finns angivet */
	margin-left: 0px;
	border:solid red 1px;
	background-color:#ffffff}
	
	.textfield 
{
	/* styr utseendet på flerradiga textfält */
	margin-left: 5px; 
	width:97%; 
	background-color:#123}
	
textarea 
{
	/* styr utseendet på flerradiga textfält */
	margin-left: 5px; 
	width:97%; 
	background-color:#ffffff}
	

input[type="checkbox"] {
  accent-color: #216fb9;  /* bocken/ramen blir #216fb9 när den är iklickad */
}


legend 
{
	/* rubriken i fieldset-kanten */
	color: #000099;
	font-weight: bold;
		text-align: left;
	}


.noPaddingGrid {
           padding-left: 0;
           padding-right: 0;
           }
		   
.ledtext 
{
	/* Rubrik på formulärfält, funktion */
	position:relative;
	color: #333;
	font-weight: bold;
	line-height: 16px;
	font-size: 12px;
	}
	
	.avgift 
{
	/* Rubrik på formulärfält, funktion */
	position: absolute;
	font-weight: normal;
	line-height: 16px;
	font-size: 12px;
	padding-top: 0px;
	left: 200px;
	}

	.stor
{
	/* Någon text eller liknande som ska visas lite större */
        font-size: 20px;
}
	
		.TableAnmald /* klass för datagrid. Stylar alla i datagriden ingående delar, t ex th eller alt-rader i avikande färg */ 
	{ width: 830px; background-color:#e9e9e9; margin: 5px 0 10px 0; border-color: #C5C5C5; border-width: 0px 0px 0px 0px;
    border-style: solid; cellspacing:0; border-collapse:collapse; font-size: 12px; text-align:left;}
    .TableAnmald td { padding: 5px 3px 5px 3px;  }
    .TableAnmald th { padding: 5px 3px 5px 3px; color: #000; background: #e9e9e9; border-color: #C5C5C5; border-width: 2px 0px 0px 0px;
    border-style: solid; text-align:left;}
	
/*	    .TableAnmald tr { padding: 5px 3px 5px 3px; color: #000; background: #e9e9e9; border-color: #FF3366; border-width: 1px 1px 1px 1px;
    border-style: solid; text-align:left;}*/
	
	    .dogdivider { padding: 5px 3px 5px 3px; color: #000; background: #e9e9e9; border-color: #C5C5C5; border-width: 2px 0px 0px 0px;
    border-style: solid; text-align:left;}
	

	 }
	 
	 /* Överkör bara just dropdown-cellen */
	.TableAnmald td.ddl-cell {
		padding: 0 3px;                /* ingen top/bottom – bara lite sidopadding */
		/* eller t.ex. padding: 2px 3px; om du vill ha 2px top/bottom */
	}
	
	.ddl-min-padding {
		padding: 2px 0px 2px 0px;
		margin: 0;
	}
    
	/*#drpKlass0_0{
		padding: 2px 0px 2px 0px;
		margin: 0;
	}
	#drpKlass1_0{
		padding: 2px 0px 2px 0px;
		margin: 0;
	}*/
	/* Padding 2px top/bottom för alla drpKlass select-element */
	select[id^="drpKlass"] {
		padding:2px 0px 2px 0px;
		margin: 0;
	}
	 
	 .formbox .TableAnmald /* gör så att en tabell med klass TableAnmald inuti div formbox blir smalare än den vanliga. */ 
	{ width: 830px; }
		      
 
		   
		   	.test 	{
			color: #FF0000;
				background-color: #6699FF;
				font-size:14px;
				font-weight:900;
	}
	
	.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;    } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



div#wrapper {
position: relative;
	background:url(https://hundar.skk.se/gemensam/bilder/gradient.jpg) repeat-x;
	background-color: #e1e1e1; 
top: 0;
left: 0;
flex: 1 0 auto; /* Gör att innehållet trycker ned footern */
margin-bottom: 0;
  padding-bottom:0; 
  /*min-height: 100vh; tvingar sidan vara lika hög som skärmen, tagit bort på prov */
  display: flex;
  flex-direction: column; /*royal loggan ok*/
}

#header-bg {
  width: 100%;
  height: 125px;
  background-color: #216fb9;   /* blå ligger alltid här */
}
#header {
  width: 960px;
  margin: 0 auto;
  height: 125px;
  background: url("https://hundar.skk.se/gemensam/bilder/internetanmalan/headbg_EDS.svg") 
              no-repeat center center;
}

#header-link {
  display: block;
  width: 100%;
  height: 125px;              /* samma höjd som headern */
  background-color: #216fb9; /* tvinga blå bakgrund */  
  text-decoration: none;
  color: inherit;
  cursor: pointer;            /* pekaren ändras över hela ytan */
}

/* se till att hover inte nollställer */
#header-link:link,
#header-link:visited,
#header-link:hover,
#header-link:active {
  background-color: #216fb9; /* håll kvar blå bakgrund i alla states */
  color: inherit;
}

div#header-bg > a#header-link:hover {
  background-color: #216fb9;
}


a #header {
  /* Detta påverkar bara #header inuti en <a> */
  width: 960px;
  height: 125px;
  margin: 0 auto;
  display: block;
  line-height: 0;
  cursor: pointer;
}

a:has(#header):hover {
  background-color: transparent !important;
}


/* ============== EDS Styling NY ==================== */
/* Ej vald (ersätter ejvald.gif) */
td[background$="ejvald.gif"] {
  background: linear-gradient(135deg, #f0f0f0, #cfcfcf) !important;
  border: 1px solid #c7c7c7;
  border-right: none;
  text-align: center;
  font-family: 'Archivo', Arial, Helvetica, sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #222 !important;
  white-space: nowrap;
  border-radius: 0; /* hörn sätts separat */
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.7),
              0 1px 2px rgba(0,0,0,0.15);
  transition: background .2s ease, transform .1s ease;
}
/*td[background$="ejvald.gif"]:hover {
  background: linear-gradient(135deg, #e0e0e0, #b8b8b8) !important;
}*/

/* Vald (ersätter vald_EDS.gif) */
td[background$="vald_EDS.gif"] {
  background: linear-gradient(135deg, #2a8ae6, #216fb9) !important;
  border: 1px solid #1f63a0;
  border-right: none;
  text-align: center;
  font-family: 'Archivo', Arial, Helvetica, sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff !important;
  white-space: nowrap;
  border-radius: 0;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.3),
              0 1px 2px rgba(0,0,0,0.2);
  transition: background .2s ease, transform .1s ease;
}

/* Rundade hörn */
tr > td[background$="ejvald.gif"]:first-child,
tr > td[background$="vald_EDS.gif"]:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
tr > td[background$="ejvald.gif"]:last-child,
tr > td[background$="vald_EDS.gif"]:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-right: 1px solid #c7c7c7;
}

/* Text i progress-cellerna */
td[background$="ejvald.gif"] .progress0,
td[background$="ejvald.gif"] .progress1 {
  font: inherit !important;
  color: #222 !important;
}
td[background$="vald_EDS.gif"] .progress0,
td[background$="vald_EDS.gif"] .progress1 {
  font: inherit !important;
  color: #fff !important;
}

.flagbox {
    position: relative;
    float: right;
    top: 0;
    text-align: right;
    font-size: 12px;
    width: 100px;
    height: 20px;
    background-color: #fff;
    padding: 0;
}

/* Själva länken i flagboxen */
.flagbox a {
    font-family: 'Archivo', Arial, Helvetica, sans-serif !important;
    font-size: 12px;
    font-weight: bold;
    color: #216fb9 !important;               /* samma blå som övriga länkar */
    text-decoration: none;
    transition: color .2s ease, text-decoration-color .2s ease;
    display: inline-flex;           /* text + flagga i rad */
    align-items: center;
    gap: 4px;                       /* mellanrum mellan text och flagga */
}

/* Hover-effekt */
.flagbox a:hover {
    color: #133c66 !important;                   /* lite mörkare blå vid hover */
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Flaggbilden */
.flagbox a img {
    height: 14px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
}

/* funkar ej för eds att ha headern på 2 rader .headtextholder {
    color:#FFFFFF;
    text-align:right;
    font-weight:bolder;
    font-size:19px;
    letter-spacing:1px;
    margin-right:40px;
    padding:5px;

    display:inline-block;   /* gör så den kan brytas */
    /*white-space: normal;    /* tillåt radbrytning */
   /* word-break: break-word; /* bryt om det blir riktigt långt ord */
   /* max-width: 800px;       /* sätter en bredd där den får radbryta */
/*}*/

.card-row {
  display: flex;           /* barn i rad */
  align-items: flex-start; /* justera mot toppen */
  gap: 20px;               /* avstånd mellan linjen och cardet */
}

.accent-line {
  flex: 0 0 1.5px;               /* smal fast bredd */
  height: 60%;                 /* 70% av cardets höjd */
  align-self: center;          /* placera mitt på höjden */
  margin-left: -20px;          /* flytta ut åt vänster */
  background: #216fb9;
  border-radius: 2px;
  box-shadow: 2px 0 6px rgba(33,111,185,.35);
}


.card-asym {
  background: #fff;
 /* padding: 20px;*/
  box-shadow: 0 4px 12px rgba(0,0,0,.08);

  /* Olika radier per hörn */
  border-top-left-radius: 26px;   /* större rundning */
  border-top-right-radius: 8px;
  border-bottom-right-radius: 26px; 
  border-bottom-left-radius: 8px;

  transition: transform .2s ease, box-shadow .2s ease;
}

/*.card-asym:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0,0,0,.12);
}*/



/*#logo-footer2.card-asym {
  overflow: hidden;  /* så bilden klipps i formen 
  box-shadow: 0 4px 12px rgba(0,0,0,.08);

  /* asymmetriska hörn */
 /* border-top-left-radius: 20px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 8px;

  transition: transform .2s ease, box-shadow .2s ease;
}*/

/*#logo-footer2.card-asym img {
  display: block;
  width: 100%;
  height: auto;
}*/




/* (valfritt) stäng av dekoren på väldigt små skärmar */
@media (max-width: 480px) {
.card-highlight::before { display: none; }
}

@media print {
  html, body {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 12pt;
    zoom: 100%;
  }

  .no-print {
    display: none !important;
  }

  * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
}