/* CSS Document */




/* CSS Document MAL*/




/* hele vinduet, legg inn bakgrunnsfarge/grafikk her */
body
{
background-image:url(img/mainBackground2.jpg);
background-repeat:repeat-x;
margin:0px auto;
background-color:#ffffff;
}








/* hoved rammen rundt siden */
#main
{
width:955px;
height:576px;
margin-top:94px;
margin-top:47px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;




}




a
{
text-decoration:none;
color:#b3b3b3;
}




a:hover
{
text-decoration:none;
color:#000000;
}








/* --------------------------------------------------------- kolonnene --------------------------------------------------------- */




#col1
{
position:relative;
float:left;
width:145px;
height:532px;
background-image:url(img/venstreBackGr.jpg);
background-repeat:no-repeat;
padding:22px;
margin-right:16px;
}




/* meny uten undermenyer */
.col1MenyBox
{
width:130px;
height:12px;
padding-left:15px;
margin-bottom:10px;
/*
border-bottom:1px solid #8f8f8f;
*/
}
.col1MenyBox a
{
width:130px;
height:12px;
font-size:12px;
text-decoration:none;
color:#8f8f8f;
}
.col1MenyBox a:hover
{
color:#000000;
}












.col1MenyBoxSelected
{
width:130px;
height:12px;
margin-bottom:10px;
padding-left:15px;
/*
border-bottom:1px solid #8f8f8f;
*/
}
.col1MenyBoxSelected a
{
width:130px;
height:12px;
font-size:12px;
text-decoration:none;
color:#000000;
}
















/* meny med undermenyer */
.col1MenyBoxM
{
width:130px;
height:12px;
background-image:url(img/minus.gif);
background-position: left;
background-repeat:no-repeat;
padding-left:15px;
margin-bottom:10px;
/*
border-bottom:1px solid #8f8f8f;
*/
}
.col1MenyBoxM a
{
display:block;
width:130px;
height:12px;
font-size:12px;
text-decoration:none;
color:#8f8f8f;
}
.col1MenyBoxM a:hover
{
color:#000000;
}




.col1MenyBoxMSelected
{
display:block;
width:130px;
height:12px;
background-image:url(img/plus.gif);
background-position: left;
background-repeat:no-repeat;
padding-left:15px;
margin-bottom:10px;
/*
border-bottom:1px solid #8f8f8f;
*/
}
.col1MenyBoxMSelected a
{
display:block;
width:130px;
height:12px;
font-size:12px;
text-decoration:none;
color:#000000;
}












/* sub linker */




.col1MenyBoxSub
{
width:120px;
height:12px;
padding-left:25px;
margin-bottom:10px;
}




.col1MenyBoxSub a
{
display:block;
width:120px;
height:12px;
font-size:12px;
text-decoration:none;
color:#8f8f8f;
}
.col1MenyBoxSub a:hover
{




color:#000000;
}




.col1MenyBoxSubSelected
{
width:120px;
height:12px;
padding-left:25px;
margin-bottom:10px;
}




.col1MenyBoxSubSelected a
{
display:block;
width:120px;
height:12px;
font-size:12px;
text-decoration:none;
color:#000000;
}




#col1HjemLink a
{
position:absolute;
bottom:33px;
left:48px;
display:block;
width:86px;
height:101px;
}




.col1NorskFlagg
{
position:absolute;
right:15px;
bottom:15px;




width:25px;
height:17px;
}
.col1NorskFlagg a
{
background-image:url(img/norskFlagg2hover2.gif);
background-repeat:no-repeat;
display:block;
cursor:pointer;
width:25px;
height:17px;
}
.col1NorskFlagg a:hover
{
background-image:url(img/norskFlagg2.gif);
background-repeat:no-repeat;
display:block;
cursor:pointer;
width:25px;
height:17px;
}




.col1EngelskFlagg
{
position:absolute;
right:15px;
bottom:15px;
width:25px;
height:17px;
}
.col1EngelskFlagg a
{
display:block;
background-image:url(img/engelskFlagg2hover2.gif);
background-repeat:no-repeat;
cursor:pointer;
width:25px;
height:17px;
}
.col1EngelskFlagg a:hover
{
display:block;
background-image:url(img/engelskFlagg2.gif);
background-repeat:no-repeat;
cursor:pointer;
width:25px;
height:17px;
}
/*----------------- col 2 ---------------------------*/












#col2
{
float:left;
width:544px;
height:576px;
margin-right:14px;
}
#col2Topp1
{
width:484px;
height:259px;
padding:30px;
background-image:url(img/artesia.top.mid.png);
background-repeat:no-repeat;
margin-bottom:14px;




}
#col2Topp
{
width:484px;
height:259px;
padding:30px;
background-image:url(img/centerTopBackGr.jpg);
background-repeat:no-repeat;
margin-bottom:14px;




}
#col2ToppCont
{
width:484px;
height:259px;
color:#b3b3b3;
font-size:10px;
overflow:auto;
overflow-x:hidden;
}




#col2ToppTittel
{
font-weight:900;
width:100%;
margin-bottom:10px;
}
h1
{
font-size:10px;
display:block;
font-weight:bold;
width:100%;
margin-bottom:10px;
}




#col2Bunn
{




width:544px;
height:243px;
background-image:url(img/flashBaskGr.jpg);
background-repeat:no-repeat;








}








#col3
{
float:left;
width:190px;
height:576px;
font-size:10px;
color:#b3b3b3;
}
#col3Topp
{
width:190px;
height:319px;
background-image:url(img/hoyreTopBackGr.jpg);
background-repeat:no-repeat;
margin-bottom:14px;
text-align:center;
}




#col3Bunn
{
width:190px;
height:241px;
background-image:url(img/hoyreBunnBackGr.jpg);
background-repeat:no-repeat;
}




/* ------------------- footer div ------------------- */




#footer
{
margin-top:10px;
width:935px;
padding-left:10px;
padding-right:10px;
height:12px;
color:#a2a2a2;
font-size:10px;
clear:both;
}




#footer a
{
text-decoration:none;




}




#footer a:hover 
{
text-decoration:underline;




}
/*?????????????????????????????????????????????????????????????????
?Carousel styles ?
? ?
?????????????????????????????????????????????????????????????????*/
.stepcarousel{
position: relative; /*leave this value alone*/
/*border: 10px solid black;*/ /* yogi did this to remove the background*/
/*border:thin #d7d6d6 solid;*/
overflow: scroll; /*leave this value alone*/
width: 474px; /*Width of Carousel Viewer itself*/
height: 259px; /*Height should enough to fit largest content's height*/
margin-top:0px;
margin-left:0px;
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel .panel{
float: left; /*leave this value alone*/
/* overflow: hidden; *//*clip content that go outside dimensions of holding panel DIV*/
margin: 5px; /*margin around each panel*/
width: 454px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
background-image:url(img/panelbox.png);
text-align:left;
padding:5px;
font-size:12px;
background-repeat:no-repeat;
background-position:top;
font-size: 10px;


}
.stepcarousel a{
text-decoration:none;
}
img{
border:0px;

}