/* --------------- DEFAULT --------------- */
html {
        background-image: url(../images/bg.gif);
        background-repeat: repeat-x;
        font-family: verdana;
        font-size: 10px;
        background-color: #f2f7ff;
        border-left: 20px solid #077828;
        margin: 0px;
        height:100%;
}

img {
        border: 0px;
        padding: 0px;
        margin: 0px;
}

a {
        border: 0px;
        text-decoration: none;
        height: 100%;
        font-size: 10px;
        color: black;
        padding: 0px;
        margin: 0px;
}

body {
        /*background-attachment: fixed;*/
        /*filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#9ebae3', endColorstr='#f2f7ff', gradientType='0');*/
        scrollbar-face-color: #9ebae3;
        scrollbar-highlight-color: #9ebae3;
        scrollbar-shadow-color: #9ebae3;
        scrollbar-3dlight-color: #103f82;
        scrollbar-arrow-color: #103f82;
        scrollbar-track-color: #e4efff;
        scrollbar-darkshadow-color: #103f82;
        overflow: always;
        height:100%;
        max-height:100%; /* fix height for other browsers */
}

p {
        font-size: 12px;
}

div {
        font-size: 12px;
}

#mastertable{
        background-image: url(../images/bgs.gif);
        background-repeat: no-repeat;
        background-position: bottom left;
        height: 100%;
        max-height:100%; /* fix height for other browsers */
        
        width: 100%;
        /*padding-bottom:10px;*/
}

#outside {
        vertical-align: top;
        text-align: right;
}

#inside {
        padding-left: 10px;
        padding-right: 10px;
        height: 100%;
}

/* side-tabelen */
#pagetable{
        height: 100%;
        padding: 0px;
        background-color: white;
}

/* celle til navigation */
#navigationcell {
        width: 150px;
        vertical-align: top;
        /* background-color: #9EBAE3; */
        border-right: 0px;
        background: #9EBAE3; /*url(../images/solutionprovider2.gif) no-repeat center bottom*/
}

#navigationdivision {
        margin-top: 5px;
        margin: 0px;
        width: 150px;
}

/* celle anvendt som linie */
td.greenlinecell {
        padding: 0px;
        margin: 0px;
        background-color: #077828;
        height: 4px;
}

/* division til auto-scroll */
#contentdivision {
        height: 100%;
        max-height:100%; /* fix height for other browsers */
        overflow: auto;
        width: 750px;
        /*padding: 2px;*/
}

/* table til positiondisplay og contentdivision */
#contenttable {
        width: 100%;
        height:100%;
        max-height:100%; /* fix height for other browsers */

}

#positiondisplay {
        background-color: #9ebae3;
        border: 1px solid #103f82;
        height: 15px;
        font-size: 12px;
        font-weight: bold;
}

hr {
        height: 1px;
        color: #103f82;
}

/* celle til indholdet */
#contentcell {
        height: 100%;
        vertical-align: top;
        background-color: white;
}

/* celle til footer rights */
#footcell {
        height: 20px;
        background-color: #9EBAE3;
        padding: 5px;
        font-size: 9px;
        text-align: right;
}

/* celle til solution provider image */
#solutioncell {
        width: 150px;
        height: 20px;
        background-color: #9EBAE3;
        font-size: 9px;
        text-align: center;
}

#centeroption {
 /*     width: 180px;	*/
 /*		height: 20px;	*/
        background-color: #9EBAE3;
        font-size: 9px;
        text-align: center;
}

/* celle til header/logo */
#headcell {
        height: 100px;
        padding: 0px;
        margin: 0px;
        background-color: #9EBAE3;
}

/* udvid /indsnæver */
#designmenu {
        display: inline;
}
#designmenu a {
        height: 0px;
        padding: 0px;
        margin-bottom:-5px;
        border: 1px solid lightblue;
}
#designmenu a:hover {
        border: 1px solid white;
}

td.headlinecell {
        /*background-image: url(../images/bg.gif);*/
        background-repeat: repeat-x;
}

/* --------------- STD MAIN NAVIGATION --------------- */
    /*IKKE VALGT MENU PUNKT*/

    div.navlink a {
                font-size: 12px;
                color: #FFFFFF;
                padding:3px;
                display: block;
                background: #7EA8E6;
                border: 1px solid #5683ce;
                border-right: 6px solid #5683ce;
    }

    div.navlink a:hover {
                text-decoration: none;
                color: white;
                background: #9EBAE3;
                border: 1px solid gray;
                border-right: 6px solid gray;
    }

    /*VALGT MENU PUNKT*/
    div.selectednavlink a {
                font-size: 12px;
                color: #077828;
                padding:3px;
                display: block;
                background: #e4efff;
                border: 1px solid #077828;
                border-right: 6px solid #077828;


                font-weight: bold;
                text-decoration: none;
    }

    div.selectednavlink a:hover {
                font-weight: bold;
                text-decoration: none;
                color: #077828;
                background: #e4efff;
                border: 1px solid #077828;
                border-right: 6px solid #077828;
    }

#foottable {
   background-color: green;
}

#sspimg {
  /*
  margin: 0px;
  border: 1px solid black;
  */
  margin: 0px;
  border: none;
}


/* --------------- TRANSPARANCY --------------- */
#transbox {
        filter:alpha(opacity=50);
        -moz-opacity:0.50;
        opacity: 0.50;
}

#transbox div {
        color: white;
        position: relative;
        z-index: 10;
}

div.cautionsign {
        background-color: #DBCB13;
        border: 3px solid black;
}

div.cautionbackground {
         border: 8px solid #DBCB13;
         background-image: url(../images/cautionbackground.gif);
         color: black;
}

a.cautionsign:hover {
        background-color: #DBCB13;
        border: 3px solid black;
}

/* --------------- DME Remote knappen --------------- */
    /*IKKE VALGT MENU PUNKT*/

    div.remote a {
                font-size: 12px;
                color: #FFFFFF;
                padding:3px;
                display: block;
                background: #7EA8E6;
                border: 1px solid #5683ce;
                border-right: 6px solid #black;
    }

    div.remote a:hover {
                text-decoration: none;
                color: lightgreen;
                background: black;
                border: 1px solid blue;
                border-right: 6px solid blue;
    }

/* --------------- S7web NAVIGATION --------------- */
    /*IKKE VALGT MENU PUNKT*/

    div.s7weblink a {
                font-size: 12px;
                font-weight: bold;
                color: #FFFFFF;
                padding:3px;
                display: block;
                background: #666667;
                border: 2px solid #999999;
                border-right: 6px solid #999999;
    }

    div.s7weblink a:hover {
                text-decoration: none;
                font-weight: bold;
                color: #077828;
                background: #999999;
                border: 2px solid #077828;
                border-right: 6px solid #077828;
    }

    
  #apps {
    position: relative;
  }
  
  div.quicksupport {
    position: absolute; 
    bottom: 275;
    left: 4;
  }
  div.dmeremote {
    position: absolute; 
    bottom: 324;
    left: 4;
  }