/* CSS Document */

body { background: #ACACAC url(../images/backgr-page.jpg) repeat-y; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333; }

#Page { width: 100%; background: url(../images/backgr-page-top.jpg) no-repeat; }

#Holder { width: 1000px; background: url(../images/backgr-banner.jpg) no-repeat; position: relative; padding-top: 228px; }

#Logo { position: absolute; top: 16px; left: 21px; width: 191px; height: 191px; }
#Logo h1 a { display: block; width: 191px; height: 191px; text-indent: -9999px; }

#Flags { position: absolute; top: 22px; left: 850px; width: 100px; height: 22px; }
#Flags ul li { display: block; float: left; }
#Flags ul li a { text-indent: -9999px; display: block; width: 22px; height: 16px; margin: 3px; }
#Flags ul li a.nor { background: url(../images/flag-nor.jpg) no-repeat; }
#Flags ul li a.eng { background: url(../images/flag-eng.jpg) no-repeat; }
#Flags ul li a.ger { background: url(../images/flag-ger.jpg) no-repeat; display: none; }

#Flash-Banner { width: 751px; height: 391px; position: absolute; top: 63px; left: 228px; }
#Flags ul li a:hover { opacity: 0.75; }

#Main { width: 690px; float: right; margin-top: 260px; padding: 0px 25px; }
#Sidebar { width: 250px; }

#Menu { width: 150px; margin: 10px 0px 0px 10px; min-height: 250px; height: auto !important; height: 250px; }
#Menu ul li a { display: block; width: 125px; height: 33px; padding: 0px 0px 0px 17px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 33px; color: #444444; text-decoration: none; border-bottom: 1px dotted #99BF00; }
#Menu ul li a.last { border: none; }
#Menu ul li a:hover { color: #6F706B; padding: 0px 0px 0px 19px; width: 123px;  }

#Kontaktinfo { width: 179px; height: 117px; margin: 50px 0px 0px 35px; background: url(../images/backgr-kontakt.gif) no-repeat; padding: 18px 0px 0px 0px; }
#Kontaktinfo p { font-size: 12px; color: #333; line-height: 19px; text-align: center; }

#Samarbeidere { width: 179px; margin: 10px 0px 0px 35px; }
#Samarbeidere p { text-align: center; }
#Samarbeidere a { color: #2F94DA; font-weight: bold; }
#Samarbeidere a:hover { color: #62AEE3; }

#Yr { width: 178px; height: 300px; margin: 10px 0px 0px 35px; }


#Teaser { width: 100%; border-bottom: 1px dotted #99BF00; padding: 0px 0px 15px 0px; }
#Teaser h1 { color: #2F94DA; font-size: 27px; font-weight: bold; margin: 15px 0px 15px 100px; }
#Teaser p { font-weight: bold; margin-left: 120px; line-height: 180%; font-size: 14px; }
#Teaser a { color: #000; border-bottom: 1px solid #C90; background: #F3F3F3; text-decoration: none; }
#Teaser a:hover { color: #6F706B; }

#Content { width: 100%; }
#Content.page { width: 95%; padding: 0px 20px; }
#Content h1 { color: #2F94DA; font-size: 27px; font-weight: bold; margin: 15px 0px 15px 15px; }
#Content h2 { color: #FC9200; font-size: 18px; line-height: 180%; margin: 10px 0px; font-weight: bold; }
#Content h3 { color: #000; font-size: 16px; line-height: 180%; margin: 10px 0px; font-family: Georgia, "Times New Roman", Times, serif; }
#Content a, #Kontaktinfo a { color: #000; border-bottom: 1px solid #C90; background: #F3F3F3; text-decoration: none; }
#Kontaktinfo a { background: none; }
#Content a:hover, #Kontaktinfo a:hover { color: #6F706B; }
#Content h2 a { color: #FC9200; border: none; padding: 0px; background: none; text-decoration: underline; }
#Content h2 a:hover { color: #FDAD3F; }
#Content p { line-height: 150%; margin: 5px 0px; }

#Content ul { margin: 10px 0px; }
#Content ul li { list-style: none; display: block; background: url(../images/backgr-li.jpg) no-repeat left center; margin: 0px 0px 0px 20px; line-height: 150%; padding: 0px 0px 3px 20px; }

#Content #Form_EditForm li { list-style: none; }

#Content iframe { margin: 5px; padding: 5px; border: 1px dotted #ccc; }

.block { width: 300px; float: left; margin: 20px; }
.block-text { width: 430px; float: left; }
.block-images { width: 190px; float: left; padding: 50px 0px 0px 50px; }

.block-images img { margin: 5px 0px; padding: 3px; border: 1px dotted #CCC; }
#Content .block-images a { border: none !important; background: none !important; }
.block-images a:hover { opacity: 0.90; }

.gallerypage img { margin: 5px; padding: 3px; border: 1px dotted #ccc; }
.gallerypage a { border: none !important; background: none !important; }
.gallerypage a:hover { opacity: 0.90; }

#Footer { width: 100%; margin: 20px 0px 0px 0px; padding: 10px 0px 0px 0px; border-top: 1px dotted #99BF00; }
#Footer p { font-size: 12px; color: #333; line-height: 19px; text-align: center; }
#Footer a { font-weight: bold; border: none; }


#Bottom { display: block; position: static; bottom: 0px; left: 0px; width: 1000px; height: 62px; background: url(../images/backgr-bottom.jpg) repeat-x; vertical-align: bottom; }


.clear-right { clear: right; }
.clear-left { clear: left; }
.clear { clear: both; }
strong, b, .strong { font-weight: bold; }
em, i, .em { font-style: italic; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

img.jap-logo { margin: 0px 0px -7px 0px; padding: 0px; border: none; }

form * { color: #1F1F1F; line-height: 180%; }
form label.left { display: block; float: left; width: 120px; margin: 5px 0px 5px 20px; }
form .middleColumn { margin: 10px 0px; }
form .middleColumn input, #Content form .middleColumn .Actions input, #Content form .middleColumn textarea { padding: 5px; background: #EFEFEF; border: 1px dotted #bbb; margin: 5px 0px; }
.Actions { padding-left: 180px; }