@charset "UTF-8";
/* CSS Document */

body {
/*background-color:#FFFFFF;*/
background-image: url(/bilder/mountainbg.jpg);
background-repeat: repeat-x;
font-family:  Arial, Helvetica, sans-serif;
}

a:link, a:visited {color: #59594F; text-decoration:none;}
a:hover {color: #7100da;}
a:active {color: #7100da;}
a img {border:none;}

#meny {
	/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; left: 0px; top: 0px;
}
body > div#meny {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}

div#meny a:link {color: #FFFFFF;}
div#meny a:visited {color: #FFFFFF;}
div#meny a:link-active {color: #999999;}
div#meny a:hover {color: #999999;}

div#meny {
top:30px;;
positon:fixed;
width:3000px;
height:14px;
padding:7px;
background-color:#5F5F5F; opacity:0.8;
/*background-color:#7F7F7F;*/
font-weight: bold;
font-size:14px;
text-align:left;
vertical-align:middle;
z-index:3;
}

#h_pil { position: absolute; right: 50px; bottom: 50px; }
div > div#h_pil { position: fixed; }

#v_pil { position: absolute; left: 50px; bottom: 50px; }
div > div#v_pil { position: fixed; }

div#konteiner {
position:absolute;
top:-20px;
width:18000px;
height:auto;
text-align:left;
}

div.welcome {
position:relative;
top:0px;
padding-top:100px;
float:left;
width:5%;
height:600px;
text-align: center;
}

div.sites {
position:relative;
top:0px;
padding-top:100px;
float:left;
width:4.5%;
height:600px;
text-align: center;
}

div.avtal {
position:relative;
top:0px;
padding-top:40px;
float:left;
width:600px;
text-align: left;
}

div.produkt {
position:relative;
top:0px;
padding-top:100px;
float:left;
width:550px;	/* = 100 / konteiner width */
height:540px;
}


div.produktinfo {
position:relative;
top:0px;
padding-top:90px;
float:left;
width:245px;
height:500px;
z-index:0;
}

.label {
position:absolute;
padding-top:465px;
float:left;
z-index:12;
text-align:right;
}

/* Varukorg */

#order {
position:relative;
height:100%;
width:6%;
padding-top:90px;
float:left;
}

div#order img.order { z-index:0;}

div#varukorg {
z-index:2;
position:relative;
left:0px;
top:-400px;
width:697px;
 /* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.9;

}

table.bestallning {
padding:0;
border-collapse:collapse;
}

table.bestallning tr.rad td {
border-bottom-style:dotted;
border-bottom-color:#6600FF;
border-bottom-width:1px;
/* border:1px solid #6600FF; */
font-size:12px;
}

table.bestallning tr.rubriker td {
font-weight:bold;
font-size:13px;
border-bottom-style:solid;
border-bottom-color:#6600FF;
border-bottom-width:1px;
}

table.bestallning tr.sista td {
font-weight:bold;
font-size:13px;
border-top-style:solid;
border-top-color:#6600FF;
border-top-width:1px;
}

table.bestallning td.totpris {
text-align:right;
}

table.bestallning td.knapp {
border:none;
}

input.button {
width: 110px;
background-color: #FFFFFF;
border: 2px dotted #7100da;
}

/* Formulärsyle */

.kursiv{
font-style:italic;
text-align:left;
font-size:12px;
}

.fel {
font-style:italic;
text-align:left;
font-size:13px;
color:#7100da;
}

.text {
font-size:12px;
position:relative;
left:-90px;
}

#contact-area {
padding:30px;
margin:60px;
width:700px;
border-color:#6600FF;
border-width:1px;
border-style:double;
background-color:#FFFFFF;
}

div#contact-area label {
position:absolute;
left:70px;
text-align: right;
margin-right: 20px;
width: 100px;
padding-top: 2px;
font-size:12px;
}

div#contact-area select {
position:relative;
left:-90px;
margin-bottom:10px;
width:208px;
padding:2px;
border-color:#6600FF;
border-width:2px;
border-style:dotted;
}

#contact-area input, #contact-area textarea {
padding: 2px;
width: 200px;
position:relative;
left:-90px;
font-family: Helvetica, sans-serif;
font-size: 12px;
margin: 0px 0px 10px 0px;
border: 2px dotted #7100da;
}

#contact-area input.checkbox {
width:13px;
}

#contact-area textarea {
height: 90px;
text-align:left;
position:relative;
left:-90px;
}

#contact-area textarea:focus, #contact-area input:focus {
border: 2px dotted #76fe08;
}

#contact-area input.submit-button {
width: 50px;
float: right;
background-color: #FFFFFF;
border: 2px dotted #7100da;
}

/* Tack.php */

#tack {
padding:30px;
margin:60px;
width:700px;
border-color:#6600FF;
border-width:1px;
border-style:double;
}