/**** CSS  ****/

/*** LAYOUT ***/

h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #D9942A; font-size: 16px; display: block; height: 48px; background: url(../images/backgr_h2.jpg) left center no-repeat; padding: 0px 0px 0px 65px; line-height: 48px; border-bottom: 1px solid #895B1F; }
h1 { display: block; width: 495px; height: 70px; background-image: url(../images/hr.png); background-repeat: no-repeat; background-position: 0px 35px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 30px; color: #E33A0B; padding-left: 60px; margin-bottom: 10px; }
h3 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #E33A0B; font-size: 14px; }
a { text-decoration: none; color: #D9942A; border-bottom: 1px dotted #956122; padding: 0px 1px 2px 1px; font-size: 100%; }
a:hover { color: #D24C0E; }

body { background-color: #553A20; }

#wrapper { width: 100%; background-image: url(../images/backgr_page-overall.jpg); }
#wrapper2 { width: 100%; background-image: url(../images/backgr_page-vertical.jpg); background-repeat: repeat-y; }

#top { width: 100%; height: 143px; background-image: url(../images/backgr_top.jpg); background-repeat: repeat-x; }

#top1 { width: 367px; height: 143px; background-image: url(../images/backgr_top1.jpg); background-repeat: no-repeat; }

#wrapper-middle { width: 100%; height: 232px; background-image: url(../images/backgr_middle.jpg); position: relative; }

#wrapper-navig { width: 492px; height: 232px; background-image: url(../images/backgr_navig.jpg); background-repeat: no-repeat; position: relative; }

#logo { position: absolute; top: 0px; left: 492px; width: 324px; height: 232px; background-image: url(../images/logo.jpg); }

#logo a { text-indent: -9999px; display: block; width: 324px; height: 232px; }

#wrapper-content { background-image: url(../images/backgr_main.jpg); background-repeat: no-repeat; width: 1000px; position: relative; }

#teaser { width: 200px; padding-top: 35px; padding-left: 260px; margin-bottom: 30px; }

#content { width: 490px; padding-top: 35px; float: right; margin-bottom: 30px;  }

.clear { clear: both; }

#bottom { width: 100%; height: 7px; background-image: url(../images/backgr_bottom.jpg); background-repeat: repeat-x; }


/****** NAVIGATION *****/

#navig { position: absolute; top: 6px; left: 37px; }
#navig ul { list-style: none; }
#navig ul li a { text-indent: -9999px; text-decoration: none; display: block; width: 158px; height: 33px; }

#navig ul li a.hjem { background-image: url(../images/b_hjem.jpg); background-repeat: no-repeat; margin-bottom: 14px; }
#navig ul li a.hjem:hover { background-image: url(../images/b_hjem_f2.jpg); }

#navig ul li a.om { background-image: url(../images/b_om.jpg); background-repeat: no-repeat; margin-bottom: 16px; }
#navig ul li a.om:hover { background-image: url(../images/b_om_f2.jpg); }

#navig ul li a.tjenester { background-image: url(../images/b_tjenester.jpg); background-repeat: no-repeat; margin-bottom: 18px; }
#navig ul li a.tjenester:hover { background-image: url(../images/b_tjenester_f2.jpg); }

#navig ul li a.showroom { background-image: url(../images/b_showroom.jpg); background-repeat: no-repeat; margin-bottom: 13px; }
#navig ul li a.showroom:hover { background-image: url(../images/b_showroom_f2.jpg); }

#navig ul li a.kontakt { background-image: url(../images/b_kontakt.jpg); background-repeat: no-repeat; }
#navig ul li a.kontakt:hover { background-image: url(../images/b_kontakt_f2.jpg); }



/****** TYPOGRAPHY *****/

#teaser * {font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #E8BB79; line-height: 300%; }

#teaser ul li { background: url(../images/li.png) no-repeat center left; padding-left: 20px; }
#teaser a { text-decoration: none; color: #D9942A; border-bottom: 1px dotted #614016; padding: 0px 1px 2px 1px; margin-left: 20px;  }
#teaser a.lesmer { background-image: url(../images/lesmer.png); background-position: right; background-repeat: no-repeat; padding-right: 20px; }
#teaser a:hover { color: #D24C0E; }

#content p, #content li, #content td, #content h1, #content h2, #content h3 { font-family: "Lucida Sans Unicode", "Helvetica neue", Helvetica, Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #E8BB79; line-height: 170%; }

#content h1 { display: block; width: 495px; height: 70px; background-image: url(../images/hr.png); background-repeat: no-repeat; background-position: 0px 35px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 30px; color: #E33A0B; padding-left: 60px; margin-bottom: 10px; }

#content p, #content h3 { margin: 15px 0px 10px 8px; }
#content h2 { margin: 30px 0px 10px 0px; }
#content h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #D9942A; font-size: 16px; display: block; height: 48px; background: url(../images/backgr_h2.jpg) left center no-repeat; padding: 0px 0px 0px 65px; line-height: 48px; border-bottom: 1px solid #895B1F; }
#content h3 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #E33A0B; font-size: 14px; }

#content ul li { background-image: url(../images/li.png); background-repeat: no-repeat; background-position: center; background-position: left; padding-left: 30px; margin: 0px 0px 0px 20px; line-height: 150%; }
.noliimg { background-image: none; }
#content ul li, #content ol li { font-size: 13px; }

#content a { text-decoration: none; color: #D9942A; border-bottom: 1px dotted #956122; padding: 0px 1px 2px 1px; font-size: 100%; }
#content a.lesmer { background-image: url(../images/lesmer.png); background-position: right; background-repeat: no-repeat; padding-right: 20px; }
#content a:hover { color: #D24C0E; }

#content .ref1 { padding: 35px 22px 40px 22px; background-image: url(../images/backgr_image.png); }


#content .projects ul li { background: none; padding-left: 0px; }
#content .projects ul li p { font-size: 100%; }
#content .projects ul li h2 { font-size: 120%; }
#content .projects ul li.hidden { display: none; }

#content span.highlight { color: #D9942A; font-weight: bold; }