/* LINKER */

/* STANDARD */
a:link, a:active, a:visited { color: #2B3F53; font: normal 11px tahoma, arial; text-decoration: underline; }
a:hover { color: #4E6479; }

/* FOOTER */
a.footer:link, a.footer:active, a.footer:visited { color: #777; font: normal 8px tahoma, sans-serif; text-decoration: none; }
a.footer:hover { color: #800; }

/* KONTAKT */
a.kontakt:link, a.kontakt:active, a.kontakt:visited { color: #999; font: normal 12px tahoma, sans-serif; text-decoration: none; }
a.kontakt:hover { color: #800; }

/* REFERANSE */
a.referanse:link, a.referanse:active, a.referanse:visited { color: #999; font: normal 10px tahoma, sans-serif; text-decoration: none; }
a.referanse:hover { color: #800; }



/* GENERELLE STILER */

body { font: normal 12px tahoma, arial; color: #777; margin-top: 120px; background: #888 url(../images/bg_pattern.gif); scrollbar-face-color: #DDDDDD; scrollbar-shadow-color: #DDE4EA; scrollbar-highlight-color: #DDE4EA; scrollbar-3dlight-color: #788999; scrollbar-darkshadow-color: #788999; scrollbar-track-color: #DDDDDD; scrollbar-arrow-color: #788999; }
img { border: 0; margin: 0; }
form, p { margin: 0; }
hr { height: 2px; color: #bbb; background: #bbb; margin: 0 0 10px 0; padding: 0; }
h1 { font: normal 14px tahoma, sans-serif; color: #777; margin: 0; padding: 0; text-align: center; text-transform: uppercase; letter-spacing: 5px; }



/* SIDEOPPSETT */

#top_left { width: 20px; height: 20px; background: url(../images/top_left.png) no-repeat right bottom; }
#top_center { width: 733px; height: 20px; background: url(../images/top_center.png) no-repeat bottom; }
#top_right { width: 20px; height: 20px; background: url(../images/top_right.png) no-repeat left bottom; }
#middle_left { width: 20px; height: 547px; background: url(../images/middle_left.png) no-repeat; }
#middle_center { width: 733px; height: 547px; position: relative; background: #fff url(../images/content.jpg) no-repeat; vertical-align: top; }

#logo_forsiden { width: 100px; height: 35px; position: absolute; top: 50px; left: 25px; }

#heading { width: 733px; position: absolute; top: 115px; left: 0; }
#content_position { position: absolute; }
#content { width: 733px; height: 290px; font-size: 12px; line-height: 25px; color: #999; position: absolute; top: 142px; left: 0; text-align: left; }
#content_pad { padding: 30px 100px; }
#footer { width: 733px; height: 49px; position: absolute; top: 496px; left: 0; }
#footer_left { font-size: 8px; text-transform: uppercase; text-align: left; margin: 31px 0 0 15px; }
#footer_right { font-size: 8px; text-transform: uppercase; text-align: right; margin: -26px 15px 0 0; }

#middle_right { width: 20px; height: 547px; background: url(../images/middle_right.png) no-repeat left; }
#bottom_left { width: 20px; height: 20px; background: url(../images/bottom_left.png) no-repeat top right; }
#bottom_center { width: 733px; height: 20px; background: url(../images/bottom_center.png) no-repeat top; }
#bottom_right { width: 20px; height: 20px; background: url(../images/bottom_right.png) no-repeat left top; }



/* SIDEOPPSETT INNE PÅ ENKELTSIDER */

#forsiden_left { width: 275px; height: 100px; position: relative; top: 90px; left: 40px; background: url(../images/webmadeeasy.jpg) no-repeat top left; }
#forsiden_right { width: 181px; height: 228px; position: absolute; top: 30px; left: 480px; background: url(../images/kuler.jpg) no-repeat top left; }

.referanse_border { width: 352px; }
.referanse_border_pad { height: 226px; padding: 3px; border: 1px solid #e2e2e2; }
.referanse_footer { width: 733px; font-size: 11px; line-height: 14px; position: absolute; top: 445px; left: 0; text-align: center; }

.referanse_pn { width: 600px; height: 230px; margin-top: 30px; }
.referanse_pn a.previous { display: block; width: 11px; height: 56px; float: left; margin-top: 80px; background: url(../images/previous.png) no-repeat top; }
.referanse_pn a.previous:hover { background: url(../images/previous_hover.png) no-repeat top; }
.referanse_pn a.next { display: block; width: 11px; height: 56px; float: right; margin-top: 80px; background: url(../images/next.png) no-repeat top; }
.referanse_pn a.next:hover { background: url(../images/next_hover.png) no-repeat top; }

#om { width: 245px; height: 230px; font-size: 12px; line-height: 22px; text-align: left; }

#kontakt { text-align: center; line-height: 28px; margin-top: 10px; }



/* PRELOADING AV BILDER */

#preload1 { background: url(../images/previous_hover.png) no-repeat; display: none; }
#preload2 { background: url(../images/next_hover.png) no-repeat; display: none; }



/* GENERELLE KLASSER */

.input { font: 11px tahoma, arial; color: #000; height: 21px; padding: 2px; }
.input_small { height: 21px; padding: 3px; margin: 2px 0 2px 0; font: 11px tahoma, arial; color: #000; border: 1px solid #888; }
.input_search { width: 152px; height: 21px; font: 11px tahoma, arial; padding: 3px; margin-bottom: 5px; border-top: 1px solid #888; border-bottom: 1px solid #888; border-left: 1px solid #888; border-right: 0px solid #777; }
.text { font: normal 11px tahoma, arial; color: #000; padding: 4px; }
.select { font: normal 11px tahoma, arial; color: #000; }
.submit { height: 22px; font: 11px tahoma, arial; color: #fff; padding: 0 5px 0 5px; margin-right: 3px; border-top: 1px solid #84b7d2; border-bottom: 1px solid #043a54; border-left: 1px solid #84b7d2; border-right: 1px solid #043a54; background: #19678e; }
.submit_small { height: 20px; font: normal 11px tahoma, arial; color: #333; text-decoration: normal; padding: 0 0 1px 0; border: 1px solid #888; background: #bbb; }
.submit_search { height: 21px; color: #333; font: normal 11px tahoma, arial; text-decoration: normal; padding: 0 3px 0 3px; margin-bottom: 5px; border: 1px solid #888; background: #bbb; }



/* NAVIGASJON */

#navigation { width: 350px; margin: 0; position: absolute; top: 32px; left: 350px; }
#navigation ul { margin: 0; padding: 0; list-style-type: none; }
#navigation li { display: inline; }
#navigation a:link, #navigation a:visited { display: block; padding: 0; margin-right: 25px; color: #555; font-family: tahoma, arial; font-size: 11px; text-transform: uppercase; text-decoration: none; float: left; }
#navigation a:hover, #navigation a:focus { color: #800; }