

BODY {
  padding-right: 0px;
  padding-left: 0px;
  font-size: 0.7em;
  padding-bottom: 0px;
  margin: 0px;
  padding-top: 0px;
  font-family: Verdana;
  background-color: #CCCCCC;
}
TABLE {
  font-size: 100%;
}
DIV {
  font-size: 100%;
}
H1 {
  padding-right: 0px;
  padding-left: 0px;
  font-size: 180%;
  padding-bottom: 0px;
  margin: 0px;
  color: #000000;
  padding-top: 0px;
}
SPAN {
  font-size: 100%;
}
P {
  padding-right: 0px;
  padding-left: 0px;
  font-size: 100%;
  padding-bottom: 0px;
  margin: 0px 0px 6px;
  line-height: 1.2em;
  padding-top: 0px;
}
/* A {
  font-size: 100%;
  color: #000080;
  text-decoration: none;
}
A:hover {
  color: #000080;
  text-decoration: underline;
}
A:visited {
  color: #000080;
  text-decoration: none;
}  */


*******************************************
/*  Bilder på nye trucker */
*******************************************
#truckArticleBody{
 padding: 0px;
}

       
a.imgHover2IMG{    
  border:0px;  
  margin:0px;  
  padding:0px;
  width:112px;
  height:85px;
}

}

#truckArticleBody a.imgHover2{
    width: 125px; /*same as img width*/
    height: 85px;    
    border: solid 1px #ffffff;
    display:block;
}
#truckArticleBody a:hover.imgHover2{
    width: 125px; /*same as img width*/
    height: 85px;    
    border: solid 1px #B8BFB7;        
    display:block;  
}        

*******************************************
/*  End Bilder på nye trucker */
*******************************************




INPUT {
  font-size: 100%;
}
SELECT {
  font-size: 100%;
}
text {
  font-size: 100%;
}


/*--------*/
#alignCenter{
  text-align:center;
  padding: 0px;
  margin: 0px;  
}
#containerContent { 
  text-align:left;
  margin: auto;
  width: 966px;
  background-color: white;  
}

/*------------- start top region --------*/
#containerNavigationTop {
  clear: both;
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  margin: 0px;
  width: 966px;
  padding-top: 2px;
  height: 17px;  
}
#navigationTopLeft {
   margin: 0px;
   padding: 0px 0px 0px 20px;
   float: left;   
   width: 300px;
   text-align:left;
}

#navigationTopRight {
  margin: 0px;
  float: right;
  width: 193px;
  text-align:right;
  padding-right: 15px;
}

/* #containerTopLogo {
  øvre boks
  clear:both;  
  padding: 0px;  
  margin: 0px;
  width: 966px;
  height: 72px;  
  border: 1px dotted black;
}    
#containerTopLogoLeft {
  padding: 20px 0px 0px 0px;
  margin: 0px;
  float:left;  
  border:0px;
  width: 322px;  
  height: 72px;
}   
*/

containerTopLogoLeft img.konsernlogo {
  width:280px;
  height:72px;
  border: 0px;
}

#containerTopLogoRight {  
  padding: 0px;
  margin: 0px;
  float: right;      
  width: 389px;
  height: 72px;
  background-repeat: no-repeat;
  background-image:url(/rammeverk/truck/images/truckheader.jpg);  
}

#containerStartPageTopLogoRight {  
  padding: 0px;
  margin: 0px;
  float: right;      
  width: 389px;
  height: 72px;  
  background-repeat: no-repeat;
  background-image:url(/rammeverk/images/konsernheader.jpg);
  
}
#containerNavigationTop2 {
  height: 21px;  
  clear: both;
  padding: 0px;  
  margin: 0px;
  width: 966px;  
  background-repeat: no-repeat;
  background-image:url(/rammeverk/images/red_line.jpg);
}
#navigationTopLeft2 {
    margin: 0px;
    padding:0px;
    height:17px;
    float: left;   
    width: 191px;
    text-align:center;
}
#navigationTopCenter2 {
  margin: 0px 0px 0px 0px;
  padding: 3px 0px 0px 0px;
  float: left;     
  width: 582px;
  text-align:center; 
  height:17px;  
}

#navigationTopCenter2 A{
  color: white;
  text-decoration: none;
}

#navigationTopCenter2 A:hover{
  color: white;
  text-decoration: none;
}
#navigationTopCenter2 A:visited{
  color: white;
  text-decoration: none;
}
#navigationTopCenter2 A.activeTopMenu{
  color: white;
  font-weight:bold;
  text-decoration: none;
}



*******************************************
** Search
*******************************************
*/
#SearchTopRight {
  margin:  0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 193px;  
  float: right;
  height: 17px;    
}

#searchForm{  
   float: right;
   width: 193px;  
   height:21px;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;  
}

#containerTextField{
  float:left;  
  height:17px;
  width:120px;
  padding: 0px 0px 0px 0px;
  margin: 1px 2px 0px 0px;
}
#containerTextField input.text
{
  height:17px;
  width: 120px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-size: 10px;  
  background-color:#EDF2F5;
  border: 1px solid #A8A8A8;
}
#containerSubmitButton{
  float:left;
  width:45px;
  padding: 0px 0px 0px 0px;
  margin: 2px 0px 0px 0px;
}
/*
#containerSubmitButton  input.submit{
  height:17px;
  width: 45px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;  
}
*/
/*------------- end top region --------*/
#main {    
  clear:both;
  padding: 0px;
  margin: 0px;
  width: 966px;  
  height: auto;
  background-image:url(/rammeverk/truck/images/bg_right_truck.jpg);  
}


#largePageMain{
 clear:both;
  padding: 0px;
  margin: 0px;
  width: 966px;  
  height: auto;
}
/*#iframeMain{  
  float:left;
  padding: 0px;
  margin: 0px;
  width: 750px;
  height: 450px;    
}
#iframeFrame{  
  padding: 0px;
  margin: 0px;
  width: 750px;
  height: 450px;  
  border:0px;
  border: 1px solid #E3E5E2;
}*
#iframeMain{  
  float:none;
  padding: 0px;
  margin: 0px;
  width: 750px;  /*760px full page*/
  height: 630px;     
}
#iframeFrame{  
  padding: 0px;
  margin: 0px;
  width: 750px;    /*760px full page*/
  height: 630px;  
  border: 0px solid #E3E5E2;
}

#containerMainLeft {
  padding: 0px; 
  margin: 0px 15px 0px 0px; 
  float: left;    
  width: 191px;       
}
#containerMainMiddle {
  padding-right: 0px;
  padding-left: 10px;
  float: left;
  padding-bottom: 0px;
  margin: 0px;
  width: 555px;
  padding-top: 0px;
  height:auto;
}
#upperMainMiddle{
  padding: 0px 0px 3px 0px;
  margin: 0px 0px 7px 0px ;
  float: left;
  width:100%;    
  background-color: transparent;
  
}
#containerMainRight {
  padding: 0px;
  margin: 0px;
  float: right;
  width:193px;    
  background-color: #E3E5E2;
  height:auto;  
}

#enviroImage {
  clear:both;
  padding: 1px 0px 0px 0px;  
  width:193px
}
#enviroImage img{
  width: 191px;
  height:230px; 
  border:0px;
  border: solid 1px #E3E5E2;
}

/* ------ Shortcuts -------- */
#containerShortcutRight{        
  width: 193px;
  clear:both;
}

#containerShortcutRight div.shortcutRight{  
  margin-top: 1px;  
  margin-bottom: 2px;
  /*height: 57px;*/
  width: 191px;  
}

.shortcutRight IMG{  
  border:0px;  
  margin:0px;
  padding:0px;
  width: 191px;
  /*height: 57px;*/
}

/* ------ Campaigns -------- */
#containerCampaignRight{  
  width: 193px;
  clear:both;
}

#containerCampaignRight div.campaignRight{  
  margin-top: 1px;  
  margin-bottom: 2px;
  /*height: 57px;*/
  width: 191px;  
}


.campaignRight IMG{    
  border:0px;  
  margin:0px;  
  padding:0px;
  width:191px;
  /*height:57px;*/
}

a.rightImgHover{ 
    width: 191px;
    height: 57px;       
    border: solid 1px #E3E5E2;
    display:block;
}
a:hover.rightImgHover{
    width: 191px;
    height: 57px;    
    border: solid 1px red;        
    display:block; 
}

a.imgHover IMG{    
  border:0px;  
  margin:0px;  
  padding:0px;
  width:187px;
  height:211px;
}
#startPageArticleBody a.imgHover{
    width: 187px;
    height: 211px;    
    border: solid 1px #E3E5E2;
    display:block;
}
#startPageArticleBody a:hover.imgHover{
    width: 187px;
    height: 211px;    
    border: solid 1px red;        
    display:block;  
}

#navigationBreadcrumb {
  padding: 5px 0px 5px 0px;  
  color: #656565;
  font-size: 0.8em;
  height: auto;
}

#navigationBreadcrumb A {    
  color: #656565;
  text-decoration: underline;
}

/*-------- Left menu ------*/

#navigationLeftMenu {  
  background-color:#D8DFD6;
  padding: 15px 0px 0px 0px;  
}

#navigationLeftMenu img{  
  border: 0px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;  
}

#navigationLeftMenu A {
  color: #003f7c;
  text-decoration: none;  
}
#navigationLeftMenu DIV.LeftMenuItem {
  clear: both;
  padding-left: 20px;  
  padding-top: 3px;
  padding-bottom: 4px;
  background-position: 13px 7px;
  background-repeat: no-repeat;
  background-image: url(/rammeverk/images/menumarker.gif);
}

#navigationLeftMenu DIV.LeftMenuItemActive {
  clear: both;  
  padding-left: 20px;
  font-weight: bold;  
  background-color: #ADB2AC;  
  padding-top: 3px;
  padding-bottom: 4px;
  background-position: 1px 7px;
  background-repeat: no-repeat;
  background-image: url(/rammeverk/images/AnimationWhite.gif);
}
#navigationLeftMenu DIV.sub {
  clear: both;
  padding-right: 0px;
  padding-left: 30px;
  padding-top: 3px;
  padding-bottom: 4px;
  background-position: 23px 7px;
  background-repeat: no-repeat;
  background-image: url(/rammeverk/images/menumarker.gif);
}

#navigationLeftMenu DIV.subActive {
  clear: both;
  padding-right: 0px;  
  padding-left: 30px;
  font-weight: bold;
  background-color: #ADB2AC;  
  padding-top: 3px;
  padding-bottom: 4px;
  background-position: 11px 7px;
  background-repeat: no-repeat;
  background-image: url(/rammeverk/images/AnimationWhite.gif);
}
#navigationLeftMenu DIV.subSub {
  clear: both;
  padding-right: 0px;
  padding-left: 40px;
  padding-top: 3px;
  padding-bottom: 4px;
  background-position: 33px 7px;
  background-repeat: no-repeat;
  background-image: url(/rammeverk/images/menumarker.gif);
}
#navigationLeftMenu DIV.subSubActive {
  clear: both;
  padding-right: 0px;  
  padding-left: 40px;  
  background-color: #ADB2AC;  
  padding-top: 3px;
  padding-bottom: 4px;
  background-position: 21px 7px;
  background-repeat: no-repeat;
 background-image: url(/rammeverk/images/AnimationWhite.gif);
}
#navigationLeftMenu DIV.subSubSub { 
  clear: both; 
  padding-right: 0px; 
  padding-left: 50px; 
  padding-top: 3px; 
  padding-bottom: 4px; 
  background-position: 43px 7px; 
  background-repeat: no-repeat; 
  background-image: url(/rammeverk/images/menumarker.gif); 
} 
#navigationLeftMenu DIV.subSubSubActive {
  clear: both;
  padding-right: 0px;  
  padding-left: 50px;  
  background-color: #ADB2AC;  
  padding-top: 3px;
  padding-bottom: 4px;
  background-position: 31px 7px;
  background-repeat: no-repeat;
 background-image: url(/rammeverk/images/AnimationWhite.gif);
}

.activeMenu {
  color:white; 
  font-weight: bold;
}
.leftMenuMarker{
  color:#CC0000; 
  font-weight: bold;
}
span.menuPipe{
  color:#666666; 
  margin: 0px 0px 0px 5px;
}
span.nextRaquoLink{
  color:#000080; 
  font-size: 10px;
  font-weight: normal;
  margin: 0px 0px 0px 5px;
}
span.adrName{
  color:#000080;   
  font-weight: normal;
}

#navigationLeftMenu DIV.menuDivider {
  clear: both;
  padding: 0px;    
  margin: 0px 0px 0px 0px;  
  background-position: 0px 0px;
  background-image: url(/rammeverk/images/MenuDivider.gif);  
  background-repeat: no-repeat;  
  height:1px;
}
 

#menuBottom{
 padding: 10px 0px 0px 0px;
 height: 14px; 
 width: 165px;
}

#menuBottom img{
  padding: 0px;
  margin: 0px;
  border: 0px;
}

/*----adr table start -----*/

#containerAdrAlignCenter{
  text-align:center;
  padding: 0px;
  margin: 0px;  
}

#containerAdr { 
  text-align:left;
  margin: auto;
  padding: 15px 0px 15px 0px;
  width: 165px;    
}

#containerAdr table{
  border: 1px white solid;
  width: 165px;  
}

#containerAdr td.adrHeader{
  text-align:center;
  font-weight:normal;
  color:#CCCCCC;
  background-color:#C1322B;
  width: 165px;
  padding: 3px 10px 2px 10px;
  border-top: 1px #A8A9AE solid;
  border-right: 1px #A8A9AE solid;
  border-bottom: 1px #A8A9AE solid;
  border-left: 1px #A8A9AE solid;
}

#containerAdr td.adrItem{ 
  width: 165px; /*165px;*/
  padding: 5px 10px 5px 5px;
  border-right: 1px #A8A9AE solid;
  border-left: 1px #A8A9AE solid;
  background-color: #D8DFD6;
}

#containerAdr td.adrFooterLeft{
  width: 153px; /*165-12=153*/
  padding: 0px;
  margin: 0px;
  border-bottom: 1px #A8A9AE solid;
  border-left: 1px #A8A9AE solid;
  background-color: #D8DFD7;
}
#containerAdr span.kontaktoss{  
  padding: 0px 0px 0px 0px; 
  margin: 10px 0px 0px 0px; 0px;
  font-weight: bold;
}
#containerAdr td.adrItem a{
  color: #003F7C;  
  text-decoration: none;  
}

#containerAdr td.adrFooterRight{
  width: 12px;
  padding: 0px;
  margin: 0px;
}

#containerAdr td.adrFooterRight img{
  border: 0px;
}

/*----adr table end -----*/

*----start startpage----*
#containerStartPageMainUpper {
  padding: 0px;
  margin: 0px;      
  width: 966px;  
  height:auto;
}
#containerStartPageMainMidle{
  clear:both;
  padding: 0px;
  margin: 0px;      
  width: 966px;  
  height:auto;
}
#containerStartPageMainLower{
  padding: 0px;
  margin: 0px;      
  width: 966px;  
  height:auto;
}
#containerStartPageHeader{
  padding: 0px 0px 0px 0px;  
  margin: 0px 0px 0px 0px ;
  float: left;
  width:100%;  
}
#startPageHeader{
 padding: 0px;
 margin: 0px;  
}
#startPageH1Object { 
 float:left;
 font-size: 1.2em;
 font-family:Arial, Verdana;
 font-weight:bold;
 width:100%;
 padding: 15px 0px 0px 10px;
}
#containerStartPageNewslist{
 padding: 10px 0px 0px 0px;
 float:left;
 width: 575px
}






#containerStartPageMainLower {
  padding: 0px;
  margin: 0px;      
  width: 966px;  
  height:auto;
}

#startPageArticleBody{
 padding: 10px 0px 0px 0px;
}
*----end startpage----*



#articleHeader {  
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  margin: 0px 0px 0px 0px ;
  padding-top: 10px;  
}


#articleH1Object { 
 float:left;
 font-size:0.8em;
 margin: 16px 0px 0px 0px ;
}
#articleButtons {  
  width:150px;
  text-align:right;
  padding:  7px 0px 5px 0px ;  
  margin: 14px 0px 0px 0px ;  
  float: right;
  font-size:0.8em;
}
#articleButtons IMG {
  margin: 0px 5px 0px 5px;
  border:0px;
}
#containerArticle{
  padding: 0px;  
  margin: 0px;  
  height:auto;
}
#articlePicture{
  float:right;
  margin: 0px 0px 3px 3px;
}
#articleIngress {
  padding: 0px 0px 20px 0px;  
	font-weight: normal;
  FONT-SIZE: 1.1em;
  COLOR: #666666;
	line-height: 1.3em;
  FONT-FAMILY: Verdana, geneva, arial, charcoal, helvetica, sans-serif;
}
#articleBody {  
  font-weight: normal;
  FONT-SIZE: 1.0em;
  COLOR: #000000;
	line-height: 1.1em;
  FONT-FAMILY: Verdana, geneva, arial, charcoal, helvetica, sans-serif;   
}
         
#containerArticleList{
  
  width: 540px;
  padding: 0px;  
  margin: 0px;  
}
     
#containerArticleList DIV.containerListArticleItem{        
  margin: 0px;
  width: 540px;    
}  

div.listArticleText{
  float:left;
  padding: 20px 0px 10px 15px;    
  width: 350px;
}
div.listArticleImage{
  float:right;  
  /*width: 155px;*/
  margin: 3px 0px 3px 0px;  
  vertical-align:middle;
  padding:auto;
  height:auto;
}
div.listArticleImage img{  
  border: 0px;     
  /*width: 155px; */
  /*height: 95px;*/
}
/*
#containerArticleList DIV.articleDivider {
  clear: both;
  padding: 0px;    
  margin: 0px;  
  background-position: 0px 0px;
  background-image: url(/rammeverk/images/articleListSeparator.gif);  
  background-repeat: no-repeat;  
  height:1px;
  width:540px;
}*/

span.listHeading{
  font-size:1.1em;
  font-weight:bold;
}
span.listImage{
  float:right;
  margin: 3px 0px 3px 0px;
}

#containerArticleList DIV.newsListBulletItem{  
  padding: 10px 0px 0px 20px;
  float:left;
  margin: 0px;
  background-position: 5px 15px;
  background-repeat: no-repeat;
  background-image: url(/rammeverk/images/bulletonwhite.gif);
}


#containerBottom {
  clear:both;
  padding: 0px;
  margin: 0px;
  width: 966px;
  height: 21px;
  background-color: #CCCCCC;
}
#bottomLeft {
  padding-right: 0px;
  padding-left: 15px;
  padding-bottom: 0px;
  margin: 0px;
  padding-top: 3px;
  height: auto;
  float:left;
}
#bottomRight {
  padding-right: 15px;
  padding-left: 0px;
  padding-bottom: 0px;
  margin: 0px;
  padding-top: 3px;
  height: auto;
  float:right;
}



/*

/*
*******************************************
** Contact Us
*******************************************
*/

#ContactForm
{
  margin-bottom: 10px;
}

#ContactForm h2
{
  background-color: #D9D0C6;
  border: 1px #8C7B6B solid;
  border-left: 0px;
  border-right: 0px;
  padding: 5px 0px 5px 10px;
  margin-bottom: 7px;
}

#ContactForm table
{
  font-size: 100%;
}

#ContactForm td
{
  padding: 2px 0px 2px 0px;
}

#ContactForm th
{
  font-weight: bold;
  text-align: left;
  padding-left: 5px;
  width: 100px;
}

#ContactForm input.text
{
  width: 200px;
}
P.cbxContactOK
{
  width: 350px;
}

#ContactForm select
{
  width: 200px;
}

#ContactForm input.Subject
{
  width: 350px;
}

#ContactForm textarea.Message
{
  width: 350px;
  height: 70px;
}

#ContactForm input.Submit
{
  width: auto;
  padding: 0px 5px 0px 5px;
}

#ContactAdress h2
{
  background-color: #D9D0C6;
  border: 1px #8C7B6B solid;
  border-left: 0px;
  border-right: 0px;
  padding: 5px 0px 5px 10px;
  margin-bottom: 7px;
}


#ContactAdress div.Adress
{
  padding-left: 6px;
  line-height: 18px;
}

#ContactAdress div.Adress span.Name
{
  font-weight: bold;
}


#ValidationError
{
  border: 1px red solid;
  line-height: 16px;
  padding: 5px 5px 5px 5px;
  margin: 0px 9px 2px 0px;
}


/*********************************************************/
/***************     Form     ***************************/ 
/********************************************************/ 

#containerBoxTop{  
  padding: 5px 15px 5px 15px;                                        
  margin: 15px 0px 0px 0px ;
  height:auto;
  background-color: #F6F8F5;
  width: 100%;
  border: 1px solid #E3E5E2;  
}


/*********************************************************/
/***************     End form     ************************/ 
/*********************************************************/ 

/*Forside nyhetsutlisting*/
#ContainerNews {
    /*height: 53px;*/
    width: 550px;
    border: solid 0px red; 
    /*background-image:url(/rammeverk/bygg/images/systemselector.jpg);
    background-repeat: none;*/
}

#NewsHeaderLeft {          /* oppgir farge på "NYHETER" */
    color: #939498;
    margin-right: 10px;
    float: left;
    border: solid 0px green;
}

#NewsHeaderRight {         /* lager øverste dotted border   */
    float: left;
    height: 0px;
    width: 484px;
    background-image:url(/rammeverk/images/ruler.gif);
    border: solid 0px black;
}

#NewsItemForside {           /* halv lengde for å gi plass til 2 nyhetsitems  */
    margin-top: 5px;
    width: 250px;
    float: left;
}
  
#NewsItem {                 /* én nyhet over full lengde på midtdelen av siden   */
    margin-top: 5px;
    width: 100%;
    float: left;           
}


#NewsHeaderLeft H2 {
    font-style: bold; 
    font-size: 0.9em;
    color: #6B6567;      
}

#NewsItemIngress {
    color: #97A6BB;
}

#NewsItemIngressUtenMarg {   /* må endres til å passe med NewsItemIngress */  
    color: #97A6BB;
    float: left;
    margin-left: 0px;
}

#NewsItemTitle H3 {
    margin:0px;
    padding:0px;  
    font-style: normal;
    font-size: 100%;
}
/*--------------------*/

