/* This file needs to be saved in the UTF-8 format in order to handle EditMenuName attributes with non-english characters */

/* --- Divs used for page structure ---*/
body { color: #000000; background-color: #ffffff; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; height: 100%;}

h1, h2, h3, h4, h5, h6 { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0.5em 0; padding: 0; color: #5A5A5A; clear: both; }
h2, h3, h4, h5, h6 {  }
h1 { font-size: 150%; font-weight: bold;}
h2 { font-size: 120%; }
h3 { font-size: 100%; }
h4 { font-size: 95%; }
a { text-decoration: none; color: #0273AF; }
table { font-size: 100%;} 

.auraltext { display: none; visibility: hidden; }
.ingress { font-weight: bold; }
p { color: #000000; margin: 12px 0px; }

a.linkarrow { background-image:url(/sll/images/arrow_blue.gif); background-position:0em 0.8em; padding-left: 8px; padding-top: 5px; background-repeat: no-repeat; display: block; font-weight: bold; }
#container { text-align: left; background-color: #ffffff;}

/* Sidhuvud */
#toplinks { display: none; visibility: hidden; }

#toparea { padding: 0px 0em 0em 1.5em; background-color: #fff; margin:0; }
#header {  margin-bottom: 1em; border: solid 0px black; }
#logoarea { float: left; margin: 20px 0px 0px 0px; width: 40%; }

#quicksearcharea { display: none; visibility: hidden;}
#topmenuarea { display: none; visibility: hidden; }

/* Innehåll */
#maincontainer { width: auto;  }
div#leftarea { float: left;  }

/* Startsida puff */
div#rightarea { display: none; visibility: hidden; }

/* Page Content Area */
div#mainarea { float: left; width: 90%;  margin-bottom: 1em; }
div#submenu { display: none; visibility: hidden; }
div#mainarea #leftcol { float: left; width: auto; margin-left: 0px; }
div#mainarea #rightcol { display: none; visibility: hidden; }

.topimage { margin-bottom: 1.1em; width: 442px; }

#lastpublishedarea { float: left; width: 100%; border-top: solid 1px #E9E6DF; margin-bottom: 3em; margin-top: 2em; padding-top: 0.3em; }
div#lastpublished { float: left; width: auto;}
div#lastpublished .publishdate { padding: 0.2em 0em 0em 0em; }
div#lastpublished .responsibleauthortext { font-weight: bold; padding: 0.5em 0em 0em 0em;}
div#lastpublished .responsibleauthor { padding: 0.5em 0em 0em 0em;}

div#lastpublished .emaillinkimage { margin: 0.5em 0.5em 0em 0em }

#lastchangedarea { float: left; width: 100%; border-top: solid 1px #E9E6DF; margin-bottom: 3em; margin-top: 2em; padding-top: 0.3em; }
div#lastchanged .changeddate { padding: 0.2em 0em 0em 0em; }
div#lastchanged .responsibleauthortext { font-weight: bold; padding: 0.5em 0em 0em 0em;}
div#lastchanged .responsibleauthor { padding: 0.5em 0em 0em 0em;}

#adressimage { display: none; visibility: hidden; }
div#lastchangedprint { display: none; visibility: hidden; }

/* Nyhet */
#newslist { }
#newslist ul { padding: 0; margin: 0; }
#newslist li { display: inline; padding: 0; margin: 0; }
#newslist .newsrowcolor { float: left; background-color: #F8F7F5; width: 100%; padding: 0.3em 0em 0.3em 0em; }
#newslist .newsrow { float: left; background-color: Transparent; width: 100%; padding: 0.1em 0em 0.1em 0em;  } 
#newslist .newsdate { width: 30%; float: left; background-color: Transparent; }
#newslist .newslink { width: 68%; float: right; background-color: Transparent; }
.SelectedPagingItem { font-weight: bold; font-size: 120%; }
.UnselectedPagingItem { font-size: 120%; }

/* Startsida */
div#leftarea #startpageimage { width: 100%; height: 166px; background-repeat: no-repeat; background-position: top left; clear: both; overflow: hidden; margin-bottom: 0px;}
div#leftarea h2.upper { font-size: 90%; background-image:url(/sll/images/bullet_blue.gif); background-position:0em 0.3em; padding-left: 12px; background-repeat: no-repeat; text-decoration: none;}
div#leftarea .row { float:left; width: 120%; border-bottom: solid 1px #E9E6DF; padding: 0.5em 0em; background-color:Transparent}
div#leftarea .leftcol { float: left; width: 50%; background-color:Transparent; padding-bottom: 8px; padding-left: 8px; padding-right: 31px; margin-right: 0px; }
div#leftarea .rightcol { float: left; width: 33%; border-left: solid 1px #E9E6DF; padding-left: 10px; padding-right: 10px;padding-bottom: 8px;text-align:left; }
div#leftarea .leftcol p, div#leftarea .rightcol p { margin-bottom: 0px }
div#leftarea .leftcol p .puffdate, div#leftarea .rightcol p .puffdate { color: #868686; margin-right: 7px }


/* Sidfot */ 
#footer { float: left; width: 100%; padding-top: 9px; font-size: 80%; background-color: Transparent; margin-bottom: 1em; margin-top: 10px }
.footerline { margin: 7px 15px  }
#footerleft { float:left; text-align:left; width:70%; background-color: Transparent; padding: 7px 0px 7px 15px; 
	background-image:url(/sll/images/toning_fot.jpg); background-position: left center; background-repeat: repeat-y;}
#footerleft .addressimage { float: left; width: 10px; margin: 0em 1em 0em 0em; }
#footerleft .address { float: none; }
address { font-style:normal; }

#footerright { float: right; padding: 0em 15px 0em 1.4em; background-color: Transparent; background-image: url(/sll/images/arrowsmall_brown.gif); background-repeat: no-repeat; background-position:left center;}
#footerright a { color: #897969; text-align: right; vertical-align: top;}
#footerright .arrowimage { margin-top: 0.45em; margin-right: 0.2em}

/* Brödsmulestig */
div#breadcrumbs { margin: 0.4em 0em 1.4em 0em; width: 100%; float: left; }
div#breadcrumbs ul { padding: 0; margin: 0; }
div#breadcrumbs li { display: inline;  padding: 0em 0em 0em 0em; margin: 0; }
div#breadcrumbs a.breadcrumbsstart { padding: 0em 0.6em 0em 0em; }
div#breadcrumbs a.breadcrumbslink { padding: 0em 7px 0em 7px; background-image: url(/sll/images/arrow_brown.gif); background-repeat: no-repeat; background-position: left center; }

/* Webbkarta */
.sitemap { padding: 0 0 10px 20px; }
.sitemap ul {  margin: 0; padding: 0; }
.sitemaplimenu { font-weight: bold; text-decoration: none; list-style: none inside; margin: 30px 0px 3px 0px}
a.sitemapmenuheader { text-decoration: none; font-weight: bold; font-size: 125%; color: #595959; margin: 0.5em 0em 0.5em 0em;}
.sitemapli { margin-top: -2px; margin-bottom: -4px; padding: 0; list-style-type:none; }
.sitemapli a { margin: 0; text-decoration: none; vertical-align: middle; position: relative; top: -4px; }

#agenda { width: 100%; float:left; background-color: Transparent; }
#agenda h2 { margin-top:10px; width: 100%; float:left; }
#agenda h3 { margin-top:10px; width: 100%; float:left; font-style:italic;}
#agenda p {margin: 0px;}
#agenda ol { }
#agenda li { list-style-type: none; margin: 10px 0; padding: 0; float:none; clear: both;}
#agenda li .left {  float: none; background-color: Transparent; text-align: left;  }
#agenda li .right { float:none; background-color: Transparent; text-align: left;}
#agenda a {clear: both;}
.diarie { display: block; }

#agendaitem h1 {font-size:80%;}
#agendaitem p {margin-top:0px;margin-bottom:0px;}

/* Kalender */
#calendar { width: 100%; float: left; background-color: Transparent; margin-bottom: 2em; margin-top: 1em;} 
#calendar h2 { font-size: 100%; margin: 0; }

#calendar .leftcol { float: left; width: 22%; background-color: Transparent; }
#calendar .rightcol { float: left; width: 75%; background-color: Transparent; }
#calendar .row { float: none; width: 100%; border-top: solid 1px #E6E1DB; padding: 0.5em 0em 1em 0em;}
#calendar .eventdate { font-weight: bold; padding-top: 5px }
/*  #calendar .leftcol p { margin:0; padding:0; } */
#calendar p { margin:0; padding:0; }
#calendar p.intro { margin:0.5em 0em; padding:0; }

#event {width: 95%; border: solid 1px #E6E1DB;  background-color: #f6f5f3; padding-left:10px;padding-right:10px;}
#event .leftcol { float: left; width: 17%; background-color: Transparent; font-weight: bold; text-align: left; margin-right: 20px;}
#event .rightcol { float: left; width: 81%; background-color: Transparent; text-align: left; }
#event .row { float: left; width: 100%; padding: 0.5em 0em;clear: both;}
#event .group { float: left; width: 100%; border-bottom: solid 1px #E6E1DB; padding: 0.5em 0em;}
#event p {margin-top:0px;margin-bottom:0px;}

/* Formulär */
#form table { font-size: 100%; width: 100%; }
#form tr { width: 100%; }
#form td {  }
#form textarea { width:25em; height:5em; }
#form label { width:auto; display:block; border: solid 0px black; margin: 1px 0px}
#form input { width:25em; display:block; }
#form input[type=submit] { width: auto; display:block;}
#form input[type=radio] { width: 20px; float:left; clear:both; margin:1px 0px}
#form input[type=checkbox] { width: 20px; float: left; clear:both; margin:1px 0px}


/*  T R O I N T */
/* Lista förtroendevalda */
.electedTable { font-size: 69%; }
.headername { text-align: left; }
.headercommisson { text-align: left; }
.headerparty { text-align: left; }
.headercity { text-align: left; }
.name { width: 40%; text-align: left; }
.commisson { width: 15%; text-align: left; }
.party { width: 7%; text-align: left; }
.city { width: 27%; text-align: left; }
.tablecaption { text-align: left; font-weight: bold;  }
.rowcolor { background-color: #F8F7F5; width: 100%; }
.row { width: 100%; }
.yearcombo { float: left; padding-right: 0.5em; }
#year { margin-left: 0.5em; }
.serchhistory { display: none; visibility: hidden; }

/* Lista partier */
.partylist { margin: 0; padding: 0; }
li.rowcolor { text-decoration: none; list-style-type: none; margin: 0; padding: 0; background-color: #F8F7F5; width: 100%; }
li.row { text-decoration: none; list-style-type: none; margin: 0; padding: 0; width: 100%; }

/* Personlig infromation */
div#information { float:left; background-color: Transparent; width: 67%; }
div#information .adressbost { padding: 0.5em 0em 0.5em 0em; }
div#information .adressutsandn { padding: 0.5em 0em 0.5em 0em; }
div#information .telbost { padding: 0.5em 0em 0.5em 0em; }
div#information .telarb { padding: 0.5em 0em 0.5em 0em; }
div#information .telmob { padding: 0.5em 0em 0.5em 0em; }
div#information .fax { padding: 0.5em 0em 0.5em 0em; }
div#information .email { padding: 0.5em 0em 0.5em 0em; }
div#information .valkrets { padding: 0.5em 0em 0.5em 0em; }
div#photo { float: right; background-color: Transparent; width: 27%; }
div#unionstable { padding: 1em 0em 1em 0em; }
div#unionstable .rowcolor { background-color: #F8F7F5; width: 100%; }
div#unionstable .row { width: 100%; }
div#unionstable .unionhead { visibility: hidden; display: none; visibility: hidden;  }
div#unionstable .headerunion { text-align: left; }
div#unionstable .headercommisson { text-align: left; }
div#unionstable .union { width: 50%; text-align: left; padding: 0em 0.3em 0em 0em }
div#unionstable .commisson { width: 47%; text-align: left; }
/* div.puff a { padding: 0em 0em 0em 1.5em; } */

/* Nänmd/styrelse */
div#boardhistory .union { padding: 0em 0.3em 0em 0em }

/* Historik för politiker */
div#historypolitician .union { width: 50%; text-align: left; padding: 0em 0.3em 0em 0em }
div#historypolitician .headerunion { text-align: left; }
div#historypolitician .headercommisson { text-align: left; }
div#historypolitician .headerperiod { text-align: left; }

/* SLUT TroInt */

/* Pressbilder */
div#images { width: 100%; clear: both; padding: 1.7em 0em 1em 0em; }
div.politician h2 { font-size: 100%; font-weight: bold; }
div.politician { background-color: #F6F5F3; padding: 6px 8px 6px 8px; margin: 0em 0.5em 1.2em 0.3em; width: 97%; }
div.politician .image { background-color: Transparent; float: left; margin: 0em 1em 0em 0em; }
div.politician .imageinfo { background-color: Transparent; float: left; padding: 0em 0.5em 0em 0.5em; }
div.politician .photo { font-style: italic; padding-left: 8px; }

div.puff p { margin-top:0px; margin-bottom:0px; }

/* Press */
.press { float: left; width: 100%;}
.pressalt { float: left; width: 100%; background-color: #F9F8F6;}
.pressdate { float: left; width: 19%; padding-left: 10px; }
.presslink { float: right; width: 78%; }
.presslink a { font-weight: normal; }
#presslatest { float: left; width: 100%; margin-bottom: 6px; }
#pressall { float: left; width: 100%; margin-bottom: 20px; background-color: #F9F8F6; }
#pressall ul { margin: 0; padding: 0px 10px 8px 10px; }
#pressall ul li { display: inline; padding-right: 8px }
#pressall ul li a.linkarrow { display: inline;}
#pressall p.pressarchivetitle {  margin: 8px 0px 4px 0px; padding-left: 8px}
#presspuff { float: left; width: 100%; margin-bottom: 1em; }
#presspuff .row  { float: left; width: 100%; border-top: solid 1px #E6E2D9; padding: 11px 6px }
#presspuff .row .leftcol { float: left; width: 22%; }
#presspuff .row .rightcol { float: right; width: 75%; }
#presspuff .row .rightcol p, #presspuff .row .rightcol h2 { margin: 0; }

/* Pressmeddelanden */
div#year { margin: 1em 0em 1em 0em; }
div#year ul { padding: 0; margin: 0; }
div#year li { display: inline;  padding: 0em 1em 0em 0em; }

/* Felsida */
div#maincontainer .ErrorMessage { margin: 1em 3em 3em 3em; }

/* Presspuff */
#pressrightpuff { float: left; width: 100%}
#pressrightpuff .puff {float:left; width: 100%; background-color: blue; margin-bottom: 15px;  }
#pressrightpuff .puff h2.bgOrange { margin-bottom: 0px}

#pressrightpuff .puff .rightpufftext .text .contact { float: left; width: 87%; background-color:Transparent; padding: 5px 0px 0px 4px; }
#pressrightpuff .puff .rightpufftext .text .contact .contactimage { float: left; width: 29%; background-color: Transparent; }
#pressrightpuff .puff .rightpufftext .text .contact .contacttext { float: right; width: 69%; background-color: Transparent }
#pressrightpuff .puff p.bold { font-weight: bold; }
#pressrightpuff .puff .small { width: 130px; margin-right: 6px }


/* Prenumeration */
div#subscriptionlist { margin: 0.5em 0em 0.5em 0em; }
.ChangeSubscription { padding: 0em 0em 0em 0.5em; }
.SubscriptionChangeArea { margin: 2em 0em 1em 0em; }
.subscriptionlist { margin: 1em 0em 1em 0em; }