* { margin: 0px; padding: 0px; }
body, table, div, p, td, th, ul, li, ol, br, h1, h2, h3, h4, h5, h6, img { border: 0px; }
body { background: #B2C7D2 url(gfx/bg.gif) repeat-y; font-size: 0.9em; font-family: Tahoma; color: #666; }
a { color: #1C4C6E; text-decoration: none; }
:focus { outline: 0; }
h1 { font-size: 1.2em; font-weight: normal; margin-bottom: 0.5em; }
h2 { font-size: 1.0em; font-weight: normal; margin-bottom: 0.5em; }
p, address, div.mainContent ul li { font-size: 0.85em; line-height: 1.4em; margin-bottom: 1em; }
p a { font-size: 1em; }


br.clearFloats { clear: both; display: block; }

/********************************************/
div#languageChoice { position: absolute; width: 60px; right: 50%; top: 35px; margin-right: -500px; }
div#languageChoice a { font-size: 0.75em; }

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

div#siteWrapper { width: 983px; margin: 35px auto 35px auto; }

div#header { padding-bottom: 10px; overflow: hidden; }
div#leftColumn { width: 775px; float: left; background: #fff url('gfx/gradient_bg.gif') repeat-x; }
div#rightColumn { width: 198px; float: right; color: #fff; }

div#header img.logo { float: left; }

ul#topMenu { float: right; margin: 52px 0 0 0; padding: 0; list-style-type: none; width: 800px; }
ul#topMenu li { float: left; }
ul#topMenu li a { display: block; float: left; width: 110px; height: 39px; line-height: 39px; background: url('gfx/topmenu.gif'); margin-left: 5px; font-size: 14px; font-weight: normal; text-align: center; }
ul#topMenu li:first-child a { margin: 0; }

ul#topMenu li a.home { background: url('gfx/topmenuHome.gif'); text-align: left; padding-left: 38px; width: 72px; }
ul#topMenu li a.photo { background: url('gfx/topmenuFoto.gif'); text-align: left; padding-left: 35px; width: 75px; }
ul#topMenu li a.visit { background: url('gfx/topmenuBesok.gif'); text-align: left; padding-left: 45px; width: 65px; }
ul#topMenu li a.whale { background: url('gfx/topmenuHval.gif'); text-align: left; padding-left: 36px; width: 74px; }
ul#topMenu li a.school { background: url('gfx/topmenuSkole.gif'); text-align: left; padding-left: 47px; width: 63px; }
ul#topMenu li.selected a, ul#topMenu li.selected a.home, ul#topMenu li.selected a.photo, ul#topMenu li.selected a.visit, ul#topMenu li.selected a.whale, ul#topMenu li.selected a.school { color: #fff; background: url('gfx/topmenu_selected.gif'); text-align: center; padding: 0; width: 110px; }
ul#leftMenu { padding: 0; margin: 0; list-style-type: none; width: 170px; }

/****************** subNav ************************/

div.subNav { margin-top: 9px; padding-top: 42px; width: 169px; float: left; }
div.subNav ul#subMenu { width: 169px; }
div.subNav ul#subMenu li { list-style: none; background: url(gfx/subMenuL1Bg.gif) no-repeat; line-height: 29px; font-size: 0.9em; border-bottom: solid 1px #dfdfdf; padding-left: 1px; }
div.subNav ul#subMenu li.galleryO { list-style: none; background: url(gfx/subMenuFolderOpenL1Bg.gif) no-repeat; }
div.subNav ul#subMenu li a { padding-left: 20px; }
div.subNav ul#subMenu li.galleryO a { padding-left: 30px; }
div.subNav ul#subMenu li a { color: #fa6400; }
div.subNav ul#subMenu li ul li { background-image: none; /*padding-left:5px;*/ border-bottom: 0; border-top: solid 1px #dfdfdf; }
div.subNav ul#subMenu li ul li.galleryC { background: url(gfx/subMenuFolderClosedL2Bg.gif) no-repeat; }
div.subNav ul#subMenu li ul li.galleryO { background: url(gfx/subMenuFolderOpenL2Bg.gif) no-repeat; }
div.subNav ul#subMenu li ul li a { color: #000; font-size: 0.9em; padding-left: 25px; }
div.subNav ul#subMenu li ul li.galleryO a, div.subNav ul#subMenu li ul li.galleryC a { padding-left: 35px; }
div.subNav ul#subMenu li ul li.selected { background: url(gfx/subMenuL2Bg.gif) no-repeat; }
div.subNav ul#subMenu li ul li.selected a { font-weight: bold; }
div.subNav ul#subMenu li ul li ul li { background-image: none; padding-left: 0px; border-bottom: 0; border-top: 0; }
div.subNav ul#subMenu li ul li.selected ul li a { color: #000; font-size: 1em; padding-left: 25px; font-weight: normal; }
div.subNav ul#subMenu li ul li ul li.selected { background: url(gfx/subMenuL2Bg.gif) no-repeat; }
div.subNav ul#subMenu li ul li ul li.selected a { font-weight: bold; }

/****************** mainContent *******************/

div.mainContent { float: left; margin: 9px 0; border-left: solid 1px #e9ebeb; padding: 4px 11px 12px 12px; width: 582px; overflow: auto; }
div.mainContent img.hovedbilde { margin-bottom: 7px; max-width: 582px; }
div.mainContent em { color: #9d9d9d; font-size: 0.8em; font-style: normal; font-weight: bold; }
div.mainContent div#ImageWrapper { float: right; padding: 0 0 20px 20px; }
div.mainContent img.listebilde { float: right; margin: 0 0 3px 0px; max-width: 260px; }
div.mainContent img.visningsBilde { max-width: 400px; max-height: 400px; overflow: hidden; text-align: center; }
div.mainContent p.ImageText { font-size: 0.8em; font-style: italic; }
div.mainContent a.readMore { background: url(gfx/readMoreArrow.png) no-repeat left; padding-left: 10px; }
div.mainContent a.readMore.comments { background-image: url(gfx/readMoreArrowComment.png); padding-left: 24px; }
div.mainContent div#bottomLeft { width: 90px; height: 20px; float: left; }
div.mainContent div#bottomCenter { width: 402px; height: 20px; float: left; text-align: center; }
div.mainContent div#bottomRight { width: 90px; height: 20px; float: left; }

div.mainContent ul.artikkelliste { background: url(gfx/gradient_subBg.gif) repeat-x; padding: 23px 14px 0 14px; margin-top: 0px; float: left; width: 554px; }
div.mainContent ul.artikkelliste li { float: left; list-style: none; width: 554px; padding-bottom: 15px; margin-left: 0; margin-bottom: 20px; border-bottom: solid 1px #e9ebeb; overflow: hidden; }

div.mainContent ul li { margin-left: 30px; }
div.mainContent ul li p.question { font-size: 1em; font-weight: bold; }
div.mainContent ul li p.answer { font-size: 1.1em; }

div.mainContent table#bildeSkjema { width: 582px; }
div.mainContent table#bildeSkjema tr td { padding: 3px; }
div.mainContent table#bildeSkjema tr td input[type="text"] { margin: 5px 0; background: url(gfx/gradient_bg.gif) repeat-x; border: solid 1px #D9DCDC; height: 17px; width: 200px; padding: 4px 5px 4px 5px; font-family: Calibri; color: #555; font-size: 1em; }
div.mainContent table#bildeSkjema tr td textarea { margin: 5px 0; background: url(gfx/gradient_bg.gif) repeat-x; border: solid 1px #D9DCDC; width: 490px; padding: 4px 5px 4px 5px; font-family: Calibri; color: #555; font-size: 1em; }

div.mainContent ul.artikkelliste li.imageGallery { width: 118px; height: 135px; float: left; border: solid 1px #ddd; padding: 6px; margin-right: 6px; margin-bottom: 6px; }
div.mainContent ul.artikkelliste li.imageGallery img.thumb { max-width: 118px; max-height: 115px; }
div.mainContent ul.artikkelliste li.imageGallery p { font-size: 0.8em; }

div.mainContent ul.bildeliste { padding: 23px 14px; margin-top: 0px; float: left; width: 554px; }
div.mainContent ul.bildeliste li { list-style: none; padding-bottom: 15px; margin-left: 0; margin-bottom: 20px; border-bottom: solid 1px #e9ebeb; }
div.mainContent ul.bildeliste li.imageGallery { width: 118px; height: 135px; float: left; border: solid 1px #ddd; padding: 6px; margin-right: 6px; margin-bottom: 6px; text-align: center; }
div.mainContent ul.bildeliste li.imageGallery img.thumb { max-width: 118px; max-height: 115px; }
div.mainContent ul.bildeliste li.imageGallery p { font-size: 0.8em; }

div.mainContent ul.artikkelliste li.movieGallery { width: 253px; height: 321px; float: left; border: solid 1px #ddd; padding: 6px; margin-right: 10px; margin-bottom: 6px; }
div.mainContent ul.artikkelliste li.movieGallery img.thumb { max-width: 253px; max-height: 200px; }
div.mainContent ul.artikkelliste li.movieGallery a { display: block; height: 28px; margin-bottom: 10px; }
div.mainContent ul.artikkelliste li.movieGallery a img { margin-bottom: -10px; }

div.mainContent ul#ToolBox { padding: 2px 5px; margin: 10px 0 0 0; background: #f2f5f7; overflow: hidden; float: left; width: 572px; height: 20px; }
div.mainContent ul#ToolBox li { display: block; float: left; list-style: none; margin: 0 20px 0 0; height: 20px; }

div.mainContent ul#SiteMapNor { float: left; }
div.mainContent ul#SiteMapNor li, div.mainContent ul#SiteMapEng li { line-height: 1em; margin-bottom: 0; }
div.mainContent ul#SiteMapEng { float: left; }

div.mainContent div#article { padding: 30px 0 0 0; }
div.mainContent div#article h1 { font-size: 1.8em; color: #333; }
div.mainContent div#article a.back { display: block; width: 572px; padding-top: 10px; padding-left: 10px; border-top: solid 1px #e9ebeb; background: url(gfx/backArrow.png) no-repeat left; font-size: 0.9em; }
div.mainContent div#article a.upload, div.mainContent ul.artikkelliste li a.upload { display: block; /*float: left;*/ clear: both; font-size: 0.9em; margin-bottom: 10px; }
div.mainContent a.printerFriendly { color: #9d9d9d; font-size: 0.8em; display: block; vertical-align: middle; }
div.mainContent a.printerFriendly img { vertical-align: middle; }
div.mainContent a.TipsEnVenn { color: #9d9d9d; font-size: 0.8em; display: block; }

#SendTips { width: 400px; margin-top: 30px; padding: 0px; }
#SendTips tbody { padding: 0px; margin: 0; }
#SendTips td { padding: 2px 0; text-align: left; vertical-align: top; }
#SendTips td:first-child { width: 130px; }
#SendTips input[type="text"] { width: 250px; }
#SendTips textarea { width: 398px; overflow: auto; }

/***************** frontTopArticles *************************/

div.frontTopArticles { margin: 40px 22px 0 22px; }

div.leftArticle { width: 387px; height: 388px; float: left; }
div.leftArticle div.text { position: relative; z-index: 2; width: 341px; height: 338px; padding: 25px 23px; }
div.Orange div.text h1 { color: #fa6400; }
div.leftArticle a.readMore { height: 30px; padding-left: 34px; display: block; background: url(gfx/readMore.png) no-repeat left; line-height: 30px; }
div.leftArticle div.articleOverlay { position: relative; width: 387px; height: 388px; margin-top: -388px; z-index: 1; background: url('gfx/topArtLeftMask.png'); }

div.rightArticle { width: 319px; height: 114px; float: right; margin-bottom: 23px; }
div.rightArticle.Hvit { color: #fff; }
div.rightArticle.Orange h1 { color: #fa6400; }
div.rightArticle div.innerWrapper { clear: both; width: 317px; height: 112px; padding: 1px; }
div.rightArticle div.innerWrapper div.text { width: 253px; height: 92px; overflow: hidden; padding: 10px 52px 10px 12px; }
div.rightArticle div.innerWrapper div.img { position: relative; z-index: 2; width: 52px; height: 48px; margin-left: 265px; margin-top: -48px; }
div.rightArticle div.innerWrapper h1 { margin-bottom: 0.2em; }

div.rightArticle div.articleOverlay { position: relative; width: 319px; height: 114px; margin-top: -114px; z-index: 1; background: url('gfx/topArtRightMask.png'); }


/***************** frontBottomArticles ****************/

div.frontBottomArticles { padding: 35px 30px 0 30px; background: #fff url('gfx/gradient_subBg.gif') repeat-x; }
div#frontBottomLeft { float: left; width: 360px; padding-right: 31px; }

div#frontBottomLeft div.articleListItem { margin-bottom: 25px; overflow: hidden; }
div#frontBottomLeft div.articleListItem img { float: right; margin-left: 15px; max-width: 180px; }
div#frontBottomLeft a.readMore { background: url(gfx/readMoreArrow.png) no-repeat left; padding-left: 8px; }

div#frontBottomRight { float: left; width: 292px; padding-left: 11px; }
div#frontBottomRight div.openings { padding-left: 20px; }
div#frontBottomRight div.openings h1 { background: url(gfx/openinghours.png) no-repeat left; padding-left: 27px; }
div#frontBottomRight div.openings p { font-size: 0.8em; margin-bottom: 0.4em; }
div#frontBottomRight div.openings p.date { color: #fa6400; }

div#frontBottomRight div.adresse { width: 295px; height: 140px; padding: 14px 16px; background: url(gfx/adresseBoks.jpg); margin: 20px 0; }
div#frontBottomRight div.adresse address { font-size: 0.8em; font-style: normal; }

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


div.rightColumnBox { background: #99BBCC; margin-bottom: 10px; padding: 10px 0px; overflow: hidden; }
div.rightColumnBox h2 { font-size: 1em; margin: 0 10px; }
div.rightColumnBox div#search { padding: 0 20px; }
div.rightColumnBox div#search input[type=text] { margin: 5px 0; background: url(gfx/gradient_bg.gif) repeat-x; border: 0; height: 17px; padding: 4px 5px 4px 5px; width: 148px; font-family: Calibri; color: #1C4C6E; font-size: 1em; }
div.rightColumnBox div.feedItem { margin-top: 20px; padding: 0 10px; }
div.rightColumnBox div.feedItem p { font-size: 0.75em; }
div.rightColumnBox div.separator { height: 1px; border-top: 1px solid #829FAE; background: #A8C5D3; margin-top: 20px; }

div.rightColumnBox ul#SocialLinks { margin: 5px; padding: 0; overflow: hidden; }
div.rightColumnBox ul#SocialLinks li { list-style: none; display: inline; margin: 0 5px; float: left; }
div.rightColumnBox ul#SocialLinks li a { display: inline-block; width: 24px; height: 24px; float: left; }



#commentInputTable { font-size: 0.75em; width: 462px; margin-top: 30px; }
#commentInputTable th { font-size: 1.4em; font-weight: normal; padding: 5px; }
#commentInputTable tr td { padding: 2px 5px; text-align: left; vertical-align: top; }
#commentInputTable tr:first-child td { padding-top: 10px; }
#commentInputTable input[type=text], #commentInputTable textarea { width: 200px; font-family: Calibri,Candara, Helvetica,Sans-Serif; font-size: 1.1em; }
#commentInputTable input[type=submit] { font-family: Calibri,Candara, Helvetica,Sans-Serif; float: right; margin: 23px 0; }
#commentInputTable textarea { overflow: auto; }
#commentInputTable tr:first-child td + td + td { vertical-align: bottom; }
#commentInputTable tr:first-child td + td + td input[type=text] { width: 75px; }

ul#CommentList { margin: 0 0 20px 0; padding: 0 20px 20px 0px; border-top: 1px solid #E9EBEB; clear: both; }
ul#CommentList li { list-style: none; margin: 20px 0 0 0; padding: 20px; }
ul#CommentList li.Alternate { background: #f2f5f7; }
ul#CommentList li:first-child { border: none; margin: 0; padding: 20px 0 0 0; }
ul#CommentList li h2 { font-size: 1.2em; color: #666; font-weight: normal; }
ul#CommentList li h3 { font-size: 1.1em; color: #333; font-weight: normal; }
ul#CommentList li p { font-size: 1em; }
ul#CommentList li p.byLine { color: #999; font-size: 0.9em; margin-top: .8em; font-style: italic; }