@media print 
{
    .noPrint, .noPrint * {display :none !important;}
    .contentWidth {width:100%;}
}

@media screen 
{
    .contentWidth {width :700px;}
}

body
{
    font-size: x-small;
    color: black;
    font-family: Verdana, Arial;
    background-color: #ffffff;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
}

img {border:0;}

.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;
    font-size: larger;
}
#login
{
    clear: left;
    display: block;
    width: 600px;
    position: absolute;
    height: 300px;
    left: 200px;
    top: 180px;
}
.TableView {
color:#000000;
border-collapse:collapse;
}
.TableView caption {
background-color: white;
color: #738A96;
font-size: small;
font-weight:bold;
text-align:left;
}

#Nested .TableView caption
{
    color: #738A96;
    font-size: 1em;
    font-weight: normal;
    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: #EBEBEB;
    color: #000000;
    text-align: left;
    border-style: none;
}

.TableViewAlternatingRowPrint
{
    background-color: white;
    color: #000000;
    text-align: left;
    border-color: white white #E6E6E6 white;
    border-style: none;
}

.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;
    text-align: left;
    color: #585858;
}
.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;
}
.kort
{
    width: 50px;
}
.lagom
{
    width: 75px;
}
.mellan
{
    width: 120px;
}
.lang
{
    width: 200px;
}
.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: #FF9900;
}
.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;
}
/* ytterram utan ram*/
#box{
    padding: 2px; 
    margin: 0px; 
    border-style: none ; 
    border-width: 0; 
    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;
}   

H1
{
    font-family: Verdana;
    font-size: small;
    font-weight: bold;
    color: #738A96;
    margin-top: 10px;
    margin-bottom: 10px;
}
H2
{
    font-family: Verdana;
    font-size: 1em;
    font-weight: bold;
    color: #738A96;
    margin-bottom: 10px;
}
H3
{
    font-family: Verdana;
    font-size: 1,5em;
    font-weight: bold;
    color: #738A96;
    margin-bottom: 10px;
}
H4
{
    font-family: Verdana;
    font-size: 1em;
    margin-bottom: 10px;
    color:#666666;
}
.column
{
    float: left;
    width: 220px;
}
.columnVid
{
    float: left;
    width: 350px;
}

.columnRight
{
    float: left;
    width: 200px;
}
.clear
{
    clear: both;
}
#tabbar ul
{
    list-style: none;
	padding:0;
	margin:0;
    }
   
#tabbar li
   {
    display: inline;
	margin: 0 2px 0 0;
	}
#tabbar a
{
    border-style: none;
    background: #FFffB9;
    color: #666666;
    padding: 1em 1em 0 1em;
    text-decoration: none;
    font-weight: bold;
    border-right-color: #FFE7B5;
    border-top-color: #FFE7B5;
    border-left-color: #FFE7B5;
    border-right-width: 1px;
    border-top-width: 1px;
    border-left-width: 1px;
    vertical-align: top;
}
#tabbar a:hover, #tabbar #selected a:hover
{
    color: #738A96;
}

#tabbar #selected a
{
    border-style: none;
    padding-bottom: 1px;
    background: #e7e7ff;
    color: #666666;
    font-weight: bold;
    border-right-color: #738a96;
    border-top-color: #738a96;
    border-left-color: #738a96;
    border-right-width: 1px;
    border-top-width: 1px;
    border-left-width: 1px;
}
 
 
#divInsert
{
    
    background: #e7e7ff;
    padding: 1em;
    width:780px;
    }
   
  #divEdit
{
    background: #FFFFB9;
    padding: 1em;
    width: 780px;
}

.kolumnlista
{
    float: left;
    width: 170px;
    color: White;
    background-color: Gray;
    margin-right: 5px;
    padding: 1px;
    font-weight: bold;
    line-height: 30px;
    text-transform: uppercase;
    text-align: center;
}



.kolumnlista li
{
    list-style: none;
    background-color: white;
    color: Black;
    font-weight: normal;
    line-height: 150%;
    padding-top: 4px;
    text-transform: none;
    text-align: left;
}

.kolumnlista a:link, 
.kolumnlista a:visited
{
    color: black;
    text-decoration: none;
    font-weight :bold;
}

.kolumnlista .alternatingitem
{
    background-color:#e7e7ff;
    }