/* GRUNDLAYOUT 2 / EXEMPEL 2: FAST BREDD - Meny till höger */
body {
padding: 0; /* behövs alltid!! */
margin: 0; /* sidans marginaler */
text-align: center;  /* centrerar layouten 1 - för äldre webläsare  */
background-color: #382e29; color: #2C2618;
background-image: url(bak1.jpg);
background-repeat: ;
background-attachment: fixed;
font: 80% Tahoma, Arial, Helvetica, sans-serif;
overflow:auto;
scrollbar-face-color: #faf7f2;
scrollbar-highlight-color:#faf7f2;
scrollbar-shadow-color: #faf7f2;
scrollbar-3dlight-color: #faf7f2;
scrollbar-darkshadow-color: #faf7f2;
scrollbar-arrow-color:  #564640;
scrollbar-track-color: #faf7f2
} 

h1, h2, h3, h4, h5 { 
font-family: "Tahoma", Times, "Times New Roman", serif;
color: #2e2924; background-color: inherit;
letter-spacing: 0px;
margin-top: 30px;
margin-bottom: 4px; }

h1 { font-size: 2.5em; }
h2 { font-size: 13px; }
h3 { font-size: 11px; }
h4 { font-size: 0.8em; }
h5 { font-size: 1em; }

p { margin: 0 15px 15px 0px;
font-size: 13px;
line-height: 140%;
color: #382e29
}

img {border: 0px double #b4bbd0; }

.susnet:link, .susnet:visited, .susnet:active {text-align: "center" ;color:#cc0000; text-decoration:none; font-size:0.8em; font-family:Verdana;}
.susnet:hover {color:#cc0000; background-color:;}


.vit{ color:#000000; font-size: 13px; text-decoration:none;}
a { color: #382e29; font-size: 13px;background-color: inherit; text-decoration: underline; }
a:visited { color: #382e29; background-color: inherit; }
a:hover { color:#faf7f2 ; background-color:#564640 }
a img { border: none; }

hr { border:  1px solid #382e29; margin-top: 15px; margin-bottom: 15px; }

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



/* layout */

#layout {
width: 775px;  /* fast bredd */
height: 400px
position: absolute;
left: 50%; top: 50%;
margin-left: -387px; /* hälften av bredden i width */
margin-top: -250px; /* hälften av höjden i height */

margin: 0 auto;  /* centrerar layouten 2 */
text-align: left;   /* centrerar layouten 3 - justerar tillbaka innehållet åt vänster */
border-top: 3px solid #faf7f2;
border-left: 3px solid #faf7f2;
border-right: 3px solid #faf7f2;}


/* sidhuvud */

#sidhuvud {
width: 775px;
background-color: #564640; color: #172436;
background-image: url(bilder/rimpa.jpg);
background-repeat: no-repeat;
border-bottom: 0px solid #000;
float: left; }
#shheight { height: 198px; }




/* topmeny */

#topmenybox { 
width: 775px; height:32px;
border-right: 0px solid #000;
background-color: #544944; color: #D5DCE2;
float: left;
clear: both; }

#topmeny li { display: inline; }

#topmeny a, #topmeny span {
padding: 5px 8px ;
font-size: 13px;
border-top: 0px solid #faf7f2; /* för "knapputseende" */
border-bottom: 0px solid #faf7f2; /* för "knapputseende" */
border-right: 0px solid #D5DCE2; /* för knapputseende - annars #topmenybox bg-color */
color: #faf7f2; background-color: inherit;
text-decoration: none;
float: left; }

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


/* kolumncontainer */

#kolumncontainer { width: 775px; max-height: 300px; overflow: auto;;
background-color:#564640; color: inherit;
background-image: url(avdelare.gif);
background-position: 68% 0;
background-repeat: repeat-y;

clear: both;
}

/* kolumn: main */

#mainstart { width: 775px; height:300px ;float: left; background-color: #544944; overflow:auto;}
#main { width: 775px; height:300px ;float: left; background-color: #faf7f2; overflow:auto;}


#maincontent { padding: 20px 20px 20px 30px; }  /* fast bredd - pixlar */
#maincontent a:hover,  { 
background-color:  
}
#maincontent1{ padding: 0px 0px 0px 0px; } 


/* kolumn: side */

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

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

/* kalender */

#menybox {

font-family: "Tahoma", Georgia, Times, "Times New Roman", serif;
background-color:   ;
font-size: 0.9em;
margin-bottom: 0px;
border: 0px solid #FFFFFF;}

#menybox h2 {
margin: 0 0 0 18px; padding: 0;
font-size: 1.2em; }

#menybox h2 { position: absolute; center  } /* tar bort visingen av meny-rubriken */

#menybox ul { 
list-style-type: none; 
margin: 0; padding: 0; /* båda behövs! */
} 

#menybox a, #menybox span { 
display: block;
color: #000; background-color: inherit;
text-decoration: none; 
height: 100%; 
padding: 5px 0 5px 18px; }

#menybox a:hover,  { 
background-image: url(arrow1.gif);
background-position: 0 56%; /* placerar menybilden */
background-repeat: no-repeat; 
}





/* sidfot */

#sidfot {
width: 775px;height:40px;
left: 50%; top: 50%;
margin-left: -387px; /* hälften av bredden i width */
margin-top: -20px; /* hälften av höjden i height */
margin: 0 auto;  /* centrerar layouten 2 */
background-color: #544944; color: #A5AE6F;
border-bottom: 3px solid #faf7f2;
border-right: 3px solid #faf7f2;
border-left: 3px solid #faf7f2;
border-top: 0px double #faf7f2;

clear: both; }

#sidfotcontent {
padding-left: 5px;
text-align: left;}

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

#sidfotcontent img {  }
#sidfotcontent a { font-size:x-small; color: #faf7f2; background-color: inherit; text-decoration:none }

#sidfotcontent a:hover { text-decoration: underline }