﻿body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
h3{ font-size:18px; padding:0; margin:0;}
p{ font:Arial, Helvetica, sans-serif; font-size:12px;}
html{overflow-y : scroll;}

ul{ list-style:none; margin:0; padding:0;}
li{ list-style:none;}
#wrapper{ margin:0 auto; width:851px; min-height:483px;}
#home{ margin:0 auto; width:800px; }
#menu{  margin-top:130px; width:100%; background:url(images/menu_bg.png) repeat-x 0 0; height:29px;}

#menu ul{ margin:0 auto; width:851px; /*background:url(images/menu_bg.jpg) repeat-x 0 0;*/ }
#menu ul li { height:29px; float:left;display:block; padding-top:7px; padding-right:15px; padding-left:10px; background:url(images/menu_separator.png) no-repeat right top; }
#menu ul li a{ text-decoration:none;}

#menu a{ overflow:hidden; background-color:transparent; background-image:url(images/wellness_nav.png); background-repeat:no-repeat; height:14px; display:block; text-indent:-1000em; font-size:1px;}

.chocklad a{ background-position:0 0; width:62px;}
.chocklad a:hover{ background-position:0 -14px; }
.chocklad a.active{background-position:0 -28px;}

.ochbla a{ background-position: -91px 0;width:132px;}
.ochbla a:hover{ background-position: -91px -14px;}
.ochbla a.active{background-position:-91px -28px;}

.halso a{ background-position:-254px 0; width:107px;}
.halso a:hover{ background-position:-254px -14px;}
.halso a.active{ background-position:-254px -28px;}

.forskning a{ background-position:-396px 0; width:73px;}
.forskning a:hover{ background-position:-396px -14px;}
.forskning a.active{ background-position:-396px -28px;}

.xocai a{ background-position:-503px 0; width:185px;}
.xocai a:hover{ background-position:-503px -14px;}
.xocai a.active{ background-position:-503px -28px;}



#content{ padding-top:30px; padding-left:10px; padding-right:10px;  }
#thumbcontainer{ width:66px; float:left;}
#thumbcontainer ul li{ padding-top:3px; }
#maincontentarea{ width:480px; float:left; padding-left:20px;}
.maincontentarea{ width:480px; float:left; padding-left:20px;}
.maincontentarea_o{ width:480px; float:left; padding-left:20px;}
#subcontentarea{ width:220px; float:left; padding-left:20px;}
.subcontentarea{ width:220px; float:left; padding-left:20px;}
#subcontentarea li{ padding-bottom:10px;}
.subcontentarea li{ padding-bottom:10px;}


#subcont1{ background:#f0f0e6; color:#000000; padding:10px 30px 10px 30px; }
.subcont1{ background:#f0f0e6; color:#000000; padding:10px 30px 10px 30px; }
#subcont h3,#subcont1 h3{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px;}
.subcont h3,#subcont1 h3{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px;}


#topcurve{ background:url(images/topcurvesub.jpg) no-repeat 0 0; height:17px;}
.topcurve{ background:url(images/topcurvesub.jpg) no-repeat 0 0; height:17px;}
#bottomcurve{ background:url(images/bottomcurvsub.jpg) no-repeat 0  0; height:18px;}
.bottomcurve{ background:url(images/bottomcurvsub.jpg) no-repeat 0  0; height:18px;}
/*#subcont{ background:#f0f0e6; color:#000000; padding:10px 46px 10px 42px; height:300px;}*/
.subcont{ /*background:#f0f0e6;*/ color:#000000; /* padding:10px 46px 10px 42px; height:300px;*/ font:Arial, Helvetica, sans-serif;font-size:12px;}
.subcont_o{ background:#f0f0e6; color:#000000; height:300px; font:Arial, Helvetica, sans-serif;font-size:12px; padding-bottom:10px;}
#maincont{ padding-left:20px; padding-right:20px; padding-top:0px; padding-bottom:0px; font:Arial, Helvetica, sans-serif;font-size:11px;}
.maincont{ padding-left:20px; padding-right:20px; padding-top:0px; padding-bottom:0px; font:Arial, Helvetica, sans-serif;font-size:11px;}
#topcurve_main{ background:url(images/maincont_top.jpg) no-repeat 0 0; height:16px;}
#bottomcurve_main{ background:url(images/maincont_bottom.jpg) no-repeat 0 0; height:16px;}

.headline
{
    font-family:Helvetica, Arial;
	font-weight: bold;
	font-size: 18px;
}
.content_text{
	font:Arial, Helvetica, sans-serif; 
	font-size:12px;
  
}
.text_bigger
{
	font-size: 14px;
	padding-bottom: 10px;
}
.text
{
	padding-top:20px;
	padding-bottom: 20px;
	padding-left:42px;
	padding-right:46px;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
}

.link
{
	padding-top: 15px;
}
.linkdiv
{
	margin-top: 5px;
}
a.submenu
{
	color: #E54B1E;
	text-decoration: none;
	margin-left: 5px;
}
a.submenu_white
{
	color: #ffffff;
	text-decoration: none;
	margin-left: 5px;
}
a:hover
{
	text-decoration: underline;
}
.linered
{
	background-color: #E54B1E; 
	width: 920px; 
	height: 10px; 
	margin-top: 11px; 
	margin-bottom: 11px;
}
.linegreylong
{
	background-color: #7D7D7D; 
	width: 560px; 
	height: 1px; 
	margin-bottom: 14px;
}
.linegreyshort1
{
	background-color: #7D7D7D; 
	width: 318px; 
	height: 1px; 
	margin-bottom: 14px;
}
.linegreyshort2
{
	 background-color: #7D7D7D; 
	 width: 318px; 
	 height: 1px; 
	 margin-bottom: 14px; 
	 margin-top: 40px;
}
.title
{
	margin-bottom: 27px;
}
.logo
{
	padding-left: 12px; 
	padding-bottom: 20px; 
	margin-top: 29px;
	height: 109px;
	width: 693px;
	vertical-align: bottom;
}
.image
{
	margin-right: 36px; 
	margin-bottom: 10px;
}
.platser
{
	vertical-align: bottom;
	padding-bottom: 20px;
}
.sevilkaplatser
{
	margin-right: 19px;
	text-align: right;
}
.leftblock
{
	vertical-align: top; 
	padding-right: 42px
}
.rightblock
{
	vertical-align: top; 
	text-align: left;
}
.left_top
{
	text-align: left; 
	vertical-align: top;
	width:338px;
}
.right_top
{
	text-align: left; 
	vertical-align: top;
}
.startimg
{
	padding-top: 16px; 
	padding-bottom: 30px;
}
.dropdown
{
    background-color:#E54B1E;
    padding: 20px;
    color:White;
    width:175px;
    border-left: solid 3px white;
    border-bottom: solid 3px white; 
	text-align: left; 
    display:none;
}
.tre_1
{
    width: 290px; 
    border-top: solid 1px #7D7D7D; 
    vertical-align: top;
}
.tre_2
{
    padding-top: 10px; 
    padding-bottom: 14px;
}
.tre_3
{
    width: 119px; 
    vertical-align: top;
}
.tre_4
{
    padding-left: 20px; 
    vertical-align: top;
}
.tre_5
{
    padding-top: 8px; 
    padding-left: 20px; 
    vertical-align: bottom;
}

#places_holder
{
    position:relative;
}
#places
{
    position:absolute;
    top:0px;
    right:0px;
}


/*.chocklad{ background:url(images/chocklad.jpg) no-repeat 0 0; height:14px; width:62px;}
.chocklad_t{height:16px;}
.chocklad:hover{ background:url(images/choklad_hover.jpg) no-repeat 0 0;  height:14px; }
.ochbla{ background:url(images/ochbla.jpg) no-repeat 0 0; height:16px; width:132px;}
.ochbla_t{height:16px; width:132px;}
.ochbla:hover{ background:url(images/ochbla_hover.jpg) no-repeat 0 0; height:16px; width:132px;}
.halso{ background:url(images/halso.jpg) no-repeat 0 0; height:16px;}
.halso_t{ height:16px; width:118px;}
.halso:hover{ background:url(images/halso_hover.jpg) no-repeat 0 0; height:16px;}
.forskning{ background:url(images/forskning.jpg) no-repeat 0 0; height:16px;}
.forskning_t{ height:16px; width:77px;}
.forskning:hover{ background:url(images/forskning_hover.jpg) no-repeat 0 0; height:16px;}
.xocai{ background:url(images/xocai.jpg) no-repeat 0 0; height:16px;}
.xocai_t{ height:16px; width:129px;}
.xocai:hover{ background:url(images/xocai_hover.jpg) no-repeat 0 0; height:16px;}*/


.textp{font:Verdana;font-size:11px;}
