﻿@charset "utf-8";
/* CSS Document */

body
{
	/*background-color:#d7d3bf;*/
	margin-top:0px;
	background-color:#ffffff;
	/*background-image:url(img/background.gif);*/
	
}

#main
{
	width:980px;
	min-height:400px;
	margin-top:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	border:0px solid #000000;
	padding:10px;
	overflow-x:hidden;
	background-color:#FFFFFF;
}

p
{
padding:0px;
margin:0px;
}

hr {
  border:1px solid #ff8432;
}



h1
{
font-weight:bold;
	font-size:12px;
	color:#333333;
}

h2
{
color:#444444;
font-size:14px;
font-weight:bold;
padding:0px;
margin:0px;
}
h3
{
color#:cccccc;
font-weight:bold;
font-size:12px;
padding:0px;
margin:0px;
}

a
{
text-decoration:none;
color:#444444;
}
a:hover
{
text-decoration:underline;
color:#333333;
}

#top1
{
background-image:url(img/header.gif);
background-repeat:no-repeat;
background-position:bottom;
width:980px;
height:65px;
margin:0px;
}
 
#top1 a
{
display:block;
width:980px;
height:65px;
}

#top1HjemLink
{
position:absolute;
top:0px;
left:0px;
}
/*------------------- forside -------------------*/
#forsideSliderWrapper
{
margin-top:10px;
margin-bottom:10px;
width:980px;
height:215px;
}


#forsideSlider
{
background-image:url(img/sliderShade.png);
background-repeat:repeat-x;
width:958px;
height:185px;
color:#333333;
font-size:10px;
padding:10px;
border:0 solid #d7b36a;
border-width:0 1px;
overflow:hidden;
}


#forsideSlider_old
{
background-image:url(img/sliderShade.png);
background-repeat:repeat-x;
width:958px;
height:185px;
margin-top:10px;
color:#333333;
font-size:10px;
margin-bottom:10px;
border:1px solid #d7b36a;
padding:10px;
}


#forsideTop2
{
width:980px;
height:184px;
}

.forsideBoks1Wrapper
{
width:240px;
height:175px;
float:left;
}

.forsideBoks1
{

width:218px;
height:155px;
background-image:url(img/sliderShade.png);
background-repeat:repeat-x;
padding:10px;
overflow:hidden;
border:0 solid #d7b36a;
border-width:0 1px;
}
.forsideBoks1 a
{
font-size:10px;
display:block;
min-height:12px;
min-width:21px;
background-image:url(img/forsLinkDings.gif);
background-position:top left;
background-repeat:no-repeat;
color:#444444;
padding-left:21px;
text-decoration:none;
}
.forsideBoks1 a:hover
{
color:#333333;

}
.forsideBoks2Wrapper2
{
margin-left:10px;
margin-right:10px;
width:480px;
height:188px;
float:left;
}

.forsideBoks2Wrapper
{
margin-left:10px;
margin-right:10px;
width:480px;
height:188px;
float:left;
}

.forsideBoks2
{
float:left;
width:458px;
height:155px;
background-image:url(img/sliderShade.png);
background-repeat:repeat-x;
padding:10px;
font-size:10px;
color:#333333px;
overflow:hidden;
border:0 solid #d7b36a;
border-width:0 1px;
}

.forsideBoks2 a
{
	color:#d3b575;
	text-decoration:none;
}
.forsideBoks2 a:hover
{
	text-decoration:underline;
}






#forsideTop3
{
width:980px;
height:247px;
margin-top:10px;
}

.forsideBunnBoksWrapper
{
width:320px;
height:247px;
float:left;
margin-right:10px;
}
/*boks til høyre */
.forsideBunnBoksWrapper2
{
width:320px;
height:247px;
float:left;
}

.forsideBunnBoks
{
float:left;
/*
width:298px;
height:195px;
*/
width:318px;
height:215px;
overflow:hidden;
border:1px solid #d7b36a;
border-bottom:0px;
border-top:0px;
padding:0px;
font-size:10px;
}

.forsideBunnBoksBunn
{
height:30px;
text-align:center;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
background-color:#222222;
 /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.9;
  line-height:30px;
  clear:both;
}


/*------------------- undersider -------------------*/


#top2
{
width:980px;
height:26px;
background-repeat:no-repeat;
margin-top:10px;
}
#top2Meny
{
width:980px;
height:26px;
background-image:url(img/top2MenyBackGr.gif);
background-repeat:repeat-x;
}
.top2HjemLb
{
width:39px;
height:26px;
float:left;
}
.top2HjemLb a
{
display:block;
width:39px;
height:26px;
background-image:url(img/top2Hjem.gif);
background-repeat:no-repeat;
text-align:center;
}
.top2HjemLb a:hover
{
display:block;
width:39px;
height:26px;
background-image:url(img/top2HjemHover.gif);
background-repeat:no-repeat;
background-color:#311531;
}


.top2MenyLb
{
float:left;
width:120px;
}
.top2MenyLb a
{
display:block;
width:120px;
font-size:12px;
height:20px;
padding-top:6px;
color:#FFFFFF;
text-decoration:none;
border-left:1px solid #000000;
text-align:center;
}

.top2MenyLb a:hover
{
background-color:#311531;
}


.top2MenyLbS
{
float:left;
width:120px;
}
.top2MenyLbS a
{
display:block;
width:120px;
font-size:12px;
height:20px;
padding-top:6px;
color:#ff9900;
text-decoration:none;
border-left:1px solid #000000;
text-align:center;
}

.top2menuEnd
{
float:left;
width:1px;
height:26px;
border-right:1px solid #000000;
}


#wrapper
{
width:980px;
min-height:200px;
background-color:#FFFFFF;
overflow-x:hidden;
margin-top:10px;
}
#col1Wrapper
{
float:left;
width:202px;


}
#col1
{

width:180px;
min-height:200px;
border:1px solid #d7b36a;
padding:10px;
font-size:10px;
color:#666666;
}

.col1Tittel
{
color:#333333;
font-size:14px;
font-weight:bold;
text-align:center;
}


.newsItem
{
width:170px;
min-height:80px;
border-bottom:1px solid #ff8432;
font-size:9px;
color:#666666;
padding-top:10px;
padding-bottom:10px;
}

#col1_2
{
width:172px;
min-height:1px;
padding:5px;
font-size:12px;
color:#666666;
margin-top:6px;
}


#col2
{
float:left;
width:766px;
min-height:300px;
padding:10px;
color:#666666;
font-size:10px;
padding-right:0px;
padding-top:0px;
}


#ansatteWrappert
{
float:left;
width:766px;
min-height:100px;
overflow-x:hidden;
padding-left:10px;
padding-bottom:10px;
}

#col2Ansatte
{
width:744px;
height:306px;
border:1px solid #d7b36a;
color:#000000;
font-size:10px;
background-image:url(img/ansatteBackground.gif);
background-position:top;
background-repeat:repeat-x;
background-color:#f5eddc;
padding:10px;

}

#col2MenyWrapper
{
float:left;
width:744px;
min-height:1px;
color:#333333;
font-size:11px;
font-weight:bold;
padding:10px;
}



#history
{
width:748px;
height:10px;
color:#666666;
}
#history a
{
text-decoration:none;
color:#666666;
}
#history a:hover
{
color:#ff9900;
}

#footer
{
position:relative;
width:782px;
height:41px;
background-image:url(img/footer.gif);
background-repeat:no-repeat;
font-size:10px;
font-weight:bold;
color:#FFFFFF;
padding:6px;
padding-right:12px;
padding-top:10px;
}
#footer a
{
text-decoration:none;
color:#FFFFFF;
}

#footer a:hover
{
text-decoration:underline;
}

#footerMlink
{
position:absolute;
right:10px;
bottom:10px;
width:160px;
height:15px;
}
#footerMlink a
{
display:block;
width:160px;
height:15px;
}


/*--------------- slider ---------------*/
/* den delen som vises p?? skjermen */
.works .projects_box{
 display: none;
 position: relative;
 float: left;
 width:958px;
 padding:0px;
 overflow: hidden;
}






.works .projects_box.enabled{
 display: block;
}

.works .projects_box .arrow{
 float: left;
 width: 10px;
}

.works .projects_box .arrow span.arrow_left, .works .projects_box .arrow span.arrow_left:visited,
.works .projects_box .arrow span.arrow_left:active, .works .projects_box .arrow span.arrow_left:hover{
position:absolute;
z-index:20;
bottom:-1px;
 right:90px;
 width: 6px;
 height: 12px;
 background: url(img/left_pil10x10.png) no-repeat top left;
 cursor:pointer;
}
.works .projects_box .arrow span.arrow_right, .works .projects_box .arrow span.arrow_right:visited,
.works .projects_box .arrow span.arrow_right:active, .works .projects_box .arrow span.arrow_right:hover
{
 position:absolute;
 bottom:-1px;
 right:10px;
 width: 6px;
 height: 12px;
 background: url(img/right_pil10x10.png) no-repeat top right;
 cursor:pointer;
}
/* den delen spom vises */
.works .projects_box .projects{
 position: relative;
 float: left;
 width:958px;
height:185px;
 overflow: hidden;
}
.works .projects_box .projects .slider{
 position: absolute;
 float: left;
 width:958px;
 whitespace: nowrap;
}

/*avstanden mellom slides*/
.works .projects_box .projects .project{
 float: left;
 padding-right: 0px;
 padding-left: 0px;
}

/* selve sliden */
.works .projects_box .project .image{
width:958px;
height:185px; 
 background-position: center center;
 overflow: hidden; 
}

.works .projects_box .project .image img
{
/* border: 1px solid white;*/
}

.project .project_client{
 font-size: 9px;
 font-weight: bold;
 text-transform: uppercase;
}
.project .project_title{
 color: #797979;
 font-weight: bold;
}
.project .project_title p{
 margin: 0px;
}


/* paging linker */

.forsideSliderNav
{

position:relative;
width:958px;
height:15px;

}

.forsideSliderNav .round_links
{
position:absolute;
top:0px;
right:10px;
width:60px;
height:15px;
}

.forsideSliderNav span.round, .forsideSliderNav span.round:visited
{
float: left;
width: 22px;
height: 15px;
margin-right: 5px;
cursor:pointer;
color:#ffffff;
font-size:10px;
text-align:center;
background-color:#000000;
filter:gray;
opacity:0.4;
filter:alpha(opacity=40);
}

.forsideSliderNav span.round:hover, .forsideSliderNav span.round:active,
.forsideSliderNav span.round.active, .forsideSliderNav span.round.active:visited,
.forsideSliderNav span.round.active:hover, .forsideSliderNav span.round.active:active
{
color:#ff9900;
background-color:#000000;
opacity:1;
filter:none;
}

/*
<b class="rnd_top"><b class="rnd_b1"></b><b class="rnd_b2"></b><b class="rnd_b3"></b><b class="rnd_b4"></b></b>
<b class="rnd_bottom"><b class="rnd_b4"></b><b class="rnd_b3"></b><b class="rnd_b2"></b><b class="rnd_b1"></b></b>
.rnd_top, .rnd_bottom {display:block; background:#ffffff; font-size:1px;}
*/
.rnd_top, .rnd_bottom {display:block; font-size:1px;}
.rnd_b1, .rnd_b2, .rnd_b3, .rnd_b4 {display:block; overflow:hidden;}
.rnd_b1, .rnd_b2, .rnd_b3 {height:1px;}
.rnd_b2, .rnd_b3, .rnd_b4 {background:#FFFFFF; border-left:1px solid #d7b36a; border-right:1px solid #d7b36a;}
.rnd_b1 {margin:0 5px; background:#d7b36a;}
.rnd_b2 {margin:0 3px; border-width:0 2px;}
.rnd_b3 {margin:0 2px;}
.rnd_b4 {height:2px; margin:0 1px;}
    






