*
{
  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, textarea, table
{
  font-family: arial, san-serif;
  color: #000;
  font-size: 13px;
  line-height: 1.4;
}

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
{
  font-family: Georgia, arial, san-serif;
  color:#000;
  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-family: arial, san-serif;
  color: #000;
  font-size: 11px;
  margin: 1.5em 0em 0em 0em;
}

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

h2
{
  font-size: 1.3em;
  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;
  list-style: none;
  line-height: 1em;
  padding: 0 0 0.1em 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/BottomBg.png) repeat-x top center;
  width: 1000px;
  height:150px;
  font-size: 12px;
  margin: 0px 17px;
  padding: 0;
  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:19;


}

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

#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:0px;
  z-index:105;


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


}

#login a
{
  
  color: #fff;
font-size:12px;
  font-weight: normal;


}



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



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


#lines {
  background: transparent url() top center;
  width:1000px;
  padding: 0;
  min-height: 350px;
  height: auto !important;
  height: 350px;
  float:left;
}
#lineMain {
  background: transparent url(http://www.smelink.se/Images/blackintresse.png) no-repeat top left;
  width:1000px;
  margin: -30px 0 0 0;
  padding: 33px 0 0 15px;
  min-height: 35px;
  height: 35px;
  float:left;
  overflow: hidden;  
  z-index:299;
}

#main-content {
  width:1017px;
  margin: 0 0 0 17px;
  padding: 0;
  min-height: 350px;
  height: auto !important;
  height: 350px;
  float:left;
}
#main-content-left {
  background: transparent url(http://www.testwebben.se/3208/Images/sommar3.jpg) no-repeat top left;
  width:750px;
  margin: 0;
  padding: 0;
  min-height: 350px;
  height: auto !important;
  height: 350px;
  float:left;
}
#main-content-right {
  background: transparent url(http://www.testwebben.se/3208/Images/bg-formular-beige.png) no-repeat top left;
  width:265px;
  margin: 0;
  padding: 0;
  min-height: 350px;
  height: auto !important;
  height: 350px;
  float:left;
}

#intresse {
  background: transparent url() no-repeat top left;
  width:205px;
  margin: 10px 0 0 20px;
  padding: 0;
  min-height: 50px;
  height: auto !important;
  height: 50px;
  float:left;
}

#premium {
  background: transparent url() no-repeat top left;
  width:265px;
  margin: 3px 0 0 0;
  padding: 0;
  min-height: 50px;
  height: auto !important;
  height: 50px;
  float:left;
}

#all-inclucive {
  background: transparent url() no-repeat top left;
  width:265px;
  margin: -9px 0 0 0;
  padding: 0;
  min-height: 50px;
  height: auto !important;
  height: 50px;
  float:left;
}

#vilken-typ {
  background: transparent url(http://www.testwebben.se/3208/Images/vilken_typ-bg.png) no-repeat bottom right;
  width:235px;
  margin: 0px 10px 10px 10px;
  padding: 0;
  min-height: 50px;
  height: auto !important;
  height: 50px;
  float:left;
  color: #000;
}

#vilken-typ a {
  color: #000;
  font-size: 18px;
  padding: 0px 0px 0px 10px;
  font-weight: normal;
}

#login h2 {
  font-family: arial, san-serif;
  color: #fff;
  font-size: 16px;
  padding: 0px 0px 0px 0px;
  margin-top: 0em;
}


#login h3 {
  font-family: arial, san-serif;
  color: #fff;
  font-size: 11px;
  margin-top: 0em;
  padding: 0px 0px 0px 0px;
}


#vilken-typ h2 {
  color: #000;
  font-size: 13px;
  padding: 0px 0px 0px 0px;
}

#main-content-right h1 {
  line-height: 1;
  color: #fff;
  font-size: 20px;
  margin: 10px 10px 0px 0px;
}

#main-content-right a {
  line-height: 1.1;
  color: #000;
  font-size: 18px;
  margin: 0px 10px 0px 0px;
  text-decoration:none;
  font-weight: bold;
}


#main-content-right h2 {
  line-height: 1.2;
  color: #fe7e00;
  font-size: 20px;
  margin: 0px 0px 0px 0px;
  font-weight: regular;
}

#main-content-right p {
  font-size: 11px;
  color: #000;
  margin: 5px 0px 5px 0px;
}

#erbjudande {
  width:750px;
  margin: 0 auto;
  padding: 0;
  min-height: 280px;
  height: auto !important;
  height: 280px;
  float:left;
  position: relative;
  left:15px;
  top:270px;
}


#erbjudande-banner
{
position: absolute;
left: 13px;
top: 139px;
z-index: 920;
width: 195px;
height: 120px;
}



#dina-sidor
{
  background: transparent url(http://www.testwebben.se/3208/Images/dina-sidor-bubble-orange.png) no-repeat top left;
position: absolute;
  padding: 13px 0px 0px 7px;
  color: #fff;
left: 903px;
top: -200px;
z-index: 921;
width: 125px;
height: 62px;
}



#line1
{
  padding: 20px 10px 10px 15px;
  margin: 0 0 0 0;
  width: 225px;
  min-height: 425px;
  height: 405px;
  position: relative;
  float:left;
}

#line2-start
{background: transparent url(http://www.testwebben.se/3208/Images/puff-bg-start.png) no-repeat center right;
  padding: 50px 10px 10px 50px;
  width: 450px;
  min-height: 113px;
  height: 113px;
  position: relative;
  float:left;
}

#line2-premium
{background: transparent url(http://www.testwebben.se/3208/Images/puff-bg-premium.png) no-repeat center right;
  padding: 50px 10px 10px 50px;
  width: 450px;
  min-height: 113px;
  height: 113px;
  position: relative;
  float:left;
}

#line2-pris
{  background: transparent url(http://www.testwebben.se/3208/Images/puff-bg-pris.png) no-repeat center right;
  padding: 50px 10px 10px 50px;
  width: 450px;
  min-height: 113px;
  height: 113px;
  position: relative;
  float:left;
}

#line2
{
  padding: 0px 10px 0px 0px;
  margin: 0 0 0px 5px;
  width: 490px;
  min-height: 405px;
  height: 405px;
  height: auto !important;
  position: relative;
  float:left;
}

#line3
{
background: url() no-repeat top left;
  padding: 20px 10px 0px 45px;
  margin: 0 0 0 0;
  width: 410px;
  min-height: 354px;
  height: 354px;
  position: relative;
  float:left;
  
}

#line4
{
  padding: 0px 0px 10px 20px;
  margin: 0 0 0 0;
  width: 450px;
  min-height: 125px;
  height: 125px;
  position: relative;
  float:left;
  color: #000;
}

#line3Puff
{
background: transparent url(http://www.testwebben.se/3208/Images/leveransgarantistar.png) no-repeat top left;
position: absolute;
left: -75px;
top: 302px;
z-index: 200;
width: 118px;
height: 119px;
}

#line1 h1 {
font-size:20px;
margin: 0em 0em 0.2em 0em;
}

#line2 h1 {
font-size:25px;
margin: 0em 0em 0.2em 0em;
}


#line3 h1 {
font-size:23px;
margin: 0em 0em 0em -40px;
line-height: 1.0;
}

#line2 p, #line2 h1 {
padding: 0em 0em 0em 0em;
}

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

#line4 h1 {
font-size:25px;
color:#000;
line-height: 1.0;
margin: 0.3em 0em 0.5em 0em;
}


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


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

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

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


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

#intresse #formular fieldset {
  padding: 0.1em 0; }

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

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

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

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

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

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

#intresse #formular button {
  width: 99%;
  color: #000;
  font-size: 1em; 
  margin: 0 0 10px 0;}





#wrapper {position:relative;}


/* ! tiny --> */

#wrapper-bildspel {width:750px; margin:0px auto;

   background:transparent url(http://www.smelink.se/Images/clouds-bg-start.png) no-repeat;
  }

.sliderbutton {float:left; width:32px; padding-top:150px}
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {background:#666}
#slider {float:left; position:relative; overflow:auto; width:685px; height:350px; }
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:680px; height:325px; padding-right:10px}



.pagination {float:right; position:relative; list-style:none; height:25px; margin:-330px 10px 0 32px; 
    z-index: 199;}
.pagination li {float:left; cursor:pointer; padding:5px 8px; background:#fff; border:0px solid #666; margin:0 4px 0 0; text-align:center; color:#222}
.pagination li:hover {background:#777; border:0px solid #bbb; color:#000}
.pagination li.current {border:0px solid #ff0000; background:#ece5d5}


li#content {width:670px; height:320px; padding:0px 28px 15px 18px}
#content h1 {font:40px Georgia,arial; margin-left:35px; margin-bottom:15px; margin-top: 50px; color:#000; font-weight:normal;}
#content h2 {margin-left:35px; font-weight:bold;}
#content h3 {font:30px Georgia,arial; margin-left:35px; font-weight:normal; color:#000;}

#content p {font-size:13px; margin-left:35px; 
  line-height: 1.2; margin-bottom:0px; margin-top: 5px; color:#000; font-weight:normal;}

/* Bildspelet */

img[src=""] {
margin:120px 0 0 240px;
}

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

#pageWrapper .slideshow-container {
height:286px !important;
overflow:hidden;
}

div.slideshow-container {
  background: transparent url(http://www.smelink.se/Filer/charlotte-perelli1.png) no-repeat; 
  position:relative;
  width: 483px;
  height: 286px;
}

 /* div.slideshow-title {
    width: 483px;
    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;
  }

 Om ej länkat
div.slideshow-container:hover {cursor:default !important;}*/

fieldset {border: 0 !important;}


.container {
  height: 360px;
  width: 760px;
  position: absolute;
}


.container h1 {font:17px Georgia,arial; color:#fff; margin:-20px 0 0 10px;}
#domansok {
   background:transparent url(http://www.smelink.se/Images/skiljelinje.png) repeat-y top left;
  width: 290px;
  position: absolute;
  padding: 0 0 0 20px;
  margin: 104px 0 0 55px;
  color: #fff;
}

#header h1 {font:30px arial; color:#fff; margin-top:20px;}
  

#main_erbjudande{
  background:url() no-repeat center center;
  float: right;
  position: relative;
  padding: 240px 0px 0 8px;
  margin: 10px 10px 0px 40px;
  width: 400px;
  height: 178px;
}


#main_erbjudande h1 {font:23px arial; color:#fff; margin-top:30px;}
#main_erbjudande h2 {font:28px Georgia, arial; color:#fe7e00; margin-top:0px;}
#main_erbjudande h3 {color:#f8f8f8;}
#main_erbjudande p {font:16px arial; color:#000;
  margin: 0px 0 0 10px;}
#main_erbjudande a {color: #fe7e00; font:20px Georgia, arial;  margin: 0px 0 0 10px;}

#main_view {
  background:url() no-repeat center center;
  float: right;
  position: relative;
  padding: 40px 110px 0 0px;
  margin: 0px 50px 0px 5px;
  width: 174px;
  height: 278px;
}

#domansok {
   background:transparent url(http://www.smelink.se/Images/skiljelinje.png) repeat-y top left;
  width: 290px;
  position: absolute;
  padding: 0 0 0 20px;
  margin: 104px 0 0 55px;
  color: #fff;
}

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

#login a
{
  color: #fff;
  font-size:12px;
  font-weight: normal;
}
.intresserubrik1
{
  font-family: Georgia, arial, san-serif;
  color:#000;
  font-size:18px;
}
.intresserubrik2
{
  color:#fe7e00;
  font-size:11px;
}
#intresse #formular .intresseinputtext
{
  font-family: Georgia, arial, san-serif;
  color:#000;
  font-size:14px;
}

#header #domansok  input[type="text"]
{
  width:140px;
  height:19px;
  padding:5px;
  background: url(http://www.smelink.se/Images/textinput_domansok_normal.png);
  border:0;
  outline:0;
  color:#111;
}

#intresse #formular input[type="text"]
{
  width:194px;
  height:19px;
  padding:5px;
  background: url(http://www.smelink.se/Filer/textinput_normal.png);
  border:0;
  outline:0;
  color:#111;
}
#intresse #formular input[type="submit"]
{
  position:relative;
  float:right;
  margin: 10px 0 0 0;
  width:100px;
  height:43px;
  background:url(http://www.testwebben.se/3208/Filer/skicka-knappen.png);
  border:0;
}
#intresse #formular input[type="submit"]:hover
{
  cursor:pointer;
}
#intresse #formular .tack1{
  font-family: Georgia, arial, san-serif;
  color:#000;
  font-size:19px;
}
#intresse #formular .tack2{
  font-family: arial, san-serif;
  color:#000;
  font-size:12px;
}


.roundabout-holder {
  background: transparent;
  list-style: none;
  width: 370px;
  height: 234px;
  position: relative;
}

.roundabout-moveable-item {
  width: 250px !important;
  height: 300px !important;
  border: 0px solid #000;
  background-color: #f3f3f3;
  font-size: 2em;
  cursor: pointer;
}

.roundabout-in-focus {
  cursor: auto;
}

#mycarousel {
  width: 250px !important;
  height: 300px !important;
  padding: 0 ;
  margin:20px 0 0 60px;
}