* 
{
  margin:0;
  padding:0;
  outline:0;
}

html 
{
  overflow: auto;
  /*overflow-y: scroll;*/
}

body 
{
  background: #fff url(http://www.testwebben.se/3208/Images/body-bg.png) repeat-x top center;
  text-align: left;
  margin: 0;
  padding: 0;
}

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

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

body, select, input, textarea, table 
{
  font-family: arial, san-serif;
  color: #000;
  font-size: 13px;
  line-height: 1.5;
}

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

#kontaktTabell td {
font-size:11px;
padding:5px;
border:1px solid #999;
}

#kontaktTabell a {
color:#000;
font-weight:normal;
text-decoration:none;
}

h1, h2, h3, h4, h5, h6 
{
  color:#fff;
  font-weight: normal;
  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: 15px;
  margin: .4em 0em 0em 0em;
}

h2 
{
  font-size: 20px;
  margin: 0.7em 0em 0em 0em;
  line-height: 1.1 !important;
  color: #fe7e00;
}

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

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

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

a:hover 
{
  text-decoration: none;
}

a img 
{
  border: 0;
}

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

#wrapper ul 
{
  list-style: url() disc;
}

#wrapper #newsbox ul {list-style:none;}

ol 
{
  list-style: decimal;
}

strong 
{
  font-weight: bold;
}

em 
{
  font-style: italic;
}

blockquote 
{
  margin: 0em 3em;
}

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


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

#footer
{
  background: transparent url(http://www.testwebben.se/3208/Images/footer-bg.png) repeat-x top center;
  width: 1000px;
  height:130px;
  font-size: 12px;
  margin: 0 auto 0px auto;
  padding: 17px;
  clear: both;
  color: #666;
  position: relative;
}

#footer p {
  margin:0;
}

.footerChunk
{
  width: 150px;
  float: left;
  margin: 0 0px 0 0;
  padding: 20px 0 0 20px;
  text-align:left;
  line-height:1.1;
}

#footer td {
  color: #666;
  text-decoration: none;
  font-weight: normal;
}


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

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

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

#header
{
  background-repeat: no-repeat;
  margin: 0 0 0 0;
  width: 1000px;
  height: 75px;
  clear: both;
  position: relative;
  padding: 10px 0 35px 0px;
}
#logo
{
  background: transparent url() no-repeat top left;
  margin: 0px 0px;
  padding: 0;
  width: 219px;
  height: 65px;
  position: relative;
  float: left;
  left:15px;
  top:15px;
  z-index:99;


}
#payoff
{
  margin: 4px 0px;
  padding: 0;
  width: 400px;
  height: 65px;
  position: relative;
  float: left;
  left:50px;
}

#toning
{
  background: transparent url(http://www.testwebben.se/3208/Images/toningen1000.png) no-repeat top center;
  margin: 0px 0px;
  padding: 0;
  width: 1000px;
  height: 9px;
  position: relative;
  float: left;
  left:0px;
  top:0px;
  z-index:100
}

#toning-nere
{
  background: transparent url(http://www.testwebben.se/3208/Images/toningen_nere750.png) no-repeat top center;
  margin: 0px 0px;
  padding: 0;
  width: 750px;
  height: 9px;
  position: relative;
  float: left;
  left:0px;
  top:0px;
  z-index:110
}

#toning2
{
  background: transparent url(http://www.testwebben.se/3208/Images/toningen1000.png) no-repeat top center;
  margin: 0px 0px;
  padding: 0;
  width: 1000px;
  height: 9px;
  position: relative;
  float: left;
  left:0px;
  top:9px;
  z-index:105;


}
#login
{
  margin: 0px 0px;
  padding: 0;
  width: 350px;
  height: 65px;
  position: relative;
  float: right;


}

#login a
{
  
font-size:12px;


}



#header img {
z-index:99 !important;
}



#main
{
  background: transparent url(http://www.testwebben.se/3208/Images/main-bg2.png) repeat-y top left;
  margin: 0 auto;
  padding: 0;
  width: 1034px;
  min-height: 580px;
  height: auto !important;
  height: 580px;
}



#main-content {
  width:1000px;
  margin: 0 auto;
  padding: 0;
  min-height: 280px;
  height: auto !important;
  height: 280px;
  float:left;
}

#line1
{
  background: transparent url() repeat-x top left;
  padding: 20px 10px 10px 15px;
  margin: 0 0 0 0;
  width: 225px;
  min-height: 425px;
  height: 405px;
  position: relative;
  float:left;
}


#line2
{
  background: transparent url() repeat-x top left;
  padding: 0px 0px 0px 0px;
  margin: 0 0 20px 0;
  width: 750px;
  min-height: 425px;
  height: auto !important;
  height: 405px;
  position: relative;
  float:left;
}

#line2Main
{
  background: transparent url() repeat-x top left;
  padding: 0px 0px 0px 0px;
  margin: 0 0 0 0;
  width: 750px;
  min-height: 311px;
  height: 311px;
  height: auto !important;
  position: relative;
  float:left;

}


#line2Content
{
  background: transparent url() repeat-x top center;
  padding: 20px 10px 10px 15px;
  margin: 0 0 0 0;
  width: 725px;
  height: auto !important;
  min-height: 305px;
  position: relative;
  float:left;

}

#line2Content h1 {
font-size: 50px;
color:#fe7e00;
line-height: 1.5;
margin: 0em 0em 1em 0em;
}

#formular
{
background: transparent url(http://www.testwebben.se/3208/Images/formularBg.png) repeat top left;
position: absolute;
right: 0px;
top: 0px;
margin: 0px;
padding: 10px 25px 0px 25px;
z-index: 220;
width: 200px;
height: 311px;
}


#formular h1 {
font-size:20px;
color:#fe7e00;
line-height: 1.5;
margin: 0em 0em 0.5em 0em;
}

#line1 h1, #line3 h1 {
font-size:20px;
line-height: 1.5;
margin: 0em 0em 0.5em 0em;
}

#line4 h1 {
font-size:18px;
color:#000;
line-height: 1.5;
margin: 0em 0em 1em 0em;
}

#line4 a {
color:#000;
}

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


/* NAV ---------------------- */
/* menu box */
div#nav
{
  margin: 0 auto 0 auto;
  background: #000;
        width: 1000px;
        line-height: normal;
        padding: 0;
        margin: 0 !important;
        text-align: left;
  height:23px;
}

#nav ul 
{
  margin: 0 0 0 0;
  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; 
  height:16px;
}

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

#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
{
        text-decoration: underline;
  color: #fe7e00;
}
#dmenu li.parent.current a {
  color: #fe7e00;
        text-decoration: underline;}


/* Nivå 1, onmouseover */
#dmenu li a:hover, 
#dmenu li #current .current a:hover, 
#dmenu li#current a:hover
{
  color: #fe7e00;
        text-decoration: underline;
}

#nav #dmenu li#current a:hover {cursor:default;}

/* 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: normal;
        text-decoration: none;
        font-size: 13px;
        letter-spacing: 0.01em;
        margin: 0 0 0 0;
  padding: 0px 23px 5px 16px;
} 

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

#wrapper #nav #dmenu li ul {
display:none;
}

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

#detachedSubMenu 
{
  margin: 0;
  padding: 0;
}

#detachedSubMenu li
{
  list-style: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#detachedSubMenu a,
#detachedSubMenu a:link, 
#detachedSubMenu a:visited, 
#detachedSubMenu a:active 
{
  color: #000;
  font-size: 13px;
  text-decoration: underline;
  font-weight: normal;
  letter-spacing: 0.01em;
        line-height: 1.3;
  margin: 3px 0 3px 0;
  padding: 1px 15px;
  display: block;
  width: 225px;

}
ul#detachedSubMenu li a:hover {
  color: #000;
  font-size: 13px;
  text-decoration: none;} 
ul#detachedSubMenu li.active a {
  color: #000;
  font-size: 14px;
  text-decoration: underline;} 

 

#detachedSubMenu ul 
{ 
         margin: 0;
}

#detachedSubMenu ul li
{

}

#wrapper ul#detachedSubMenu ul li a 
{
  width: 195px;
   font-weight:bold;
  font-size: 12px;
  margin: 0 0 10px 10px;
  text-decoration: none;
}

#wrapper ul#detachedSubMenu ul li.active a {
  background: url(http://www.testwebben.se/3208/Images/detachedBG.png) no-repeat left center;
  padding-left: 24px;
}

#subMenuHeader
{
  display:none;
}


/*---Formularet----*/
#line2 #formular fieldset,
#line2 #formular fieldset * {
  border: none;
  margin: 0;
  padding: 0; }

#line2 #formular fieldset {
  padding: 0em 0; }

#line2 #formular fieldset legend {
  display: none; }

#line2 #formular ul,
#line2 #formular li {
  list-style-type: none; }

#line2 #formular li {
  margin-bottom: 0.5em; }

#line2 #formular label {
  display: block;
  font-weight: bold;
  color: #000;
  font-size: 0.9em;
  width: 99%;  }

#line2 #formular input,
#line2 #formular select {
  color: #666;
  font-size: 0.9em;
  width: 99%; }

#line2 #formular input,
#line2 #formular select {
  border: 1px solid #BDB2AE;
  margin-right: 0.5em;
  padding: 0.1em; }

#line2 #formular button {
  width: 195px;
  color: #666;
  font-size: 1em; }



/*------NYHETSFUNKTION---*/

#hembesok {
position:absolute;
right:-25px;
top:-22px;
}

#footerNews {
width:450px;
height:90px;
position:absolute;
left:150px;
top:0;
}

.modNewsList
{
  margin: 1em 0 0 0 !important;
  /*border-top: dotted 1px #7F7E6B;*/
  clear: both;
}

.modNewsList h3
{
  font-size: 1.3em;
  margin: 0 0 0 0;
  padding: 10px 0;
display:none;
}

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

.NewsList li
{
  list-style-type: none;
  margin: 0 1.5em 0 0;
  padding: 0.5em;
  border: 1px dotted #666;
  float: left;
  width: 11em;
  min-height:50px;
  height: auto !important;
  height: 50px;
}
.NewsList li:hover {background:#121212;}

.NewList li
{
      list-style-type: none !important;
  list-style:none !important; 
      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: normal;
  line-height: 1.5;
}

/*------PRODUKTKATALOG---*/

#Page39219 #main-content {

}

div.modCatalog {
width:100%;
margin:0 auto 20px auto;
}

/*Kategorier*/

div.CategoryAsImage {
background:#f7f7f7;
width:285px;
height:235px;
display:table-cell;
vertical-align:top;
float:left;
margin:0 15px 15px 0;
text-align:center;
border:1px solid #ccc;
}
div.CategoryAsImage:hover {
background:#fff;
border:1px solid #7F7E6B;
}
div.CategoryAsImage a {

}
div.CategoryAsImage img {
margin-top:5px;
border:1px solid #ccc;
}

/*Produkter*/
div.ProductAsImage {
background:#f7f7f7;
width:160px;
height:auto;
display:table-cell;
vertical-align: top;
float:left;
margin:0 15px 15px 0;
text-align:center;
border:1px solid #ccc;
}

div.ProductAsImage:hover {
background:#fff;
border:1px solid #aaa;
}
div.ProductAsImage a {

margin-bottom:5px;
}
div.ProductAsImage img {
margin-top:5px;
}

a.modCatalog_cat_imglink {

}

div.navigator {
display:none;
}

#img-placeholder {
float:right;
margin-left:40px;
}

#imgProduct {
background:#f7f7f7;
padding:5px;
border:1px solid #ccc;
}
#imgProduct:hover {border:1px solid #7F7E6B;}

#AddImagesPlaceholder {
width:100%;
float:left;
margin-top: 20px;
}

div.divAdditionalImage {
background:#f7f7f7;
padding:5px;
border:1px solid #ccc;
float:left;
margin:0 15px 15px 0;
height:100px;
}
div.divAdditionalImage:hover {cursor:pointer; border:1px solid #7f7e6b;}

.modCatalog p img {
background:#f7f7f7;
padding:5px;
border:1px solid #ccc;
}

#frmMain #footer, #frmMain #bokahembesok {
display: none;
}
/*-- Start standardcss för skyddad sida --*/

#divProtectedPageDialog label
{
     display: block; width: 110px; float: left;
}

#divProtectedPageDialog button
{
     margin-left: 182px;
}

#divLogutDialog
{
     float:right;
}
#divProtectedPageDialog #btnNewPassword
{
     margin-left: 118px;
}
/*-- Slut standardcss för skyddad sida--*/