/* CARROT WEB LAYOUT & DESIGN */

* {
margin: 0;
padding: 0;
}

body { 
font-size: 0.75em;
line-height: 1.5;
color: #333; 
font-family: "Lucida Grande", Arial, Verdana, sans-serif;
background: url(../images/bg.gif) repeat-x;
background-color: #dbd5ce;
}



body#usermessage { 
background: url(../images/bg.gif) repeat-x top:-50px;
}

.ui-tabs .ui-tabs-hide {
     display: none;
}

img {
border: 0;
}

fieldset {
border: 0;
}


#login{
width: 960px;
height: 34px;
line-height: 33px;
margin: 0 auto;
text-align: right;
}

#login input.loginsubmit{
color: #CCC;
background: url(../images/logout.png);
padding: 4px 6px 5px 20px;
border: 0;
width: 93px;
height: 23px;
cursor: pointer;
text-shadow: rgba(0, 0, 0, 1) 0px -1px 0;
margin-left: 10px;

}

#login input.username {
height: 19px;
width: 120px;
color: #666;
padding-left: 20px;
background: url(../images/user.gif) 5px 3px no-repeat #FFF;
margin: 0 10px;
}

#login input.password {
height: 19px;
width: 120px;
color: #666;
padding-left: 20px;
background: url(../images/pass.gif) 3px 6px no-repeat #FFF;
margin-left: 10px;

}

#login em {
font-size: 1.2em;
}

#top {
width: 970px;
height: 59px;
margin: 30px auto;
background: url(../images/top_bg.png) no-repeat;
}

#top img {
margin: 9px 20px;
float: left;
}

#menu {
float: right;
background: url(../images/top_bg.gif) no-repeat transparent;
padding-left: 59px;
padding-right: 20px;
line-height: 39px;
padding-top: 10px;
padding-bottom: 10px;
}

#menu ul {
margin: 0;
float: left;
list-style-type: none;
}

#menu li {
float: left;
border-right: 1px solid #444;;
}

#menu a {
color: #FFF;
text-decoration: none;
display: block;
padding: 0 10px;
font-family: TelenorFont, "Lucida Grande", Arial, Verdana, sans-serif
text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
}

#menu a:hover,
#menu li.active a {
color: #F90;
}

#searchform {
float: right;
}

#searchform input.searchsubmit{
margin: 0 0 0 10px;
color: #CCC;
background: transparent;
border: 0;
cursor: pointer;
text-shadow: rgba(0, 0, 0, 1) 0px -1px 0;
}

#searchform input.searchtext {
width: 100px;
height: 19px;
color: #666;
padding-left: 20px;
margin-left: 10px;
background: url(../images/search.gif) 5px 3px no-repeat #FFF;
border: 0;
}


#top h1 {
position: absolute;
right: 20px;
top: 10px;
margin: 0;
color: #CCC;
font-size: 1.5em;
}

#wrapper{
width: 960px;
margin: 0 auto;
background-color: #f5f3f2;
border: 1px solid #CCC;
background: url(../images/wrap_bg.gif) repeat-x #f5f3f2;
}


#actionarea{
width: 960px;
margin: 0 auto;
margin-bottom: 20px;
font-size: 1.4em;
font-family: TelenorFont, "Lucida Grande", Arial, Verdana, sans-serif;
text-shadow: rgba(0, 0, 0, 1) 0px -1px 0;
}

#actionarea a.button1{
width: 459px;
height: 120px;
float: left;
margin-right: 1px;
background: url(../images/it-telefoni.png) no-repeat;
text-decoration: none;
}

#actionarea a.button2{
width: 499px;
height: 120px;
background: url(../images/mobiltelefoni.png) no-repeat;
float: left;
text-decoration: none;
}

#actionarea a span {
margin-left: 150px;
margin-top: 50px;
display: block;
}

#actionarea a b {
text-decoration: none;
font-weight: normal;
color: #F5AC25;
}

#actionarea a i {
color: #FFF;
font-size: 0.9em;
font-style: normal;
}


#losningmenu{
width: 960px;
margin: 0 auto;
margin-bottom: 30px;
background: url(../images/losningmenu_bg.gif) no-repeat;
font-family: TelenorFont, "Lucida Grande", Arial, Verdana, sans-serif;
text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
font-size: 1.2em;
}


#losningmenu ul {
	float: right;
}

#losningmenu ul li {
	display: block;
	float: left;
	list-style-type: none;
}

#losningmenu ul li a{
   display:block;
   height:52px; width:234px;
   background: url(../images/losningmenu_bg.png) no-repeat 0 0;
   overflow: hidden;
   padding-left: 120px;
   color: #F5AC25;
   text-decoration: none;
   padding-top: 60px;
   }
   
#losningmenu a i {
color: #FFF;
font-size: 1em;
font-style: normal;
text-decoration: none;
}

   
#losningmenu ul li#tilpasset a {
   width:252px;
   background-position: -354px 0;
   padding-left: 0;
   text-align: center;
   }

#losningmenu ul li#sms a {
   background-position: -606px 0;
   text-align: right;
   padding-right: 100px;
   padding-left: 0;
   width: 254px;
   }
  
#losningmenu ul li a:hover{
   background-position: 0 -111px;
   color: #FFF;
   }

#losningmenu ul li#tilpasset a:hover {
   background-position: -354px -333px;
   }

#losningmenu ul li#sms a:hover {
   background-position: -606px -222px;
   }



#clientlogomenu{
width: 960px;
margin: 0 auto;
margin-bottom: 30px;
background: url(../images/clientlogomenu_bg-ie6.gif) no-repeat;
font-family: TelenorFont, "Lucida Grande", Arial, Verdana, sans-serif;
text-shadow: rgba(0, 0, 0, 1) 0px -1px 0;
}

#clientlogomenu h3{
text-decoration: none;
font-weight: normal;
font-size: 1.3em;
margin: 12px 0 0 20px;
float: left;
color: #F5AC25;
width: 200px;
}

#clientlogomenu ul {
	float: right;
}

#clientlogomenu ul li {
	display: block;
	float: left;
	list-style-type: none;
}

#clientlogomenu ul li a,
#clientlogomenu ul li#Chess a {
   display:block;
   height:70px; width:153px;
   background: url(../images/clientlogomenu-ie6.gif) no-repeat 0 0;
   text-indent:-9000px;
   overflow: hidden;
   }
   
#clientlogomenu ul li#Falck a {
   width:166px;
   background-position: -153px 0;
   }

#clientlogomenu ul li#Easypark a {
   width:166px;
   background-position: -318px 0;
   }
   
#clientlogomenu ul li#Teller a {
   width:178px;
   background-position: -484px 0;
   }
   
#clientlogomenu ul li a:hover,
#clientlogomenu ul li#Chess a:hover{
   background-position: 0 -70px;
   }

#clientlogomenu ul li#Falck a:hover {
   width:166px;
   background-position: -153px -70px;
   }

#clientlogomenu ul li#Easypark a:hover {
   width:166px;
   background-position: -318px -70px;
   }
   
#clientlogomenu ul li#Teller a:hover {
   width:178px;
   background-position: -484px -70px;
   }
   
   
#clientlogomenu ul li a.selected,
#clientlogomenu ul li#Chess a.selected{
   background-position: 0 -70px;
   }

#clientlogomenu ul li#Falck a.selected {
   width:165px;
   background-position: -153px -70px;
   }

#clientlogomenu ul li#Easypark a.selected {
   width:166px;
   background-position: -317px -70px;
   }
   
#clientlogomenu ul li#Teller a.selected {
   width:178px;
   background-position: -483px -70px;
   }
   
 

#focusarea{
width: 960px;
margin: 0 auto;
}

/*
#focusarea{
width: 960px;
margin: 0 auto;
background: url(../images/area2_bg.gif) repeat-x #FFF;
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
border-left: 1px solid #CCC;
}
*/

body#frontpage div#focusarea{
background: url(../images/focusarea_bokser-s-orange.gif) no-repeat bottom right;
border: 0;
width: 960px;
height: 340px;
}

body#usermessage div#focusarea{
margin-top: 40px;
}


.focusleft{
width: 320px;
padding: 0 0 20px 15px;
text-align: left;
}

.focusright{
float: right;
}

.focusright img {
margin-top: 0;
margin-right: 0;
margin-bottom: 20px;
}

body#losninger .focusleft{
float: left;
width: 520px;
text-align: left;
}

body#losninger .focusright{
width: 400px;
text-align: right;
}

body#about .focusleft,
body#contact .focusleft{
float: left;
width: 479px;
text-align: left;
}

body#about .focusright
body#contact .focusright {
width: 421px;
text-align: right;
}

body#about #gallery {
width: 421px;
height: 317px;
overflow: hidden;
margin-top: -10px;
margin-right: -20px;
}

#tabs {
width: 960px;
margin: 0 auto;
}

ul.focusmenu {
list-style-type: none;
margin-left: 10px;
margin-bottom: -1px;
}

ul.focusmenu li{
display: inline-block;
margin-right: 10px;
}

ul.focusmenu li a {
display: block;
padding: 5px 10px;
color: #555;
}

ul.focusmenu li.ui-tabs-selected a{
background: url(../images/focusmenu_tab_bg.gif) repeat-x bottom #FFF;
color: #F58025;
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
border-left: 1px solid #CCC;
border-bottom: 1px solid #f1f1f2;
text-decoration: none;
}

#focusarea p {
color: #555;
}

#focusarea ul {

}

#focusarea li {
display: inline;
margin: 0 20px;
}


#area1{
width: 220px;
padding: 30px 20px 20px 20px;
float: left;
}

body#about #area2,
body#contact #area2,
body#losninger #area2{
width: 660px;
float: left;
border-left: none;
}

body#about .partner img{
margin-right: 100px;
}

#area2{
width: 398px;
min-height: 400px;
background-color: #FFF;
padding: 30px 20px 50px 20px;
float: left;
background: url(../images/area2_bg.gif) repeat-x #FFF;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
}

#area4{
width: 920px;
min-height: 400px;
background-color: #FFF;
padding: 30px 20px 50px 20px;
background: url(../images/area2_bg.gif) repeat-x #FFF;
}

#area3{
width: 220px;
padding: 30px 20px 0 20px;
float: right;
}

body#about #area3,
body#contact #area3,
body#losninger #area3{
width: 218px;
padding: 30px 20px 0 20px;
float: right;
}


#bigtable{
margin: 0 10px;
background-color: #FFF;
padding: 20px;
background: url(../images/area2_bg.gif) repeat-x #f3f0ed;
border-left: 1px solid #CCC;
}

.lastnextnav {
width: 645px;
margin: 0 auto;
text-align: center;
}

.lastnextnav a {
margin-right: 20px;

}

ul.muligheter{
list-style-type: none;
margin: 0;
padding: 0;
}

ul.muligheter li {
margin: 0 0 1.5em 0;
padding-left: 40px;
background: url(../images/muligheter-v.png) no-repeat;
display: block;
min-height:30px;
height:auto !important;
height:30px;
}

/* CARROT WEB ELEMENTS */

a.produktark {
display: block;
height: 143px;
font-size: 1.2em;
line-height: 143px;
padding-left: 150px;
background: url(../images/adobe_pdf_icon.png) no-repeat;
}

a.pdf-kundecase {
display: block;
height: 59px;
font-size: 1em;
line-height: 60px;
padding-left: 70px;
background: url(../images/adobe_pdf_icon-s.png) no-repeat;
}

a.button {
width: 227px;
height: 49px;
color: #FFF;
background: url(../images/button.png) no-repeat;
display: inline-block;
line-height: 49px;
text-align: center;
text-decoration: none;
margin-bottom: 1.5em;
text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0;
cursor: pointer;
}

a.smallbutton {
width: 99px;
height: 45px;
color: #FFF;
background: url(../images/smallbutton.png) no-repeat;
display: inline-block;
line-height: 45px;
text-align: center;
padding: 0px 0 3px 0px;
text-decoration: none;
margin-bottom: 1.5em;
text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0;
cursor: pointer;
}


a.button img {padding-right: 10px;}


.button-last {
width: 70px;
height: 46px;
color: #FFF;
background: url(../images/last.png) no-repeat;
display: inline-block;
line-height: 46px;
text-align: left;
padding-left: 35px;
text-decoration: none;
margin-bottom: 1.5em;
text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0;
cursor: pointer;

}

.button-next {
width: 75px;
height: 46px;
color: #FFF;
background: url(../images/next.png) no-repeat;
display: inline-block;
line-height: 46px;
text-align: left;
padding-left: 30px;
text-decoration: none;
margin-bottom: 1.5em;
text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0;
cursor: pointer;

}

div.hr {
width: 100%;
height: 1px;
background: #CCC;
margin-bottom: 1.5em;
}

hr {
display: none;
}

table {
margin: 0;
padding: 0;
width:100%;
border: 1px solid #CCC;
background-color: #FFF;
margin-bottom: 1.5em;
}

th, td {
padding: 5px 2px 5px 10px;
height: 20px;
text-align: left;
}

th.right, td.right {
text-align: right;
}


th {
color: #FFF;
background: url(../images/th_bg.gif) repeat-x #4a4a4a;
text-shadow: rgba(0, 0, 0, 0.9) 0px -1px 0;
font-weight: bold;
}

tr.odd { }

tr.even { background-color: #f3f0ed; }

tr.odd td { border-right: 1px solid #ebf2f2;}

tr.even td { border-right: 1px solid #e1e8e8;}

tr.unavailable { color: gray; }

tr.total { font-weight: bold;}

#footer {
width: 100%;
margin: 0;
background: url(../images/footer.gif) repeat-x #6c6f71;
height: 330px;
}

#footercontent {
width: 960px;
margin: 0 auto;
position: relative;
color: #ccc;
}

#footermenu {
position: absolute;
top:-1px;
left: 261px;
font-family: TelenorFont, "Lucida Grande", Arial, Verdana, sans-serif;
}

#footermenu li {
display: inline;
}

#footermenu li a {
color: #ccc;
display: inline-block;
padding: 20px 12px 5px 12px;

}

#footermenu li.active a {
color: #f90;
background: #fff;
text-decoration: none;
}

#footer h1 {
font-size: 1.4em;
color: #ccc;
padding-top: 16px;
margin-bottom: 30px;
}

#footercontent p {
float: left;
margin-right: 40px;
}

/* CARROT FORM ELEMENTS */

label {
font-weight: bold;
font-size: 1em;
padding: 3px;
color: #555;
}

input.text{
background: #FFF;
color: #222;
padding: 3px;
border: 1px solid #CCC;
font-size: 1.3em;
margin-bottom: 0.3em;
}

textarea.textarea{
background: #333;
color: #FFF;
padding: 3px;
border: 1px solid #CCC;
font-size: 1.2em;
font-family: "Lucida Grande", Arial, Verdana, sans-serif;
}

input.error,
select.error,
textfield.error{
background: url(../images/icon_warning.png) no-repeat 3px 3px red;
text-indent: 20px;
}

select.select {
background: #333;
color: #FFF;
padding: 3px;
border: 1px solid #CCC;
font-size: 1.2em;
}

input.submitsearch {
width: 85px;
height: 45px;
color: #FFF;
background: url(../images/search.png) no-repeat;
display: inline-block;
line-height: 45px;
text-align: left;
padding: 0px 0 3px 28px;
text-decoration: none;
margin-bottom: 1.5em;
text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0;
border: 0;
font-weight: bold;
cursor: pointer;
}

input.submit {
width: 99px;
height: 45px;
color: #FFF;
background: url(../images/smallbutton.png) no-repeat;
display: inline-block;
line-height: 45px;
text-align: center;
padding: 0px 0 3px 0px;
text-decoration: none;
margin-bottom: 1.5em;
text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0;
border: 0;
font-weight: bold;
cursor: pointer;
}


/* CARROT WEB TYPOGRAPHY */

p           { margin: 0 0 1.5em 0; }

b.ingress {
font-weight: normal; font-family: TelenorFont, "Lucida Grande", Arial, Verdana, sans-serif;
font-size: 1.4em;
line-height: 1.5em;
margin-bottom: 0.5em;
color: #555;
display: block;
margin-right: 100px;
}

#focusarea b.ingress {
font-size: 1.2em;
margin-right: 0;
}

a:focus, 
a:hover     { text-decoration: none; }
a           { text-decoration: underline; color: #F58025; font-weight: bold; }


blockquote  { margin: 0; font-style: italic; font-size: 2em; color: #A1988F; }
blockquote i  { display: block; margin: 1em 0; font-style: italic; font-size: 0.7em; color: #A1988F; }

strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 


body#frontpage #focusarea h1 {
margin: 30px 0 0 20px;
color: #555;
font-size: 2.5em;
font-family: TelenorFont, "Lucida Grande", Arial, Verdana, sans-serif;
text-shadow: rgba(255, 255, 255, 1) 0px 1px 0;

}

#focusarea h2 {
font-size: 2.5em;
}

h1,h2,h3,h4,h5,h6 { font-weight: normal; font-family: TelenorFont, "Lucida Grande", Arial, Verdana, sans-serif }

h1 { font-size: 2.2em; line-height: 1.5em; margin-bottom: 0.5em; color: #F58025;  }
h2 { font-size: 1.6em; line-height: 1.5em; margin-bottom: 0.5em; color: #555; }
h3 { font-size: 1.4em; line-height: 1.5em; margin-bottom: 0.5em; color: #A1988F; }
h4 { font-size: 0.1em; line-height: 1em; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 0.9em; font-weight: bold; }

input {
font-size: 1em;
}


/* CARROT PCI WEB TOOLS */

.clear {
clear: both;
}

/* This needs to be first because FF3 is now supporting this */
.clearfix {display: inline-block;}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */