body { background: #EEDCD0 url(../images/backgr-page.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #615A5B; line-height: 150%; }

p { margin: 13px 0px 6px 0px; }

a { color: #615A5B; text-decoration: none; border-bottom: 1px solid #DAD8D8; font-weight: bold; }
a:hover { color: #989494; }

h1 { font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 21px; color: #4B5D6A; font-weight: bold; margin: 21px 0px 6px 0px; line-height: 150%; }

h2 { font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 18px; color: #4B5D6A; font-style: italic; font-weight: bold; margin: 18px 0px 6px 0px; line-height: 150%; }
h2.hard-bestikk { margin-top: 0px; }

h3 { font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 16px; color: #4B5D6A; font-style: italic; font-weight: bold; margin: 16px 0px 6px 0px; line-height: 150%; }
h3.hard-bestikk { margin-top: 0px; }

.clear { clear: both; }
.float-right { float: right; margin-left: 20px; }
.float-left { float: left; margin-right: 20px; }

.inline { display: inline; }

#Content ul, #Content ol { margin-top: 6px; margin-bottom: 7px; }
#Content ul li, #Content ol li { margin-left: 25px; padding-left: 10px; line-height: 150%; }
#Content ul li { list-style: outside circle; }
#Content ol li { list-style: outside decimal; }

#Hard-stjerne { width: 100%; position: absolute; top: 187px; left: 0px; background: url(../images/hard-stjerne.jpg) 804px 0px no-repeat; height: 338px; z-index: 1; }

#Top { width: 959px; background: url(../images/backgr-top2.jpg) no-repeat; text-indent: -9999px; height: 137px; }
#Top * { margin: 0px; }

#Menu { width: 959px; height: 50px; }

#Menu ul li { display: block; float: left; }
#Menu ul li a { display: block; font-family: "Century Gothic", Arial, Helvetica, sans-serif; color: #e4e4e4; font-size: 17px; text-decoration: none; line-height: 50px; padding: 0px 13px; margin: 0px 5px; font-weight: normal; border: none; }
#Menu ul li a:hover, #Menu ul li a.current { background: /*#5B5451*/ url(../images/backgr-a.png); }

#Main { width: 959px; background: url(../images/backgr-main.png) repeat-y; position: relative; z-index: 2; }

#Banner-front { width: 950px; height: 373px; background: url(../images/backgr-banner-front.jpg) no-repeat; overflow: hidden; }

#Content { width: 950px; background: url(../images/back-content.jpg) no-repeat; }

#Sidebar { width: 205px; border-left: 1px solid #EEE8D0; float: left; margin: 20px 0px 20px 15px; min-height: 500px; height: auto !important; height: 500px; padding-left: 20px; }
#Middle { width: 675px; float: left; margin: 20px 0px 20px 15px; }
#Middle > h1:first-child, .content-small > h1:first-child, .content-large > h1:first-child, #Sidebar > h1:first-child, .tjenester > h1:first-child { margin-top: 0px; }

.content-small { width: 417px; float: left; }
.content-large { width: 675px; }


.block { border-top: 1px solid #EEE8D0; margin-top: 15px; padding-top: 15px; }
.kampanje { border-bottom: 1px solid #EEE8D0; margin-bottom: 15px; padding-bottom: 15px; }

.kampanje-front { float: left; width: 215px; }
.kampanje-front h1, .tjenester h1 { margin-top: 0px; color: #9F7591; }
.kampanje-front h2, .kampanje-front h3 { color: #615A5B; }

.utvalgte-front { float: left; width: 389px; margin-left: 15px; background: url(../images/backgr-utvalgte-front.jpg) no-repeat; height: 302px; padding: 24px; }
.utvalgte-front h1 { margin-top: 0px; }
img.utvalgt { margin-right: 15px; }


/*************** FOOTER ******************/
#Footer { width: 950px; background: url(../images/backgr-footer.jpg) repeat-x; height: 43px; text-align:center; }
#Footer * { margin: 0px; }
#Footer h3 { color: #ccc; display: inline; line-height: 40px; }
#Footer p { color: #ccc; display: inline; line-height: 40px; }
#Footer a { color: #ccc; border: none; text-decoration: underline; font-weight: normal; }
#Footer a:hover { color: #aaa; }


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 25px; font-weight: bold; color: #666; }
form label.required{ display: block; font-size: 10px; color: #C00; padding-left: 145px; }
form .middleColumn { margin: 10px 0px; }
form .middleColumn input, form .middleColumn textarea { padding: 5px; border-width: 1px; border-style: solid; border-color: #8E8E8E #E1E1E1 #E1E1E1 #8E8E8E; margin: 5px 0px; background: #fefefe url(http://www.jap-design.net/client/backgr_form.jpg) no-repeat; width: 50%; }
.typography form input { font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
.Actions { padding-left: 145px; }
form .Actions input.action { width: 114px; font-weight: bold; color: #666; }
form .Actions input.action:hover { color: #000; cursor: pointer; cursor: hand; }
