﻿/* CSS Document */
/*
html
{
 height: 100%;
}

body
{
  margin: 0px;
  padding: 0px;
  

}
*/


.works .title_box_yellow {
 clear: both;
 height: 14px;
 margin-bottom: 5px;
 cursor: pointer;
}
.works .round_links{
 float: left;
 margin-left: 120px;
 padding-top: 3px;
 padding-right: 150px;
 text-align: center;
}
.works span.round, .works span.round:visited{
 float: left;
 width: 9px;
 height: 8px;
 padding-right: 10px;
 background: url(img/round_link.gif) no-repeat left top;
}
.works span.round:hover, .works span.round:active,
.works span.round.active, .works span.round.active:visited,
.works span.round.active:hover, .works span.round.active:active
{
 background: url(img/round_link_active.gif) no-repeat left top;
}
.works .title_box_yellow h3.title{
 float: left;
 width: 150px;
 cursor: pointer;
}



/* den delen som vises på skjermen */
.works .projects_box{
 display: none;
 position: relative;
 float: left;
 width: 495px;
 padding:0px;
 overflow: hidden;
}

.works .projects_box.enabled{
 display: block;
}

.works .projects_box .arrow{
 float: left;
 width: 20px;
 padding-top: 55px;
}

.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 {
 float: left;
 width: 20px;
 height: 20px;
 background: url(img/kule_v.gif) 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;
 top:180px;
 right:35px;
 width: 113px;
 height: 37px;
 background: url(img/nesteKnapp.png) no-repeat top right;
 cursor:pointer;
}
/* den delen spom vises */
.works .projects_box .projects{
 position: relative;
 float: left;
 width: 450px;
height: 623px;
 overflow: hidden;
}
.works .projects_box .projects .slider{
 position: absolute;
 float: left;
 height: 623px;
 white-space: nowrap;
}

/*avstanden mellom slides*/
.works .projects_box .projects .project{
 float: left;
 padding-right: 5px;
 padding-left: 5px;
}

/* selve sliden */
.works .projects_box .project .image{
 margin-bottom: 10px;
width:440px;
max-height:623px;
 
 background-position: center center;
 overflow: hidden; 
 cursor: pointer;
}

.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;
}

#col2Ref {
  float: left;
  width: 460px;
}


/* html content */
#contWrapper
{
padding:0px;
padding-top:20px;
padding-bottom:0px;
padding-left:7px;
}
.mainCol
{


}

.scol1
{
float:left;
width:430px;
height:623px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#6d6c6d;font-size:11px;
padding:0px;
padding-top:0px;
margin:0px;
}

.slideTittel
{
width:430px;
border-bottom:1px solid #d4d4d4;
margin-bottom:8px;
margin-top:12px;
color:#809f43;
font-weight:bold;
}
#slideWrapper
{
width:900px;
height:623px;
margin-top:200px;
background-color:#666666;



}

