body { margin: 100px 0 10px 0; padding: 0; font: 0.8em/normal Arial, Helvetica, sans-serif; color: #333; /*background: url(../img/index/bg.jpg) center top;*/ 
background: #572c0f url("../img/index/bg2.jpg") center top repeat-y;}

h1, h2 { position: relative; margin: 0 0 10px 0; letter-spacing: -2px; font-size: 2em; font-weight: normal; /*text-transform: uppercase;*/}
h2 { letter-spacing: 0; font-size: 1.5em;}
h6 { margin: 5px 0 5px 0; font-size: 1.0em;}
.newref h6 { font-size: 0.8em; font-weight: normal; font-style: italic; color: #a1a172;}
p { position: relative; margin: 5px 0 10px 0;}
.floatbreak {clear:both;}
blockquote { margin: 5px 10px; padding: 10px 20px 10px 40px; background: url("../img/referenser/quote.gif") no-repeat; }

#container {width: 730px; height: auto; margin: 0 auto 20px auto; padding: 0 10px;}
  
  .flower { position: absolute; width: 360px; height: 136px; margin: -80px 0 0 406px; background: url("../img/index/flower.png");}
  
  #head { width: 714px; height: 200px; padding: 0 8px; background: #fff url("../img/index/head_pic.jpg") 8px 0 no-repeat;}
    #head div { width: 320px; float: right; padding-top: 80px; background: url("../img/index/logotype.png") 40px 15px no-repeat;}
    #head p { margin: 5px 0 10px 0;}

  .headstart, .headend { width: 730px; height: 8px; font-size: 0;}
  .headstart { background: url("../../img/index/big_white_top.gif");}
  .headend { background: url("../../img/index/big_white_bottom.gif") bottom;}
  

#wrapper { width: 730px; height: auto; margin-top: 20px;}
  #left { width: 180px; height: auto; float: left; }
    /*#left .towels {position: absolute; left: 0; width: 153px; height: 221px; background: url(../img/index/bg_towels.gif);}*/
  
  #right { width: 510px; height: auto; float: right; }
    /* 
     TYPE 1 = STD (rosa)
     TYPE 2 = STD (blå)
     TYPE 3 = Kontakt
     TYPE 4 = "Vi kontaktar er" rutan 
     TYPE 5 = STD (grön)
     */
     
    .type1, .type2, .type3, .type4, .type5 { width: 490px; height: auto; float: left; clear: both; padding: 10px 10px 5px 10px; background: #fff url("../img/index/bg_topframe.gif") 0 0 no-repeat;}
    .type1 h1, .type1 h2, .type1 h6 { color: #d4d494; /*color: #ff6ab4;*/}
    .imgright { float: right; margin: 5px 0 5px 5px; border: 4px solid; }
    .type1 .imgright { border-color: #FF99CC;}
    .type2 h1 {color: #d4d494;}
    /*.type2 h1,*/ .type3 h1, .type4 h1 { color: #66CCFF;}
    /*.type2 .imgright { border-color: #66CCFF;}*/
    .type3 { background: #fff url("../img/index/bg_contact.gif") -100px center no-repeat;}
    .type3 input, .type3 textarea, .type4 input { border: 1px solid #66CCFF;}
    .type4 p, .type4 label { font-size: 0.8em;}
    .type4 h1, .type4 p { margin:0 0 5px 0;}   
    .type5 h1, .type5 h2, .type5 h6 { color: #d4d494;}
    .type5 h6 {color: #a7a775}
    .type2 .imgright, .type5 .imgright { border-color: #d4d494; }
    
    /* typestart-end = böjda hörn uppe & nere */
    .typestart, .typeend { width: 510px; height: 8px; margin-bottom: 5px; clear: both; font-size:0; background: url("../img/index/bg_bottomframe.gif") 0 0 no-repeat;}
    .typestart { height: 7px; margin:0; background: url("../img/index/bg_topframe.gif") 0 0 no-repeat;}

  #right .type4 form {margin:0;padding:0;}
  #right .type4 input {width: 140px; _width: 110px; height: auto; clear: none; margin: 0 5px 10px 0; _margin: 0 5px 0 0;}
  #right .type4 label {width: auto; clear: none; padding: 3px 10px 0 0;}
  #right .type4 form input.submit {position: relative; width: auto; margin:0;}
    

    
    .newreftop {width: 510px; height: 40px; clear: both; background: url("../img/index/bg_newreftop.gif") no-repeat;}
    .newref {height: auto; padding: 0 10px 30px 10px; margin-bottom: 5px; clear: both; text-align: left; background: url("../img/index/bg_newref.jpg") left bottom no-repeat;}
    .newref p { margin:0 0 10px 0; font: italic 1.2em/1.3em Georgia, "Times New Roman", Times, serif; color: #fff;}
     #ref1, #ref2 {width: auto; width: 485px; visibility: visible;}
     #ref1 img, #ref2 img { border: 0; float: left; margin: 0 10px;}
    .refimg img {margin: 9px;} /*DIV-lager under referenser*/
   
    .prdtext { width: 150px; float: left; margin-bottom: 10px; color: #a7a775; font-weight: bold;}
    .prdimg { border: 3px solid #d4d494;}
  
#footer { width: 490px; height: auto; float: right; padding: 10px 0; text-align: right; font-size: 0.75em; color: #f8ddb7;}
#footer span {display: block; float: left; }
#footer .arrow {width: 27px; height: 25px; margin: 2px 2px 2px 10px; float: right; background:url("../img/index/footer_arrow.gif"); cursor: pointer;}

/* LISTA */

#left dl, #left dt { margin: 0; padding: 0; list-style: none; }
#left dl {margin-bottom: 20px;}
#left dd {margin: 0;}

ul { position: relative;}


/* LISTA _ END */

/* FORMULÄR */

  #right form { clear: both; }
  #right label { display: block; width: 90px; float: left; clear: left;}

  #right input, #right textarea { width: 180px; float: left; clear: right;}
  #right input { margin-bottom: 1px; background: url("../img/index/bg_input.gif") left bottom;}
  #right textarea { margin: 0; height: 50px; overflow: auto;}

  #right input.submit { width: auto; margin-top: 1px; padding: 1px 5px; border: 0; color: #fff; background: url("../img/index/bg_input.gif") left top;}

/* FORMULÄR _ END*/

/* LÄNKAR */

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

#left dt a, #left dt a:link, #left dt a:visited, #left dd a, dd a:link, #left dd a:visited { display: block; width: 190px; padding: 5px 0 5px 5px; color: #fff;}
#left dd a, dd a:link, #left dd a:visited { width: 180px; padding: 5px 0 5px 15px;}
#left dt a:hover, #left dt a:active, dd a:hover, dd a:active {filter:alpha(opacity=60); -moz-opacity:.7; opacity:.7; background: /*#421700*/ url("../img/index/menu_bg.gif") no-repeat;}

/*
dt a, dt a:link, dt a:visited, dd a, dd a:link, dd a:visited  { display: block; width: 100%; padding: 5px 0 5px 35px; color: #fff;}
dd a, dd a:link, dd a:visited { padding: 2px 0 2px 5px; }
dt a:hover, dt a:active { color: #4f4f2e; background: url(../img/index/bg_menu.png) no-repeat;}
dd a:hover, dd a:active { color: #4f4f2e; background: #d4d494;}*/

a, a:link, a:visited {text-decoration: none;}
.type1 a, .type1 a:link, .type1 a:visited { /*color: #FF99CC;*/ color: #a7a775; }
.type1 a:hover, .type1 a:active { /*color: #ffafd7;*/ color: #d4d494;}
.type2 a, .type2 a:link, .type2 a:visited, .type3 a, .type3 a:link, .type3 a:visited  { /*color: #66CCFF;*/color: #a7a775; }
.type2 a:hover, .type2 a:active, .type3 a:hover, .type3 a:active { /*color: #afe4ff;*/ color: #d4d494; }

#footer a, #footer a:link, #footer a:visited { color: #e9d0ac; }
#footer a:hover, #footer a:active {color: #dcba8a;}

/*prislista*/
table {width: 100%;}
th { padding-top: 10px; text-align: left; border-bottom: 1px dotted #d4d494;}
td.r { text-align: right;}