﻿body 
{
    font-family:Verdana;
    color:rgb(96,89,79);
    background-color:#f9f8f8;
    }
        
   /*table {background-color:#AAFFFF;}*/
A
{
    color:rgb(96,89,79);
    text-decoration:none;
}
/*MENY--------------------------------------------*/
.menu_background{background-color:#E1DDDA}
.menuDiv{border:0px solid red; padding-right:5px;}

.menubutton
{
        border: 0px solid blue;
        border-left: solid 3px #B7B1AA;
        padding-right:5px;
        width:1px;
        height:10px;
        /*border-left:3px solid green;*/
}
.menubutton_Active
{
        border: 0px solid red;
        border-left: solid 3px white;
        
}

.menuItem, .submenuItem
    {
        font-family:verdana;
        font-weight:bold;
        cursor:pointer;
        font-size:9px;
        text-indent:12px;
/*border-left: solid 3px #B7B1AA;*/
        /*line-height: 20px;
        letter-spacing:1px;*/
        height:11px;
   border: 0px blue solid;
        padding:5px;
        margin-left:12px;
        margin-top:12px;
    }

.submenuItem
    {
        /*border-left: solid 2px red;*/
        margin-left:24px;
        text-indent:12px;
    }

.menuHighlight
{
    background-color:#B7B1AA;
    /*border-left: solid 3px #EDEBEA;*/
}   

.menubutton_hover
{
    border-left: solid 3px orange;
}

.menu_hover
{
    /*background-color:Silver;*/
}

/*\MENY--------------------------------------------*/    




/*--TABELL-------------------------------------------------*/
table#mainTable {
    /*background-color:#f9f8f8;/*e9e9e9*/
    background-color:white;
/*    width: 740px;
    height: 600px;*/
    padding: 0px;
    table-layout: fixed;
    border-collapse: separate;
    border: solid blue 0px;
    width:1px;
    /*border-spacing: 12px;*/
    
}

table#mainTable2 {
    background-color:red;}


/* RADER */
TR.TR_header
{
    height:60px;
}
    
TR.TR_headcol{height:14px;
     border: solid red 0px;}
     
     
/*TR.TR_menu{height:200px;}*/   
TR.TR_rubrikcol{height:15px;}
TR.TR_textcol{vertical-align:top;}

TD {
    border: dotted red 0px;
 }
.TDwidth
{
    width:188px;
    border: dotted red 0px;
    }


/*TD.scroll
{
    scrollbar-base-color: #203b59;
    scrollbar-3d-light-color: #a0bbd9;
    scrollbar-arrow-color: #a0bbd9;
    scrollbar-darkshadow-color: #203b59;
    scrollbar-face-color: #203b59;
    scrollbar-highlight-color: #809bb9;
    scrollbar-shadow-color: #809bb9;
    scrollbar-track-color: #203b59;
    }*/


/*--Färgkodade celler i huvudet----------------------------*/
.color1{background-color:#826E60;}
.color2{background-color:#C1B6B0}
.color3{background-color:rgb(213,209,204);}
.color4{background-color:#C16666}

.prim1{background-color:rgb(239,130,0);} /*orange*/
.prim2{background-color:rgb(119,111,102);} /*grå*/


.fordon1{background-color:rgb(141,214,255);} /*ljusblå*/
.fordon2{background-color:rgb(0,152,184);} /*marinblå*/

.telecom1{background-color:rgb(212,217,217);} /*turkos*/
.telecom2{background-color:rgb(97,131,151);} /*blå*/

.medicin2{background-color:rgb(231,149,27);} /*gul*/
.medicin1{background-color:rgb(252,209,52);} /*ljusgul*/

.energi1{background-color:rgb(194,212,160);} /*ljusgrön*/
.energi2{background-color:rgb(111,145,60);} /*grön*/

.ljusgra{background-color:rgb(213,209,204);} /*ljusgrå*/
.morkgra{background-color:rgb(96,89,79);} /*mörkgrå*/


/*--Färgkodade celler med rubriker-------------------------*/
.rubrikcol1{background-color:#FF9400;}
.rubrikcol2{background-color:#99C000;}
.rubrikcol3{background-color:#009CDE;}

.rubriklinks { /*#header.txt*/
    font-family:Verdana;
    font-size:10px;
}

.rubrikcol
{
    font-size:11px;
    font-weight:bold;
    font-family:Verdana;
    text-align:left;
    color:white;
    padding-left:5px;
    padding-top:2px;
    padding-bottom:2px;
}


.TD_background{background-color:#E1DDDA}
/*--TAGS--------------------------------------------*/
/*A, A:link, A.visited {
    text-decoration: none;
    color:inherit;
}*/

P{
    margin:1px;
    border:dotted 0px green; 
    width:100%;
}
A:visited , A:link{text-decoration:none;
    color:inherit;}
    
.fDIV {padding:0px;}

/*--TEXT FORMATERINGAR-------------------------------*/
.bold9
{
    font-size:9px;
    font-weight:bold;
    font-family:Verdana;
}
.bold10
{
    font-size:10px;
    font-weight:bold;
    font-family:Verdana;
}
.normal9
{
    font-size:9px;
    font-weight:normal;
    font-family:Verdana;
}

.normal10
{
    font-size:10px;
    font-weight:normal;
    font-family:Verdana;
}

TD.textcols
{
    vertical-align:top;
 /*   padding-left:0px;
    padding-right:0px;
    padding-top:0px;*/
    /*font-weight:normal;
    font-size:10px;
    color:black;*/
    /*background-color:#E1DDDA;*/
    line-height:1.4;
    text-align:left;
    
}
DIV.textcols 
{
    /*vertical-align:top;*/
    
    
    padding-left:10px;
    padding-right:10px;
    line-height:1.4;
    
    text-align:left;
    /*text-justify:newspaper;*/
    
    /*padding-top:0px;
    font-weight:normal;
    font-size:10px;
    color:black;
    background-color:#E1DDDA;
    text-align:Left;
    vertical-align:top;*/
}

DIV.lasmer 
{
    border:red 0px dotted;
    text-align:right;
    width:100%;
}


DIV.lasmer A {
    font-family:Verdana;
    font-weight:bold;
    font-size:9px;
    color:rgb(0,152,184);
    text-decoration:none;
    border:green 0px dotted;
    padding-right:7px;
 }
/* Kan ev skrotas*/
DIV.kompetens, DIV.kompetens A{
font-family:Verdana;
    font-weight:bold;
    font-size:10px;
    color:rgb(0,152,184);
    text-decoration:none;
text-align:left;
}

.kompetens2{
    font-family:Verdana;
    font-weight:bold;
    font-size:9px;
    color:orange;
    text-decoration:none;
    border:green 1px dotted;
    text-align:right;
 }
FONT{
    font-family:Verdana;
}

DIV.closewin_btn
{
    font-family:Verdana;
    font-weight:bold;
    font-size:12px;
    color:red;
    text-decoration:none;
    cursor:pointer;
    }


/* TEMP---------------------------------------------- */

/*textarea
{
    padding:0px;
    font-weight:bolder;
    color:Red;
    width:100%;
    height:100%;
}*/


/* DIV layout ---------------------------------------------- */
/* Properties that both side lists have in common */


div.link-list {
        width:175px;
        height:175px;
        position:relative ;
        /*top:0;*/
        font-size:80%;
        /*padding-left:1%;
        padding-right:1%;
        margin-left:0;
        margin-right:0;
        margin-bottom:20;
        margin-top:20;*/
        border:solid 2px blue;
}
/* we leave some place on the side using the margin-* properties */
#main {
        /*margin-left:40px;
        margin-right:40px;*/
        padding-left:1em;
        padding-right:1em;
}
/* and then we put each list on its place */

#list3 {
        border:solid 3px green;
        position:relative;
        left:350;
}
#list1 {
        left:40;
}
#list2 {
        left:40;

}

.kompDIV{
    overflow:auto;
     width:640px;
     height:500px;
     margin:0px;
     padding:0px;
     margin-top:-20px;
     }
     
.refrDIV{
    border:0px solid blue;
    overflow:auto;
     width:640px;
     height:500px;
     margin:0px;
     padding:0px;
     margin-top:0px;
     }

/* \DIV layout ---------------------------------------------- */

/* the overlayed element */ 
.apple_overlay { 
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* growing background image */ 
 /*   background-image:url(http://static.flowplayer.org/tools/img/overlay/white.png); 
 */
 background-image:url("images/css/white.png"); 
 /*background-image:url("images/css/white_IE.png");*/
     /*background-color:gray;
    
        width after the growing animation finishes 
        height is automatically calculated 
    */    
     overflow:hidden;
     width:750px;
     
    /* some padding to layout nested elements nicely  */ 
    padding:15px; 
    margin-top:20px;
    /* a little styling */     
/*    font-size:11px; */
} 
 
 
/* default close button positioned on upper right corner */ 
.apple_overlay div.close { 
    /*background-image:url(http://static.flowplayer.org/tools/img/overlay/close.png); */
    background-image:url("images/css/close.png"); 
    position:absolute; right:5px; top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

/* black version of the overlay. simply uses a different background image */ 
div.apple_overlay.black { 
   /* background-image:url(http://static.flowplayer.org/tools/img/overlay/transparent.png);         
   */
   background-image:url("images/css/transparent.png"); 
    color:#fff; 
}


