html
{
   background-color: #004075;
}

body
{
   margin: 0;
   padding: 0;
   text-align: center;
}

/* CONTENT (start) --------- */

body, textarea, table
{
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 12px;
   line-height: 1.5;
   color: black;
}

h1, h2, h3, h4, h5, h6
{
   color: #3b5787;
   padding: 0em;
   font-weight: normal;
   text-decoration: none;
   line-height: 1.1;
}

h6
{
   font-size: 0.7em;
   margin: 1em 0em 0em 0em;
}

h5
{
   font-size: 0.8em;
   margin: 1em 0em 0em 0em;
}

h4
{
   font-size: 0.9em;
   margin: 1em 0em 0em 0em;
}

h3
{
   font-size: 1em;
   margin: 1em 0em 0em 0em;
}

h2
{
   font-size: 1.3em;
   margin: 1em 0em 0em 0em;
}

h1,
.modGallery h3,
.modGuestbook h2,
.modCatalog h2,
.modNewsList h2
{
   text-transform: none;
   letter-spacing: 0.1em;
   font-size: 2.1em;
   margin: 1em 0em 0em 0em;
}

/* från h1 till h2 */
.modGuestbook form h2
{
   font-size: 1.3em;
}

p
{
   font-size: 1em;
   margin: 0.5em 0em 0em 0em;
}

a,
a:link,
a:hover,
a:visited,
a:active
{
   color: #004075;
   text-decoration: none;
   font-weight: bold;
}

a:hover
{
   text-decoration: underline;
}

img
{
   
}

hr
{
   height: 1px;
   margin: 0.5em 0 1em 0;
   color: gray;
   background-color: gray;
   clear: both;
}

ul,
ol
{
   margin: 1.2em 0em 1.2em 2em;
}

ul li,
ol li
{
   margin: 0.2em 0em 0em 0em;
}

ul li
{
   
}

.linje
{
   border-left: 1px gray solid;
}


/* CONTENT (end) ----------- */

/* FOOTER ------------------ */

#footer 
{
   clear: both;
   height: 55px;
   text-align: center;
   padding: 4em 0em 1em 0em;
   color: #869ab5;
}

/* LAYOUT ------------------ */

#wrapper
{
   margin: 0.5em auto;
}

#container
{
   background: #ffffff;
   width: 950px;
   text-align: left;
   margin: 1em auto;
   border: #c5d6ff double 2px;
}

#header 
{
   height: 200px;
   /*background-image: url(http://www.testwebben.se/597/Images/topp.jpg);*/
   position: relative;
}

#logo
{
   position: absolute; 
   top: 0;
   left: 0;
   z-index: 999;
}

#main
{
   
}

#main-content
{
   padding: 20px;
}

.clear
{
   clear: both;
   line-height: 0.01;
   border-style: none;
}

/* NAV --------------------- */

div#nav 
{
   width: 950px;
   background: #acacac;
   line-height: normal;
   /*font-weight: normal;*/
   padding-bottom: 0px;
   height: 40px;
   font-size: 10px;
   letter-spacing: 0.2em;
   text-transform: uppercase;
}

div#nav ul 
{
   margin: 0px;
   margin-left: 5px;
   padding: 0px 40px 0px 0px;
   list-style: none;   
}

div#nav li 
{
   float: left;
   margin:0;
   margin-left: 0px;
   
}

div#nav a 
{
   display: block;
   padding: 10px 25px 9px 25px;
   margin:0;
   color: #000000;
}

div#nav li#liCurrent a,
div#nav a 
{
   
}

div#nav a 
{
   float: left;
   text-decoration: none;
}

div#nav li#liCurrent
{
   
}

div#nav a:hover
{
   color: white;
}


div#nav li#liCurrent a 
{
   
}

/* Bildspel ------------------------------- */

img[src="Images/loader.gif"] {
   margin:90px 0 0 450px;
}

#bildspel {
   height:200px !important;
   overflow:hidden;
}

.slideshow-container {
   height:200px !important;
   overflow:hidden;
   z-index: 99;
}

div.slideshow-container {position:relative;}

div.slideshow-title {
   width: 400px;
   height: 150px;
   position: absolute;
   left: 35px;
   top: 25px;
   font-family: Arial, Sans-serif;
   font-size: 50px;
   font-weight: normal;
   font-style: italic;
   color:#fff;
   text-align: left;
   margin:0;
   padding:0;
   letter-spacing: -0.03em;
   opacity:0.5;
   z-index: 99 !important;
}

div.slideshow-container:hover {cursor:default !important;}