/* mac hide\*/
html, body {height:100%}
/* end hide */
body{
	padding:0;
	text-align:center;
	min-width:760px;/* for mozilla*/
	background-color:#ECF7FD;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size:small;
	margin:0 auto 0;
}
div,p{margin-top:0}/*clear top margin for mozilla*/
a{
	text-decoration:underline;
	color:#138BB9;
}
a:visited{
	color:#888888;
}
a:hover{
	color:#3CBFFF;
	text-decoration:underline;
}
a:active{
	color:red;
}
img{
	border:none;
	vertical-align:middle;
}
h1{
	font-size:large;
	background-color:#ECF7FD;
	margin:0 0 1em 0;
	padding:3px 3px 3px 6px;
}
h2{
	font-size:medium;
	font-weight:bold;
	margin:14px 0 14px 6px;
}
h3{
	font-size:small;
	font-weight:bold;
	margin:12px 0 12px 6px;
}
h4, h5, h6{
	font-size:x-small;
	font-weight:bold;
	margin:12px 0 6px 6px;
}
hr{
	border:none 0; 
	border-top:1px solid #ffffff;
	border-bottom:1px dotted #cccccc;
	height:2px;
	margin:0;
	padding:0;
}
dl{
	
}
dt{
	font-weight:bold;
	float:left;
}
dd{
	padding-left:20px;
}
#outer{
	height:101%;
	min-height:101%;
	width:59em;
	margin:auto;
	text-align:left;
	position:relative;
	overflow:visible;
	background-color:#FFFFFF;
}
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

/*--------------------------------------------------------------------------------------------------------------------------*/

form p{
	margin-bottom:3px;
}
.inmatning{
	border:1px solid black;
	background-color:#ffffff;
}
.box-field{
	border:1px solid black;
	background-color:#ffffff;
	text-align:right;
}
.votes-input{
	border:1px solid black;
	background-color:#ffffff;
	text-align:right;
	width:70px;
}
.knapp{
	padding:0 5px 0 5px;
	border:0;
	background-image:url(/bilder/knappbakgrund.jpg);
	cursor:pointer;
}
span.hidden{
	display:none;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

#header{
	position:relative;
	float:left;
	text-align:right;
	top:0;
	width:59em;
	height:5em;
	overflow:hidden;
	z-index:100;
	background:url(../bilder/valmyndigheten_huvud.png) top left no-repeat #01A0C7;
}
#header img{
	position:relative;
	float:left;
}
#header a{
	text-decoration:none;
	color:black;
}
#header a:hover{
	text-decoration:underline;
}
#header form{
	display:inline;
}
#header form p{
	padding:5px;
}
#header label{
	display:none;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

#topmenu{
	position:relative;
	float:left;
	clear:both;
	padding:3px 0 0 1em;
	border-bottom:1px solid #999999;
	z-index:2000;
	width:58em;
	background:url(/bilder/list.png) repeat-x #01A0C7;
}
#topmenu a{
	text-decoration:none;
	padding:3px 1% 0px 1%;
	margin-left:-0.5em;
	color:black;
	background-image:url(/bilder/toppsedel.jpg);
	background-repeat:no-repeat;
	background-color:white;
}
* html #topmenu a{
	\margin-left: 0; /* for IE5 and IE6 in quirks mode */
	ma\rgin-left: -0.5em; /* for IE6 in standards mode */
}
#topmenu a.selected, #topmenu a.selected:visited{
	background-color:transparent;
	background-image:none;
	color:white;
}
#topmenu a:visited{
	color:black;
}
/*-----Startsida---------------------------------------------------------------------------------------------------------------------*/

div.ruta{
	margin:0 3px 0 3px;
	padding:0;
	height:auto;
	width:96%;
	vertical-align:middle;
	float:none;
	overflow:hidden;
}
div.ruta a, div.ruta a:visited{
	color:black;
	text-decoration:none;
	display:block;
}
div.ruta a:hover{
	color:#3CBFFF;
	text-decoration:underline;
}
div.ruta h1{
	margin:0;
}
div.ruta h2, div.ruta h3{
	font-size:small;
	margin:0 0 0 0.2em;
}
div.ruta p{
	margin:0;
	padding:0 0 0 6px;
}
div.ruta img{
	vertical-align:middle;
	margin:5px 0 5px 0;
}
#sprak h2{
	float:left;
	clear:both;
	margin:5px 0 5px 0;
	font-size:small;
	padding:3px;
	width:96%;
	background-color:#ECF7FD;
	position:relative;
}
#sprak p{
	margin:8px 0 8px 8px;
}
#sprak a{
	float:left;
	clear:both;
}
div.linje{
	border-top:1px solid #eeeeee;
	width:99%;
	line-height:0;
	height:0;
	margin:0;
	padding:0;
	float:left;
}
#nyheter {
	background-color:white;
}
#nyheter p{
	margin:10px 0 10px 0;
}
#nyheter h2{
	
}
#nyheter span.datum{
}
#h1epval2009{
	font-size:small;
	text-decoration:none;
	color:#EEE522;
	font-weight:bold;
	background:url(/bilder/epval.gif) no-repeat top left #173185;
	padding:4px 0 4px 44px;
	margin:0;
	display:block;
}
h1.omvalsrubrik{
	background-color:#931080;
	color:white;
	margin:0 0 0 0;
	float:left;
	width:95%;

}
.genvagar{
	margin:0 0 0 0;
	float:left;
	width:95%;
}
#left a.enkellank, #left a.enkellank:visited{
	padding:0.6em 0 0.6em 12px;
	color:black;
	text-decoration:none;
	font-weight:bold;
	margin:0 0 0 5%;
	display:block;
	width:90%;
	background:url(/bilder/arrow_black.gif) no-repeat left white;
}
#left a.enkellank:hover{
	color:#3CBFFF;
	text-decoration:underline;
}
#left a.bildlank, #left a.bildlank:visited{
	padding:1.1em 0 1.1em 45px;
	float:left;
	color:black;
	text-decoration:none;
	font-weight:bold;
	width:75%;
}
#left a.bildlank:hover{
	color:#3CBFFF;
	text-decoration:underline;
}
#left a.bildlank img{
	float:left;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

#sik {
	padding:10px 0 30px 0;
	position:relative;
	float:right;
	width:43.1em;
	overflow:visible;
}
/*--------------------------------------------------------------------------------------------------------------------------*/

div.bildtext{
	font-size:x-small;
	margin:12px 0 12px 6px;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

#left {
	padding:10px 0 3.5em 0.3em;
	position:relative;
	width:15.2em;
	float:left;
	overflow:visible;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

#leftmenu {
	position:relative;
	z-index:2000;
	width:95%;
	left:-8px;
	background:url(/bilder/menysedel.jpg) no-repeat white top right;
	border-left:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	padding:0 0 0 5%;
	overflow:hidden;
}
#leftmenu h1{
	background-color:transparent;
	font-size:medium;
	text-align:center;
	width:95%;
	padding:10px 0 0 0;
	margin-bottom:10px;
}
#min-heighter-right{
	height:300px;
	width:0.1em;
	float:right;
}
#min-heighter-bottom{
	position:relative;
	top:19px;
	clear:both;
	height:20px;
	background-image:url(/bilder/skugga.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}
#leftmenu h2, #leftmenu h3{
	padding:0;
	margin:0;
	font-size:small;
}
#leftmenu h2{
	background:url(/bilder/ruta_ifylld.gif) no-repeat left top;
	color:black;
	padding-left:20px;
}
#leftmenu h2 a{
	font-weight:bold;
	text-decoration:none;
	color:black;
	display:block;
}
#leftmenu h3 a{
	background:url(/bilder/ruta_tom.gif) no-repeat left top;
	font-weight:normal;
	padding-left:20px;
	display:block;
	width:80%;
	text-decoration:none;
	color:black;
}
#leftmenu h3 a:hover{
	background:url(/bilder/ruta_hover.gif) no-repeat left top;
}
#leftmenu ul{
	margin:1em 0 1em 20px;
	padding:0;
}
#leftmenu li{
	list-style:none;
	padding:0;
	margin:0;
}
#leftmenu li a{
	text-decoration:none;
	background:url(/bilder/arrow_gray.gif) no-repeat top left;
	overflow:hidden;
	padding:0.1em 0.2em 0.1em 10px;
	color:black;
	display:block;
	width:80%;
}
#leftmenu a:hover{
	color:#3CBFFF;
	text-decoration:underline;
}
#leftmenu .selected{
	color:black;
	display:block;
	background:url(/bilder/arrow_black.gif) no-repeat top left;
	padding:0.1em 0.2em 0.1em 10px;
	background-color:#ECF7FD;
	width:80%;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

#right{
	position:relative;/*ie needs this to show float */
	width:10.6em;
	float:right;
	padding:0 0.5em;
	overflow:hidden;
	padding-bottom:5.5em;/* needed to make room for footer */
}

/*--------------------------------------------------------------------------------------------------------------------------*/

#right h2{
	margin:5px 0 5px 0;
	font-size:small;
	padding:3px;
	background-color:#ECF7FD;
}
div.related a{

}
#right p img{
	position:relative;
	float:left;
	padding:0 3px 7px;
}
#right p{
	margin:8px 0 8px 0;
}
#europaparlamentet_2009{
	position:relative;
	background:url(/bilder/eu.gif) top left no-repeat;
	padding-top:100px;
}
#omval{
	position:relative;
	background:url(/bilder/omval_2011_vertikal.jpg) top left no-repeat;
	padding-top:100px;
}
#sametinget_2009{
	position:relative;
	background:url(/bilder/sametinget.gif) top left no-repeat;
	padding-top:100px;
}
#val_2010{
	position:relative;
	background:url(/bilder/stoppaivalurna.jpg) top left no-repeat;
	padding-top:100px;
}
#tidigare_val{
	position:relative;
	background:url(/bilder/tidigare_val.jpg) top left no-repeat;
	padding-top:100px;
}
#det_svenska_valsystemet{
	position:relative;
	background:url(/bilder/valsystemet.jpg) top left no-repeat;
	padding-top:100px;
}
#om_oss{
	position:relative;
	background:url(/bilder/om_oss.jpg) top left no-repeat;
	padding-top:100px;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

table {
	margin-bottom: 10px;
	border: none;
	border-collapse: collapse;

}
table.border {
	border: 0px solid #000000;
}
th.color {
	background-image: none;
}
th, td {
	font-size:x-small;
	padding-left:1px;
	padding-right:10px;
}
th {
	background-repeat:no-repeat;
	background-position:right;
}
th.sortable {
	cursor: pointer;
}
th.sortedColumn {
	background-image: url(/bilder/sort_desc.gif);
	cursor: pointer;		
}
th.reverseSortedColumn {
	background-image: url(/bilder/sort_asc.gif);
	cursor: pointer;
}
.line {
	border-right: 1px solid #000000;
}
td.sum {
	border-top: 1px solid #000;
	margin-top: 10px;
	padding-bottom: 10px;
}
td.bold {
	font-weight: bold;
}
table.layout{
	width:100%;
}
table.layout td{
	white-space:normal;
	font-size:small;
}
table.layout th{
	white-space:normal;
	background-image:none;
}
/*--------------------------------------------------------------------------------------------------------------------------*/

#center{
	width:31.4em;
	float:left;
	padding-bottom:5.5em;/* needed to make room for footer */
	overflow:hidden;
}
#center p, #center table, #center img{
	margin:12px 0 12px 6px;
}
/*--------------------------------------------------------------------------------------------------------------------------*/
#clearfooter {width:100%;height:3.5em;clear:both} /* to clear footer */

#footer{
	width:100%;
	clear:both;
	height:3.5em;
	color:#000000;
	text-align:center;
	left:0;
	bottom:0;
	background-color:white;
	position:absolute;
	border-top:1px solid #D6DEE0;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

#webbkarta h1{
	font-size:medium;
	margin:2px;
	padding-left:0;
	background-color:#EFF9FC;
}

#webbkarta h2{	
	font-size:small;
	margin:2px;
	margin-left:20px;
	background-color:#FAFDFE;
}

#webbkarta h3{
	margin:2px;
	margin-left:10px;
	background-color:#FAFDFE;
	font-weight:bold;
}
#webbkarta ul{
	padding:0;
	margin:0;
	margin-left:20px;
}
#webbkarta li{
	list-style:none;
	padding:0;
	margin:0;
}
#webbkarta a, #webbkarta a:visited{
	color:black;
	display:block;
	width:100%;
	text-decoration:none;
}

#webbkarta a:hover{
	color:#3CBFFF;
	text-decoration:underline;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

.googlelink{
	float:left;
	margin:3em 0 3em 0;
}
.pdf{
	padding:0 0.2em 0 20px;
	background:url(../bilder/pdf.gif) no-repeat top left;
}
.zip{
	padding:0 0.2em 0 20px;
	background:url(../bilder/zip.gif) no-repeat top left ;
}
.excel, .xls{
	padding:0 0 4px 20px;
	display:block;
	width:90%;
	background:url(../bilder/excel.gif) no-repeat top left;
}
.wmv{
	padding:0 0 4px 20px;
	display:block;
	width:90%;
	background:url(../bilder/wmv.gif) no-repeat top left;
}
.word, .doc{
	padding:0 0 4px 20px;
	display:block;
	width:90%;
	background:url(../bilder/word.gif) no-repeat top left;
}
.mpeg4{
	padding:0 0 4px 20px;
	display:block;
	width:90%;
	background:url(../bilder/mpeg4.gif) no-repeat top left;
}
.mp3{
	padding:0 0 4px 20px;
	display:block;
	width:90%;
	background:url(../bilder/mp3.gif) no-repeat top left;
}
.film{
	padding:0 0 4px 20px;
	display:block;
	width:90%;
	background:url(../bilder/film.gif) no-repeat top left;
}
.filstorlek{
	padding:0 0 0 20px;
	display:block;
}
.mittval{
	width:90%;
	clear:both;
	border:1px solid orange;
	background-color:#FFFFCC;
	margin:20px 0 20px 6px;
	padding:0 0.5em 0.5em 0.5em;
	overflow:visible;
}
.upplysning{
	width:90%;
	clear:both;
	border:1px solid orange;
	background-color:#FFFFCC;
	margin:20px 0 20px 6px;
	padding:0 0.5em 0.5em 0.5em;
	overflow:visible;
}
.mittval table{
	width:100%;
}
.mittval table td{
	padding:2px 0 2px 0;
}
.mittval #sok1{
	width:21em;
	max-width:21em;
}
.mittval input[type=text]{  
	margin:0;
	padding:1px;
	border:1px solid #8A9CB2;
}
.obligatorisk{
	background:url(../bilder/asterisk.gif) no-repeat right white;
	border:1px solid #8A9CB2;
}