html
{
      background-color: #eaf2f6;
  background-image: url(http://www.testwebben.se/1890/Images/012_bg_html.jpg);
  background-repeat: repeat-x;
        margin: 0;
      padding: 0;
}

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

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

body, textarea
{
      font-family: tahoma, trebuchet ms, verdana, arial, helvetica, sans-serif;
      color: #000;
      font-size: 12px;
}

table
{
      font-size: inherit;
      font: 100%;
}

body, p, li, td
{
      line-height: 1.5;
}

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

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

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

h4
{
      font-size: 0.8em;
      margin: 1.5em 0em 0em 0em;
}

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

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

h1,
.modGallery h2,
.modGuestbook h2,
.modCatalog h2,
.modNewsList h2
{
      text-transform: none;
      font-size: 2em;
      margin: 0em 0em 0em 0em;
}

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

a,
a:link,
a:hover,
a:visited,
a:active
{
      color: #006699;
  text-decoration: underline; 
}

a:hover
{
      text-decoration: none;
      color: #006699;
}

img
{

}

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

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

ul li,
ol li
{
      margin: 0.2em 0em 0em 0em;
      list-style-position: outside;

}

ul
{
      
}

ol
{
      list-style: decimal;
}

table
{
      /*border-collapse: collapse;
      border-spacing:0;
      margin: 1em 0em 0em 0em*/
}

table td
{
      /*vertical-align: top;
      padding: 0.2em 0.5em 0.2em 0.3em;*/
}

strong
{
      font-weight: bold;
}

em
{
      font-style: italic;
}

blockquote
{
      margin: 0em 3em;
}

.bild
{
  border: #006699 solid 1px;
  padding: 2px;
}

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

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

#footer
{  

  font-size: 0.8em;
      text-align: left;
      margin: 0;
        padding: 2px 2px 2px 5px;
      clear: both;
        color: #999;
  border-top: #ccc solid 1px;
}

#footer a,
#footer a:link,
#footer a:hover,
#footer a:visited,
#footer a:active
{
      color: #999;
  text-decoration: none; 
}

#pFooterText
{
  margin: 5px 0 0 0px;
}

#smelink_linkbox
{
  margin: 5px 0 5px 0px;
}

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

#container-top
{
  width: 800px !important;
  width: 650px;
        height: 10px;
        margin: 0px auto;
  text-align: left;
  padding: 5px 0 0 240px !important;
  padding: 5px 0 0 230px;

}
#container-top h2
{
        color: #fff;
      padding: 0;
        margin-top:5px;  
        margin-left:-35px; 
        font-size: 1.1em;
  font-weight: normal;
      text-decoration: none;
      line-height: 1.1;
        letter-spacing: 0.05em;
}

#wrapper
{
      text-align: left;
      margin: 1em  auto;
  background-color: #fff;
  width: 900px;
  padding: 0;
}

#header
{
  background-image: url(http://www.testwebben.se/1890/Images/012_bg_header.jpg);
      background-position: left bottom;
      background-repeat: repeat;
  width: 900px;
  height: 148px;
  margin: 0;
  padding: 0;
}

#header #langlink {
  position: relative;
  left: 10px;
  top: 130px; }

#header #langlink img {
  border: none;
  margin-right: 0.5em; }

#header #langlink span {
  display: none; }

#main
{
      margin: auto;
        padding: 10px;
        text-align: left;
}

#main-left
{
  float: left;
  width: 200px;
}

#main-content
{
  
  float: left;
  width: 640px;
  padding: 10px;
}

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

/* FORMULÄR ---------------- */

form
{
      margin: 1em 0em 0em 0em;
}

form fieldset
{
      position: relative;
      display: block;
      width: 100%;
      background-color: #dddddd;
      border: 1px #777777 solid;
      padding: 0 0.5em 0.5em 0.5em;
      margin: 1.5em 0em ;
}

form fieldset legend
{ 
      background-color: #777777;
      border: 1px #1d647b solid;
      color: white;
      font-weight: bold;
      font-variant: small-caps;
      font-size: 0.9em;
      padding: 2px 5px;
      margin: 0px 0px 10px 0px;
      position: relative;
      top: -12px;
}

textarea,
input
{
      padding: 0 0.2em;
}

textarea
{
      font-size:83%;
      height: 6em;
}

select,
input
{
      font-size:inherit;
      font:100%;
}

button
{
      line-height: 1.1em;
      padding-top: 0.05em;
}


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

#nav
{
  float: left;
  width: 15em;
  margin: 1em 0 0 0;
  background-color: #006699;
}

#nav ul 
{  
  margin: 0;
  padding: 0;
}

#nav ul li 
{
  background-color: #fff;
  width: 100%;
  list-style-type: none;
  margin: 0.4em 0;
  padding: 0;
}


#nav ul li.current a 
{
  background-color: #e5de0b;
}

/*Current state för nivå1*/
#nav ul li.current li a 
{
  background-color: #fff;
}

#nav ul li.current 
{
  background-color: #006699;

}

#nav ul li a 
{
  font-size: 1em;
  font-weight: bold;
  margin: 0;
  padding: 3px 0.5em;
  color: #000;
  text-decoration: none;
        display: block;
}
    
#nav ul li a:hover 
{
  background-color: #e5de0b;
  
}

/*Nivå2*/
#nav ul ul 
{
  margin: 0 1em 0 1em;
}
  
#nav ul ul li 
{
  padding:0;
        margin: 5px 0 0 0;
}

#nav ul ul li a
{
  font-weight: normal;
        display: block;
  color: #000;
  font-size: 0.9em;
}

#nav ul ul li li a
{
  border-left: 0px;
}

#nav ul ul li a:hover 
{
  background-color: #e5de0b;
}

/*Current state för nivå2*/
#nav ul li ul li.current a 
{
  background-color: #e5de0b;
}

#nav ul li ul,
#nav ul li ul li ul,
#nav ul li.current ul li ul
{
      display:none;
      font-weight: normal;
}

#nav ul li.current ul,
#nav ul li.current ul li.current ul
{
  display: block;
}