* 
{
  outline:0;
}

html 
{
  background-color: #d8d8d8;
  background-image: url(http://www.testwebben.se/2494/Images/146_bg_html.jpg);
  background-repeat: repeat-x;
  overflow: auto;
  overflow-y: scroll;
  font-size: 62.5%;
}

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

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

body 
{
  /*Content editor body*/
  /*background-color: #fff;*/
}

body, select, input, textarea, table 
{
  font-family: arial, verdana, sans-serif;
  color: #666666;
  font-size: 1.2em;
  line-height: 1.5;
}

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

h1, h2, h3, h4, h5, h6 
{
  padding: 0em;
  font-weight: bold;
  text-decoration: none;
  line-height: 1.4;
}

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: 1.2em;
  margin: 1em 0em 0em 0em;
}

h2 
{
  font-size: 1.5em;
  margin: 0.5em 0em 0em 0em;
}

h1,
.modGallery h2,
.modGuestbook h2,
.modCatalog h2,
.modNewsList h2 
{
  text-transform: none;
  letter-spacing: 0.05em;
  font-size: 2.2em;
  margin: 0.5em 0em 0em 0em;
  padding: 0em; 
}

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

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

a:hover 
{
  text-decoration: underline;
  color: #898989;
}

a img 
{
  border: 0;
}

img.ram {
  padding:5px;
  border:1px solid #006795;
  float:right;
  margin:0 0 1em 1em;
}

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

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

ul li,
ol li 
{
  margin: 0.3em 0em 0em 0em;
  list-style-position: outside;
  line-height: 1em;
  padding: 0 0 0.5em 0;
}

ul 
{
  
}

ol 
{
  list-style: decimal;
}

strong 
{
  font-weight: bold;
}

em 
{
  font-style: italic;
}

blockquote 
{
  margin: 0em 3em;
}

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

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

#footer
{
  font-size: 1em;
  text-align: center;
  margin: 1em auto;
  padding: 0;
  clear: both;
  color: #a6a6a6;
  width: 880px;
}

#pFooterText
{
  margin: 0em 0em 0em 0em;
  padding: 0;
}

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

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

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

#lang {
width:auto;
height:30px;
position:absolute;
right:0;
bottom:7px;
}

#header
{
  margin: 0 auto;
  padding: 0em 0 0 0;
  width: 920px;
  clear: both;
  position: relative;
}

#logo
{
  margin: 1em 0 1em 2.5em;
}

#main
{
  margin: 0 auto;
  padding: 0;
  width: 920px;
  border: #bbbbbb solid 1px;
  background-color: #ffffff;
}

#main-content
{
  padding: 2em;
  margin: 0 auto;
  width: 870px;  
  text-align: left;
  min-height: 300px;
  height: auto !important;
  height: 300px;
}

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


/* NAV ---------------------- */
/* menu box */
div#nav
{
        width: 850px;
        line-height: normal;
        padding: 0em 0em em 0em;
        margin: 0em auto 0em auto;
        text-align: left;
  height: 3.0em;
}

#nav ul 
{
  margin: 0px;
  list-style: none; 
}

#nav li 
{
  margin: 0em;
  float: left; 
}

#nav ul li li 
{
  float: left;
  width: 10em; 
}

#dmenu li 
{
  list-style-type: none;
  float: left;
  display: block; 
}

#dmenu ul 
{
  float: left;
  border: 1px #bbbbbb solid;
  border-top: 1px white solid;
  position: absolute;
  display: none;
  margin-top: 0px !important;
  margin-top: 6px;
  margin-left: 10px;
  width: 10em;
  z-index: 99; 
  background-color: #fff;
}

#dmenu li a 
{
  display: block;
  text-decoration: none;
  border: 0px;
  color: #a6a6a6;
}

#dmenu ul a 
{
  display: block;
}

#dmenu a:hover 
{
  display: block; 
}

#dmenu ul li a:hover 
{
  display: block; 
}

#dmenu ul ul 
{
  display: none;
  position: absolute;
  margin-left: 119px;
  margin-top: -25px !important;
  margin-top: -25px;
  z-index: 99; 
  border-left: 1px #fff solid;
}

#dmenu ul li>ul, #dmenu ul ul li>ul 
{
  margin-top: -1em; 
}

#dmenu li:hover ul ul,
#dmenu li:hover ul ul ul,
#dmenu li:hover ul ul ul ul,
#dmenu li:hover ul ul ul ul ul 
{
  display:none; 
}

#dmenu li:hover ul,
#dmenu ul li:hover ul,
#dmenu ul ul li:hover ul,
#dmenu ul ul ul li:hover ul,
#dmenu ul ul ul ul li:hover ul 
{
  display:block; 
}

li>ul 
{
  top: auto;
  left: auto; 
}

/* Aktuell sida, 1-3 */
#dmenu li#current a:link,
#dmenu li#current a:visited
{ 
  color: #0079AF;
}

/* Nivå 1, onmouseover */
#dmenu li a:hover, 
#dmenu li #current .current a:hover, 
#dmenu li#current a:hover
{
  color: #898989;
}

/* Nivå 2-3, onmouseover */
#dmenu li ul li a:hover,
#dmenu li.current ul li a:hover,
#dmenu li.current ul li.current a:hover,
#dmenu li#current ul li a:hover,
#dmenu li ul li a:hover
{
  color: #898989;
  background-color: transparent;
}

/* Alla nivåer */
#dmenu a:link,
#dmenu a:visited,
#dmenu a:hover
{
        font-weight: bold;
        text-transform: none;
        text-decoration: none;
        font-size: 1em;
        letter-spacing: 0em;
        padding: 0.5em 1em;
        margin: 0;
} 

/* Nivå 2-3 */
#dmenu ul li a:link,
#dmenu ul li a:visited,
#dmenu ul li a:hover
{
        font-weight: normal;
        text-transform: none;
        text-decoration: none;
        font-size: 1em;
        letter-spacing: 0em;
        padding: 0.5em;
        margin: 0em;
} 


/*NYHETSMODUL------------------*/

.modNewsList
{
  margin: 1em 0 0 0em;
  clear: both;
}

.modNewsList h3
{
  font-size: 1.2em;
  margin: 0;
  padding: 1em 0;
  border-top: solid 1px #bbbbbb;

}

.modNewsList ul 
{
  margin: 0;
  padding: 0;
}

.NewsList li
{
  list-style-type: none;
  margin: 0 1.5em 2em 0;
  padding: 0.5em;
  border-right: solid 1px #bbbbbb;
  float: left;
  width: 11em;
  min-height: 6em;
  height: auto !important;
  height: 6em;
}

.NewList li
{
      list-style-type: none;
      margin: 0;
      padding: 1em;
      border-bottom: #ccc 1px solid;
}

.image
{
      margin: 0 1em 1em 0;
}

.aNewsLink 
{
      font-weight:bold;
}

.modNewsList ul.NewsList li, 
.date
{
      font-weight:bold;
}

.modNewsList a, 
.modNewsList a:hover
{
      font-weight: bold;
  line-height: 1.5;
}
