body { background: #E2D8B5 url(../images/backgr-body.jpg) top center no-repeat fixed;  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 12px; color: #232323; line-height: 21px; }

a { color: #3399FF; }
a:hover { color: #80BFFF; }

h1, h2 { font-family: "Franklin Gothic Medium Cond", "Arial Narrow", Arial, Helvetica, sans-serif; line-height: 150%; }
h1 { font-size: 38px; color: #B75028; font-weight: bold; margin-top: 21px; }
h2 { font-size: 23px; color: #246ACE; margin-top: 21px; }
h3 { font-size: 15px; font-weight: bold; margin-top: 15px; }

p { margin-top: 15px; }
h1 > p:first-child { margin-top: 0px; }
p:last-child { margin-bottom: 21px; }

p.velkomen { display: block; background: url(../images/title_velkomen.gif) no-repeat top right; width: 100%; height: 58px; text-indent: -9999px; }
p.velkomen span { }
p.welcome { display: block; background: url(../images/title_welcome.gif) no-repeat top right; width: 100%; height: 58px; text-indent: -9999px; }

.float-left { float: left; margin: 3px 5px 3px 0px; }

.clear { clear: both; }

strong { font-weight: bold; }
em { font-style: italic; }

.Block { width: 978px; background: url(../images/backgr_box-black.png); padding: 11px; margin: auto; margin-top: 11px; }

/********* TOP **************/

#Top { width: 978px; background: #fff url(../images/top.jpg) no-repeat; height: 188px; position: relative; }
#Top h1 { margin: 0px; }
a.logo { display: block; position: absolute; top: 0px; left: 0px; width: 502px; height: 188px; background: url(../images/logo-morellfestivalen.jpg) no-repeat; text-indent: -9999px; }
.date { position: absolute; top: 125px; left: 0px; width: 502px; text-align: right; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 16px; color: #4d4d4d; line-height: 150%; }
.date p { margin: 0px; }
a.hardanger { display: block; width: 105px; height: 130px; position: absolute; top: 31px; left: 833px; background: url(../images/logo-hardanger.jpg) no-repeat; text-indent: -9999px; }

.lang { position: absolute; top: 11px; left: 11px; }
.lang a { text-indent: -9999px; display: block; width: 23px; height: 16px; float: left; margin: 0px 5px 0px 0px; }
.lang a.norsk { background:url(../images/flag_nor.jpg) no-repeat; }
.lang a.engelsk { background:url(../images/flag_eng.jpg) no-repeat; }

/********* MENU **************/

#Menu { width: 978px; height: 56px; text-align: justify; background: url(../images/backgr_a.png); }
#Menu ul li { display: block; float: left; }
#Menu ul li a { display: block; text-align: center; padding: 0px 15px 0px 14px; font-family: "Century Gothic", Arial, Helvetica, sans-serif; color: #fff; font-weight: bold; font-size: 17px; text-decoration: none; height: 56px; line-height: 56px; letter-spacing: 1px; text-shadow: 1px 1px 3px #2F1414; }
#Menu ul li a:hover { background: url(../images/backgr_a-hover.png); }
#Menu ul li a.current { background: url(../images/backgr_a-current.png); }


/**************************************/

#Wrapper-Content { width: 978px; background: #FFF; }


/********* BANNER **************/

#Banner { width: 978px; background: url(../images/backgr_banner.jpg) top right no-repeat; }

.banner-images, .banner-text { float: left; }
.banner-images { width: 550px; overflow: hidden; }
.banner-images .images { width: 539px; height: 360px; background: url(../images/backgr_banner-image.jpg); border-right: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; padding: 0px 11px 11px 0px; }
.banner-images .nav { width: 100%; text-align: center; margin: 10px 0px; position: relative; }
.banner-images .nav a { color: #069; text-align: center; background: #F8FBFC; border: 1px solid #E2EFF3; padding: 5px; margin: 3px; font-weight: bold; text-decoration: none; }
.banner-images .nav a:hover { color: #80BFFF; }
.banner-images .nav a.flere-bilder { display: block; position: absolute; top: 0px; right: 0px; padding: 0px; margin: 0px; background: none; border: none; text-decoration: underline;color: #3399FF; }
.banner-images .nav a.flere-bilder:hover { color: #80BFFF; }

.banner-text { width: 390px; margin: 0px 0px 0px 18px; }

/********* MAIN CONTENT **************/

#Main-content { width: 978px; background: url(../images/backgr_banner.jpg) top right no-repeat; min-height: 401px; height: auto !important; height: 401px; padding-bottom: 11px; }

.main-content-image, .main-content-text { float: left; }
.main-content-image { width: 390px; overflow: hidden; }
.main-content-image .image { width: 379px; background: url(../images/backgr_banner-image.jpg); border-right: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; padding: 0px 11px 11px 0px; }

.main-content-text { width: 550px; margin: 0px 0px 0px 30px; }

.main-content-image.liteinnhold { width: 590px; }
.main-content-image.liteinnhold .image { width: 579px; }
.main-content-text.liteinnhold { width: 332px; }



/********* NEWS **************/

#News { width: 978px; border-top: 2px dashed #D8BFAF; border-bottom: 2px dashed #D8BFAF; background: url(../images/backgr_banner-news.jpg); padding: 20px 0px; }

.news-block { width: 300px; float: left; margin: 0px 19px 0px 0px; }
.news-block.first { margin: 0px 19px 0px 19px; }
.news-block p { margin: 10px 10px 0px 10px; }
.news-block h2 { line-height: 34px; display: block; width: 280px; padding: 0px 10px; background: #E9E0D0; }
.news-block > h2:first-child { margin: 0px; }

/********* BLOKKER **************/

#Blocks { width: 978px; border-top: 2px dashed #D8BFAF; border-bottom: 2px dashed #D8BFAF; background: url(../images/backgr_banner-news.jpg); padding: 20px 0px; }

.blocks-block { float: left; margin: 0px 19px 0px 0px; }
.blocks-block.first { margin: 0px 19px 0px 19px; }
.blocks-block p { margin: 10px 10px 0px 10px; }
.blocks-block h2 { line-height: 34px; display: block; width: 280px; padding: 0px 10px; background: #E9E0D0; }
.blocks-block > h2:first-child { margin: 0px; }
.blocks-block h3 { margin-left: 10px; }

.blocks-block.one { width: 939px; }
.blocks-block.two { width: 460px; }
.blocks-block.three { width: 300px; }

/********* SPONSORER **************/

#Sponsorer { width: 918px; padding: 0px 30px 30px 30px; background: url(../images/backgr_sponsorer.jpg) no-repeat bottom left; }
h2.sponsorer { background: url(../images/title_sponsorer.gif) no-repeat; width: 100%; height: 41px; text-indent: -9999px; }
h2.sponsors { background: url(../images/title_sponsors.gif) no-repeat; width: 100%; height: 41px; text-indent: -9999px; }
.sponsorer-logos { padding-top: 11px; }
.sponsorer-logos img { float: left; margin: 0px 11px 11px 0px; }
.sponsorer-text { width: 800px; padding: 0px 0px 0px 118px; font-family: "Courier New", Courier, monospace; font-size: 11px; line-height: 200%; }


/********* FOOTER **************/

#Footer { width: 978px; background: url(../images/backgr_banner-news.jpg); color: #998C60; }

#Footer ul li { display: block; float: left; }
#Footer ul li a { display: block; text-align: center; padding: 0px 15px 0px 14px; font-family: "Century Gothic", Arial, Helvetica, sans-serif; color: #998C60; font-weight: bold; font-size: 17px; text-decoration: none; height: 56px; line-height: 56px; letter-spacing: 1px; text-shadow: 1px 1px 3px #fff; }
#Footer ul li a:hover { color: #B7AE8F; }
.copy { padding: 0px 17px 10px 17px; border-top: 2px dashed #D8BFAF; width: 944px; position: relative; }
a.jap-logo { position: absolute; top: 15px; right: 21px; display: block; width: 33px; height: 17px; }
a.jap-logo:hover { opacity: 0.70; }

/************** GALLERY *****************/
.image-gallery { width: 940px; margin: auto; padding-top: 15px; }
.image-gallery h1:first-child { margin-top: 0px; }
.image-gallery #Menu2 { display: none; }
.image-gallery #Content h2 { display: none; }
.image-gallery .album-nav { border: none; }
.image-gallery { border-bottom: 2px dashed #D8BFAF; }
.gallery-layout li { border: 1px solid transparent; }
.gallery-layout li:hover { background: url(../images/backgr_banner-image.jpg); border: 1px solid #DFDFDF; }

/************** FORM *****************/

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; }