﻿    

    
#leftlogga {
    width:740px;
    margin: auto;
    height: 124px;
    background:#FFFFFF;
    color:#000080;
    border-left: solid #c0c0c0 1px;
    border-right: solid #c0c0c0 1px;
    border-top: solid #c0c0c0 1px;
    border-bottom: solid #c0c0c0 1px;
    }
    
#topmenu  {
    width:740px;
    height: 23px;
    margin: auto;
	    border-top: solid #cecece 1px;
    border-bottom: solid #c0c0c0 1px ;
    border-left: solid #c0c0c0 1px;
    border-right: solid #c0c0c0 1px;
    }
#logtext {
    width:320px;
    height:100px;
    position:absolute;
    left: 522px;
    padding-top:15px;
    }

#maincontainer {
    width:740px;
    height: 510px;
    font-family: verdana, arial, sans-serif;
    color: #000080; 
    font-size:8pt;
    margin:auto;
    background:#FFFFFF;
    border-left: solid #c0c0c0 1px;
    border-right: solid #c0c0c0 1px;
    border-bottom: solid #c0c0c0 1px;
    }

   
#texthelsida {
    width:710px;
    height: 55px;
    font-family: verdana, arial, sans-serif;
    color: #000080; 
    font-size:8pt;
    background:#FFFFFF;
    padding-left: 17px;
    padding-right: 10px;
    float:left;;
    }
#leftcontainer {
    width:357px;
    /*height: 444px;*/
    font-family: verdana, arial, sans-serif;
    color: #000080; 
    font-size:8pt;
    background:#FFFFFF;
    padding-top:10px;
    padding-left: 10px;
    padding-right: 5px;
    float: left;
    }
    
#rightcontainer {
    width:356px;
    /*height: 444px;*/
    font-family: verdana, arial, sans-serif;
    color: #000080; 
    background:#FFFFFF;
    font-size:8pt;
    padding-top:10px;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    }
#textbottom {
    width:741px;
    height:20px;
    margin: auto;
    padding-top:8px;
    background:#FFFFFF; /*Vit*/ 
    font-size: 10px;
    font-family: verdana, arial, sans-serif; 
    color:#000080;
    padding-left: 0px;
    /*border-left: solid #c0c0c0 1px;
    border-right: solid #c0c0c0 1px;
    border-bottom: solid #c0c0c0 1px;*/
   } 
    
#textbottom2 {
    width:740px;
    height:20px;
    margin: auto;
    padding-top:5px;
    background:#FFFFFF;
    color:#000080;
    font-size: 9px;
    } 
    
#leftcontainer {
    width:357px;
    /*height: 444px;*/
    font-family: verdana, arial, sans-serif;
    color: #000080; 
    font-size:8pt;
    background:#FFFFFF;
    padding-top:10px;
    padding-left: 10px;
    padding-right: 5px;
    float: left;
    }
    
#rightcontainer {
    width:356px;
    /*height: 444px;*/
    font-family: verdana, arial, sans-serif;
    color: #000080; 
    background:#FFFFFF;
    font-size:8pt;
    padding-top:10px;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    }
    
#lefttopraster{
    width: 330px;
    height: 21px;
    background-image: url("http://www.hjarnhalsan.se/Contents/images/topraster_green3.jpg");
    background-repeat: repeat;
    position: relative;
    left: 8px;
       }
       
#lefttopram   {
    width: 330px;
    height: 14px;
    background-image: url("http://www.hjarnhalsan.se/Contents/images/topram330.jpg");
    position: relative;
    left: 8px;
       }
       
#leftramkant   {
    width: 330px;
    background-image: url("http://www.hjarnhalsan.se/Contents/images/ramkant330.jpg");
    background-repeat: repeat; 
    position: relative;
    left: 8px;
    
       }
       
#leftbottenram   {
    width: 330px;
    height: 8px;
    background-image: url("http://www.hjarnhalsan.se/Contents/images/bottenram330.jpg");
    background-repeat: no-repeat;
    position: relative;
    left: 8px;
       }
       
#lefttext1 {
    width:300px;
    padding-left:15px;
    }
    
#fullimage {
    width:740px;
    height: 236px;
    margin-top: 10px;
    margin-bottom: 0px;

    float: left;
    border-bottom: solid 1px #000000;
    
    }

#leftimage {
    width:207px;
    margin-right: 25px;
    margin-left: 8px;
    margin-top: 32px;
    float:left;
    }
    
#leftimage_Inside {
    }
    
#righttopraster{
    width: 330px;
    height: 21px;
    background-image: url("http://www.hjarnhalsan.se/Contents/images/topraster_green3.jpg");
    background-repeat: repeat; 
    position: relative;
    /*top: 200px;*/
    left: 8px;
       }
       
#righttopram   {
    width: 330px;
    height: 14px;
    background-image: url("http://www.hjarnhalsan.se/Contents/images/topram330.jpg");
    position: relative;
    left: 8px;
       }
       
#rightramkant   {
    width: 330px;
    background-image: url("http://www.hjarnhalsan.se/Contents/images/ramkant330.jpg");
    background-repeat: repeat; 
    position: relative;
    left: 8px;
       }
       
       
#rightbottenram   {
    width: 330px;
    height: 8px;
    background-image: url("http://www.hjarnhalsan.se/Contents/images/bottenram330.jpg");
    background-repeat: no-repeat;
    position: relative;
    left: 8px;
       }
       
#righttext {
    /*margin-top: 32px;*/
    /*padding-top: 32px;*/
    padding-left:15px;
    width: 300px;
    top: 260px;
    /*border: solid #FFFFFF 1px;*/
    left:300px;
    }
    
#righttext2 {
    width:300px;
    padding-left:15px;
    }
    
#rightimage {
    width:300px;
    /*text-align: right;*/
    /*padding-left: 15px;*/
    }

#textruta705{
    width:680px;
    height:223px;
    padding-top:20px;
    padding-left: 15px;
    padding-right: 5px;
    }


#topraster705{
    width: 705px;
    height: 31px;
    background-image: url("http://www.hjarnhalsan.se/Contents/images/topraster_green2.jpg");
    background-repeat: repeat-x; 
    position: relative;
    left: 16px;
    top: 10px;
       }
       
#topram705   {
    width: 705px;
    height: 12px;
    background-image: url("http://www.hjarnhalsan.se/Contents/images/topram705.jpg");
    /*background-repeat: no-repeat;*/
    position: relative;
    left: 16px;
    top: 0px;
       }
       
#ramkant705   {
    width: 705px;
    background-image: url("http://www.hjarnhalsan.se/Contents/images/ramkant705.jpg");
    background-repeat: repeat-y;
    position: relative;
    left: 16px;
    top: -5px;
       }
       
#bottenram705   {
    width: 705px;
    height: 8px;
    background-image: url("http://www.hjarnhalsan.se/Contents/images/bottenram705.jpg");
    background-repeat: no-repeat;
    position: relative;
    left: 16px;
    top: -15px;
       }
       
#kontaktleft {
    width:464px;
    height:400px;
    font-family: verdana, arial, sans-serif;
    color: #000080; 
    font-size:8pt;
    background: #FFFFFF;
    padding-top:10px;
    margin-left:10px;
    float:left;
    }
    
#kontaktright {
    width:240px;
    height:370px;
    font-family: verdana, arial, sans-serif;
    color: #000080; 
    background: #FFFFFF;
    font-size:8pt;
    padding-top:20px;
    float:left;
    }

#text705 {
    width:680px;
    padding-left: 15px;
    padding-right: 5px;
    font-size: 12px;
    }
    
#bild705 {
    width:705px;
    padding-top: 8px;
    margin:auto;
    background: #FFFFFF;
    color: #000080;
    }
    



/* OBS ANVÄNDS EJ PÅ DENNA SIDA
#galleri_pic1 {
    background: #FFFFFF;
    float:left;
    color: #000080;
    padding-bottom:1px;
}

#galleri_pic2 {
    background: #FFFFFF;
    float:left;
    color: #000080;
    padding-bottom:1px;
    padding-left:3px;
}

#galleri_pic3 {
    background: #FFFFFF;
    float:left;
    color: #000080;
    padding-bottom:1px;
    padding-left:3px;
}

#galleri_pic4 {
    background: #FFFFFF;
    float:left;
    color: #000080;
    padding-bottom:1px;
}

#galleri_pic5 {
    background: #FFFFFF;
    float:left;
    color: #000080;
    padding-bottom:1px;
    padding-left:3px;
}

#galleri_pic6 {
    background: #FFFFFF;
    float:left;
    color: #000080;
    padding-bottom:1px;
    padding-left:3px;
}

#galleri_pic7 {
    background: #FFFFFF;
    float:left;
    color: #000080;
    padding-bottom:1px;
}

#galleri_pic8 {
    background: #FFFFFF;
    float:left;
    color: #000080;
    padding-bottom:1px;
    padding-left:3px;
}

#galleri_pic9 {
    background: #FFFFFF;
    float:left;
    color: #000080;
    padding-bottom:1px;
    padding-left:3px;
}

#galleri_text {
    width: 685px;
    background: #FFFFFF;
    float:left;
    color: #000080;
    padding-bottom:1px;
    padding-left:3px;
}

*/




Body {
        /*background: #CBCE99;*//*gulgrön*/
        background: #FFFFFF;/*Vit*/
        /*background: #016A66;*/ /*mörkgrön*/
        color:#000080;
    } 
    
h1,h2,h3,h6
{
font-family: verdana, arial, sans-serif; 
/*margin: 0 10px;*/
}

h4
{
font-family: verdana, arial, sans-serif; 
margin: 0 10px;
font-size: 11px;
font-weight: normal;
padding-bottom:0px;
background:#CBCE99;
}

h6
{
margin: 0 10px;
}

h5 /*VÅRDNU-logga*/
{
font-family: arial, sans-serif; 
font-size: 10px;
color: #000080;
background:#FFFFFF;
text-align: left;
margin-top:0px;
margin-left:20px;
}



h1
{
/*font-size: 18px;
font-weight: bold;
padding-bottom: 5px;*/
}

h1 /*VÅRDNU-logga*/
{
font-family: arial, sans-serif; 
/*margin: 0 10px;*/
font-size: 18px;
font-weight: bold;
/*color: #000080;
background:transparent;*/
text-align: left;
/*margin-left:10px;*/
/*margin-bottom: 0px;*/
margin:0 5px;
}



h2
{
font-size: 13px;
font-weight: bold;
padding-top: 0.3em;
padding-bottom: 1px;
}

h3
{ 
font-size: 13px;
font-weight: bold;
}


h6
{
font-size: 26px;
font-weight: bold;
padding-top: 0.3em;
padding-bottom: 1px;
color: #FAF3D9;
background:#FFFFFF;
}

table,li,address
{
font-family: verdana, arial, sans-serif; 
margin-bottom: 0pt;
/*margin:0 5px;*/

}

p,li
{
font-size: 11px;
color: #000080;
background:#FFFFFF;
/*margin-bottom: 5pt;*/
margin:0 5px;

}

.textbottom2 p
{
font-size: 8px;
color: #000080;
background:#FFFFFF;
margin-bottom: 5pt;
}



th,td
{
font-size: 11px;
margin-bottom: 5pt;
}

p
{
margin:0 5px;
font-family: verdana, arial, sans-serif; 
}



th {
background-color:#FAEBD7;
color:#000080;
}

h1,h2,h3,h4,hr 
{
color:#000080; 
background:#FFFFFF;
margin:0 5px;
}
a:link    {color:#000080;background:#FFFFFF}
a:visited {color:#000080;background:#FFFFFF}
a:active  {color:#000080;background:#FFFFFF}
a:hover   {color:#4242ff;background:#FFFFFF}


.textbottom a:link
{color:#000080 ;background:#FFFFFF;}
.textbottom a:visited
{color:#000080 ;background:#FFFFFF;}
.textbottom a:active
{color:#000080 ;background:#FFFFFF;}
.textbottom a:hover
{color:#000080 ;background:#CBCE99;}

.textbottom2 a:link
{color:#000080;background:#FFFFFF;}
.textbottom2 a:visited
{color:#000080;background:#FFFFFF;}
.textbottom2 a:active
{color:#000080;background:#FFFFFF;}
.textbottom2 a:hover
{color:red;background:#FFFFFF;}

a.vardnu:link    {color: #000080; background:#FFFFFF; text-decoration:none; padding-left: 0px;}
a.vardnu:visited {color: #000080; background:#FFFFFF; text-decoration:none; padding-left: 0px;}
a.vardnu:active  {color: #000080; background:#FFFFFF; text-decoration:none}
a.vardnu:hover   {color: #005999; background:#f4f4f4; text-decoration:none}