/*  styr/lista_style.css   uppdaterad 2019-10-30 12:38 */

/*  =====  globalt ====*/
@media screen {
html { background-color: rgba(242, 242, 242, 0.01); height: 100%; margin: auto; overflow: auto;}

body { font-family: Verdana, arial; font-size: 16px; }

/* ==== navigationen ====*/

#wrapper { max-width: 1920px; }

#wrapnav { 
    padding: 9px 0px 0px 0px;
    font-family: arial, verdana;
    border-bottom: solid 5px #cccccc;  
    font-size: 0.8em; 
    line-height: 0.8em; 
    width: 100%;
    height: 18px;
    display: inline-table;
    background-color: #f2f2f2;
}

#wrapnav a { color:#585858; text-decoration: none; font-weight: normal; }
#wrapnav a:hover { color:#585858; padding: 0px; font-weight: bold; }
#wrapnav a:visited { color:#585858; padding: 0px; text-decoration: none; }

#leftnav {
    width: 86%;
    padding-left: 10px;
    display: table-cell;
    text-align: left;
    padding-bottom: 4px;
}

#button {
    width: 9%;
    background-color: rgba(242, 242, 242, 0.3);
    border: none;
    color: #585858;
    text-align: right;
    text-decoration: none;
    display: table-cell;
    cursor: pointer;
    padding-bottom: 4px;
    padding-right: 0.5%;
}

#button:hover { color:#585858; font-weight: bold;}

#navright {
    width: 7%;
    display: table-cell;
    text-align: right;
    padding-right: 1.7%;
    padding-bottom: 4px;
}

/* ==== slut navigationen ==== */

/* ==== rubriken ==== */

#rubleft { 
    height: 16px;
    padding-top: 1px;
    margin: 20px 0px 0px 12px;
    border: none; 
    font-family: verdana, arial; 
    font-size: 0.9em;
    color: #666666; 
} 

#rubright { 
    height: 16px;
    padding-top: 1px;
    margin: 20px 0px 0px 16px;
    border: none; 
    font-family: verdana, arial; 
    font-size: 0.8em;
    color: #666666; 
} 

#rubleft { display: inline-block; width: 20%; text-align: left; font-weight: bold;}

#rubleft th { display: none; }

#rubright { display: inline-block; width: 70%; padding-left: 10px; text-align: right;  }
table.tabxx td { border-bottom: 1px; border-color: white; }
#rubright th { display: none; }

#hr1 { margin: 0% 1% 0% 0.8%; }

/* ==== slut rubriken ==== */


/* ==== list-tabellen ==== */

#tabrubbe { background-color: rgba(204, 204, 204, 0.5); font-size: 12px; font-weight: bold; color: rgba(51, 51, 51, 0.9); text-align: left; white-space: nowrap; }

#litab {
    display: inline-block;
    height: auto;
    line-height: 90%;
    width: 99%;
    margin: 1% 0% 0% 0.8%; 
    padding: 0% 0% 0.1% 0%;
    border-bottom: 1px solid rgba(217, 217, 217, 0.1);
}

table #litab { width: 100%; border-spacing: 5px 5px; text-align: left; vertical-align: text-middle; width:100%; font-family: arial, verdana; font-style: normal; }

#litab th, td {padding: 5px 1px 5px 0px;
    /*border: 1px solid #a6a6a6; */
    border-bottom: 1px solid #ddd;
    border-collapse: collapse;
    padding: 5px;}

#litab th {background-color: #d9d9d9; font-size: 12px; font-weight: bold; color: black; height: 14px;} 

#litab .huvudomr { font-family: verdana, arial; font-size: 16px; color: rgba(64, 64, 64, 0.7); font-weight: bolder; }
#litab .omrade { font-family: verdana, arial; font-size: 12px; font-style: normal; color: rgba(26, 26, 26, 0.7); font-weight: bolder; }
#litab .DROW { font-family: verdana, arial; font-size: 12px; color: rgba(64, 64, 64, 0.8); }

#litab td { font-size: 1em; color: #000000;  } 

#litab tr:nth-child(odd) {background-color: rgba(217, 217, 217, 0.1) };
#litab tr:nth-child(even) {background-color: white } ; 

#litab td a:visited {color: gray; } 
#litab td a:link  {text-decoration: none; color: #000000; } 
#litab td a:hover {text-decoration: underline; color: blue; }


@media screen and (max-width: 1200px ) { #button { padding-right: 2%; } } 
@media screen and (max-width: 960px ) { 
html { overflow: scroll; }
#button { padding-right: 2%; }
#rubleft, #rubright { 
    height: 12px;
    padding-top: 15px;
    margin: 0px 0px 1px 5px;
    font-size: 12px;
} 
#rubleft { width: 15%; }
#rubright { width: 78%; padding-left: 5px; text-align: right; }

#hr1 {display: none; }
#litab th, td {font-size: 10px; padding: 6px 3px 6px 5px;}

#litab td:hover { font-weight: 600; }

#litab tr:nth-child(odd) {background-color: rgba(217, 217, 217, 0.3) };
#litab tr:nth-child(even) {background-color: white } ;

#litab td a:visited {color: gray; } 
#litab td a:link  {text-decoration: none; color: #000000; } 
#litab td a:hover {text-decoration: underline; color: blue;  }

#litab td:last-child {  font-size: 10px; }
#litab td:first-child { font-size: 12px; }
#rubleft td { font-size: 1.0em; }
#rubright td { font-size: 1.0em; }
}

@media screen and (max-width: 730px ) { 
html { overflow: scroll; }
#button { padding-right: 2%; }
#rubleft, #rubright { 
    height: 12px;
    padding-top: 15px;
    margin: 0px 0px 1px 5px;
    font-size: 12px;
} 
#rubleft { width: 18%; }
#rubright { width: 78%; padding-left: 5px; text-align: right; }

#hr1 {display: none; }
#litab th, td {font-size: 10px; padding: 6px 3px 6px 5px;}

#litab td:hover { font-weight: 600; }

#litab tr:nth-child(odd) {background-color: rgba(217, 217, 217, 0.3) };
#litab tr:nth-child(even) {background-color: white } ;

#litab td a:visited {color: gray; } 
#litab td a:link  {text-decoration: none; color: #000000; } 
#litab td a:hover {text-decoration: underline; color: blue;  }

#litab td:last-child {  font-size: 10px; }
#litab td:first-child { font-size: 12px; }
#rubleft td { font-size: 1.0em; }
#rubright td { font-size: 0.75em; }
}

@media screen and (max-width: 580px ) { 
html { overflow: scroll; }
#rubleft { 
    height: 16px;
    padding-top: 1px;
    margin: 20px 10px 1px 5px;
    border: none; 
    font-family: verdana, arial; 
    font-size: 0.9em;
    color: #666666; 
} 

#rubright { 
    height: 16px;
    padding-top: 1px;
    margin: 20px 0px 1px 0px;
    border: none; 
    font-family: verdana, arial; 
    font-size: 0.8em;
    color: #666666; 
} 

#rubleft { width: 18%; }
#rubright { width: 76%; padding-left: 1%; text-align: right; }
#rubleft td { font-size: 0.85em; }
#rubright td { font-size: 0.68em; }
}

@media screen and (max-width: 520px ) { 
html { overflow: scroll; }
#rubleft { 
    height: 16px;
    padding-top: 1px;
    margin: 20px 10px 1px 5px;
    border: none; 
    font-family: verdana, arial; 
    font-size: 0.9em;
    color: #666666; 
} 

#rubright { 
    height: 16px;
    padding-top: 1px;
    margin: 20px 0px 1px 0px;
    border: none; 
    font-family: verdana, arial; 
    font-size: 0.8em;
    color: #666666; 
} 
#rubleft { width: 15%; }
#rubright { width: 70%; padding-left: 5%; text-align: right; }
#rubleft td { font-size: 0.75em; }
#rubright td { font-size: 0.5em; }
}
}

@media print {
html { background-color: rgba(242, 242, 242, 0.01); height: 100%; margin: auto; overflow: auto;}
body { font-family: Verdana, arial; font-size: 16px; -webkit-print-color-adjust: exact; }
#rubleft { 
    height: 16px;
    padding-top: 1px;
    margin: 10px 0px 0px 12px;
    border: none; 
    font-family: verdana, arial; 
    font-size: 0.9em;
    color: #666666; 
} 

#rubright { 
    height: 16px;
    padding-top: 1px;
    margin: 10px 0px 0px 16px;
    border: none; 
    font-family: verdana, arial; 
    font-size: 0.7em;
    color: #666666; 
} 

#rubleft { display: inline-block; width: 20%; text-align: left; font-weight: bold;}

#rubleft th { display: none; }

#rubright { display: inline-block; width: 70%; padding-left: 10px; text-align: right;  }
table.tabxx td { border-bottom: 1px; border-color: white; }
#rubright th { display: none; }

#hr1 { margin: 0% 1% 0% 0.8%; }

/* ==== slut rubriken ==== */


/* ==== list-tabellen ==== */

#tabrubbe { background-color: rgba(204, 204, 204, 0.5); font-size: 12px; font-weight: bold; color: rgba(51, 51, 51, 0.9); text-align: left; white-space: nowrap; }

#litab {
    display: inline-block;
    height: auto;
    width: 99%;
    margin: 1% 0% 0% 0.8%; 
    padding: 0% 0% 0.1% 0%;
    border-bottom: 1px solid rgba(217, 217, 217, 0.1);
}

table #litab { width: 100%; border-spacing: 5px 5px; text-align: left; vertical-align: text-middle; width:100%; font-family: arial, verdana; font-style: normal; }

#litab th, td {padding: 5px 1px 5px 0px;
    /*border: 1px solid #a6a6a6; */
    border-bottom: 1px solid #ddd;
    border-collapse: collapse;
    padding: 5px;}

#litab th {background-color: #d9d9d9; font-size: 12px; font-weight: bold; color: black; height: 14px;} 

#litab .huvudomr { font-family: verdana, arial; font-size: 16px; color: rgba(64, 64, 64, 0.7); font-weight: bolder; }
#litab .omrade { font-family: verdana, arial; font-size: 12px; font-style: normal; color: rgba(26, 26, 26, 0.7); font-weight: bolder; }
#litab .DROW { font-family: verdana, arial; font-size: 12px; color: rgba(64, 64, 64, 0.8); }

#litab td { font-size: 1em; color: #000000;  } 

#litab tr:nth-child(odd) {background-color: rgba(217, 217, 217, 0.1); }
#litab tr:nth-child(even) {background-color: white }
#litab td a:link  {text-decoration: none; color: #000000; }  
@page { margin: 15mm 15mm 15mm 10mm; size: landscape; } 
#wrapnav { display: none; }
.button { display: none; }
#litab { display: block; }
#litab table tr, td  { page-break-inside:avoid; page-break-after:auto; } 
#litab table td { padding: 6px 3px 6px 5px; }
}