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

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

div#wrap {  width:800px; position:relative; background:url(../img/bg-body.jpg) top repeat-x; margin:0 auto; }
div#header { position:relative; background:url(../img/header.jpg) no-repeat; height:300px; }
div#content { background:url(../img/bg-content.jpg) no-repeat; width:457px; min-height:200px; height:auto!important; padding:20px  }
div#right { position:absolute; right:0; top:303px; width:300px }
dix#kont { position:absolute; right:0; top:303px; width:300px }
div#gjest { position:absolute; right:0; top:480px; width:300px }
div#spillcd { position:absolute; right:0; top:700px; width:300px}
div#opp { position:absolute; right:0; top:580px; width:300px; }

div#right h2 { background:url(../img/h-priser.jpg) no-repeat; height:48px; text-indent:-9999px; margin-bottom:3px; }
div#right ul {}
div#right ul li { float:left; height:49px; width:99px; margin-left:1px; }
div#right ul li.start { margin-left:0; }
div#right ul li a { display:block; text-indent:-9999px; }
div#right ul li a.cd { background:url(../img/h-priser.jpg) no-repeat; height:48px; width:299px;}
div#right ul li a.kont { background:url(../img/bt-kont.jpg) no-repeat; height:99px; width:299px; }
div#right ul li a.singel { background:url(../img/bt-singel.jpg) no-repeat; height:99px; width:99px; }
div#right ul li a.gjest { background:url(../img/gjest.png) no-repeat; height:48px; width:299; }
div#right ul li a.spillcd { background:url(../img/banner.gif) no-repeat; height:150px; width:180; }

div#gjest ul {}
div#gjest ul li { float:left; height:99px; width:299px; margin-left:1px; }
div#gjest ul li.start { margin-left:0; }
div#gjest ul li a { display:block; text-indent:-9999px; }
div#gjest ul li a.gjest { background:url(../img/gjest.png) no-repeat; height:48px; text-indent:-9999px; margin-top:3px; }

div#kont ul {}
div#kont ul li { float:left; height:99px; width:299px; margin-left:1px; }
div#kont ul li.start { margin-left:0; }
div#kont ul li a { display:block; text-indent:-9999px; }
div#kont ul li a.kont { background:url(../img/bt-kont.jpg) no-repeat; height:99px; text-indent:-9999px; margin-top:3px; }

div#spillcd ul {}
div#spillcd ul li { float:left; height:150px; width:180px; margin-left:1px; }
div#spillcd ul li.start { margin-left:0; }
div#spillcd ul li a { display:block; text-indent:-9999px; }
div#spillcd ul li a.spillcd { background:url(../img/banner.gif) no-repeat; height:150px; text-indent:-9999px; margin-top:3px; }

h1 { position:absolute; left:-9999px; }
h1 a { text-indent:-9999px; display:block;  }

h2 { margin-bottom:1em; font-size:1.7em; color:#f3a3b70ff; }
h3 { font-size:1.4em; margin-bottom:15px; color:#3a3b70; }
h3 a { color:#fff; }
h4 { font-size:1.3em; margin-bottom:20px; color:#000; }
h5 { font-size:1.2em; }

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

ul { list-style:none; }
ul#nav { position:absolute; bottom:4px; left:4px; line-height:29px; height:29px; }
ul#nav li { margin-bottom:10px; float:left; border-right:1px solid #000;  }
ul#nav li a { display:block; color:#fff; font-size:1.1em; font-weight:bold; text-decoration:none; padding:0 10px; }

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


ul#footer { font-size:0.9em; width:780px; height:20px; line-height:20px; margin:0 auto; background:#000; padding:0 10px; }
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, div#content ol { font-size:1.4em; margin:0 0 1em 1em; list-style:disc; }
div#content ol { list-style:decimal; }
div#content ul li, div#content ol 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:1.4em; overflow:auto; margin-bottom:20px; }
div#content dl dt { clear:left; float:left; width:100px; }

div#content dl dd { float:left; margin-bottom:10px; font-weight:bold; }

div#content form { width:400px; 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:400px; height:150px; }

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

img { display:block; }
img.header-img { position:absolute; top:25px; right:25px; }
img.map { position:absolute; right:0; bottom:28px; z-index:9; }
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; }