/* CSS Document */

@import "typography.css";

/***** DIVs, LAYOUT *****/

#Top { width: 870px; height: 208px; margin: auto; background: transparent url(../../../images/backgr-top.jpg) no-repeat; position: relative; }

#Logo-print { display: none; visibility: hidden; }

#Top h1 a { display: block; width: 336px; height: 132px; position: absolute; top: 27px; left: 0px; text-indent: -9999px; }
#Top h1 a:hover { background: url(../../../images/logo-hover.jpg) no-repeat; }


#Navig { width: 870px; height: 65px; margin: auto; background: url(../../../images/backgr-navig.jpg) no-repeat; position: relative; }

#Menu { width: 704px; margin: auto; margin-top: 0px; position: relative; }
#Menu li a { display: block; height: 65px; text-indent: -9999px; position: absolute; top: 0px; }

#Menu li a.heim { width: 117px; left: 0px; }
#Menu li a.om-oss { width: 135px; left: 117px; }
#Menu li a.tjenester { width: 148px; left: 252px; }
#Menu li a.referanser { width: 163px; left: 400px; }
#Menu li a.kontakt { width: 141px; left: 563px; }

#Menu li a.heim:hover, #Menu li a.heim.current { background: url(../../../images/backgr-navig-hover.jpg) no-repeat 0px 0px; }
#Menu li a.om-oss:hover, #Menu li a.om-oss.current { background: url(../../../images/backgr-navig-hover.jpg) no-repeat -117px 0px; }
#Menu li a.tjenester:hover, #Menu li a.tjenester.current { background: url(../../../images/backgr-navig-hover.jpg) no-repeat -252px 0px; }
#Menu li a.referanser:hover, #Menu li a.referanser.current { background: url(../../../images/backgr-navig-hover.jpg) no-repeat -400px 0px; }
#Menu li a.kontakt:hover, #Menu li a.kontakt.current { background: url(../../../images/backgr-navig-hover.jpg) no-repeat -563px 0px; }

#Content { width: /*870*/823px; margin: auto; background: url(../../../images/backgr-content.jpg) no-repeat; min-height: 394px; height: auto !important; height: 394px; padding: 0px 8px 39px 39px; }

.box { width: 380px; float: left; margin: 0px 31px 10px 0px; }
.box.referanser { min-height: 125px; height: auto !important; height: 125px; border-bottom: 1px solid #F2F2F2; }
.box.referanser h2, .box.referanser h2 a { font-size: 16px; }

.box-large { width: 791px; }

#Footer { width: 100%; background: url(../../../images/backgr-footer.jpg) repeat-x; min-height: 125px; height: auto !important; height: 125px; padding-top: 25px; }

#Footer-holder { width: 850px; margin: auto; position: relative; }


/**** TYPOGRAPHY ****/

body { background: #FFF url(../../../images/backgr.jpg) repeat-x; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 150%; color: #333; }


.typography .box-large > p:first-child, .typography .box > p:first-child { margin-top: 0px; }
.typography .box-large > h1:first-child, .typography .box > h1:first-child { margin: 0px 0px 15px 0px; padding: 12px 0px 0px 0px; }

.typography .vedlegg ul li { list-style: none outside none; }

.typography ul.siste-nytt li { list-style: none outside none; margin: 20px 0px; }


#Footer p { display: block; width: 470px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: right; line-height: 150%; position: absolute; top: 0px; left: 340px; }

#Footer a.gasellene { display: block; width: 131px; height: 104px; position: absolute; top: 0px; left: 29px; background: url(../../../images/gasellene.jpg) no-repeat; text-indent: -9999px; }
#Footer a.mester { display: block; width: 102px; height: 104px; position: absolute; top: 0px; left: 169px; background: url(../../../images/mester.jpg) no-repeat; text-indent: -9999px; }
#Footer a.jap { display: block; position: absolute; left: 780px; top: 55px; }

/**** div CLASSES ****/

.clear { clear: both; }
img.float-left { float: left; margin: 10px 10px 0px 0px; }
img.float-right { float: right; margin: 10px 0px 0px 10px; }

form * { font-family: Tahoma, Geneva, sans-serif; font-size: 13px; color: #1F1F1F; line-height: 180%; }
form label.left { display: block; float: left; width: 120px; margin: 5px 0px 5px 0px; }
form .middleColumn { margin: 10px 0px; }
form .middleColumn input, #Content form .middleColumn .Actions input, #Content form .middleColumn textarea { padding: 5px; background: #eee; border: 1px solid #bbb; margin: 5px 0px; }
.typography form input { font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
.Actions { padding-left: 120px; }

/**** REFERANSER ****/

/*#Content-referanser h2 { display: none; }*/
.typography .gallery-layout-wrapper ul li { list-style: none; margin: 7px; padding: 7px; border: 1px solid #c5c5c5; }
/*#Content-referanser .album-nav { display: none; }*/

.typography .gallery ul li { list-style: none; margin: 0; padding: 0; float: left; }
.typography .gallery ul li a { display: block; margin: 7px; padding: 7px; border: 1px solid #E6E6E6; }
.typography .gallery ul li a:hover { background: #e6e6e6; }

/*.typography #Content-referanser ul li { margin: 5px; padding: 5px; }*/