body
{
    font-size: x-small;
    color: black;
    font-family: Verdana, Arial;
    background-color: #ffffff;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
}
.menybak
{
    background-image: url(bilder/interface/baklinje.jpg);
    background-position-y: bottom;
    background-repeat: repeat-x;
   }
.invoco
{
    color: #d3d3d3;
    font-variant: small-caps;
    text-decoration: none;
   
}
.invoco a:link
{
    color: #d3d3d3;
    text-decoration: none;
}
.invoco a:visited
{
    color: #d3d3d3;
    text-decoration: none;
}
.invoco a:hover
{
    color: #ff8c00;
    text-decoration: none;
}

#content1
{
    left: 127px;
    width: 904px;
    position: absolute;
    top: 160px;
    height: 786px;
}
#content2
{
    left: 38px;
    width: 1166px;
    position: absolute;
    top: 156px;
    height: 786px;
}
#loginhead
{
    left: 450px;
    width: 300px;
    position: absolute;
    top: 10px;
    height: 150px;
   }
   
   .loginTxt
{
    color: #808080;
    font-variant: small-caps;
    font-weight: bold;
    
}
#login
{
    clear: left;
    display: block;
    width: 600px;
    position: absolute;
    height: 300px;
    left: 700px;
    top: 10px;
}
.TableView {
color:#000000;
border-collapse:collapse;
}
.TableView caption {
background-color: white;
color: #738A96;
font-size: small;
font-weight:bold;
text-align:left;
}
.TableView td{
padding: 4px;
}
.TableView a:link
{
    color: #585858;
    text-decoration: none;
}
.TableView a:visited{
 color: #585858;
 text-decoration: none;
}
.TableView a:hover{
 color: #585858;
 text-decoration: underline;
}
.TableView a:active{
 color: #585858;
 text-decoration: none;
}
.TableViewHeader a:link{
 color: white;
 text-decoration: none;
}
.TableViewHeader a:visited{
 color: white;
 text-decoration: none;
}
.TableViewHeader a:hover{
 color: white;
 text-decoration: underline;
}
.TableViewHeader a:active{
 color: white;
 text-decoration: none;
}

.TableViewHeader, .TableViewFooter
{
    border-color: gray;
    background-color: gray;
    color: #f7f7f7;
    font-weight: bold;
    text-align: left;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-width: 5px;
    border-bottom-width: 5px;
}
.Rubrik22
{
    border-color: #000000;
    background-color: gray;
    color: #f7f7f7;
    font-weight: bold;
    text-align: left;
    padding-left: 16px;
    padding-top: 5px;
    padding-bottom: 5px;
}



.TableViewHeaderPrint
{
    background-color: white;
    color: #000000;
    font-weight: bold;
    text-align: left;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-width: 5px;
    border-bottom-width: 1px;
    border-top-color: white;
    border-bottom-color: #000000;
}
.TableViewHeaderPrint a:link{
 color: #000000;
 text-decoration: none;
}
.TableViewHeaderPrint a:visited{
 color: #000000;
 text-decoration: none;
}
.TableViewHeaderPrint a:hover{
 color: #000000;
 text-decoration: underline;
}
.TableViewHeaderPrint a:active{
 color: #000000;
 text-decoration: none;
}
.TableViewFooterPrint
{
    background-color: white;
    color: #000000;
    font-weight: bold;
    text-align: left;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-width: 1px;
    border-bottom-width: 5px;
    border-top-color: #000000;
    border-bottom-color: white;
}
.TableViewRow
{
    background-color: #e7e7ff;
    color: #000000;
    text-align: left;
}
.TableViewRowPrint
{
    background-color: white;
    color: #000000;
    text-align: left;
}

.TableViewAlternatingRow
{
    background-color: #f7f7f7;
    color: #000000;
    text-align: left;
}
.TableViewEditRow
{
    background-color: #738a9c;
    color:#f7f7f7;
    font-weight:bold;
    text-align: left;
}
.TableViewEditRow2
{
    background-color: #D28E02;
    color: #f7f7f7;
    font-weight: bold;
    text-align: left;
}
.TableViewSelectedRow{
background-color:#738A96;
font-weight:bold;
color:#f7f7f7;
text-align: left;
}
.TableViewPager
{
    background-color: #e7e7ff;
    color: #ff8c00;
    text-align: center;
    font-weight: bold;
    font-size: x-small;
}
.form
{
    background-color: #ffffff;
    border-right: #696969 1px solid;
    border-top: #696969 1px solid;
    border-left: #696969 1px solid;
    border-bottom: #696969 1px solid;
    font-family: Verdana;
    font-size: x-small;
}
.knapp
{
    background-color: #ffffff;
    border-right: #696969 1px solid;
    border-top: #696969 1px solid;
    border-left: #696969 1px solid;
    border-bottom: #696969 1px solid;
    font-family: Verdana;
    cursor: pointer;
    border-style: outset;
    border-width: 1px;
    font-size: x-small;
}
.obs
{
    font-weight: bold;
    color: #FF9900;
}
.fel
{
    font-size: x_small;
    color: #49FF0D;
}
.prompt
{
    font-size: x_small;
    color: #49FF0D;
    text-indent: 6px;
}

/* ORDERSEDEL A4-BREDD */

#ytterram{
    padding: 2px; 
    margin: 0px; 
    border-style: solid; 
    border-width: 1pt; 
    width: 20cm; 
    top: 0.9cm; 
    left: 2.2cm;
}
#ytterramPX{
    padding: 2px; 
    margin: 0px; 
    border-style: solid; 
    border-width: 1pt; 
    width: 1000px; 
    top: 0.9cm; 
    left: 2.2cm;
    }
.bredare{
width:125%
}
#loggo{
    margin: 4px; 
    width: 200px; 
    height: 179px; 
    top: 0px; 
    left: 0px; 
    float: left;
}
#huvudrubrik
{
    top: 29px;
    left: 270px;
    width: 50%;
    height: 44px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: xx-large;
    text-align: left;
    vertical-align: middle;
    margin: 0px 5px 10px 5px;
    padding: 3px;
    float: left;
}
#best{
    top: 100px; 
    left: 270px;  
    width: 300px; 
    float: left;
    height: 31px;
    padding: 3px;
}
#adress{
    width: 6cm; 
    height: 2.2cm; 
    top:100px; 
    left: 517px; 
    float: right; 
    margin-bottom: 10px; 
    padding-bottom: 10px; 
    font-weight: normal;
}
#projekt{
    top: 149px; 
    left: 275px; 
    width: 97%; 
    clear: left;
    margin: 10px 5px 10px 5px;
    padding: 3px;
}
#lev{
    float: left; 
    width: 97%;
    margin: 10px 5px 10px 5px;
    padding: 3px;
    border-style: solid;
    border-width: 1pt;
}
#not{
    top: 180px; 
    left: 274px; 
    width: 97%; 
    clear: right;
    margin: 0px 5px 10px 5px;
    padding: 3px;
}
#update{
    border: 2px solid DarkRed; 
    float: left; 
    width: 94%;
}
#artiklar{
    width: 97%; 
    clear: right;
    margin: 0px 5px 10px 5px;
    padding: 3px;
}
.botten{
text-align :right; 
width :19cm; 
clear: both;
}


.ram
{
    margin: 10px 5px 10px 5px;
    padding: 3px;
    border-style: solid;
    border-width: 1pt;
}
.hojdfont
{
    height: 31px;
   /* font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;*/
}
.ramvit
{
    margin: 0px 5px 10px 5px;
    padding: 3px;
    border-style: solid;
    border-width: 0pt;
    width: 19cm;
}
.smalltext
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
}
.normal
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: normal;
}
.modalBackground
{
    background-color: #000000;
    filter: alpha(opacity=70);
    opacity: 0.7;
}   
.hand
{
    cursor: pointer;
}
.popup
{
    padding: 30px;
    line-height: 20px;
}