/* CSS av Harald Sturla Josdal, (C) 2002 - 2008, Subsys ANS */

/* Nullstill alle nettlesere */
* {margin:0;padding:0;}
fieldset,img{border:0;}
ul, ol {list-style:none;}
caption,th {text-align:left;}

/* Generelle regler */
body{  background-color: #FFF; border-top: 7px solid #693; color: #333; font: 11px/1.3 "Lucida Grande", Verdana, Helvetica, sans-serif; text-align:center;  }
p { padding: 0 0 12px 0; }
p.like { padding: 7px;}
div.like { padding: 5px 5px 0 5px;}
p.ingress { padding: 0 0 20px 0; font-size: 14px; color: #000;}
p.terminal { padding: 8px 12px 8px 15px; margin: 3px 0 15px 0; border-left: 10px solid #333; color: #FFF; background-color: #000; font-family: monospace; font-size: 13px;}
a { color: #C60; text-decoration: none; }
a.viktig { text-decoration: underline;}
a strong{  color: #D37F00; text-decoration: none; }
a:hover{  color: #666; }
h3 { padding: 0 0 16px 0; font-size: 14px; font-weight: normal; }
h4 { font-size: 13px; padding: 0 0 14px 0; font-weight: normal; }
h5 { padding: 0 0 14px 0; font-size: 12px; font-weight: normal; }
h2 { font-size: 18px; font-weight: normal; color: #709A33; padding: 0 0 16px 0; display: block;}
h1 { font-size: 26px; font-weight: normal; color: #333; padding: 0 0 16px 0;}
strong { color: #64892D; font-weight: normal; }
sup {color: #64892D;}
em {font-weight: bold; font-style: normal;}
td { font: 11px/1.3 "Lucida Grande", Verdana, Helvetica, sans-serif;  }
hr { height: 1px; border:0; border-top: 1px solid #ddd; margin: 5px 0;}
fieldset { border: 1px solid #ddd; padding: 0 15px 15px 15px; margin: 0 0 12px 0;}
legend { color: #000; font-size: 14px; padding: 10px 10px; }
pre { padding: 8px 12px; background-color: #F5F5F5; border-left: 10px solid #DDD;  margin-bottom: 14px; font-size: 12px; line-height: 14px;}

/* Skjema */
form { margin: 0px auto; }
form p { padding: 7px 0 7px 6px;}
input { padding: 3px; border: 1px solid #BBB; font-size: 12px; font-weight: bold; background-color: #FFF; }
textarea { padding: 3px; border: 1px solid #BBB; font-size: 12px; }
select  { border: 1px solid #BBB; padding: 2px; font-weight: bold; }
.checkbox { border: none;}
input.submit { background-color: #8EAF0D;  border: none; color: #FFF; padding: 3px 5px; margin: 0 3px; font-size: 12px; }
button { background-color: #8EAF0D;  border: 1px solid #698208; color: #FFF; padding: 3px 5px; margin: 0 3px; font-size: 12px; }
.radio {border: 0; margin: 0 3px -3px 0; background: transparent; }
label { width: 150px; height: 20px; float: left;}
.bredlabel { width: 550px; height: 20px; margin: 0 5px 0 0; float: none;}

/* Layout */
.kolonne1 { width: 529px; float: left; padding-right: 15px; margin: 0 0 10px 0; border-right: 1px solid #A8CE6F; }
.kolonne2 { width: 210px; float: left; padding-left: 15px; clear: right;}
.kolonne3 { width: 350px; float: left; padding-right: 15px; margin: 0; }
.kolonne4 { width: 148px; float: left; padding-left: 15px; margin: 0 0 10px 0; clear: right;}
.kolonne5 { width: 370px; float: left; padding-right: 15px; margin: 0 15px 0 0;  }
.kolonne6 { width: 340px; float: left; padding-left: 25px; }
.kolonne7 { width: 238px; float: left; padding-right: 25px; }
.domenesok{ width: 360px; margin: 8px 0 0 20px; float: left; }
.domenesok h3 { padding: 0 0 5px 0;}
.domenesok p { margin: 6px 0 0 0; }
.sokeresultat { width: 360px; margin: 35px 0 45px 10px; float: left;}
.domenesokresultat { margin: 15px 0 25px 10px; }
.sistedriftsmelding { width: 650px; margin: 35px 0 45px 10px; float: left;}
#wrapper { width:770px; margin:0 auto; text-align:left; padding: 0 10px;  }
.bolk { background: transparent url(images/hl.png) 50% bottom no-repeat; padding: 10px 0 16px 0; }
.bolk span { color:  #749F35; }
.bolk ul { float: left; padding: 5px 0; }

/* easyclearing - positioniseveryhing.net */
.clearfix:after { content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden; }
.clearfix {display: inline-block;}

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

#tjenester ul {float: none;}

#webCommon { margin-right: 15px; float:  left; width:  181px; }
#webCommon li { font-size: 11px; background: transparent url(images/pluss.gif) 0 50% no-repeat; padding: 3px 16px; margin-right: 10px; color: #333; }

.webhotell { width: 178px; float: left; padding: 0 0 12px 12px; }
.webhotell ul { width: 178px; margin-bottom: 5px; float: left; }
.webhotell h2 { padding: 7px 0; color: #333; font-size: 16px;}
.webhotell span.pris { width: 90px; height:  45px; float: left; font-size: 38px; }
.webhotell a { padding: 4px 20px 6px 22px; float:left; background: transparent url(images/point.png) 0 50% no-repeat; }
.webhotell a.info { padding: 4px 20px 6px 22px; float: left; background: transparent url(images/info.gif) 0 50% no-repeat; }

#webdevContainer { width: 364px; padding-right: 15px; height: 350px; border-right: 1px solid #A8CE6F; float: left; }
#webutvikler { padding: 12px 5px 20px 5px; background: transparent url(images/ps.png) 50% bottom no-repeat;  }
#rails, #django, #subversion { clear:both; margin-bottom: 10px; padding: 20px 5px; background: transparent url(images/ps.png) 50% bottom no-repeat; }
#django { background: none;}
#rails img, #subversion img, #django img { padding: 0 15px 0 0; float: left;}
#rails h2 { padding: 12px 0 8px 0; }
#django h2 { padding: 5px 0 8px 0; }
#subversion h2 { padding: 0 0 8px 0; }

#tjenester { width: 175px; padding: 0 12px; border-right: 1px solid #A8CE6F; float: left; height: 350px; }
#tjenester li { font-size: 11px; background: transparent url(images/pluss.gif) 0 50% no-repeat; padding: 1px 15px; color: #555; }
#nyheter { width: 176px; padding: 8px 0 8px 14px; float: left; }
#nyheter span { padding: 0 0 2px 0; margin:0; color: #999; display:block}
#nyheter p { padding-bottom: 15px;}
.priser { background-color: #F1F1F1;}
.priser td { padding: 4px; font-size: 11px;}
.priser th { padding: 8px 4px; font-size: 12px;} 
.priser a.bestill { float: left; margin-left: 30px;}
.priser h2 { padding: 0; }
.t1 { background-color: #8EAF0D; color: #333; line-height: 18px;  }
.t2 { background-color: #FFF; text-align: center; line-height: 18px; border-left: 1px solid #E5E5E5;}
.t3 { background-color: #F1F1F1; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; text-align: center; line-height: 18px;}
.t4 { background-color: #8EAF0D; border-left: 1px solid #9ABF0C; color: #FFF; text-align: center;}
.t5 { background-color: #F1F1F1; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; }
.t6 { background-color: #FFF; }

/* Tjenester */
.prisTjeneste { width: 150px; float: left;}
.prisTjeneste span.pris { width: 100px; height:  45px; float: left; font-size: 38px; color:  #749F35;}
.prisTjeneste a { padding: 5px 20px; float:left; background: transparent url(images/point.png) 0 50% no-repeat; }
#domeneparkering { padding: 8px 5px; background: transparent url(images/hs.png) 50% bottom no-repeat;  }
#domenepakke { padding: 8px 5px; }
#domenepakke ul { padding: 0 0 10px 0; }

/* Logo + hovedmeny */
#header { height: 76px;background: transparent url(images/hl.png) 50% bottom no-repeat;}
#header img { float: left; padding: 16px 0px; }
ul#nav { padding: 20px 0; float: right; }
#nav li { float: left; list-style-type: none; padding: 10px 0 10px 16px; position: relative;}
#nav li a { text-decoration: none; }
#nav li ul { position: absolute; left: 0; top: 30px; width: 150px; display: none; border: 1px solid #ddd; background: #FFF; padding: 5px;}
#nav li ul li { list-style-type: none; width: 150px; padding: 0; position: relative;}
#nav li ul li a { padding: 5px 0 5px 16px; display: block; width: 134px; }
#nav li ul li a:hover { background: #F1F1F1;}
#nav li:hover ul, #nav li.over ul  { display: block; }
li > ul { top: auto; left: auto; }

#menypunkter { width: 390px; float: left; }
#menypunkter li { list-style-type: none; background: transparent url(images/point.png) 0 50% no-repeat; padding: 6px 0 6px 25px; }
#menypunkter a { padding:  0 5px; }

/* Kontaktskjema */
#kontaktskjema input { width: 400px;margin: 3px 0;}
#kontaktskjema textarea { width: 400px;margin: 3px 0;}
#kontaktskjema input.submit { width: auto;}

/* Bestilling */
.b_tekst { width: 150px;}
.b_tekstfelt { width: 350px; margin: 0 5px 0 15px;}
.b_postnr { width: 65px; margin: 0 10px 0 15px;}
.b_poststed { width: 267px; margin: 0 5px 0 0; }
.prisinformasjon { float: left; width: 530px; display: inline; margin: 5px 0 5px 10px; color: #64892D; border-top: 1px solid #C1CF7A; }
.prisinformasjon td { padding: 5px;} 
.b_tjenesteinformasjon { float: left; display: inline; margin: 0 0 0 10px; width: 530px; color: #000; } 
.b_tjenesteinformasjon td { padding: 5px;} 
.bordertop { border-top: 1px solid #C1CF7A;}

/* Generelle klasser */
.pdf { background: transparent url(images/pdf.gif) 0 50% no-repeat; line-height: 48px; height: 48px; display: block; padding-left: 48px; font-size: 14px; }
.filer { background: transparent url(images/fil.png) 0 50% no-repeat; display: block; padding-left: 24px; line-height: 16px; }
.epostleser { background: transparent url(images/epostleser.png) 0 50% no-repeat; line-height: 14px; height: 14px; margin: 7px 0; display: block; padding-left: 24px; font-size: 14px; }
.kontrollpanel { background: transparent url(images/kontrollpanel.png) 0 50% no-repeat; line-height: 14px; height: 14px; display: block; padding-left: 24px; font-size: 14px; }
.bestillTjeneste { padding: 5px 20px 5px 24px; display: block; background: transparent url(images/point.png) 0 50% no-repeat; }
.infoTjeneste { padding: 5px 20px 5px 24px; display: block; background: transparent url(images/info.gif) 0 50% no-repeat; }
.bestill { width: 35px; height: 16px; line-height: 16px; display: block; margin: 10px 0; background-color: #8EAF0D; color: #FFF; padding: 3px 6px; border: 1px solid #708B09; }
.bestill:hover {  background-color: #99BD0B; color: #FFF; padding: 3px 6px; }
.faux { background: transparent url(images/faux.gif) 0 0 repeat-y;}
.error { clear: both; padding: 7px; padding-left: 35px; line-height: 16px; margin: 5px 0; border-top: 1px solid #FFCC00; border-bottom: 1px solid #FFCC00; background: #FCFCE1 url(images/error.gif) no-repeat 10px 50%; }
.error_form { border: 1px solid #FFCC00; background-color: #FCFCE1; }
.error_form p { background-color: #FCFCE1;  }
.error_message { clear: both; line-height: 16px; padding: 5px 0 5px 30px; margin: 0 0 5px 0; background: #FCFCE1 url(images/error.gif) no-repeat 5px 50%; color: #900; font-weight: bold; }
.ok { clear: both; padding: 7px; padding-left: 35px; line-height: 16px;  margin: 5px 0; border-top: 1px solid #9DC20E; border-bottom: 1px solid #9DC20E; background: #EFFFCA url(images/ok.gif) no-repeat 10px 5px; }
.infoboks { clear: both; padding: 20px 7px; padding-left: 55px; line-height: 13px;  margin: 0 0 10px 0; border-top: 1px solid #C1CF7A; border-bottom: 1px solid #C1CF7A; background: #F4FFE1 url(images/info_v3.gif) no-repeat 10px 50%;  }
.infoboksS { clear: both; padding: 7px 7px 0 7px; padding-left: 10px; margin: 0 0 7px 0; border-top: 1px solid #C1CF7A; border-bottom: 1px solid #C1CF7A; background: #F4FFE1;  }
.link { padding-left: 7px; line-height: 16px; background: transparent url(images/link.gif) 0 50% no-repeat; }
.sub { padding-left: 24px; font-size: 11px; background: transparent url(images/sub.png) 0 50% no-repeat; }
.hp { padding-left: 24px; background: transparent url(images/hp.png) 0 50% no-repeat; }
.lesmer { padding-left: 12px; line-height: 14px; background: transparent url(images/lesmer.gif) 0 50% no-repeat ; }
.clear{ clear: both; }
.footer{  padding-top: 20px; padding-bottom: 16px; }
.dus { color: #888;}
.dus a { color: #888; text-decoration: none; font-weight: bold;}
.ultradus { background-color: #F5F5F5;}
.hspace { margin-bottom: 20px;}
.ulpunkt li {margin: 0 25px 0 15px; margin-bottom: 5px; list-style-type: disc; color: #666; }
.telefon { padding: 2px 0 2px 30px; display: block; background: transparent url(images/telefon.gif) 0 50% no-repeat; }
.skille { padding: 0 0 12px 0; margin-bottom: 12px; background: transparent url(images/hs.png) 50% bottom no-repeat; }
.stortskille { padding: 0 0 12px 0; margin-bottom: 12px;background: transparent url(images/ps.png) 50% bottom no-repeat; }


#mva { float: right;}
#copyright { float: left; width: 350px;}
#copyright span { display: block; margin: 4px 0;}