/* Stylesheet for Legala handboken  2003-06-30 */

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

body {
    margin : 0px 1px 0px 0px;
    padding :0px;
    /* for Opera */
    background : #FAF8F8;
    /* for NS mac */
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 100%;
}

#bodyColor{
  background-color : #FAF8F8;
}

td, th, ul, ol, dl, h1, h2, h3, h4, h5, h6, pre {
    font-size : 100%;
	line-height : 18px;
	margin-top : 0px;
	margin-bottom : 6px;
	max-width: 50em;	 /* CSS2. Only supported by Mozilla and Opera, not IE */
}

	
p{
	line-height : 18px;
	margin-top : 0px;
	margin-bottom : 6px;
	max-width: 50em;	 /* CSS2. Only supported by Mozilla and Opera, not IE */
}

td, th {
    padding : 0px;
}

li {
    margin: 0px;
	margin-top : 6px;
}
form, input{
	font-size : 100%;
}

dt {
	font-weight : bold;	
	margin: 0px;
	margin-top : 6px;
}

hr {
    height : 1px;
    border: none;
    background-color: #666666;
    width : 90%;
}

h1, h2, h3, h4, h5, h6 {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	margin : 0px;
	margin-top : 16px;
	color : #333333;
	max-width: 30em;	 /* CSS2. Only supported by Mozilla and Opera, not IE */
}

h1 {
	margin-top : 16px;
	font-size : 18px;
}

h2 {
	font-size : 130%;
}

h3 {
    margin-top : 8px;
	font-size : 110%;
}

h4 {
	font-size :  100%px;
	font-style : italic;
}

h5 {
	font-size : 100%;
	margin-top :2px;
	margin-bottom: 2px; 
}

a:link {
  color: #0520C2;
  text-decoration : none;
}
a:visited {
  color: #0520C2;
  text-decoration : none;
}

a:active {}

a:hover {
    text-decoration : underline;
} 

span.wordlist a.wordlist, span.wordlist  a.wordlist:link, span.wordlist  a.wordlist:visited, span.wordlist  a.wordlist:active, span.wordlist  a.wordlist.focus  {
	color : #990000;
	text-decoration : none; 
}
span.wordlist  a.wordlist:hover {
 	color : #990000;
	text-decoration : underline;
} 

/* Design elements for head */
/* ---------------------------------------------------------------------------- */

table#headContainer{
    width : 100%;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	white-space : nowrap;
}

table#headContainer td {
    padding : 0px;
	white-space : nowrap;
}

table#logoContainer {
    white-space : nowrap;
    padding : 0px;
    background-image : url(../images/pixelrow_head.gif);
	background-repeat : repeat;
	color: #FFFFFF;
	margin-bottom:0px;
	padding-bottom:0px;
}
td#pictureHolder{
    padding : 0px;
	margin: 0px;
    white-space : nowrap;
	
}
td#orgContainer {
   width : 100%;
    font-size : 65%;
	text-align : left;
	padding : 0px;
	margin : 0px;
    margin-right: 2px;
    vertical-align : top;
	white-space : nowrap;
	color: #FFFFFF;
}
td#orgContainer a {
    text-decoration : none;
    color : #FFFFFF;
}

td#orgContainer  a:hover {
    color : #FFFFFF;
    text-decoration : underline;
}
td#orgContainer a:visited {
    color : #FFFFFF;
}

.org {
    white-space: nowrap;
	padding-top: 2px;
	margin:0px;
	padding-left: 22px;
}
.org img {
    margin-top:0px;
    margin-right : 8px;
    padding-top: 0px;
    border:0px;
}
.org p {
   margin-top:0px;
   margin-right : 8px;
   padding-top: 0px;
   line-height : 10px;
   margin-bottom:3px;
   border:0px;
}


/* klasser för sökfunktion */

.searchTbl  {
	border : 1 solid #ED1C24;
	background : url(../images/sokruta.jpg);
}
.search {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
	color : #FFFFFF;
	margin-bottom :3px;

}
.searchbutton {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
	text-decoration : none;
	margin : 0px;
	padding : 0px;
	height : 16px;
	border-width : 0px;
	line-height : 16px;
}
.searchBox {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	height : 16px;
	padding-bottom : 0px;
	
}
.form {
	margin-top : 0px;
	margin-bottom : 0px;
}



/* Text body id's and classes */
/* ---------------------------------------------------------------------------- */

/*klasser för de olika delar som bygger upp sidan*/
table#pageHolder {
    width:100%;
    vertical-align : top;
}

td#textArea{
    width: 75%;
	padding: 0px;
    padding-left : 18px;
	padding-right: 10px;
    vertical-align : top;
}
 
table#textHolder, table#QuestionAnswer {
    width: 100%;
    padding-bottom:0px;
   
}
table#leftMenuHolder {
    text-align : left;
    padding:3px;
    margin:0px;
    margin-top: 10px;
   
}
table#rightMenuHolder{
}

/*Olika klasser för text, med och utan vertikal prickad linje*/
td.rightBorder, td.rightBorderFirst  {
    background : url(../images/dotted_line_small.gif);
    background-position : right;
    background-repeat : repeat-y;
    vertical-align : top;
	padding: 0px;
    padding-left : 8px;	
    padding-right : 8px;
	font-size: 80%;
}

td.text, td.textFirst {
    vertical-align : top;
	padding: 0px;
    padding-left : 8px;	
    padding-right : 8px;
	font-size: 80%;
}

td.rightBorderFirst, td.textFirst{
  font-size: 70%;
}

td.rightBorderFirst p, td.textFirst p{
  line-height : 14px;
  margin:2px;
}

td.rightBorder a, td.text a{
   text-decoration : none;
   color: #0520C2;
}

td.textFirst a, td.rightBorderFirst a{
   text-decoration : none;
   color: #000000;
}

td.textFirst a:hover, td.rightBorderFirst a:hover{
  text-decoration : underline;
}
td.textFirst a:visited, td.rightBorderFirst a:visited{
   color: #000000;
}

td.text a:hover, td.rightBorder a:hover{
   text-decoration : underline;
   color: #0520C2;
	
}
td.text a:visited, td.rightBorder a:visited{
   color: #0520C2;
	
}
td.rightBorder p, td.text p{
   padding:0px;
   margin: 0px;
}

/*olika textstorlekar */

td.textSize80 {
	font-size:80%;
}

td.textSize70 {
	font-size:70%;
}

/*klasser för att ändra för på text, rubriker och länkar*/
div.firstPageHeading, div.redText{
    font-family : Arial, Helvetica, sans-serif;
	margin: 0px;
	margin-top : 10px;
	font-weight : bold;
	color: #990000;
	max-width: 30em;	 /* CSS2. Only supported by Mozilla and Opera, not IE */
}
div.firstPageHeading{
	 font-size:130%; 
}
div.redText{
    margin-top:2px;
    margin-bottom:0px;
    font-size: 80%;
}
div.redText a{
   margin-top:4px;
   color: #990000;
   font-weight : normal;
}
div.redText a:visited{
	color: #990000;
}
.linkColorBlue{
	color: #003366;
}
#linkColorGrey{
	color: #CCCCCC;
}
#linkColorRed{
	color: #990000;
}

/*olika bredd för td*/
td#cellWidth{
	width : 50%;
}
td#cellWidthQuestions{
	width : 35%;
}
/*klass för framåt och bakåt pilar som kan användas på sidor med mycket text*/
div#arrows{
	text-align : center;
}
div#arrows a, div#arrows a:hover, div#arrows a:visited,{
    border : 0px;
    text-decoration : none;
}
div#arrows img{
    border : 0px;
}

/*klass som kan användas på bilder som tex kombineras med text*/
img.textAreaImage{
  margin: 0px;
  margin-top: 3px;
  margin-bottom: 3px;
  border:0px,
}

/*klass för punktlisa*/
ul.textList{
    line-height: 16px;
    padding: 0px;
	padding-left: 20px;
	padding-top: 2px;
	margin:0px;
}

/* Menu id's and classes */
/* ---------------------------------------------------------------------------- */

/*klasser för de delar som bygger upp meny 1 & 2*/
td#menuContainerLevel1, td#menuContainerLevel1First, td#menuContainerLevel2 {
	line-height : 14px;
    background-color : #EEEEEE;
    border-top : 1px solid #626368;
    border-bottom : 1px solid #626368;
    border-left : 1px solid #626368;
    border-right : 1px solid #626368;
    width : 100%;
	padding : 0px;
    margin : 0px;
    vertical-align : top;
	white-space: nowrap;
	 font-size: 70%;
}

td#menuContainerLevel1{
	border-bottom : 1px solid #999999;
}

td#menuContainerLevel2{
	border-top : 0px solid #626368;
	background-color : #CCCCCC;
}

.menuLevel1 {
    white-space: nowrap;
}

.menuLevel1 a {
    text-decoration : none;
    color : #333333;
    border: 0px;
    padding-top : 4px;
    padding-bottom : 4px;
    padding-left : 15px;
    padding-right : 15px;
    margin: 0px;
    float : left;
    background : url(../images/dotted_line_small.gif);
    background-position : right;
    background-repeat : no-repeat;
	border-bottom : 0px solid #626368;
}

.menuLevel1 a:visited {
    text-decoration : none;
    color : #333333;
}
.menuLevel1 a:hover {
    color : #000000;
    background-color : #E3E1E1;
    text-decoration : underline;
}

.menuLevel1 a.selected, .menuLevel1 a.selected:hover {
    color : #333333;
    background-color : #CCCCCC;
    font-weight : bold;
}
.menuLevel2 {
    white-space: nowrap;
}

.menuLevel2 a {
    text-decoration : none;
    color : #333333;
    border: 0px;
    padding-top : 4px;
    padding-bottom : 4px;
    padding-left : 8px;
    padding-right : 9px;
    margin: 0px;
    float : left;
}

.menuLevel2 a:visited {
    text-decoration : none;
    color : #333333;
}

.menuLevel2 a:hover {
    color : #000000;
    text-decoration : underline;
}

.menuLevel2 a.selected, .menuLevel2 a.selected:hover {
    color : #333333;
}

.menuLevel3Td{
    font-size: 70%;
    color : #333333;
    padding-left: 8px;	
    padding-top : 8px;
    padding-bottom : 0px;
}

.menuLevel4Td {
   font-size: 70%;
   width:130px;
   padding-left: 5px;	
   padding-bottom : 3px;
   text-align : left;
}

.menuLevel3Td a, .menuLevel4Td a{
	color : #333333;

}
.menuLevel3Td  a:hover, .menuLevel4Td a:hover{
	color : #333333;
} 
.menuLevel3Td  a:visited, .menuLevel4Td a:visited{
	color : #333333;
}   
 
/* klass för redarrow_left.gif and menuLine_left.gif som finns i meny4*/
.menuImageTd{
    padding:0px;
	padding-left: 10px;	
	padding-top: 7px;	
	margin:0px;
	vertical-align : top;
} 

/*klasser för att hålla ut olika utrymmen, tex i menyn*/
#menuMarginSpacer, #menuMarginSpacerFirst{
    float : left;
    background : url(../images/dotted_line_small.gif);
    background-position : right;
    background-repeat : repeat-y;
	background-color : #EEEEEE;
	height : 22px;
	white-space: nowrap;
}
#menu2MarginSpacer{
	 background-color : #CCCCCC;
     float : left;
	 height : 22px;
	 white-space: nowrap;
}
#menuMarginSpacerFirst img, #menu2MarginSpacer img{
    width : 161px;
    height : 15px;    
}

#menuMarginSpacer img {
	width : 110px;
    height : 15px;
	border : 0px;
}
#menuMarginSpacer a {
	color: #B10D28;
}

#menuMarginSpacer a:hover {
}

#menuMarginSpacer a:visited {
}

img.leftMarginSpacer {
    vertical-align : top;
	width : 162px;
    height : 1px;
}

img.Spacer {
   vertical-align : top;
   width : 120px;
   height : 1px;
}


/*olika typer av prickade linjer som används under rubriker och i texten.*/
.dottedLine, .dottedLineLeftMenu, .dottedLineHeading, .dottedLineBottom {
    background-image : url(../images/bg_dot.gif);
    height : 1px;
    background-repeat : repeat-x;
    line-height : 1px;
	margin: 0px;
	margin-top: 7px;
	margin-bottom: 2px;
	padding: 0px;
    padding-bottom : 5px;
    padding-top : 5px;
}
.dottedLineLeftMenu {
    padding-bottom : 3px;
    padding-top : 3px;
	margin-top: 4px;
	margin-bottom: 1px;
}
.dottedLineHeading{
	margin-top: 2px;
}
.dottedLineBottom{
	margin-top: 12px;
	margin-bottom:0px;
	padding:0px;
}

/* Vertical menus */
/* ---------------------------------------------------------------------------- */

td#leftMenuArea, td#leftMenuAreaFirst {
    vertical-align : top;
	padding : 0px;
    margin : 0px;
    background : url(../images/dotted_line_small.gif);
    background-position : right;
    background-repeat : repeat-y;
	background-color : #EEEEEE;
}
td#leftMenuAreaFirst{
    background-color :#FAF8F8;	
    color : #333333;
}

#leftMenu {
   color : #333333;
   padding-left : 2px;
   padding-top:10px;
}
/*högerdel som används på frågor & svar sidor, där bakgrunden ska vara blå*/
td#rightMenuContainerFAQ{
	vertical-align : top;
    width : 25%;
	padding: 0px;
	padding-bottom : 20px;
	padding-left : 15px;
	padding-top : 12px;
	background : url(../images/dotted_line_small.gif);
    background-position : left;
    background-repeat : repeat-y;
	background-color : #EEEEEE;
}

td#rightMenuContainer{
	vertical-align : top;
    width : 25%;
	padding: 0px;
	padding-bottom : 20px;
	padding-left : 15px;
	padding-top : 12px;
}

td#rightMenuArea {
    width : 160px;
	font-size: 70%;
    margin : 0px;
	border: 0px ;
    border-bottom : 3px solid #CECCCD;
	background-image : url(../images/bg_shortcut.gif);
	background-repeat : repeat;
}

#rightMenu {
    background-color : #EEEEEE;;
    line-height: 13px;
    padding-bottom : 0px;
    padding-left: 0px;
}

/*används i högermeny på första sidan*/
ul.menuVertical {
    padding: 0px;
    padding-bottom : 8px;
	margin: 0px;
    margin-bottom : 4px;
	
}
ul.menuVertical p, ul.menuVertical li {
    font-weight : normal;
    padding-left : 1px;
    margin-left : 2px;
    margin-top : 4px;
    margin-bottom : 0px;
}

ul.menuVertical li {
    list-style-position :outside;
}

ul.menuVertical li.menuShortcut {
    font-weight: normal;
    color : #FFFFFF;
	background-image : url(../images/menuShortcut.gif);
	background-position : left;
	background-repeat : no-repeat;
	background-color : #999999;
	padding-left : 25px;
	padding-bottom : 2px;
	border-bottom : 0px solid #DDDDDD;
}

ul.menuVertical li.menuShortcutText {
    text-align : left;
	padding-left : 5px;
	padding-top : 0px;
	font-weight : normal;
    margin-top : 5px;
    margin-left : 0px;
    margin-bottom : 0px;
    list-style-type : none;
    list-style-image : none;
	padding-bottom : 10px;
	
}
ul.menuVertical li a {
    text-decoration : none;
}

ul.menuVertical li a:visited {
    text-decoration : none;
}

ul.menuVertical li a:hover {
	color : #333366;
	text-decoration: underline;
}
li.menuShortcut p{
   color : #333333;
   text-align : left;
   text-decoration: none;	
}
li.menuShortcut a{
   color : #FFFFFF;
   text-align : left;
   text-decoration: none;	
}
li.menuShortcut a:visited{
   color : #FFFFFF;
   text-align : left;
   text-decoration: none;	
}
li.menuShortcut a:hover{
   color : #FFFFFF;
   text-align : left;
   text-decoration: underline;	
}
li.menuShortcutText a{
   color: #990000;
   text-decoration: none;	
}
li.menuShortcutText a:visited{
   color: #990000;
   text-decoration: none;	
}
li.menuShortcutText a:hover{
   text-decoration: underline;	
}

/* klasser för tabell lägnst ner på frågor & svar sidorna */
/* ---------------------------------------------------------------------------- */
table.bottomArea{
	margin : 0px;
	padding:0px;
	width : 100%
}
table.bottomArea td{}


/* Foot id's and classes */
/* ---------------------------------------------------------------------------- */

table#footHolder, table#updateHolder{
    width: 100%;
    border-top : 1px solid #626368;
    border-bottom : 1px solid #626368;
    border-left : 1px solid #626368;
    border-right : 1px solid #626368;
	padding-top : 1px;
    padding-left : 1px;
    padding-right : 1px;
    padding-bottom : 1px;
}

table#footHolder div {
    width: 100%;
    background-color : #990000;
}

#footMarginSpacerLeft {
}
	
#footMarginSpacerLeft  img{
   width : 159px;
   height : 2px;
}
#footMarginSpacerRight {

}
#footMarginSpacerRight  img{} 

td.foot, td.updaterCenter {
    width : 600px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 70%;
    line-height: 14px;
    text-align : center;
	background-color : #990000;
	color: #FFFFFF;
	border: 0px;
    border-left : 2px solid #FFFFFF;
    border-right : 2px solid #FFFFFF;
}
td.foot a {
    text-decoration : none;
	color: #FFFFFF;
}
td.foot a:hover {
    text-decoration : underline;
	color: #CCCCCC;
}
td.foot a:visited {
    text-decoration : none;
	color: #FFFFFF;
}
table#updateHolder{
 border: 0px;   
}
	
table#updateHolder div {
    width: 100%;
    background-color : #FAF8F8;
}

td.updaterLeft {
    width : 156px;
	font-family :  Arial, Helvetica, sans-serif;
	font-size : 70%;
    line-height: 14px;
    text-align : center;
	background-color : #FAF8F8;
	color: 333333;
	border: 0px;
}

td.updaterCenter {
    text-align : right;
	background-color : #FAF8F8;
	color: #333333; 
}

td.updaterCenter a {
    text-decoration : none;
	color: #333333;
}

td.updaterCenter a:hover {
    text-decoration : underline;
	color: #333333;
}

td.updaterCenter a:visited {
    text-decoration : none;
	color: #333333;
}

/* Custom classes  */


#ns4warning {
    background-color : #FFFF00;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : smaller;
}

/* klasser för  ordlistorna */

#bodyWordlist{
  background-color : #FAF8F8;
  margin-left : 5px;
  margin-top : 3px;
  margin-right : 5px;
  margin-bottom : 1px;
}

#bodyShortWordlist{
  background-color : #990000;
  margin-left : 5px;
  margin-top : 3px;
  margin-right : 5px;
  margin-bottom : 1px;
}

div.fullWordlist {
	font-size : 80%;
}
div.fullWordlist a{
	color: #0520C2;
	text-decoration : none;
}
div.fullWordlist a:hover{
   color: #0520C2;
   text-decoration : underline;
}
div.fullWordlist a:visited{
	color: #0520C2;
}

div.wordlist {
	color : White;
	font-size : 80%;
}

div.wordlist a, div.wordlist a:visited, div.wordlist a:active {
	color : #B9B9FF;
	text-decoration : none;
}

div.wordlist a:hover {
	color : #B9B9FF;
	text-decoration : underline;
	font-weight : bold;
	background-color : #990000;
}

div.wordlist  p {
	line-height : 110%;
}

div.upphov {
	font-size : 100%;
	border-bottom : 1px solid #990000;
	border-top : 1px solid #990000;
	padding-top : 1px;
	padding-bottom : 1px;
	margin-bottom : 20px;
	font-weight : bold;
	color : #990000;
	text-align : center;
	}

a.copyright {text-decoration: none}

/* End of stylesheet */
/* ---------------------------------------------------------------------------- */