body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 24px; margin: 0; background-color: #fff; background-image: url(../images/bg.gif); background-repeat: repeat-x; background-attachment: fixed; background-position: top;}

h1 {font-size: 18px; margin-top: 15px; color:#575757;}
h2 {font-size: 14px; margin-top: 15px; color:#575757;}
h3 {margin: 15px 0 -15px 0; color:#82BFC5;}
h5 {margin: 15px 0 -15px 0; color:#82BFC5; font-size: 11px;}
p {margin-top: 15px; color:#575757;}

a:link { color: #35949D;}
a:visited { color: #35949D;}
a:active { color: #35949D;}
a:hover { color: #54B4BD;}

/*LAYOUT*/

#container {width: 900px; margin: auto; padding: 10px; background: #FFFFFF;}
#mainContainer {float: left; width: 900px; margin: 0; padding: 0; background: url(../images/bg_m.gif) repeat-x top;}

#topdiv {float: left; width: 900px; height: 162px; margin: 0; padding: 0; background: url(../images/top.jpg);}

#logo {float: left; width: 900px; height: 110px; padding:0; margin: 0 0 10px 0; background: url(../images/top_bg.gif) no-repeat;}
#logo h1 a {float: left; width: 310px; height: 110px; background: transparent url(../images/logo.gif) no-repeat; text-indent:-9999px; display:block;}
#logo h1 {margin:0; padding:0;}

#menu_bg {float:left; width: 900px; height: 43px; background: url(../images/menu_bg.gif);}

#menu {float:left; width:900px; height: 43px; margin: 0; padding: 0;}
#menu ul li {float: left; display: inline;}
#menu ul li a {top:0; left:0; display:block; height:43px; background: url(../images/menu.gif) no-repeat top left; text-indent:-9999px; overflow:hidden;}

#menu ul li#hem a {left: 0; width: 80px; background-position: 0 0;}
#menu ul li#behandlingar a {left: 80px; width: 132px; background-position: -80px 0;}
#menu ul li#prislista a {left: 212px; width: 99px; background-position: -212px 0;}
#menu ul li#produkter a {left: 311px; width: 110px; background-position: -311px 0;}
#menu ul li#om_oss a {left: 421px; width: 87px; background-position: -421px 0;}
#menu ul li#akutellt a {left: 508px; width: 97px; background-position: -508px 0;}
#menu ul li#kontakt a {left: 605px; width: 96px; background-position: -605px 0;}

#menu ul li#hem a:hover { background-position: 0 -43px;}
#menu ul li#behandlingar a:hover { background-position: -80px -43px;}
#menu ul li#prislista a:hover { background-position: -212px -43px;}
#menu ul li#produkter a:hover { background-position: -311px -43px;}
#menu ul li#om_oss a:hover { background-position: -421px -43px;}
#menu ul li#akutellt a:hover { background-position: -508px -43px;}
#menu ul li#kontakt a:hover { background-position: -605px -43px;}

#menu ul li#hem .current { background-position: 0 -86px;}
#menu ul li#behandlingar .current { background-position: -80px -86px;}
#menu ul li#prislista .current { background-position: -212px -86px;}
#menu ul li#produkter .current { background-position: -311px -86px;}
#menu ul li#om_oss .current { background-position: -421px -86px;}
#menu ul li#akutellt .current { background-position: -508px -86px;}
#menu ul li#kontakt .current { background-position: -605px -86px;}

#u_m {float: left; width: 900px; height: 32px; margin: 0; padding: 0; background: url(../images/bg_u_m.gif) no-repeat;}
#u_m ul li {float: left; display: inline; margin: 4px 0 0 25px; font-size: 11px; font-weight: bold;}


#col_left {float: left; width: 460px; margin: 25px 0 0 25px;}
#col_left_2 {float: left; width: 560px; margin: 25px 0 0 25px;}
#col_right_start {float: right; margin-top: 80px;margin-right:20px; width: 340px;}
#col_right {float: right; margin-top: 40px; width: 340px;}
#col_850 {float: left; width: 850px; margin: 25px 0 0 25px;}
#col_850 ul {margin: 10px 0 0 40px; width: 560px; color: #575757;}
#col_850 li {list-style-type: disc; }

#footer {float: left; width: 900px; height: 34px; margin: 20px 0 0 0; padding: 0; background: url(../images/footer_bg.gif);}
#footer p {font-size: 11px; margin: 0; padding: 6px 0 0 25px;}

#boka_tid_holder {position:absolute;	width:1px; height:1px; z-index:1;}
#boka_tid {position:absolute; width:140px; height:120px; z-index:1; top: 282px; left: 760px;}

/* ----------------- */
#contact_form {float: left; width: 314px; margin: 0 0 30px 0;}
#contactForm {padding: 10px 0 10px 0; font-size: 11px;}
#contactForm input {font-size: 11px; color: #666666; margin: 3px 0 3px 0;}
#contact_form #submit {width: 80px;	font-size: 12px; float: right; margin: 0 5px 0 0;}
#emailaddress, #comments, #firstname {width: 304px; font-size: 11px; color: #666666; font-family: Arial, Helvetica, sans-serif;}
/* ----------------- */


/* FIX */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

