/* --------------------

designet av Anne Siri Moe
kodet av Birgit Fostervold

Dale+Bang // www.dale-bang.no

------------------  */

* {
margin: 0;
padding: 0;
}
html {
min-height: 100.3%;
height: 100%;
}
body {
height: 100%;
font: 14px/1.4 Arial, sans-serif;
color: #333;
background: url(images/bg_topp.jpg) repeat-x top left;
text-align: center;
z-index: 1;
}
#wrap {
position: relative;
margin: 0 auto -95px;	
width: 100%;
min-height: 100%;
height: auto !important;
height: 100%;
text-align: left;
z-index: 2;
}

/* generelt tekst og bilder */

img {
border: 0;
}
img.flytright {
float: right;
margin-left: 20px;
}
img.flytleft {
float: left;
margin-right: 20px;
}

a {
color: #333;
text-decoration: underline;
}
a:hover {
color: #000;
text-decoration: none;
}
a.linkut {
}
.bigTarget a {
text-decoration: none;
}
.over {
cursor: pointer;
}
h1, h2, h3 {
line-height: 1.3;
font-family: Arial, Helvetica, sans-serif;
}
h1 {
margin: 0;
font-weight: lighter;
font-size: 24px;
}
h2 {
margin: 10px 0 0;
font-weight: lighter;
font-size: 20px;
text-transform: uppercase;
}
h3 {
margin: 10px 0 0;
font-weight: bold;
font-size: 14px;
}
p {
margin: 0 0 13px;
}
.hr {
height: 10px;
border-top: 1px solid #e8e8e8;
}
.hr hr {
display: none;
}

/* toppen av siden */

#banner {
margin: 0 auto;
padding-top: 2px;
width: 980px;
height: 165px;
z-index: 3;
}
img.logo {
float: left;
padding: 14px 7px 0;
}
#banner ul {
float: right;
list-style-type: none;
}
#banner li {
display: inline;
}
#banner input {
padding: 2px;
font: 13px/1.4 Arial, sans-serif;
color: #333;
vertical-align: middle;
}
#banner input.knapp {
margin: 0 0 0 2px;
padding: 0;
vertical-align: middle;
}

/* toppmeny */

#meny {
position: absolute;
width: 980px;
top: 116px;
left: 50%;
margin-left: -590px;
text-align: right;
}
#meny ul {
position: absolute;
right: -84px;
list-style-type: none;
padding-left: 0;
}
#meny li {
display: inline;
line-height: 1.2;
}
#meny a {
display: block;
float: left;
padding-top: 16px;
height: 35px;
text-align: center;
}
#meny a:hover, #meny .her a {
background-position: 0 -51px;
}
li#home a {
width: 110px;
background: url(images/tab_1.gif) no-repeat top left;
}
li#prosj a {
width: 113px;
background: url(images/tab_2.gif) no-repeat top left;
}
li#faq a {
width: 113px;
background: url(images/tab_3.gif) no-repeat top left;
}
li#prod a {
width: 113px;
background: url(images/tab_4.gif) no-repeat top left;
}
li#bredb a {
width: 113px;
background: url(images/tab_5.gif) no-repeat top left;
}
li#kontakt a {
width: 110px;
background: url(images/tab_6.gif) no-repeat top left;
}
#meny a span {
display: none;
}


/* hovedseksjon */

#innhold  {
clear: both;
padding-bottom: 26px;
width: 100%;
background: url(images/bg.jpg) repeat-x top left;
z-index: 5;
}
#indre {
margin: 0 auto;
width: 980px;
z-index: 5;
}

/* forside */

#venstre {
float: left;
padding-top: 30px;
padding-bottom: 24px;
width: 372px;
}
.tekst {
margin-top: 20px;
padding: 12px 0 30px 8px;
background: url(images/icon_link.gif) no-repeat bottom right;
border-top: 1px solid #e8e8e8;
}
.tekst.topp {
margin-top: 0;
border-top: none;
}
.tekst.blank {
background: none;
text-align: right;
}
p.dato {
margin: 0;
color: #999;
}

#hoyre {
float: right;
padding-top: 2px;
width: 586px;
}
#hove {
float: left;
padding: 18px 25px 10px;
width: 242px;
height: 350px;
background: url(images/boks_ve_bilde.jpg) no-repeat top left;
}
#hoho {
float: right;
padding: 18px 25px 10px;
width: 244px;
height: 350px;
background: url(images/boks_ho.jpg) no-repeat top left;
}
#hoho p {
margin-bottom: 26px;
}
form#kommvalg select {
display: block;
margin: 10px auto;
width: 60%;
font: 13px/1.4 Arial, sans-serif;
color: #333;
}
#hoyre h2 {
margin: 0;
padding: 0;
display: block;
font: 18px/1.1 "Trebuchet MS", sans-serif;
color: #333;
}
h2#prosjhead {
width: 104px;
height: 21px;
background: url(images/head_prosjektet.gif) no-repeat top left;
}
h2#statushead {
width: 190px;
height: 21px;
background: url(images/head_status.gif) no-repeat top left;
}
h2#kommhead {
width: 169px;
height: 21px;
background: url(images/head_finnkomm.gif) no-repeat top left;
}
#hoyre h2 span {
display: none;
}

/* undersider */

#main {
float: right;
width: 680px;
}
#main h1 {
padding-top: 40px;
padding-bottom: 15px;
font-size: 30px;
}
#main h2 {
margin: 10px 0 0;
font-size: 18px;
text-transform: none;
}
#main p {
margin: 0 0 14px;
}
#main dl {
margin: 0 0 20px;
}
dt {
font-weight: bold;
}
#main ul {
margin: 0 22px 20px;
}
.fiber, .dsl, .sat, .radio, .iptlf, .tv, .kontakt {
padding: 1px 350px 10px 0;
min-height: 450px;
height: auto !important;
height: 450px;
}
.fiber, .kontakt {
background: url(images/illus3.jpg) no-repeat top right;
}
.dsl {
background: url(images/illus1.jpg) no-repeat top right;
}
.sat {
background: url(images/illus6.jpg) no-repeat top right;
}
.radio {
background: url(images/illus4.jpg) no-repeat top right;
}
.iptlf {
background: url(images/illus2.jpg) no-repeat top right;
}
.tv {
background: url(images/illus5.jpg) no-repeat top right;
}
td {
padding: 2px;
}
td.alt {
background: #F9F9F9;
}
td.line {
border-right: 1px solid #EFEFEF;
}
a.hoalign {
display: block;
text-align: right;
}

#sidemeny {
margin-top: 10px;
float: left;
width: 251px;
background: url(images/bg_sidemeny2.gif) no-repeat bottom left;
}
#sidemeny ul {
list-style-type:none;
margin: 0;
padding: 13px 13px 52px;
width: 225px;
background: url(images/bg_sidemeny1.gif) no-repeat top left;
}
#sidemeny a {
display: block;
padding: 4px 21px;
font-size: 15px;
line-height: 1.6;
border-bottom: 1px solid #e2e2e2;
text-decoration: none;
}
#sidemeny a.aktiv, #sidemeny a:hover {
background: url(images/bg_sidemeny_a.gif) repeat-x bottom left;
}
#sidemeny a {
text-decoration: none;
}

/* bunn av siden */

#push, #fot {
clear: both;
margin: 0 auto;
width: 100%;
height: 95px;
}
#push {
clear: both;
}
#fot {
background: url(images/bg_fot.jpg) repeat-x top left;
text-align: left;
}
#fot img {
vertical-align: top;
}
.indrefot {
position: relative;
margin: 0 auto;
padding-top: 6px;
width: 980px;
z-index: 200;
}
.tdc {
float: left;
padding-top: 4px;
}
#fot ul {
float: right;
list-style-type: none;
}
#fot li {
display: inline;
padding: 0 18px;
}


.skjult {
position: absolute;
left: -2000px;
width: 900px;
}
img.illust {
display: block;
margin: 40px auto 60px;
}
.tabell { 
margin: 0 0 14px;
border-collapse: collapse; 
}
.tabell th, .tabell td { 
padding: 0.5em; 
vertical-align: top;
text-align: center;
border: 1px solid #efefef;
}
.tabell caption {
caption-side: bottom;
padding: 0 0 18px;
font-style: italic;
font-size: 12px;
text-align: left;
}