/* CSS Document */
/* By Heine Jensvold, Norpartner Gruppen 2008 */

* { margin:0; padding:0; }
html { }
body { font-family:Arial, Helvetica, sans-serif; background:url(../img/bg-wrap.gif) repeat-y; font-size:62.5%!important; 
font-size:10px; color:#000; }

div#wrap {  width:800px; position:relative;  }
div#header { position:relative; background:url(../img/header.jpg) top right no-repeat; height:123px; }
div#content { position:absolute; left:300px; top:70px; width:330px; padding:0 20px; }
div#right { position:absolute; left:670px; top:0; }
div#open-closed {  position:absolute; right:0; top:-8px; width:170px;  }
div#contactinfo { padding:20px; font-size:1.1em; }

h1 { margin-bottom:1em; font-size:1em; }
h1 a { text-indent:-9999px; display:block; height:34px; width:137px; background:url(../img/knutehytta.gif) no-repeat; }
h2 { font-size:1em; color:#6f2529; text-transform:uppercase; font-weight:bold; }
h3 { font-size:1.6em; margin-bottom:0.8em; border-top:1px solid #fff; padding-top:0.8em; color:#6f2529; }
h4 { font-size:1.5em; margin-bottom:1em; text-decoration:underline; }
h5 { font-size:1.2em; }

p { margin-bottom:1em; }
div#content p { font-size:1.2em; font-weight:normal; line-height:1.5;  }
div#content a { color:#9dafc1; }
div#content a:hover { text-decoration:none; }

ul { list-style:none; }
ul#nav { width:300px; }
ul#nav li { margin-bottom:1px; line-height:30px;  }
ul#nav li a { display:block; color:#000; background:#bac2ca; height:30px; font-size:1.1em; font-weight:bold; text-decoration:none; 
padding:0 10px; width:280px; }

ul#nav li a:hover, ul#nav li a.active { background:#9dafc1; }


ul#footer { font-size:0.9em; width:800px; margin:0 auto; padding-top:8px; }
ul#footer li { display:inline; color:#fff; }
ul#footer li a { color:#fff; }
ul#footer li a:hover { text-decoration:none; }
ul#footer li.copy { float:left; }
ul#footer li.dev { float:right; }

div#content ul { font-size:1.4em; margin:0 0 1em 1em; list-style:disc; }
div#content ul li { margin-bottom:0.5em; }

div#content ul.contact { list-style:none; }
div#content ul.contact li { margin-bottom:10px; font-weight:bold; }
div#content ul.contact li span { width:100px; font-weight:normal; }

div#content dl { font-size:1em; overflow:auto; color:#6f2529; }
div#content dl dt { clear:left; float:left; width:80px; }
div#content dl dd { float:left; }

div#content form { width:330px; margin-bottom:1em; }
fieldset { border:none; font-size:1.2em; margin-bottom:5px; }
fieldset label { display:block; height:20px; margin-bottom:5px; }
fieldset label input { float:right; width:200px; height:20px; }
/*fieldset label input:active, fieldset label input:hover, fieldset textarea:hover  { border:1px solid #f47f1f; width:508px; height:198px; }*/
fieldset legend { display:none; visibility:hidden; }
fieldset textarea { width:330px; height:150px; }

address { font-style:normal; font-size:1.1em; }

img { display:block; }
img.img-header { margin-bottom:1px; }
img.map { position:absolute; right:0; bottom:28px; z-index:9; }
div#right img { margin-bottom:1px; }
a img { border:none; }



.gallerycontainer{ position:relative; height:599px; padding-left:435px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/ }
.gallerycontainer ul { list-style:none; margin:0; width:300px; }
.gallerycontainer ul li { float:left; width:90px; margin:0 0 0 4px; }

.thumbnail img { border: 1px solid white; /*margin: 0 5px 5px 0;*/ }
.thumbnail:hover { background-color: transparent; }
.thumbnail:hover img { border: 1px solid #483f37; }

.thumbnail span{ /*CSS for enlarged image*/
position: absolute; /*background-color: lightyellow;*/ /*padding: 5px;*/ left:0; /*border: 1px dashed gray;*/
visibility: hidden; color: black; text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/ border-width:0; padding:0; }

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility:visible; top:0; left:0; /*position where enlarged image should offset horizontally */ z-index: 50; }