/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html{
height:auto;
}

body {
	line-height: 1;
	font-family:calibri, Arial, Verdana;
	font-size:small;
	height:auto;
	background-image:url(../bild/mainbacktilling.png);
	background-repeat:repeat-x;
	background-color:#fff;
}
#navigation ol, #navigation ul {
	list-style: none;
}

#maincontentref ul {
	margin-left:10px;
	
}#maincontentref ul li{
	margin-bottom:10px;
	line-height:1.4;
}




/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.navnews{
	color:#E64215;

}

h2{
color:#E64215;
margin-top:15px;
}

#bodywrapper{
background-image:url(../bild/mainback.png);
background-position:top center;
background-repeat:no-repeat;
height:auto;
overflow:auto;
}

#main{
width:845px;
overflow:auto;
margin-left:auto;
margin-right:auto;
height:auto;
}

#header{
background-image:url(../bild/wave.gif);
background-position:bottom left;
background-repeat:no-repeat;
height:120px;
margin-bottom:25px;
overflow:auto;
}

#logo{
background-image:url(../bild/logo.gif);
width:149px;
height:65px;
text-indent:-9999px;
float:left;
margin-top:10px;
margin-left:10px;
}

#slogan{
background-image:url(../bild/slogan.gif);
width:293px;
height:29px;
text-indent:-9999px;
float:right;
margin-top:15px;
margin-right:50px;
}

#content{
overflow:auto;
height:auto;
}

#navigation{
width:150px;
float:left;
padding-right:15px;
padding-left:15px;
line-height:1.6;
}
#news{
	line-height:1.6;
	font-weight:normal;
}


#navigation a:link
,#navigation a:visited
,#navigation a:active
,#news a:link
,#news a:visited
,#news a:active
{
color:black;
text-decoration:none;
}
#navigation .menu li a:hover,
#news li a:hover{
text-decoration:none;
background-color:#EEEEEE;
}

#navigation .menu li a,
#news li a{
display:block;
padding-left:4px;
}

#navigation .menu li,
#news li{
border-bottom:1px solid #EEEEEE;
display:block;
}

#navigation .menyheader, #news h2{
margin-top:0px;
}

#news h2{
	margin-bottom:0px!important;
}

#maincontent, #maincontentpris, #maincontentref, .maincontentref{
width:440px;
float:left;
padding-left:15px;
padding-right:15px;
border-left:1px solid #EEEEEE;
border-right:1px solid #EEEEEE;
background-image:url(../bild/mainback.jpg);
background-position:bottom;
background-repeat:no-repeat;
height:650px;
}

#maincontentpris{
	height:820px;
}

#maincontentref{
	height:auto;
}
#maincontentpris,  #maincontentref, .maincontentref{
background-image:none;
}
#maincontentpris table{
width:100%;
}

h1.pageheader{
font-size:180%;
font-weight:normal;
margin-bottom:5px;
font-family:"Trebuchet MS";
}

.pris{
font-style:italic;
color:#E64215;
}
.thx{
font-weight:bold;
}
.citat{
font-style:italic;
}

.kampanjperiod{
font-size:9px;
font-style:italic;
text-align:right;
}
.ordpris{
	font-size:9px;
	font-style:italic;
	
}


.formmail label, .formmailjul label{
display:block;
margin-top:10px;
}
.formmailjul .kampanjperiod{
text-align:left;
clear:left;
}



#maincontentpris h2, #maincontentref h2, .maincontentref h2{
	font-size:16px;
	font-weight:normal;
	margin-bottom:5px;
	font-family: "Trebuchet MS";
}


#maincontentpris table th{
text-align:left;
border-bottom:1px solid black;
padding:4px;
}

#maincontentpris table td{
text-align:left;
border-bottom:1px solid black;
padding:4px;
}



#maincontent p,  #maincontentref p,.maincontentref p {
line-height:1.4;
width:400px;
padding-left:5px;
margin-bottom:10px;
}

#maincontentref p, .maincontentref p{
padding-left:0px;
}

#maincontent #massageinfo{
margin-left:225px;
margin-top:58px;
}

#maincontent #massageinfo h2{
margin-bottom:5px;
margin-top:0px;
}

#maincontent #massageinfo ul{
list-style-type:disc;
margin-left:15px;
line-height:1.6;
}

#deepmassage{
display:block;
width:348px;
height:68px;
text-indent:-9999px;
background-image:url(../bild/deepmassage.gif);
background-repeat:no-repeat;
}


#rightcolumn{
width:165px;
float:left;
padding-left:10px;
height:auto;
margin-bottom:25px;
}

#rightcolumn h2{
margin-bottom:10px;
}
#rightcolumn .img{
margin-left:20px;
border:0px;

}

#leftcontentcolumn, #rightcontentcolumn{
	float:left;
	width:45%;
	margin-right:15px;
	
}
#twocolumnwrapper{
	overflow:hidden;
	
	width:100%;
}
#twocolumnwrapper td,#twocolumnwrapper h3{
	line-height:12px;
	margin-bottom:10px;
	width:auto;
}
#twocolumnwrapper td{
	padding-bottom:10px;
}
#twocolumnwrapper th{
	text-align:left;
	font-weight:normal;
	padding-right:10px;
}




#twocolumnwrapper h3{
	margin-top:10px;
}

#aloe, #frisk{margin-top:20px;}
.julerbjudande{
	margin-left:3px;
}

.map{
margin-top:20px;
}
.nino{
	float:right;
	margin-left:10px;
	margin-bottom:5px;
	margin-top:5px;
}

a.button{
	display:block;
	margin:5px 0 5px 0;
	padding:3px;
	width:auto;
}


/*Jul*/

.betalningsinfo{
font-size:11px;
}

.antalkort{
	text-align:right;
	padding-right:20px;
	margin-top:10px;
}


.julcontainer{
	background-image:url('../bild/shadedbox.gif');
	background-repeat:no-repeat;
	padding-top:1px;
	padding-bottom:2px;
	padding-left:14px;
	margin-top:10px;
	height:64px;
}

h3.jul
{
margin-top:10px;
color:black;
font-weight:normal;
}

span.jul{
	color:#E64215;
	font-weight:bold;
}
.julselect{
	font-size:9px;
	margin-left:5px;
}
div.left,div.right{
	float:left;
	width:200px;
	display:block;
}
.tvingande{
margin-left:3px;
}



/*Bubble*/
.namn{
color:#E64215;
}
.teaser{
	margin-bottom:10px;
}

.teaser h2, .teaser h3 {
	margin:0;
	padding:0.5em 0 0 3px;
	border:none;
	color:#645f5a;
	font:italic bold 1.1em/1.2 Georgia, serif;
}
#start .teaser h2 {background:#fff;}
#content-secondary .teaser h2 {background:#fff;}
.teaser blockquote {
	margin:0;
	padding:0 0 0 12px;
	background:url(../bild/bubble.gif) no-repeat 0 0px;
}
.teaser blockquote div {
	padding:10px 10px 0 0px;
	background:url(../bild/bubble.gif) no-repeat 100% 0px;
}

.teaser blockquote img{
float:right;
margin-left:5px;
}
.teaser blockquote * {
	margin-top:0;
	margin-bottom:0;
}
.teaser blockquote ol,
.teaser blockquote ul {margin-left:20px;}
.teaser .quote-by {
	display:block;
	padding:0 12px 0 0;
	background:url(../bild/bubble.gif) no-repeat 100% -570px;
	font-style:normal;
}
.teaser .quote-by cite {
	display:block;
	padding:20px 0 0;
	background:url(../bild/bubble.gif) no-repeat 0 -570px;
}