/* GRUNDLAYOUT 2 / EXEMPEL 1: ELASTISK - 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:  #B8BE95; color: #2C2618; /* A5AE6F */
/*background-image: url(bg_body.gif);*/
background-repeat: repeat-x;
font: 76% Verdana, Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5 { 
font-family: Georgia, Times, "Times New Roman", serif;
color: #575D2E; background-color: inherit;
letter-spacing: 1px;
margin-top: 30px;
margin-bottom: 4px; }

h1 { font-size: 2.5em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.33em; }
h4 { font-size: 1.16em; }
h5 { font-size: 1em; }

p { margin: 0 0 15px 0;
font-size: 1em;
line-height: 140%; }

a { color: #575D2E; background-color: inherit; text-decoration: underline; }
a:visited { color: #575D2E; background-color: inherit; }
a:hover { color: #2C2618; background-color: inherit; }
a img { border:#575D2E; }*/

hr { border: thin solid #575D2E; margin-top: 0px; margin-bottom: 10px; }

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

/* layout */

#layout {
width: 63em;
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: 100%;
background-color: #7C8442; color: #2C2618;
background-image: url(bg_sidhuvud2.gif);
background-repeat: repeat-x;
border-bottom: 1px solid #000;
float: left; }

#shheight { height: 150px; }

#shleft { width: 68%; float: left; }
#shleftcontent { padding: 10px 0 0 10px; } /* placerar rubriken */
#shleftcontent h1 { 
color: #A5AE6F; background-color: inherit;
font-style: italic;
margin: 0; }

/* ersätter huvudrubrik med bild - vill du inte ha bild - ta bort! */
/*#shleftcontent {  
height: 76px; /* justera så att bakgrundsbilden får plats */
/*background-image: url(images/logga_s.gif);
background-position: 5px 5px; /* samma som paddingen ovan */
/*background-repeat: no-repeat; }
#shleftcontent h1 { position: absolute; left: -900px; }
*//*  / end  */

#shright { width: 32%; float: right; }
#shrightcontent { padding: 10px 20px 0 0; text-align: right; } /* placerar skiplänken */

#shrightcontent a { 
color: #575D2E; background-color: inherit;
font-size: x-small; }

/* topmeny */

#topmenybox { 
width: 100%; 
border-top: 1px solid #000;
background-color: #575D2E; color: #B8BE95;
float: left;
clear: both; }

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

#topmeny li { display: inline; }

#topmeny a, #topmeny span {
padding: 5px 10px;
/*border-right: 1px solid #2C2618;*/
color: #B8BE95; background-color: inherit;
text-decoration: none;
float: left; }

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

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

/* kolumncontainer */

#kolumncontainer { width: 100%;
background-color: #FFFFFF; color: inherit; /* #EFF6E3 */
background-image: url(avdelare.gif);
background-position: 25% 0;
background-repeat: repeat-y;
clear: both; }

/* kolumn: main */

#main { width: 75%; float: right;}

#maincontent { padding: 12px 2.7em 20px 2.7em; height:568px; overflow:auto; }


/* kolumn: side */

#side { width: 25%; float: left; }

#sidecontent { padding: 12px 1.7em 1px 1.7em; }

/* meny */

#menybox {
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 1.2em;
margin-bottom: 10px; }

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

#menybox h2 { position: absolute; left: -10000px; } /* 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, #menybox span#aktuell { 
background-image: url(arrow2.gif);
background-position:80% 56%; /* placerar menybilden */
background-repeat: no-repeat; 
text-decoration:underline;
}


/* sidebox */

.sidebox { margin-bottom: 20px; }
.sideboxcontent { border-top: 1px solid #000; padding: 10px 0 0 0;}
.sideboxcontent h3 { margin-left: 0px; }
.sidebox2 { padding:0px 0 0 0; background-color:#999999; }
/* sidfot */

#sidfot {
width: 100%;
background-color: #575D2E; color: #A5AE6F;
border-top: 1px solid #000;
clear: both; }

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

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

.bodyText {
	font:11px Arial, Helvetica, sans-serif;
	line-height:22px;
	color:#26354A;
	letter-spacing:.1em;
	}
.vagn td {

font-family:Verdana, Arial, Helvetica, sans-serif;
border-bottom:#B8BE95 solid 1px




}
.vagn th {

font: 95% Verdana, Arial, Helvetica, sans-serif;
background-color:#B8BE95


}
.tack table {
border:#B8BE95 solid 1 px
}


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

/* EXEMPEL - ta bort!! */
.color1 { background-color: #EFF6E3; color: inherit; padding: 2px; }
.color2 { background-color: #B8BE95; color: inherit; padding: 2px; }
.color3 { background-color: #A5AE6F; color: inherit; padding: 2px; }
.color4 { background-color: #7C8442; color: inherit; padding: 2px; }
.color5 { background-color: #575D2E; color: inherit; padding: 2px; }
.color6 { background-color: #2C2618; color: #EFF6E3; padding: 2px; }