body {
padding: 0; /* behövs alltid!! */
margin: 0; /* sidans marginaler */
text-align: center;  /* centrerar layouten 1 - för äldre webläsare  */
background-color: #978844; color: #000;
font: 10px Verdana, Arial, Helvetica, sans-serif; }

p { margin: 0 0 15px 0;
font-size: 10px; }

a { color: #513224; background-color: inherit; }
a:visited { color: #513224; background-color: inherit; }
a:hover { color: #513224; background-color: inherit; text-decoration: underline; }
a img { border: none; }

hr { border: thin solid #000; margin-top: 30px; margin-bottom: 30px; }

.cleartopmargin { margin-top: 0; }
.center { text-align: center; }

/* layout */

#layout {
width: 700px;  /* fast bredd */
margin: 0 auto;  /* centrerar layouten 2 */
text-align: left;   /* centrerar layouten 3 - justerar tillbaka innehållet åt vänster */
border: 1px solid #000; }


/* sidhuvud */

#sidhuvud {
width: 700px;
background-color: #645A2D; color: #172436;
background-image: url(img/coons.jpg);
background-repeat: no-repeat;
border-bottom: 1px solid #000;
height: 290px;
float: left; }

/* topmeny */

#topmenybox2 { 
width: 700px;
height: 263px;
float: left; }

#topmenybox { 
width: 700px;
background-color: #645A2D; color: #000;
float: left;
clear: both; }

#topmeny ul {
list-style-type: none;
padding: 0; margin: 0; /* båda behövs! */
border-left: 1px solid #000; /* för "knapputseende" */
float: left; }

#topmeny li { display: inline; }

#topmeny a, #topmeny span {
padding: 5px 10px;
border-top: 1px solid #000; /* för "knapputseende" */
border-bottom: 1px solid #000; /* för "knapputseende" */
border-right: 1px solid #000; /* för knapputseende - annars #topmenybox bg-color */
color: #000; background-color: inherit;
text-decoration: none;
float: left; }

#topmeny a:hover { text-decoration: underline; }

#topmeny span#aktuell { text-transform: uppercase; }

/* kolumncontainer */

#kolumncontainer { width: 700px;
background-color: #D4CAA0; color: inherit;
background-image: url(avdelare.gif);
background-position: 550px 0;
background-repeat: repeat-y;
clear: both; }

/* kolumn: main */

#main { width: 550px; float: left; }

#maincontent { padding: 20px 10px 20px 10px; }  /* fast bredd - pixlar */


/* kolumn: side */

#side { width: 150px; float: right; }

#sidecontent { padding: 20px 10px 20px 10px; }  /* fast bredd - pixlar */

/* meny */

#menybox
{
margin: 0;
padding: 5px 0 0 0;
background-color: #645A2D;
font: 9px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

#menybox ul
{
list-style-type: none;
margin: 0;
padding: 5px 0;
}

#menybox li { display: inline; }

#menybox a, #menybox span
{
text-decoration: none;
margin-left: 5px;
padding: 5px 10px;
border: 1px solid #000000;
border-bottom: none;
background-color: #978844;
color: #000;
}

#menybox a:hover, #menybox span#aktuell
{
background-color: #D4CAA0;
color: #000;
}

/* sidebox */

.sidebox { margin-bottom: 30px; }
.sideboxcontent { border-top: 1px dashed #000; padding: 10px 0 0 0; }
.sideboxcontent h3 { margin-left: 10px; }

/* sidfot */

#sidfot {
width: 700px;
background-color: #645A2D; color: #000;
border-top: 1px solid #000;
clear: both; }

#sidfotcontent {
padding: 7px;
text-align: center; }

#sidfotcontent p {
margin: 0;
font-size: x-small; }

#sidfotcontent img { padding: 5px 5px 0 5px; }
#sidfotcontent a { padding: 5px 5px 0 5px; color: #513224; background-color: inherit; }