/*---TAGGAR---*/
*{
margin:0;
padding:0;
}
html{
overflow-y:scroll;
margin:0;
padding:0;
height:100%
}
body{
margin:0;
padding:0;
background:#eeeeee url(images/bg.jpg);
text-align:center;
height:100%;
font-family:verdana, arial, helvetica, sans-serif;
font-size:.8em;
}
p{
margin:0 0 1.25em 0;
}
h1, h2, h3{
margin:0;
}
h1 {
font-size:1.6em;
}
h2 {
font-size:1.4em;
}
h3{
font-size:1.2em;
color:#25919a;
}
ul{
margin:0 0 1em 1em;
}
li {
margin:.5em 0;
}
a img{
border:0;
outline:0;
}
a {
color:#056060;
outline:0;
text-decoration:none;
}
a:hover{
color:#000000;
text-decoration:underline;
}
/*---LAYOUT---*/
#wrap{
margin: 50px auto 0 auto;
width: 600px;
}
#head{
position:relative;
width:100%;
height:100px;
margin:10px 0;
}
#logo {
float:left;
}
#smrss {
float:right;
}
#smrss a {
text-decoration:none;
}
#menu{
position:relative;
top:1px;
z-index:2;
width:100%;
height:40px;
font-family:arial,verdana,helvetica;
font-size:16px;
}
#menu ul{
width:900px;
list-style-type:none;
margin:0 auto;
padding:0;
}
#menu li{
float:left;
padding:0;
margin:0;
height:40px;
width:135px;
}
#menu a, #menu a.normal{
background:url(images/menu_tab.jpg);
display:block;
height:27px;
width:135px;
padding:13px 0 0 0;
margin:0 auto;
text-decoration:none;
color:#000000;
font-weight:bold;
outline:none;
}
#menu a:hover{
color:#23747b;
}
#menu a.current{
background:url(images/menu_current.jpg);
color:#ffffff;
}
#submenu{
position:relative;
width:100%;
height:47px;
background:#eeeeee url(images/sub_menu_bg.jpg);
font-family:verdana,arial,helvetica;
font-size:14px;
}
#submenu ul{
width:900px;
list-style-type:none;
margin:0 auto;
padding:0;
}
#submenu li{
float:left;
height:20px;
padding-left:10px;
margin:10px 5px 17px 5px;
border-left:2px solid #ffffff;
}
#submenu a{
color:#ffffff;
display:block;
padding:0;
margin:0;
text-decoration:none;
outline:none;
}
#submenu li:first-child{
border:0;
}
#submenu a:hover{
text-decoration:underline;
}
#submenu a.current{
color:#000000;
}
ul#SMbehandlingar, ul#SMprodukter, ul#SMvanligaFragor, ul#SMomHannas {
display:none;
}
div#submenu ul.SMcurrent{
display:block;
}
div#submenu ul li a.active{
font-weight:bold;
}
#main{
position:relative;
width:900px;
margin:10px auto;
text-align:left;
}
#main-top{
text-align:left;
background:#eeeeee url(images/main-top.jpg) no-repeat;
position:relative;
float:left;
width:900px;
height:25px;
}
#main-content{
text-align:left;
background:#eeeeee url(images/main-mid.jpg) repeat-y;
position:relative;
float:left;
width:900px;
}
#main-bot{
background:#eeeeee url(images/main-bot.jpg) no-repeat;
float:left;
position:relative;
width:900px;
height:25px;
margin-bottom:20px;
}
#main-left{
width:600px;
margin:0 0 0 20px;
float:left;
}
#main-right{
width:240px;
float:right;
margin:0 20px 0 20px;
}
#kontakt1{
width:420px;
margin:0 0 0 20px;
float:left;
}
#kontakt2{
width:420px;
float:right;
margin:0 20px 0 20px;
}
#main-1col{
width:860;
margin:0 20px;
}
#push, #foot{
clear:both;
height:55px; /*OBS! GLÖM EJ! Samma margin i #wrap */
padding:10px 0;
}
#foot{
position:relative;
width:100%;
background:url(images/footer_bg.jpg);
border-top:1px solid #000000;
}
#prod-cont1, #prod-cont2, #prod-cont3{
position:relative;
float:left;
margin-top:1.5em;
display:none;
}
#prod-cat{
background:url(images/footer_bg.jpg);
padding:.5em 1em;
color:#ffffff;
margin:0 1.5em;
}
#prod-cat a{
color:#ffffff;
}
#prod-cat a:hover{
text-decoration:underline;
}
.foot-content{
width:300px;
float:left;
text-align:center;
color:#ffffff;
font-size:1em;
}
.inner{
text-align:left;
width:900px;
margin:0 auto;
padding:0;
}
.mainbox-top{
background:#eaf6f7 url(images/mainbox-top.jpg) no-repeat;
width:240px;
height:10px;
}
.mainbox{
background:#eaf6f7 url(images/mainbox-mid.jpg) repeat-y;
width:220px;
padding:1em 10px;
}
.mainbox-bot{
background:#eaf6f7 url(images/mainbox-bot.jpg) no-repeat;
width:240px;
height:10px;
margin-bottom:20px;
}
.behandlingar{
float:left;
width:500px;
margin-right:20px;
}
.floatright{
float:right;
}
table#medarbetare{
border:0;
background:#fff;
width:800px;
}
table#medarbetare tr td{
border:0;
background:#fff;
padding: 10px 5px;
}
/*---FORM---*/
textarea {
width:350px;
height:7em;
}
input[type="text"] {
width:200px;
margin-bottom:.5em;
}
label {
display:block;
font-weight:bold;
}
#emailerror, #nameerror{
color:#ff0000;
}
.formItem {
display:block;
margin:20px 0;
}
/*---SITEMAP---*/
#sitemap {
position:absolute;
top:50px;
left:50px;
float:left;
display:none;
width:750px;
background:#eeeeee;
text-align:left;
color:#000000;
z-index:10;
padding: 0;
border:4px solid #333333;
font-size:12px;
}
#sitemap #topbar{
background:#99cccc;
height:20px;
border-bottom:1px solid #000000;
padding:5px;
}
#sitemap #smcontent{
padding:25px 50px;
}
#sitemap ul {
list-style-type:none;
}
#sitemap ul li:first-child{
font-weight:normal;
}
#sitemap ul li {
font-weight:bold;
margin: 15px 0;
}
#sitemap ul li ul li {
font-weight:normal;
margin:2px 0 0 15px;
}
#sitemap b {
font-size:16px;
font-weight:bold;
}
#sitemap #close {
float:right;
color:#000000;
margin:3px 6px;
}
#sitemap img {
float:right;
}
#sitemap a{
color:#056060;
text-decoration:none;
}
#sitemap a:hover{
color:#000000;
text-decoration:underline;
}
#sitemap .current {
margin-left:10px;
}
/*---BILDSPEL---*/
#thumb-container{
width:860px;
margin:20px 0;
height:150px;
}
#image-prev{
float:left;
width:80px;
height:150px;
padding:0;
}
#image-current{
text-align:center;
float:left;
width:700px;
height:150px;
padding:0;
}
#image-current img{
margin:0 20px 0 0;
padding:0;
}
#image-current img:first-child{
margin:0 20px;
}
#image-next{
float:left;
width:80px;
height:150px;
padding:0;
}
#large-image{
width:860px;
text-align:center;
}
img.imghover:hover {
cursor:pointer;
}