html /* byta bg till bg.png och vit bgfärg.*/
{
      background-color: #e1e1e1;
  background-image: url(http://www.testwebben.se/1271/Images/newbg.png);
  background-repeat: repeat-x;
        margin: 0;
      padding: 0;
}

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

}

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

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

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

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

h1, h2, h3, h4, h5, h6
{
      color: #5C9A93;
      padding: 0em;
  font-weight: bold;
      text-decoration: none;
      line-height: 1.1;
        letter-spacing:0.07em
}

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

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

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

h3
{
      font-size: 1em;
      margin: 1em 0em 0.5em 0em;
        color:#006156;
        letter-spacing:0;
}

h2
{
      font-size: 1.2em;
      margin: 1em 0em 0.5em 0em;
        color:#006156;
}

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

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

a,
a:link,
a:hover,
a:visited,
a:active
{
      
        color: #5C9A93;
  text-decoration: underline; 
        font-weight: bold;
}

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

img
{
border:0px;
}

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;
}

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

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

#footer
{  

  font-size: 1em;
      text-align: center;
      margin: 1em 0 0 0;
        padding: 2px 2px 2px 5px;
      clear: both;
        color: #3b3f41;
  border-top: #ccc solid 0px;

}

#footer a,
#footer a:link,
#footer a:hover,
#footer a:visited,
#footer a:active
{
      color: #3b3f41;
  text-decoration: none; 
  font-weight: normal;
}

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

#smelink_linkbox
{
  margin: 20px 0 5px 0px;
        padding-top:20px;
}

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

#wrapper
{
      text-align: left;
      margin: 0em  auto;
  width: 900px;
  padding: 0;
  /*background:white;*/
}

#header 
{
  background-image: url(http://www.testwebben.se/1271/Images/newheader.gif);
      background-position: left bottom;
      background-repeat: no-repeat;
        border-bottom:0px solid #006257;
  width: 900px;
  height: 150px;
  margin: 0;
  padding: 0;
}

#main
{
      margin: auto;
        padding: 10px;
        text-align: left;
  width: 1000px;
  margin-top: 25px;

}

#main-left
{
  float: left;
  width: 200px;
  margin-right: 50px;
  margin-top: 70px;

}

#main-content
{
  
  float: left;
  width: 640px;
  background-color: #fff;
  height: 450px;
  overflow: auto;
  margin-top: 0px;
  overflow-x: hidden;
  padding: 20px;
}

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

/* NAV ---------------------- */
#nav
{
  width: 200px;
  font-family: Century Gothic, verdana;




}

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

}

#nav ul ul,
#nav ul ul ul
{
      margin-left: 1.5em;
      padding: 0;
}

#nav li
{
  list-style-type: none;
      margin: 0em 0em 0em 0em;
      padding: 0em 0em 0em 0em;
  text-transform: normal;
  border-bottom: 0px solid #006156;
}

#nav li li
{
      text-transform: none;
  list-style-type: none;
      margin: 0.2em 0em 0em 0em;
      padding: 0.2em 0em 0em 0em;
  border-bottom: 0px solid #006156;
}

#nav li li li
{
  text-transform: none;
  list-style-type: none;
      margin: 0.2em 0em 0em 0em;
      padding: 0.2em 0em 0em 0em;
  border-bottom: 0px solid #006156;
}

#nav li a:link,
#nav li a:visited,
#nav li a:hover
{
      color: #fff;
      text-decoration: none;
      font-size: 18px;
      padding: 0em;
        font-weight: normal;

}

#nav li a:hover
{
      color: #ccc;
}

#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;   
}

#nav li#current
{
  color: red;        
        border-bottom:0px solid #006156;
        padding-left:0px;
        
}

#nav li#current a:link,
#nav li#current a:visited,
#nav li#current a:hover
{
color: #fff;
font-weight: bold;
}



/*
#nav ul li.current a:link,
#nav ul li.current a:visited,
#nav ul li.current a:hover,
#nav ul li.current ul li a:link,
#nav ul li.current ul li a:visited,
#nav ul li.current ul li a:hover,
#nav ul li.current ul li ul li a:link,
#nav ul li.current ul li ul li a:visited,
#nav ul li.current ul li ul li a:hover
{
  background-color: transparent;
}
*/

#nav ul li.current a:link,
#nav ul li.current a:visited,
#nav ul li.current a:hover,
#nav ul li.current ul li.current a:link,
#nav ul li.current ul li.current a:visited,
#nav ul li.current ul li.current a:hover,
#nav ul li.current ul li.current ul li.current a:link,
#nav ul li.current ul li.current ul li.current a:visited,
#nav ul li.current ul li.current ul li.current a:hover
{
  background-color: transparent;
}

#nav ul li.current ul li a:link,
#nav ul li.current ul li a:visited,
#nav ul li.current ul li a:hover,
#nav ul li.current ul li.current ul li a:link,
#nav ul li.current ul li.current ul li a:visited,
#nav ul li.current ul li.current ul li a:hover
{
  font-weight: normal;

}


@media screen and (max-device-width: 480px) {
* { margin: 0; border: 0; padding: 0; }
body {
-webkit-text-size-adjust: none;
}
#/*logo {display: none;}
#header {min-height: 50px; height: auto;}*/
#nav {height: auto; font-size: 1.5em;}
#main-content {height: auto;}

}