body {font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; margin: 0; background:url(../images/bg.gif) repeat-x #E1EBFA;}
img, div, a, input {behavior: url(iepngfix.htc);}

h1 {font-size: 18px; margin: 0; color:#83BFD4;}
h2 {font-size: 14px; margin: 15px 0 15px 0; color:#292929; line-height: 20px;}
h3 {font-size: 14px; line-height:18px; margin-top: 20px; color:#569081;}
h4 {font-size: 11px; line-height:18px; margin-top: 15px; color:#5994A9; font-weight: bold;}
p {margin-bottom: 15px; color:#292929;}

a:link { color: #2694CC;}
a:visited { color: #2694CC;}
a:active { color: #2694CC;}
a:hover { color: #14638B;}

/*LAYOUT*/

#box1 {float:left; width: 404px; height: 36px; margin: 10px 0 25px 0; padding: 20px; background:url(../images/box_bg_start.gif); font-size: 14px; line-height: 18px; color:#096B7A; clear: both;}

#container {width: 880px; margin: auto; padding: 10px; background: #FFFFFF;}
#mainContainer {float: left; width: 880px; margin: 0; padding: 0;}

#topdiv {float: left; width: 880px; height: 160px; margin: 0; padding: 0; background: url(../images/bg_top.jpg);}

#logo {float: left; width: 160px; height: 160px;}
#logo h1 a {float: left; width: 160px; height: 160px; background: transparent url(../images/logo.png) no-repeat; text-indent:-9999px; display:block;}

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

#menu ul li#hem a {left: 0; width: 50px; background-position: 0 0;}
#menu ul li#behandlingar a {left: 50px; width: 102px; background-position: -50px 0;}
#menu ul li#om_reiki a {left: 152px; width: 70px; background-position: -152px 0;}
#menu ul li#kurser a {left: 222px; width: 62px; background-position: -222px 0;}
#menu ul li#om_oss a {left: 284px; width: 64px; background-position: -284px 0;}
#menu ul li#lankar a {left: 348px; width: 66px; background-position: -348px 0;}
#menu ul li#kontakt a {left: 414px; width: 61px; background-position: -414px 0;}

#menu ul li#hem a:hover { background-position: 0 -37px;}
#menu ul li#behandlingar a:hover { background-position: -50px -37px;}
#menu ul li#om_reiki a:hover { background-position: -152px -37px;}
#menu ul li#kurser a:hover { background-position: -222px -37px;}
#menu ul li#om_oss a:hover { background-position: -284px -37px;}
#menu ul li#lankar a:hover { background-position: -348px -37px;}
#menu ul li#kontakt a:hover { background-position: -414px -37px;}

#menu ul li#hem .current { background-position: 0 -37px;}
#menu ul li#behandlingar .current { background-position: -50px -37px;}
#menu ul li#om_reiki .current { background-position: -152px -37px;}
#menu ul li#kurser .current { background-position: -222px -37px;}
#menu ul li#om_oss .current { background-position: -284px -37px;}
#menu ul li#lankar .current { background-position: -348px -37px;}
#menu ul li#kontakt .current { background-position: -414px -37px;}

#u_m {float: left; width: 880px; height: 26px; margin: 0; padding: 0; background: url(../images/u_m.gif);}

#col_left {float: left; width: 455px; margin: 0 25px  0 44px; padding: 10px 20px 0 0; border-right: solid 1px #E1EDEA;}
#col_right_start {float: left; margin: 0; width: 300px; padding: 10px 0 0 0;}
#col_right {float: left; margin: 0; width: 290px; padding: 10px 0 0 0;}
#col_788 {float: left; width: 788px; margin: 0 25px  0 44px; padding: 10px 20px 0 0;}

.line {float: left; width: 454px; height: 1px; border-bottom: solid 1px #E1EDEA; margin: 5px 0 20px 0;}
.line2 {float: left; width: 774px; height: 1px; border-bottom: solid 1px #E1EDEA; margin: 5px 0 20px 0;}
.line3 {float: left; width: 270px; height: 1px; border-bottom: solid 1px #E1EDEA; margin: 5px 0 1px 0;}

#footer {float: left; width: 792px; height: 50px; margin: 25px 0 0 0; padding: 20px 44px 0 44px; background: url(../images/footer_bg.gif);}
.f_c_1 {float: left; width: 180px; margin: 0 10px 0 0;}
.f_c_2 {float: right; width: 300px; margin: 0;}

/* ----------------- */
#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 */