body {
background-color:#FFFFFF;
font-family:Verdana;
font-size:14px;
color:#000000;
text-align:justify;
background-image:url(../Filer/bakgrunn_bilde.jpg);
background-repeat:no-repeat;
background-position:50% 0%;
}

div.bunn{
font-size:10px;
color:#111111;
text-decoration:none
}

table.hoved			
{
background-color:#FFFFFF;	
}

TD.Link
{ 
font-family:verdana; 
font-size:13px; 
color:Black; 
text-decoration:none; 
}

TD.Skrift
{ 
font-family:verdana; 
font-size:14px; 
color:Black; 
text-decoration:none;
line-height:20px
}

TD.TRinner_line	
{ 
background-image:url("../Filer/TRinner_line2.jpg");
}

a.logo{
color:#ffffff;
font-family:Verdana;
font-size:15px;
margin-left:0px;
font-weight:bold;
text-decoration:none;
}

a.menu{
color:#ffffff;
font-family:Verdana;
font-size:15px;
margin-left:0px;
font-weight:bold;
text-decoration:none;
}

a.menu:hover, a.menuactiv, a.menuactiv:hover
{
color:#5F92A8;
font-family:Verdana;
font-size:15px;
margin-left:0px;
font-weight:bold;
text-decoration:none;
}

p.bilder
{ 
color:#5F92A8; 
font-family:Verdana;
font-size:12px; 
font-weight:bold; 
text-decoration:none;
cursor:hand; 
}

/* Bilderamme */

.myBox {
 /*   margin: 0.5in auto; */
    color: #000000;
    width: 1037;
    height: 400;
    padding: 2px;
    text-align: left;
    background-color: #FFFFFF;
    border: 2px solid #5F92A8;

    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}


/* Bildefremviser */

img.mini 										{border:none} 
/* no border around left column images */

div#minis a:hover 					{background:White} 
/* this seems to be necessary for it to work properly in IE6, I'm honestly not sure why */

div#minis a img.big 				{height: 0; width: 0; border-width: 0} 
/* hide the big image by making its height and width 0 */

div#minis a:hover img.big 	{position:absolute; top:240px; left:502px; height:330px; width:470px; border:none} 
/* make the big image appear in the same space as the frame at right when the visitor hovers over one of the image in left column */

#frame 											{position:absolute; top:238px; left:500px; height:330px; width:470px; border:2px solid #5F92A8; font: Verdana, sans-serif; color:#5F92A8; } 
/* create an empty frame so that visitors expect something to go there */

p.picture 									{margin-bottom:0px} 
/*add bottom margin to p elements so that they are (roughly) aligned with the big image frame */