﻿body
    {
    background-image: url(Bilder/bakgrunn.jpg);
    background-attachment: fixed;
   }

h1,h2,h3
    {
        clear: left;
        color:white;
        text-align:center;
        text-shadow:3px 3px 3px #000;
        font-family:  Arial, Helvetica, sans-serif;
    }

h3,p,hr,a,li,td,th
    {
        color:white;
        font-family: Arial, Helvetica, sans-serif;  
    }

hr{width:65%;}

a
    {
        text-decoration:none;
    }

a:link
    {
        color:white;
    } 

a:visited
    {
        color:silver;
    }

a:hover
    {
        color:blue;
    }


/* Her følger CSS for hovedboks som finnes på alle sidene. Denne boksen innlemmer ALT innhold på siden... */
#all
    {
        border: 1px solid #999;
        opacity:0.75;
        filter:alpha(opacity=75);
        position: center;
	        margin-right: auto;
		margin-left: auto;
		margin-top:4em;
		margin-bottom:4em;
		padding:2em;
		width:875px;
        -moz-border-radius: 9px;
        border-radius: 9px;
        background-color:black;
            }
            


/* MENY-LINJE */
ul#menylinje 
    {
        list-style:none;
        padding:1em;
        text-align: center;
    }

ul#menylinje li 
    {
        display:inline;
        text-align: center;

    }

ul#menylinje li a 
    {
        text-decoration:none;
        padding:4px 0;
        width: 8em;
        background:#485e49;
        color:#eee;
        float:left;
        text-align:center;
        border-left:1px solid #fff;
    }

ul#menylinje li a:hover 
    {
        background:#a2b3a1;
        color:#000
    }

ul#menylinje li a
    {
        list-style: none;
    }

ul#menylinje2
    {
        list-style:none;	
    }

#Meny
    {}

#Meny ul li 
        {
	    position: relative;
	}

#Meny li ul 
    {
	    position: absolute;
	    right: 0em;
	    /*top: 3.2em;*/
	    /*har satt denne slik for å få kompatibilitet med Webkit og opera*/ 
	    display: none;
        -moz-box-shadow: 10px 10px 5px black;
        -webkit-box-shadow: 10px 10px 5px black;
        box-shadow: 10px 10px 5px black;
        
	}

#Meny ul li a 
    {
        display: block;
	    text-decoration: none;
	    padding: 8px;
	    border-bottom: 0;
	}

#Meny ul 
    {
        margin: 0;
	    padding: 0;
	    list-style: none;
	}

#Meny li:hover ul 
    { 
        display: block; 
    }

/* CSS for container på index.php */
#containerIndex
    {
        margin-top:10em;
        margin-left:10%;
        margin-right:10%;
        text-align:center;  
        background-color: #033;
        height:auto;
        padding:1em;
        -moz-border-radius: 9px;
        border-radius: 9px;
        -moz-box-shadow: 10px 10px 5px black;
        -webkit-box-shadow: 10px 10px 5px black;
        box-shadow: 10px 10px 5px black;
        border-style: double;
        border-color:silver;
    }

/* CSS for tekst-container, generell - gjelder alle sider utenom index.php*/
#container
    {
        margin-top:6em;
        margin-left:5%;
        margin-right:5%;
        text-align:left;
        background-color: #033;
        height:auto;
		padding:1em;
        -moz-border-radius: 9px;
        border-radius: 9px;
        -moz-box-shadow: 10px 10px 5px black;
        -webkit-box-shadow: 10px 10px 5px black;
        box-shadow: 10px 10px 5px black;
        border-style: double;
        border-color:silver;
    }
	#container img {
	margin-left:5em;
	}
 #container ul li{
 list-style:none;
 }

#container table
    {
        width:90%;
        margin-left:5%;
        margin-right:5%;
    }
	#container tr, td, ul, li{
	list-style:none;
	}

/*CSS for valideringsikon */
#w3c 
    {
        text-align:center;
    }

#footer
    {
        text-align: center;font-size: small;
        font-color: white;
    }

/*#leftNav
    {
        margin-top:-18em;
        width:11em;
        height:16em;
        padding:1em;
        background-color:#033;
        margin-left:21%;
        -moz-border-radius: 9px;
        border-radius: 9px;
        -moz-box-shadow: 10px 10px 5px black;
        -webkit-box-shadow: 10px 10px 5px black;
        box-shadow: 10px 10px 5px black;
        border-style: double;
        border-color:silver;
    }*/

.tabellfarge 
    {
        background-color: red;
    }
    
.tabellfarge_alternativ 
    {
        background-color:#485e49;
    }
    

#risikoplan table, td
    {
        font-size:0.8em;		
        border: 0.1em solid silver;
    }


/*Her kan man justere bredde på bildeslide ved å forandre verdier på width og height, samt verdiene for margin */
#bildeslide 
    {
        width: 55%;
        height: 180px;
        min-width: 385px;
        margin-left: 21%;
        margin-top: 4em;
        position: relative;
        clear: both;
    }
#bildeslide img 
    {
        position: absolute;
        height: 150px;
        width: 100%;
        left: 0px;
        top: 0px;
        border-color:silver;
        border-style: double;
        float: left;
        -moz-border-radius: 9px;
        border-radius: 9px;
        -moz-box-shadow: 10px 10px 5px black;
        -webkit-box-shadow: 10px 10px 5px black;
        box-shadow: 10px 10px 5px black;
    }
#BildeForklaring p
{
font-size: x-small; 
}
#BildeForklaring1 p
{
font-size: x-small;
}
#BildeForklaring2 p
{
font-size: x-small;
}
#BildeForklaring3 p
{
font-size: x-small;
}
#BildeForklaring4 p
{
font-size: x-small;
}
#BildeForklaring5 p
{
font-size: x-small;
}
#BildeForklaring6 p
{
font-size: x-small;
}
#BildeForklaring7 p
{
font-size: x-small;
}
#BildeForklaring8 p
{
font-size: x-small;
}
#BildeForklaring9 p
{
font-size: x-small;
}
#BildeForklaring10 p
{
font-size: x-small;
}






/*background: -webkit-gradient(linear,left top, left bottom, from(#B0C4DE), to(#808080));
background:-moz-linear-gradient(top, #B0C4DE, #808080);*/
