*{
    box-sizing:border-box;
}
html{
	height:100%;	
}
#sida #status_ej_klar:after{
	content: 'Notera att siffrorna nedan kan komma att ändras under räkningens gång, så länge valresultatet inte är fastställt!';
	font-weight: bold;
	color:black;
	float:left;
	left:5px;
	z-index:400;
	font-size:small;
	margin:1px;
	padding:1px 0 8px 0;
	white-space:nobreak;
}

.upplysning{
    float: left;
    clear: none;
    background-color: #FFFFCC;
    width: 98%;
    border: 1px solid goldenrod;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
    max-width: 760px;
    margin: 0 1% 1% 1%;
}

#kommunval table.datatabell[summary*="nuvarande leda"] tbody{
    display:none;
}
#kommunval table.datatabell[summary*="nuvarande leda"]:after{
    content: "För valda ledamöter och ersättare, se protokoll ovan.";
	position:absolute;
    padding:0.3em;
    width:100%;
}


body{
	float:left;
	width:100%;
	height:100%;
	position:relative;
	padding:0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	background-color:white;
}
a:focus{
	background-color:black !important;
	color:yellow !important;
}
body#test{
	margin:0.5%;
	width:99%;
	background-color:black !important;
	background-image:repeating-linear-gradient(-65deg, transparent, transparent 60px, orange 60px, orange 120px) !important;	
}
body#test table,
body#test #status_ej_klar .progress{
	background:url(../bild/testdata.gif) repeat white;
}
a[href*="/statistik/index.html#handskrivna"],
a[href="http://www.val.se/det_svenska_valsystemet/valresultat/valnatt/index.html"],
a[href="http://www.val.se/det_svenska_valsystemet/valresultat/rostrakning/index.html"],
a[href="http://www.val.se/det_svenska_valsystemet/rostratt/index.html"],
a[href="http://www.val.se/det_svenska_valsystemet/rostning/rosta_i_vallokal/index.html"],
a[href="http://www.val.se/det_svenska_valsystemet/rostning/fortidsrosta/index.html"],
a[href="http://www.val.se/det_svenska_valsystemet/rostning/rosta_ambassad/index.html"],
a[href="http://www.val.se/det_svenska_valsystemet/rostning/brevrosta/index.html"],
a[href="http://www.val.se/det_svenska_valsystemet/valresultat/onsdag/index.html"],
a[href="http://www.val.se/det_svenska_valsystemet/partier/index.html"]
{
	display:none;	
}


#RLK{
	float:left;
	width:100%;
	position:relative;
	min-height:101%;
	padding-bottom:15em;
	background-color:white;
}
#genvagar{
	display:none;
}
#huvudtitel{
	float:left;
	width:100%;
	background:url(../bild/valmyndigheten.gif) white no-repeat 0.3em 0.3em;
}
#huvudtitel h1,
#valnatt #huvudtitel h1,
#preliminar #huvudtitel h1{
	float:left;
	background-color:transparent;
	width:100%;
	margin:0;
	padding:0;
}
#huvudtitel a{
	float:left;
	width:100%;
	text-decoration:none;
	color:#666666;
	padding:2.2em 0.3em 0.3em 0.3em;
}
#huvudtitel a:before{
	content: "Valpresentation ";
	font-size:medium;	
}
#topp{
	float:left;
	width:100%;	
	background-color:white;
}
#flikar{
	float:right;
	position:relative;
	z-index:5;
	width:100%;
}
#toppflikar{
	position:relative;
	float:right;
	z-index:7;
	width:100%;
	padding:0.3em 0 0 0.3em;
}
#bottenflikar{
	position:relative;
	float:right;
	z-index:6;
	width:100%;
	padding:0 0 0.3em 0.3em;
}

#flikar h2{
	width:auto;
	font-size:small;
	padding:0;
	margin:0;
	border-radius:0.5em;
}
#flikar a,
.togglare{
	float:left;
	padding:0.6em;
	margin:0.3em;
	border:1px solid #dddddd;
	border-radius:0.3em;
	box-shadow:0 0 3px 1px #eeeeee;
}
.togglare{
	background-color:white;
	margin:0;
}

div.relativ_ja p,
div.relativ_nej p{
	padding-top:0;
	padding-bottom:0;
	margin-top:0;
}
#flikar h2 a{
	border-color:white;
	color:black;
}

/*----------flikar------------*/

#flikar #flik_statistik a{
	background: url(../bild/flik_alder.gif) no-repeat left;
	padding-left:25px;
}
#flikar #flik_statistik a:hover{
	background: url(../bild/flik_alder_hover.gif) no-repeat left;
}
#flikar h2#flik_statistik a,
#flikar h2#flik_statistik a:hover{
	background: url(../bild/flik_alder_aktiv.gif) no-repeat left;
}
#flikar #flik_rostmottagning{
	min-width:11em;
	background-color:rgba(11,126,181,0.5);
}
#flikar #flik_rostmottagning a{
	background: url(../bild/flik_rostmottagning.gif) no-repeat left;
	padding-left:25px;
}
#flikar #flik_rostmottagning a:hover{
	background: url(../bild/flik_rostmottagning_hover.gif) no-repeat left;
}
#flikar h2#flik_rostmottagning a,
#flikar h2#flik_rostmottagning a:hover{
	background: url(../bild/flik_rostmottagning_aktiv.gif) no-repeat left;
}

#flikar #flik_roster a{
	background: url(../bild/flik_roster.gif) no-repeat left;
	padding-left:25px;
}
#flikar #flik_roster a:hover{
	background: url(../bild/flik_roster_hover.gif) no-repeat left;
}
#flikar h2#flik_roster a,
#flikar h2#flik_roster a:hover{
	background: url(../bild/flik_roster_aktiv.gif) no-repeat left;
}
#flikar #flik_valda a{
	background: url(../bild/flik_valda.gif) no-repeat left;
	padding-left:25px;
}
#flikar #flik_valda a:hover{
	background: url(../bild/flik_valda_hover.gif) no-repeat left;
}
#flikar h2#flik_valda a,
#flikar h2#flik_valda a:hover{
	background: url(../bild/flik_valda_aktiv.gif) no-repeat left;
}
#flikar #flik_personroster a{
	background: url(../bild/flik_personroster.gif) no-repeat left;
	padding-left:25px;
}
#flikar #flik_personroster a:hover{
	background: url(../bild/flik_personroster_hover.gif) no-repeat left;
}
#flikar h2#flik_personroster a,
#flikar h2#flik_personroster a:hover{
	background: url(../bild/flik_personroster_aktiv.gif) no-repeat left;
}
#flikar #flik_valsedlar a{
	background: url(../bild/flik_valsedlar.gif) no-repeat left;
	padding-left:25px;
}
#flikar #flik_valsedlar a:hover{
	background: url(../bild/flik_valsedlar_hover.gif) no-repeat left;
}
#flikar h2#flik_valsedlar a,
#flikar h2#flik_valsedlar a:hover{
	background: url(../bild/flik_valsedlar_aktiv.gif) no-repeat left;
}
		#riksdagsval #flikar h2#flik_valsedlar a,
		#riksdagsval #flikar h2#flik_valsedlar a:hover{
			background: url(../bild/flik_valsedlar_aktiv_r.gif) no-repeat left;
		}
		#landstingsval #flikar h2#flik_valsedlar a,
		#landstingsval #flikar h2#flik_valsedlar a:hover{
			background: url(../bild/flik_valsedlar_aktiv_l.gif) no-repeat left;
		}

#flikar #flik_karta a{
	background: url(../bild/flik_karta.gif) no-repeat left;
	padding-left:25px;
}
#flikar #flik_karta a:hover{
	background: url(../bild/flik_karta_hover.gif) no-repeat left;
}
#flikar h2#flik_karta a,
#flikar h2#flik_karta a:hover{
	background: url(../bild/flik_karta_aktiv.gif) no-repeat left;
}
#flikar #flik_alder a{
	background: url(../bild/flik_alder.gif) no-repeat left;
	padding-left:25px;
}
#flikar #flik_alder a:hover{
	background: url(../bild/flik_alder_hover.gif) no-repeat left;
}
#flikar h2#flik_alder a,
#flikar h2#flik_alder a:hover{
	background: url(../bild/flik_alder_aktiv.gif) no-repeat left;
}
#flikar #flik_valnatt a{
	background: url(../bild/flik_roster.gif) no-repeat left;
	padding-left:25px;
}
#flikar #flik_valnatt a:hover{
	background: url(../bild/flik_roster_hover.gif) no-repeat left;
}

#flikar h2#flik_valnatt a,
#flikar h2#flik_valnatt a:hover{
	background: url(../bild/flik_roster_aktiv.gif) no-repeat left;
}

#flikar #flik_prel{
	/*display:none;*/
	/*background-color:#FFF2F2;*/
}
#flikar #flik_prel a{
	background: url(../bild/flik_roster.gif) no-repeat left /*#FFF2F2*/;
	padding-left:25px;
}
#flikar #flik_prel a:hover{
	background: url(../bild/flik_roster_hover.gif) no-repeat left;
}
#flikar h2#flik_prel{
	/*display:block;*/
	/*background-color:#FFECEC;*/
}

#preliminar #bottenflikar a, #preliminar #bottenflikar span{
	/*display:none;*/
}
#preliminar #flik_statistik,
#preliminar #flik_rostmottagning{
	/*display:none;*/
}
#flikar h2#flik_prel a,
#flikar h2#flik_prel a:hover{
	display:block;
	background: url(../bild/flik_roster_aktiv.gif) no-repeat left /*#FFECEC*/;
}
#flikar #flik_vallokal a{
	background: url(../bild/flik_vallokal.gif) no-repeat left;
	padding-left:25px;
}
#flikar #flik_vallokal a:hover{
	background: url(../bild/flik_vallokal_hover.gif) no-repeat left;
}
#flikar h2#flik_vallokal a,
#flikar h2#flik_vallokal a:hover{
	background: url(../bild/flik_vallokal_aktiv.gif) no-repeat left;
}
#flikar #flik_fortidsrostning a{
	background: url(../bild/flik_fortidsrostning.gif) no-repeat left;
	padding-left:25px;
}
#flikar #flik_fortidsrostning a:hover{
	background: url(../bild/flik_fortidsrostning_hover.gif) no-repeat left;
}
#flikar h2#flik_fortidsrostning a,
#flikar h2#flik_fortidsrostning a:hover{
	background: url(../bild/flik_fortidsrostning_aktiv.gif) no-repeat left;
}
#flikar #flik_utlandsmyndighet a{
	background: url(../bild/flik_utlandsmyndighet.gif) no-repeat left;
	padding-left:25px;
}
#flikar #flik_utlandsmyndighet a:hover{
	background: url(../bild/flik_utlandsmyndighet_hover.gif) no-repeat left;
}
#flikar h2#flik_utlandsmyndighet a,
#flikar h2#flik_utlandsmyndighet a:hover{
	background: url(../bild/flik_utlandsmyndighet_aktiv.gif) no-repeat left;
}


#mitten,
#sida,
#navigering{
	float:left;
	width:100%;
}
#valnatt, 
#preliminar{
	float:left;
	width:100%;
	padding:0 0 5% 0;
	background-color:#f7eeee;
	background-image:repeating-linear-gradient(-65deg, transparent, transparent 50px, rgba(255,255,255, .3) 50px, rgba(255,255,255, .3) 100px) !important;
}
#valnatt h1, 
#preliminar h1,
#valnatt th,
#preliminar th,
#valnatt .valdeltagande_stapel,
#preliminar .valdeltagande_stapel{
	background-color:#af9d9d;
	color:white;
	border:none;
}
#sokform{
	float:right;
	width:100%;
	padding:0.3em;
}
#sokform #sok,
.sok{
	float:left;
	width:80%;
	padding:0.3em;
	margin:0;
	font-size:medium;
}
.knapp{
	float:right;
	padding:0.5em;
	margin:0 1% 0 1%;
	text-align:center;
	width:17%;
	border:0;
	background-color:#f26631;
	color:white;
	cursor:pointer;
	border-radius:0.3em;
}
#sida{
	float:right;
	position:relative;
	width:100%;
	padding:0;
}
#partier{
	
}
#partier table{
	table-layout:fixed;	
}
.col_2,
.col_6,
.col_7,
.col_9{
	display:none;	
}
.col_12 span{
	display:none;
}
td img{
	width:100%;
	min-width:20em;
}
th, td{
	text-align:left;
}
th.col_1,
th.col_5,
th.col_10,
th.col_13{
	width:5%;
}
th.col_8{
	width:10%;
}

.tabell{
	width:100%;
	overflow:auto;	
}
h1{
	float:left;
	width:100%;
	font-size:x-large;
	/*background-color:#009fe0;*/
	background-color:#666666;
    color:white;
	margin:0 0 1% 0;
	padding:0.4em;
}
h2{
	float:left;
	width:100%;
	font-size:large;
	background-color:rgba(11,126,181,0.5);
	margin:0 0 1% 0;
	padding:0.8em;
}
h3{
	float:left;
	width:100%;
	font-size:medium;
	margin:0 0 1% 0;
	padding:0.2em 0.2em 0.2em 0.8em;
}
h4{
	margin:1% 0 0 0;
	padding:0;
}
p{
	float:left;
	clear:left;
	margin:0 0 1% 0;
	padding:0.2em 1.2em 0.2em 1.2em;
	max-width:760px;
}
ul, ol{
	float:left;
	clear:left;
	width:90%;
	margin:0 0 1% 0;
	padding:0 0 0 3em;
}
ul li,
ol li{
	position:relative;
	float:left;
	clear:left;
	margin:0.1em;
}
ul li a{
	float:left;
	width:100%;
}
img{
	margin:0;
	padding:0;
}
a{
	color:#bc4529;
}
a:hover{
	color:#f26631;
}
table{
	position:relative;
	float:left;
    width:100%;
	z-index:1;
	border-left:1px solid #e8e8e8;
	border-top:1px solid #e8e8e8;
	padding:0;
	margin:0 0 1% 0;
	background-color:white;
}
div.tabell{
	position:relative;
	z-index:2;
	width:100%;
	overflow:auto;
}
tr{
	
}
tr:hover td{
	background-color:lightyellow;
}
tr:nth-child(even){
	background-color:rgba(239, 239, 239, 0.5);
}
th,
td{
	border-right:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;
	vertical-align:top;
	padding:0.3em;
    overflow:hidden;
}
th{
	background-color:#666666;
	color:white;
	min-width:2em;
	border:1px solid #666666;
	border-bottom-width:2px;
}
th:hover{
	overflow:visible;
	background-color:#666666;
}
td a{
    float:left;
    width:auto;
    height:100%;
    padding:0;
	margin-right:1em;
    text-align:left;
}
td a:only-child{
    width:100%;
    text-align:left;
	margin-right:0;
}
tr a:hover{
    
}
td[align="right"],
th[align="right"]{
	text-align:right;	
}
/*
#sida td a:only-child,
#sida div.status a{
	padding-top:10em;
	padding-right:20em;
	padding-bottom:10em;
	padding-left:1em;
	margin-top:-10em;
	margin-right:-20em;
	margin-bottom:-10em;
	margin-left:-1em;
	display:block;
}
#sida td a:hover{
	background-color:gold;	
}
*/
/*------Valtyper-------------------*/

.summa,
td.aktiv{
	background-color:rgba(11,126,181,0.5);
}
.delsumma{
	background-color:rgba(11,126,181,0.2);
}
#riksdagsval .summa,
#riksdagsval td.aktiv,
#riksdagsval h2{
	background-color:rgba(255,238,0,0.5);
}
#riksdagsval .delsumma{
	background-color:rgba(255,238,0,0.2);
}

#landstingsval .summa,
#landstingsval td.aktiv,
#landstingsval h2{
	background-color:rgba(109,207,246,0.5);
}
#landstingsval .delsumma{
	background-color:rgba(109,207,246,0.2);
}

#kommunval .summa,
#kommunval td.aktiv,
#kommunval h2{
	background-color:#D1C4CD;
}
#kommunval .delsumma{
	background-color:#E0DEE1;
}
#oversiktstabell{

}
#oversiktstabell tr{
	position:relative;
	padding:0;
}
#oversiktstabell td{
	padding:0;
}
#oversiktstabell a{
	text-decoration:none;
	float:left;
	color:black;
	position:relative;
	padding:0.5em 0 0.5em 1.7em;
}
#oversiktstabell td.aktiv a{
	color:black;
	font-weight:bold;
	position:relative;
	padding:0.5em;
}
#oversiktstabell td.aktiv a:after{
	content: "\25BA";
	position:absolute;
	right:0.4em;
	top:0.4em;
}
#oversiktstabell td.aktiv_tidigare a{
	color:#999999;
	padding:0.5em;
}

#oversiktstabell td.aktiv_tidigare a:after{
	content: "\25BD";
	position:absolute;
	right:0.4em;
	top:0.4em;
}
#oversiktstabell td a:before{
	content: "\25BA";
	position:absolute;
	left:0.4em;
	top:0.4em;
}

#oversiktstabell td.aktiv a:before,
#oversiktstabell td.aktiv_tidigare a:before{
	content: "";	
}

#tid{
	position:absolute;
	top:0;
	right:0;
	font-size:x-small;
	text-align:right;
	padding:0.2em;
	color:white;
}

/*-----------valsedel------------------*/
.teckenforklaring{
	float:left;
	clear:left;
	padding:0.4em 1.2em 0.4em 1.2em;
	margin:0 0 1% 0;
}
.personval_vald{
	float:left;
	clear:left;
	width:100%;	
	padding:0 2em 0 20px;
	background:url(../bild/personroster_vald.gif) top left no-repeat transparent;
}
.vald_ej_personroster{
	float:left;
	clear:left;
	width:100%;	
	padding:0 2em 0 20px;
	background:url(../bild/vald.gif) top left no-repeat transparent;
}
.valsedel{
	float:left;
	clear:none;
	text-align:center;
	width:98%;
	max-width:40em;
	font-size:small;
	margin:0 0 1% 1%;
	border:1px solid #cccccc;
	box-shadow:0 0 5px 1px #dddddd;
}
		#riksdagsval .valsedel{
			background-color:#FFFFCC;
		}
		#landstingsval .valsedel{
			background-color:#D7F2FF;
		}

.valsedlar .valsedel:nth-child(odd){
	clear:left;
}
.valsedel img{
	width:90%;
	margin:0;
	max-height:102px;
}
.valsedel h3{
	padding:5%;
	margin:1%;
	font-size:large;
}
.valsedel ol{
	float:left;
	width:95%;
	text-align:left;
	padding:0.5em 0 0.5em 3.5em;
	margin:0;
}
.valsedel .valtyp{
	font-size:x-small;
}
.valsedel .markera{
	margin:0.5em;	
}
.valsedel .utkast{
	background:url(../bild/utkast.png) #FFE2D5;
}
.valsedel .utfyllnad{
	float:right;
	width:1px;
	height:45em;
}
.valsedel .fot{
	position:relative;
	clear:both;
}
.valsedel .ej_samtycke{
	color:rgba(80,80,80,0.6);
	background-color:rgba(204,51,0,0.2);
}
.valsedel .ej_forklaring{
	color:rgba(80,80,80,0.6);
	background-color:rgba(0,153,204,0.2);
}
.valsedel .ej_samtycke:after,
.valsedel .ej_forklaring:after{
	content: '/ inte valbar';
	font-size:x-small;
	padding:4px;
}
.pilupp{
	display:block;
	padding:1em 2em 1em 40px;
	background:url(../bild/pilupp.jpg) no-repeat 5px;
	border:1px solid #dddddd;
	border-radius:0.3em;
	box-shadow:0 0 3px 1px #eeeeee;
}
/*------Stapeldiagram--------------*/

.stapeldiagram{
	float:left;
	clear:left;
	overflow:hidden;
	table-layout:fixed;
	border-collapse:collapse;
	border:1px solid #666666;
}
.stapeldiagram caption{
	display:none;
	text-align:left;
	font-size:small;
}
.stapeldiagram th{
	text-align:center;
}
.stapeldiagram .stapelcell,
.stapeldiagram .skuggcell{
	height:250px;
	overflow:visible;
	vertical-align:bottom;
	border-bottom:3px solid black;
	border-left:none;
	border-right:none;
	border-top:none;
	padding:0;
	background:url(../bild/procentrand.gif) bottom left repeat;
}
.stapeldiagram .stapel{
	position:relative;
	z-index:3;
	left:30%;
	width:150%;
	opacity:0.70;
}
.stapeldiagram .stapel_ovriga{
	position:relative;
	z-index:3;
	left:30%;
	width:150%;
	opacity:0.70;
	background-color:#333333;
	background:url(../bild/ovriga.gif) bottom left repeat;
}
#preliminar .stapeldiagram .stapel_ovriga, #valnatt .stapeldiagram .stapel_ovriga{
	background-color:#999999;
	background-image:none;
}
.stapeldiagram .stapel_ovriga .stapel{
	position:relative;
	z-index:3;
	left:0;
	width:100%;
	opacity:1;
}
.stapeldiagram .skugga{
	position:relative;
	z-index:1;
	left:-55%;
	width:150%;
	margin-top:1em;
	background-color:#CCCCCC;
	opacity:0.70;
}
.stapeldiagram .stapeletikett{
	position:relative;
	z-index:4;
	font-size:small;
	font-weight:bold;
	width:200%;
	text-align:center;
	padding-top:2em;
	white-space:nowrap;
}
/*-----------valdeltagande------------------*/


#valdeltagande{
	float:left;
	width:100%;
	table-layout:fixed;
	border-collapse:collapse;
	border:1px solid #666666;
}
#valdeltagande tr:nth-child(even){
	background-color:transparent;
}
#valnatt #valdeltagande{
	background-color:white;
}
#valdeltagande th{
	color:white;
	text-align:left;
	padding:0.2em;
	border-bottom:1px solid black;
}
#valdeltagande td{
	overflow:visible;
	padding:0;
	border:none;
}
.valdeltagande_stapel{
	position:relative;
	float:left;
	clear:left;
	opacity:0.70;
	z-index:5;
	background-color:#333333;
	height:2em;
	top:2px;
}
.valdeltagande_tidigare{
	position:relative;
	float:left;
	clear:left;
	z-index:1;
	background-color:#cccccc;
	opacity:0.70;
	height:2em;
	top:-5px;
	vertical-align:bottom;
}
.valdeltagande_etikett{
	position:relative;
	padding:0.2em;
	float:left;
	clear:left;
	z-index:5;
	white-space:nowrap;
}
.valdeltagande_plusminus{
	position:relative;
	float:right;
	padding:0.2em;
	font-weight:bold;
	z-index:30;
}

.flytande_rubrik{

}
.flytande_rubrik td{
	border:none;
	padding:0;
}
.flytande_rubrik div{
	position:absolute;
	color:white;
	padding:0.3em 0.6em 0.3em 0.6em;
	z-index:100;
	font-weight:bold;
	cursor:auto;
    animation-name:tafram;
    animation-duration:2s;

}
.flytande_rubrik > td:first-child > div{
	width:100%;	
	background-color:#999999;
}
@keyframes tafram{
    from {
		opacity:0;
	}
}

a[href$=".pdf"]{
	padding:0 0 0 20px;
	background:url(../bild/pdf.gif) no-repeat top left ;
}
a[href$=".xml"]{
	padding:0 0 0 20px;
	background:url(../bild/xml.gif) no-repeat top left ;
}
a[href$=".skv"]{
	padding:0 0 0 20px;
	background:url(../bild/semikolon.gif) no-repeat top left ;
}
a[href$=".xls"],
a[href$=".xlsx"]{
	padding:0 0 0 20px;
	background:url(../bild/excel.gif) no-repeat top left ;
}
a[href$=".zip"]{
	padding:0 0 0 20px;
	background:url(../bild/zip.gif) no-repeat top left ;
}

.jamforelse_omojlig{
	float:left;
	clear:none;
	background-color:#FFFFCC;
	color:goldenrod;
	width:100%;
	border:1px solid goldenrod;
	padding-top:0.7em;
	padding-bottom:0.7em;
}
#fot{
	position:absolute;
	bottom:0;
	height:15em;
	border-top:10px solid #6dcff6;
	background-color:#eeeeee;
	width:100%;
	padding:0.5em;
	margin:15em 0 0 0;
}
#fot a{
	color:#bc4529;	
}
.spalt{
	float:left;
	position:relative;
	width:100%;
	padding:0;
}
#mittval{
	float:left;
	clear:left;
	width:98%;
	position:relative;
	border:1px solid #bc4529;
	background-color:#FFFFCC;
	padding:1em;
	margin:0 1% 1% 1%;
	border-radius:0.7em;
}
#mittval p{
	width:70%;
	margin:0 0 1em 0;
	padding:0;
}
#mittval #sok1{
	width:100%;
	font-size:large;
	padding:0.3em;
	margin:0 0 1em 0;
}
/*--------Valnämnd------------------------------*/
#valnamnd{
	float:left;
	clear:left;
	width:98%;
	max-width:50em;
	border:1px solid #bc4529;
	background-color:#FFFFCC;
	padding:0.5% 0 0 0;
	margin:0 1% 1% 1%;
	border-radius:0.7em;
}

#valnamnd h2{
	background-color:transparent;
	margin:0;
	padding-top:0;
	padding-bottom:0;
}

.leaflet-popup-content .vallokal,
.leaflet-popup-content .rostningslokal{
	width:100%;	
}
.leaflet-popup-content .vallokal p,
.leaflet-popup-content .rostningslokal p{
	float:none;
	padding:0;
	margin:0.5em !important;
}
.leaflet-popup-content .rostningslokal table{
	font-size:x-small;	
	padding:0;
	margin:0.5em !important;
}
#mittval .knapp{
	padding:0.5em;
	margin:0;
}
.stangt{
	background:#FFECEC url(../bild/stangd.gif) no-repeat top left;
	padding-left:24px;
	color:#E99494;
}
input{
	background-color:white;
	border:1px solid #cccccc;
	border-radius:5px;
}
input:focus{
	box-shadow:0 0 5px 1px #f26631;
}
.karta_nej{
	float:left;
	position:relative;	
	margin:0 0 1% 1%;
}
.karta_ja{
	float:left;
	clear:left;
	position:relative;
	width:100%;
	overflow:auto;
	object-fit:cover;
	text-align:center;
	padding:0 0 1% 1%;
}
.karta_ja a,
.karta_nej a{
	position:absolute;
	top:0;
	left:1%;
	z-index:3;	
}
.karta_ja img,
#kartbild{
	display:none;
	clear:left;
	float:left;
}
#karta{
	position:relative;
	float:left;
	z-index:1;
	width:100%;
	height:600px;
	max-height:100%;
}
#klickbar_karta{
	float:left;
	height:600px;
	width:100%;
	margin:0 0 1% 0;
	background-color:#dddddd;
}

/*----------Status------------------------------*/
#status_ej_klar, #status_klar{
	position:relative;
	float:left;
	width:98%;
	margin:0 0 1% 1%;
	padding:0 1% 0 1%;
}
#status_ej_klar{
	border:1px solid red;
	background-color:#FFCCCC;
}
#status_ej_klar .progress,
#status_klar .progress{
	position:relative;
	float:left;
	clear:left;
	width:100%;
	border:1px solid black;
	background-color:white;
	height:4em;
	margin:0 0 1% 0;
	line-height:1.5em;
}
#status_ej_klar .underarbete,
#status_klar .underarbete{
	float:right;
	height:100%;
	background-color:#cccccc;
    animation-name:kvar;
    animation-duration:2s;
}
#valnatt .underarbete,
#preliminar .underarbete{
	background-color:rgba(253, 154, 154, 0.5);
}
#status_ej_klar p{
	position:relative;
	clear:left;
	float:left;
	display:block;
	margin:0 0 1% 0;
	padding:0;
	width:100%;
}
#status_klar p{
	margin:0;
	padding:0;
}
.status{
	position:relative;
	box-sizing:content-box;
	width:100%;
	z-index:1;
}
.status .progress{
	position:absolute;
	box-sizing:content-box;
	top:-0.3em;
	left:-0.3em;
	padding:0.3em;
	width:100%;
	z-index:1;
}

.status .underarbete{
	position:absolute;
	top:0;
	right:0;
	padding:0;
	width:0;
	background-color:rgba(160, 160, 160, 0.4);
	z-index:1;
	height:10em;
    animation-name:kvar;
    animation-duration:4s;
}

@keyframes kvar{
    from {
		width:100%;
		opacity:0;
	}
}
.datatabell a, .sorteringsbar_tabell a{
	position:relative;
	z-index:3;
	display:block;
	height:auto;
	width:auto;
}
.svar a{
	float:left;
	clear:left;
	margin:0 0 1% 0;
	padding:0.2em 1.2em 0.2em 1.2em;
}
.spalt .temp{
	display:none;
}
@media (min-width: 700px) {
	#huvudtitel{
		width:20%;	
	}
	#flikar{
		width:80%;	
	}
	#navigering{
		width:20%;	
	}
	#sokform{
		width:20%;
	}
	#sida{
		width:80%;	
	}
	div.tabell{
		overflow:visible;
	}
	table{
	    width:98%;
		margin:0 0 1% 1%;	
	}
	#klickbar_karta{
	    width:98%;
		margin:0 0 1% 1%;
	}
	#valdeltagande{
		width:29%;
		margin:0 0 1% 0;
	}
	.stapeldiagram{
		width:68%;
		overflow:visible;
		margin:0 1% 1% 1%;
	}
	.jamforelse_omojlig{
		width:29%;
		margin:0 0 1% 0;
	}
	#mittval{
		width:50em;
	}
	.flytande_div{
		display:block;
		width:78%;
		margin:0 0 0 1%;
	}
	#partier table{
		table-layout:fixed;	
	}
	#partier .flytande_tabell{
		width:100%;
		margin:0;	
	}
	#partier .flytande_div{
		width:98%;	
	}
}