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

* { margin:0; padding:0; }
html { }
body { font-family:Tahoma, Verdana, "Trebuchet MS", Arial, sans-serif; background:#b3cf9a; 
font-size:62.5%!important; font-size:10px; padding-top:10px; }

div#wrap {  width:655px; position:relative; background:url(../img/bg-wrap.jpg) repeat-y; margin:0 auto; }
div#header { height:296px; position:relative; background:url(../img/bg-header.jpg) no-repeat; }
div#content { color:#000; padding:17px 30px 1px; width:400px; }

p.right { position:absolute; left:460px; top:315px; font-weight:bold; font-size:1.4em; }

h1 { position:absolute; left:45px; top:35px; }
h1 a { text-indent:-9999px; display:block; height:98px; width:199px; background:url(../img/logo.gif) no-repeat; }

h2 { margin-bottom:20px; font-size:2em; color:#000; }
h3 { font-size:1.4em; margin-bottom:15px; color:#000; }
div#right h3 { font-size:1.1em; margin-bottom:0.5em; }
h3 a { color:#e4e4e4; }
h4 { font-size:1.3em; margin-bottom:20px; color:#fff; }
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:#e4e4e4; }
div#content a:hover { text-decoration:none; }

ul { list-style:none; }
ul#nav { position:absolute; bottom:22px; left:30px; }
ul#nav li { display:inline; margin-right:2em; }
ul#nav li a { text-decoration:none; color:#fff; font-size:1.1em; font-weight:bold; }
ul#nav li a:hover, ul#nav li a.active { text-decoration:underline; }

ul#footer { font-size:0.9em; width:635px; height:20px; padding:15px 10px 0; margin:0 auto; 
background:url(../img/bg-footer.jpg) top left no-repeat #b3cf9a; }
ul#footer li { display:inline; color:#000; }
ul#footer li a { color:#000; }
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: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; }
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; }