@import url("layout.css");
body {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 0.8em;
        color: #000;
        background-image: url('../images/metalback.jpg');
        /*background-color:#333333;*/
}
#container {
        width: 925px; /*730px;*/
        margin: 0 auto;
        background-color:silver;
        border:outset 2px gray;
        margin-top:10px;
        margin-left:2%;


        margin-bottom:20px;
        
        
}
#masthead {
        text-align: right;
        width:925px; /*730px;*/
        overflow: auto;
        background-image: url('../images/hd-nav.gif');
        vertical-align: middle;
}
#sidepic  /*Bild upptill på sidan*/ 
{
        border-style: solid;
        border-width: 1px;
        margin: 5px;
        width:211px; 
        height:140px;
}


#sidebar /*Knappar*/{
        top:0px;
        float: left;
        width: 175px;
        height: 485px;
        border:none;
        padding:5px;
        background-color: transparent;
        clear: both;
        display: inline;
        position: relative;
        }
#messagebox  /*Medddelanden under knapparna*/{
        float: left;
        width: 170px;
        height: 75px;
        border:none;
        padding:5px;
        background-color: transparent;
        display: inline;
        clear:both;
        position: relative;
}
#content {
        float: none;
        width:  710px; /*535px;*/;
        height: 550px;
        padding: 15px;
        overflow: auto;
        border: 0px gray solid;
        background-color: #ccc;
        margin: 0px;
        position: relative;
        top:0px;
        left:0px;
        background-attachment: inherit;
}
#content img {
        display: block;
}
#footer {
        clear: both;
        width: 925px; /*730px;*/
        background-image: url('../images/hd-nav.gif');
        padding: 0;
        overflow: auto;
        margin-top: 0px;
}
#masthead {
        width: 100%; /*626px;*/
        /*margin-top: 0;
        margin-right: 0px;
        margin-bottom: 0;
        margin-left: 0px;*/
        overflow: auto;
        background-color: #bde;
}


#masthead img {
        float: left;    
}


#masthead h1 {
        text-align: left;
        color:white;
        margin-bottom: 5px;
        margin-top: 5px;
        margin-right: 10px;
        padding: 5px;
}
/* Styles for Navigation */
#sidebar ul {
        list-style-type: none;
        width: 100%;
        display: block;
        margin: 0;
        padding: 0;
}
#sidebar li {
        display: block;
        border: 1px solid #cdf;
}
#sidebar a {
        font-weight: bold;
        text-decoration: none;
        color: #04b;
        background-image: url('../images/bg-main.gif');
        display: block;
        padding: 5px;
        border-bottom: 1px solid #000;
}
#sidebar a:hover {
        font-weight: bold;
        text-decoration: none;
        background-image: url('../images/bg-main_hoover.gif');
        border-bottom: 1px solid #999;
}
#sidebar a:active {
        font-weight: bold;
        text-decoration: none;
        background-image: url('../images/bg-main_hoover.gif');
        border-bottom: 1px solid #999;
}


/* Styles for Footer */
#footer p {
        font-size: 0.9em;
        text-align: center;
        margin: 0px;
        padding: 2px;
}
#footer a {
        color: #333;
        text-decoration: underline;
}
#footer a:hover {
        color: #333;
        text-decoration: none;
}
a {
        color: #04b;
        text-decoration: underline;
}
a:hover {
        color: #333;
        text-decoration: underline;
}
.style_bold {
        font-weight: bold;
}
.style_italic {
        font-style: italic;
}