/* CSS Document */

/* CSS Document MAL*/

/* hele vinduet, legg inn bakgrunnsfarge/grafikk her */
body
{
background-color:#cccccc;
margin:0px;
}


/* hoved rammen rundt siden */

#shadeWrapper
{
width:1037px;
min-height:200px;
background-image:url(img/RightShade.gif);
background-position:right;
background-repeat:repeat-y;
overflow-x:hidden;
}
#main
{
position:relative;
width:1024px;
min-height:200px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
background-color:#FFFFFF;
overflow-x:hidden;
background-color:#FFFFFF;
}
#crnrImg
{
position:absolute;
bottom:0px;
left:0px;
height:49px;
width:210px;
background-image:url(img/leftMenyBackGr2.jpg);
background-repeat:no-repeat;
background-position:bottom left;
}

a
{
text-decoration:none;
color:#009cdd;
}

a:hover
{
text-decoration:underline;
color:#009cdd;
}
/* --------------------------------------------------------- toppene --------------------------------------------------------- */

#top1
{
background-image:url(img/top1Backgr.jpg);
background-repeat:no-repeat;
width:1024px;
height:42px;
}


/* --------------------------------------------------------- forsiden --------------------------------------------------------- */
#forTopp
{
width:600px;
min-height:300px;
float:left;
}
.forToppCol
{
float:left;
width:180px;
min-height:150px;
padding:10px;
padding-top:0px;
font-size:12px;
color:#000000;
}
.forToppColTittel
{
width:180px;
font-size:12px;
font-weight:bold;
color:#000000;
}
#forTopp_2
{
width:600px;
min-height:100px;
border-bottom:1px solid #0090cc;
clear:both;
}
#forTopp_2_Tittel
{
width:600px;
height:22px;
padding-top:5px;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
text-align:center;
background-image:url(img/forTopp2BackGr.gif);
background-repeat:repeat-x;
}
#forTopp_2_cont
{
padding:20px;
width:540px;
}
/* --------------------------------------------------------- kolonnene --------------------------------------------------------- */

#col1
{
float:left;
width:210px;
min-height:100px;
/*
background-image:url(img/leftMenyBackGr.jpg);
background-repeat:no-repeat;
background-position:bottom;
*/
}
#col1Top1
{
width:210px;
height:70px;
background-image:url(img/col1Topp.gif);
background-repeat:no-repeat;

}
#col1Top1 a
{
display:block;
width:210px;
height:70px;
cursor:pointer;
}
#col1Top2
{
width:210px;
height:65px;
background-image:url(img/col1Topp2.jpg);
background-repeat:no-repeat;
background-position:top;
background-color:#019cde;
padding-bottom:12px;
}
#col1Bunn
{
width:210px;
height:76px;
background-image:url(img/col1Bunn.gif);
background-repeat:no-repeat;
background-position:bottom;
}

/*----------------- col 2 ---------------------------*/

#col2
{
float:left;
width:814px;
min-height:100px;
background-color:#061434;
}
#col2Top1
{
width:600px;
height:37px;
background-image:url(img/col2Top1.jpg);
background-repeat:no-repeat;
}

/*----------------- meny greia ?verst ------------------*/
#col2TopMeny
{
width:600px;
height:200px;
background-color:#ffffff;
font-size:18px;
}




#col2Tmb1
{
width:200px;
height:200px;
float:left;
}
#col2Tmb1 a{cursor: default;

background-image:url(img/downstream_01.jpg);
background-repeat:no-repeat;
background-position:top;
display:block;
cursor:pointer;
width:190px;
height:195px;
color:#FFFFFF;

font-weight:bold;
padding-top:5px;
text-align:left;
padding-left:10px;
}
#col2Tmb1 a:hover
{
background-image:url(img/downstream_02.jpg);
background-repeat:no-repeat;
background-position:top;
cursor:default;
text-decoration:none;
}
#col2Tmb1Sel
{
width:200px;
height:200px;
float:left;
}
#col2Tmb1Sel a
{
background-image:url(img/downstream_04.jpg);
background-repeat:no-repeat;
background-position:top;
display:block;
cursor:pointer;
width:190px;
height:195px;
color:#FFFFFF;
font-weight:bold;
padding-top:5px;
text-align:left;
padding-left:10px;
}

#col2Tmb1Sel a:hover
{
text-decoration:none;
cursor: default;
}




#col2Tmb2
{
width:200px;
height:200px;
float:left;
}
#col2Tmb2 a
{
background-image:url(img/midstream_01.jpg);
background-repeat:no-repeat;
background-position:top;
display:block;
cursor:default;
width:190px;
height:195px;
color:#FFFFFF;
font-weight:bold;
padding-top:5px;
text-align:left;
padding-left:10px;
}
#col2Tmb2 a:hover
{
background-image:url(img/midstream_02.jpg);
background-repeat:no-repeat;
background-position:top;
display:block;
cursor:default;
text-decoration:none;
}
#col2Tmb2Sel
{
width:200px;
height:200px;
float:left;
}
#col2Tmb2Sel a
{
background-image:url(img/midstream_04.jpg);
background-repeat:no-repeat;
background-position:top;
display:block;
cursor:pointer;
width:190px;
height:195px;
color:#FFFFFF;
font-weight:bold;
padding-top:5px;
text-align:left;
padding-left:10px;
}

#col2Tmb2Sel a:hover
{
text-decoration:none;
/*cursor: default;*/
}
/*-- sub --*/
#col2Tmb1Sub
{
width:200px;
height:33px;
float:left;
}
#col2Tmb1Sub a
{

background-image:url(img/topMenySub1.jpg);
background-repeat:no-repeat;
background-position:top;
display:block;
cursor:pointer;
width:190px;
height:28px;
color:#FFFFFF;
font-weight:bold;
padding-top:5px;
text-align:left;
padding-left:10px;
}
#col2Tmb1Sub a:hover
{
background-image:url(img/topMenySub1_hover.jpg);
background-repeat:no-repeat;
background-position:top;
cursor:pointer;
text-decoration:none;
}

#col2Tmb2Sub
{
width:200px;
height:33px;
float:left;
}
#col2Tmb2Sub a
{

background-image:url(img/topMenySub2.jpg);
background-repeat:no-repeat;
background-position:top;
display:block;
cursor:pointer;
width:190px;
height:28px;
color:#FFFFFF;
font-weight:bold;
padding-top:5px;
text-align:left;
padding-left:10px;
}
#col2Tmb2Sub a:hover
{
background-image:url(img/topMenySub2_hover.jpg);
background-repeat:no-repeat;
background-position:top;
cursor:pointer;
text-decoration:none;
}
#col2Tmb3Sub
{
width:200px;
height:33px;
float:left;
}
#col2Tmb3Sub a
{

background-image:url(img/topMenySub3.jpg);
background-repeat:no-repeat;
background-position:top;
display:block;
cursor:pointer;
width:190px;
height:28px;
color:#FFFFFF;
font-weight:bold;
padding-top:5px;
text-align:left;
padding-left:10px;
}
#col2Tmb3Sub a:hover
{
background-image:url(img/topMenySub3_hover.jpg);
background-repeat:no-repeat;
background-position:top;
cursor:pointer;
text-decoration:none;
}

#col2TopMeny_1
{
width:600px;
height:179px;
background-color:#ffffff;
font-size:18px;
background-image:url(img/BayerngasNorge_long.jpg);
background-repeat:no-repeat;
background-position:bottom;
}
#col2TopMeny_2
{
width:600px;
height:179px;
background-color:#ffffff;
font-size:18px;
background-image:url(img/Portfolio_long.jpg);
background-repeat:no-repeat;
background-position:bottom;
}
#col2TopMeny_3
{
width:600px;
height:179px;
background-color:#ffffff;
font-size:18px;
background-image:url(img/HSE_long.jpg);
background-repeat:no-repeat;
background-position:bottom;
}
#col2TopMeny_4
{
width:600px;
height:179px;
background-color:#ffffff;
font-size:18px;
background-image:url(img/BayerngasDanmark_long.jpg);
background-repeat:no-repeat;
background-position:bottom;
}
#col2TopMeny_5
{
width:600px;
height:179px;
background-color:#ffffff;
font-size:18px;
background-image:url(img/Contact_long.jpg);
background-repeat:no-repeat;
background-position:bottom;
}
/*-------------- --------------*/

#col2Tmb3
{
width:200px;
height:200px;
float:left;
}
#col2Tmb3 a
{
background-image:url(img/upstream_01.jpg);
background-repeat:no-repeat;
background-position:top;
display:block;
cursor:default;
width:190px;
height:195px;
color:#FFFFFF;
font-weight:bold;
padding-top:5px;
text-align:left;
padding-left:10px;
}
#col2Tmb3 a:hover
{
background-image:url(img/upstream_02.jpg);
background-repeat:no-repeat;
background-position:top;
display:block;
cursor:default;
text-decoration:none;
}
#col2Tmb3Sel 
{
width:200px;
height:200px;
float:left;
}
#col2Tmb3Sel a
{
background-image:url(img/upstream_04.jpg);
background-repeat:no-repeat;
background-position:top;
display:block;
cursor:pointer;
width:190px;
height:195px;
color:#FFFFFF;
font-size:18px;
font-weight:bold;
padding-top:5px;
text-align:left;
padding-left:10px;
}

#col2Tmb3Sel a:hover
{
text-decoration:none;

}






#col2Tmb4
{
position:relative;
background-image:url(img/metanav_hg.jpg);
background-repeat:no-repeat;
background-position:top;
width:194px;
height:119px;
float:left;
background-color:#FFFFFF;
padding-top:60px;
padding-left:20px;
}
.col2Tmb4LinkBox
{
width:200px;
height:18px;
clear:both;
margin-bottom:10px;
}
.col2Tmb4LinkBox a
{
display:block;
width:180px;
height:16px;
font-size:11px;
color:#FFFFFF;
background-image:url(img/arrow.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:20px;
padding-top:2px;
}
.col2Tmb4LinkBox a:hover
{

background-image:url(img/arrowHover.gif);
background-repeat:no-repeat;
background-color:#009cdd;
text-decoration:none;
}


/*----------------------- sub colonner -----------------------*/
#col2_sub1Wrapper
{
position:relative;
width:600px;
min-height:100px;
float:left;
background-color:#ffffff;
}
#forTopp a
{
font-style:italic;
display:block;
min-width:80px;
height:16px;
font-size:12px;
color:#009cdd;
background-image:url(img/arrow.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:20px;
padding-top:2px;
}

#forTopp a:hover
{
background-image:url(img/arrowHover.gif);
background-repeat:no-repeat;
color: #0c2652;
text-decoration:none;
}




#col2_sub1
{
float:left;
width:560px;
min-height:100px;
padding-bottom:20px;
color:#545454;
font-size:12px;
padding-left:20px;
padding-right:20px;
}
#history
{
width:100%;
height:11px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#0067ad;
padding-top:9px;
clear:both;
}
#history a
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#0067ad;
text-decoration:none;
}
#history a:hover
{
text-decoration:underline;

}
#printScr
{
width:15px;
height:15px;
float:right;
background-image:url(img/printIcon.gif);
background-repeat:no-repeat;
}  
#printScr a
{
width:15px;
height:15px;
display:block;
cursor:pointer;
}
#col2_sub1Tittel
{
width:100%;
height:20px;
font-family:Arial, Helvetica, sans-serif;
color:#182450;
font-size:16px;
font-weight:bold;
margin-top:10px;
margin-bottom:20px;
}


#col2_sub2
{
width:214px;
min-height:200px;
float:left;
padding-bottom:20px;
background-color:#061434;
margin-top:0px;
}

#col2_sub2_blaaDings
{
width:214px;
height:37px;
background-image:url(img/col2Top1.jpg);
background-repeat:no-repeat;
background-position:right;
}



#col2_sub2Topp
{
width:100%;
height:22px;
text-align:left;
color:#0066a9;
font-size:14px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
padding-top:5px;
padding-left:10px;
}
#col2_sub2Topp a
{
color:#0066a9;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}
#col2_sub2Topp a:hover
{
color:#0066a9;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
}



#col2_sub2Topp2
{
width:100%;
height:28px;
text-align:center;
color:#105982;
font-size:18px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
background-image:url(img/subT2BacgGr.gif);
background-repeat:repeat-x;
padding-top:4px;
}
#col2_sub2_bottom
{
padding-top:5px;
padding-left:10px;
width:214px;
height:212px;
background-image:url(img/rightColBtm.gif);
background-repeat:repeat-x;
background-position:bottom;
}


/*---------------------------- nyheter -------------------*/
.leftNewsTitle
{
width:194px;
min-height:18px;
background-color:#0066a9;
color:#ffffff;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
padding:10px;
padding-bottom:0px;
font-weight:bold;
}
.leftNewsTitle a
{
color:#ffffff;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;

}
.leftNewsTitle a:hover
{
text-decoration:underline;

}
.leftNewsIngress
{
width:194px;
min-height:10px;
color:#ffffff;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
background-color:#0066a9;
border-bottom:1px solid #0a1527;
padding:10px;
}
.leftNewsIngress a
{
color:#ffffff;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}
.leftNewsIngress a:hover
{
text-decoration:underline;

}
.ingress
{
color:#009cdd;
}

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




#footer
{
width:1024px;
height:24px;
font-size:10px;
color:#999999;
clear:both;
background-image:url(img/footerBackGr.gif);
background-repeat:no-repeat;
position:relative;
}



#adressField
{
position:absolute;
left:55px;
bottom:30px;
width:150px;
height:60px;
color:#545454;
font-size:12px;
}





#tilTopp
{
height:25px;
width:105px;
float:left;
margin-left:210px;
}
#tilTopp a
{
padding-left:25px;
padding-top:5px;

background-image:url(img/toppImg.gif);
background-repeat:no-repeat;
background-position:left;
display:block;
height:20px;
width:80px;
cursor:pointer;
color:#999999;
}
#tilTopp a:hover
{
background-image:url(img/ic_totop_02.gif);
background-repeat:no-repeat;
background-position:left;
color:#333333;
text-decoration:none;
}


#print
{
height:25px;
width:105px;
float:left;
}
#print a
{
background-image:url(img/printImg.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:25px;
padding-top:5px;
display:block;
height:20px;
width:80px;
cursor:pointer;
color:#999999;
}
#print a:hover
{
background-image:url(img/ic_print_02.gif);
background-repeat:no-repeat;
background-position:left;
color:#333333;
text-decoration:none;
}
#footerRight
{
float:right;
width:204px;
height:14px;
background-color:#061434;
color:#0066a9;
padding:5px;
}




#footerShade
{
width:1037px;
height:11px;
background-image:url(img/footerShade.gif);
background-repeat:no-repeat;
clear:both;
}
/* ------------------------------- nyheter ------------------------------- */
.nyheterTittel
{
width:100%;
height:20px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:10px;
font-weight:bold;
margin-top:10px;
margin-bottom:20px;
}
.nyheterTittel a
{
font-family:Arial, Helvetica, sans-serif;
color:#182450;
font-size:16px;
font-weight:bold;
text-decoration:none;
}

.nyheterTittel a:hover
{
font-family:Arial, Helvetica, sans-serif;
color:#182450;
text-decoration:underline;
}

.date
{
color: #666666;
font-size: 10px;
font-family: Helvetica,arial;
text-transform: uppercase;
letter-spacing: 0.1em;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
display: block;
}
/*--------------------------------- les mer knapp ---------------------------*/
.lesMer
{
width:100px;
height:18px;
clear:both;
margin-top:10px;
}
.lesMer a
{
font-style:italic;
display:block;
width:80px;
height:16px;
font-size:11px;
color:#FFFFFF;
background-image:url(img/arrow.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:20px;
padding-top:2px;
text-decoration:none;
}
.lesMer a:hover
{

background-image:url(img/arrowHover.gif);
background-repeat:no-repeat;
color: #009cdd;
text-decoration:none;
}
.lesMerArc
{
width:100px;
height:18px;
clear:both;
margin-top:10px;
}
.lesMerArc a
{
font-style:italic;
display:block;
width:80px;
height:16px;
font-size:11px;
background-image:url(img/arrow.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:20px;
padding-top:2px;
}
.lesMerArc a:hover
{

background-image:url(img/arrowHover.gif);
background-repeat:no-repeat;
text-decoration:none;
}




/*col1 meny */
 /* top linker */
.col1MenuLb
{
clear:both;
width:210px;
height:30px;
}

.col1MenuLb a
{
width:183px;
height:20px;
background-image:url(img/nav_hg_01.gif);
background-repeat:repeat-x;
padding-left:27px;
padding-top:10px;
font-size:14px;
text-decoration:none;
font-weight:bold;
color:#ffffff;
display:block;
}


.col1MenuLb a:hover
{
background-image:url(img/nav_hg_02.gif);
background-repeat:repeat-x;
padding-left:27px;
padding-top:10px;
font-size:14px;
text-decoration:none;
font-weight:bold;
color:#ffffff;

}

.col1MenuLbSel
{
clear:both;
width:183px;
height:20px;
background-image:url(img/ToppMenySelected.gif);
background-repeat:repeat-x;
padding-left:27px;
padding-top:10px;
}

.col1MenuLbSel a
{
display:block;
font-size:14px;
text-decoration:none;
font-weight:bold;
color:#c6d12d;
}


.col1MenuLbSel a:hover
{
color: #009cdd;
text-decoration: underline;
}

/* sub linker */
.col1MenuLbSub
{
width:210px;
min-height:20px;
background-color:#0c2551;

}

.col1MenuLbSub a
{
display:block;
width:175px;
min-height:20px;
padding-left:35px;
background-image:url(img/subMenyStrek.gif);
background-repeat:no-repeat;
background-position:top left;
font-size:11px;
text-decoration:none;
font-weight:bold;
color:#ffffff;
}


.col1MenuLbSub a:hover
{
color:#028cca;
background-image:url(img/subMenyStrekHover.gif);
background-repeat:no-repeat;
background-position:top left;
}
.col1MenuLbSubSel
{
width:210px;
min-height:20px;
background-color:#0c2551;
}

.col1MenuLbSubSel a
{
display:block;
width:175px;
min-height:20px;
padding-left:35px;
background-image:url(img/subMenyStrekHover.gif);
background-repeat:no-repeat;
background-position:top left;
font-size:11px;
text-decoration:none;
font-weight:bold;
color:#c9d200;
}







/* ------------------------------- glossymeny ------------------------------- */
.glossymenu ul
{
list-style: none;
padding: 0;
margin: 0;
} 

.glossymenu ul li
{
list-style: none;
padding: 0;
margin: 0;
} 

/*------------ col1Meny ------------*/
.glossymenu
{

font-family:Arial, Helvetica, sans-serif;
width:210px;
min-height:50px;
padding: 0;
background-color: #0066a9;
padding-bottom:20px;
}


/*------------ col1MenyLinkbox ------------*/
.glossymenu a.menuitem
{
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
clear:both;
display:block;
width:183px;
height:20px;
font-size:14px;
text-decoration:none;
font-weight:bold;
color:#ffffff;
background-image:url(img/TopMenyBacgr.gif);
background-repeat:repeat-x;
padding-left:27px;
padding-top:10px;
}
.glossymenu a.menuitemSelected
{
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
clear:both;
display:block;
width:183px;
height:20px;
font-size:14px;
text-decoration:none;
font-weight:bold;
color:#c6d12d;
background-image:url(img/ToppMenySelected.gif);
background-repeat:repeat-x;
padding-left:27px;
padding-top:10px;
}



.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color:#ffffff;
}

.glossymenu a.menuitem .statusicon{ 
position: absolute;
top: 2px;
left: -2px;
border: none;
}

.glossymenu a.menuitem:hover
{
color:#c6d12d;
}

.glossymenu div.submenu
{ 
}

.glossymenu div.submenu ul
{
list-style-type: none;
margin: 0;
padding: 0;
}


/*------------ col1MenySubLinkbox ------------*/

.glossymenu div.submenu ul li
{
width:175px;
height:20px;
display:block;
background-color:#0c2551;
padding-left:35px;
background-image:url(img/subMenyStrek.gif);
background-repeat:no-repeat;
background-position:top left;
}

.glossymenu div.submenu ul li a{
display:block;
width:175px;
height:20px;
font-size:11px;
text-decoration:none;
font-weight:bold;
color:#ffffff;
}

.glossymenu div.submenu ul li a:hover
{
color:#ff4606;
}

/*--------------- slider ---------------*/
/* den delen som vises på skjermen */
.works .projects_box{
display: none;
position: relative;
float: left;
width:560px;
padding-top:20px;
overflow: hidden;
}
#redLine
{
position:absolute;
top:0px;
left:0px;
width:560px;
height:20px;
background-image:url(img/redLine.gif);
background-repeat:repeat-x;
margin-bottom:12px;
line-height:20px;
color:#FFFFFF;
font-size:12px;
padding-left:10px;
}
.works .projects_box.enabled{
display: block;
}
.works .projects_box .arrow{
float: left;
width: 20px;
}
.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:10;
top:6px;
left:140px;/*250*/
width: 4px;
height: 8px;
background: url(img/leftSmallArrow.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;
top:6px;
left:450px;
width: 4px;
height: 8px;
background: url(img/rightSmallArrow.png) no-repeat top right;
cursor:pointer;
}
/* den delen spom vises */
.works .projects_box .projects{
position: relative;
float: left;
width:560px;/*469*/
height:700px;
overflow: hidden;
}
.works .projects_box .projects .slider{
position: absolute;
float: left;
width:560px;
whitespace: nowrap;
}
/*avstanden mellom slides*/
.works .projects_box .projects .project{
float: left;
padding-right: 0px;
}
/* selve sliden */
.works .projects_box .project .image{
width:600px;
height:700px; 
/* background-position: center center;*/
overflow: hidden; 
margin-left:0px;
margin-right:0px;
}
.works .projects_box .project .image img
{
/* border: 1px solid white;*/
}
/* paging linker */
.works .round_links /* this is to make the numbers shift */
{
position:absolute;
top:3px;
left:145px;/*260*/
text-align: center;
/*display:none;*/
}
.works span.round, .works span.round:visited
{
float: left;
width: 12px;
height: 10px;
padding-right: 5px;
cursor:pointer;
color:#ffffff;
font-size:10px;
}
.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
{
font-weight:bold;
}
/*--------------- slider ---------------*/
/* den delen som vises på skjermen */
.works .projects_box{
display: none;
position: relative;
float: left;
width:560px;
padding-top:20px;
overflow: hidden;
}
#redLine
{
position:absolute;
top:0px;
left:0px;
width:540px;
height:20px;
 background-image:url(img/untitled-1.png);  
background-color:#ffffff;
 background-repeat:repeat-x; 
margin-bottom:12px;
line-height:20px;
color:blue;
font-size:12px;
padding-left:10px;
}
.works .projects_box.enabled{
display: block;
}
.works .projects_box .arrow{
float: left;
width: 20px;
}
.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:10;
top:6px;
left:5px;/*250*/
width: 4px;
height: 8px;
background: url(img/leftSmallArrow.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;
top:6px;
left:540px;
width: 4px;
height: 8px;
background: url(img/rightSmallArrow.png) no-repeat top right;
cursor:pointer;
}
/* den delen spom vises */
.works .projects_box .projects{
position: relative;
float: left;
width:560px;/*469*/
height:700px;
overflow: hidden;
}
.works .projects_box .projects .slider{
position: absolute;
float: left;
width:560px;
whitespace: nowrap;
}
/*avstanden mellom slides*/
.works .projects_box .projects .project{
float: left;
padding-right: 0px;
}
/* selve sliden */
.works .projects_box .project .image{
width:560px;
height:700px; 
background-position: center center;
overflow: hidden; 
}
.works .projects_box .project .image img
{
/* border: 1px solid white;*/
}
/* paging linker */
.works .round_links /* this is to make the numbers shift */
{
position:absolute;
top:3px;
left:15px;/*145*/
text-align: center;
/*display:none;*/
}
.works span.round, .works span.round:visited
{
float: left;
width: 12px;
height: 10px;
padding-right: 4px;
cursor:pointer;
color:#ffffff;
font-size:10px;
}
.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
{
font-weight:bold;
color:blue;
}