/* GRUNDLAYOUT 2 / EXEMPEL 6: FLYTANDE LAYOUT - 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: #503f33; color: #2A2619;
background-image: url();
background-repeat: ;
font: 76% Verdana, Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5 { 
font-family: Georgia, Times, "Times New Roman", serif;
color: #695E3E; 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: #695E3E; background-color: inherit; text-decoration: underline; }
a:visited { color: #695E3E; background-color: inherit; }

a:hover { background-color: #99CCFF}
a img { border: none; }
a:active { color: #FF0000;}

hr { border: 1px dotted  #3399FF; margin-top: 30px; margin-bottom: 30px; }

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

/* layout */

#layout {
	width: 1024px;  /* flytande: procent */
	margin: 0 auto;  /* centrerar layouten 2 */
	text-align: left;   /* centrerar layouten 3 - justerar tillbaka innehållet åt vänster */
	min-width: 600px;
	max-width: 1024px; /* max & min-width - kombineras med cond. comm. för IE 6 inom head */
	border: 1px solid #000;
}


/* sidhuvud */

#sidhuvud {
	width: 100%;
	background-color: #E8E4E5;
	color: #0033FF;
	background-repeat:repeat-x;
	border-bottom: 1px solid #000;
	float: left;
}
#shheight {
	height: 130px;
	background-color: #E8E4E5;
}

#shleft {
	width: 60%;
	float: left;
}
#shleftcontent {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left:0px;
} /* placerar rubriken */
#shleftcontent h1 { 
color: #3399FF; background-color: inherit;
font-style: 0;
margin: 0; }

#shright {
	width: 40%;
	float: right;
	background-repeat: no-repeat;
	padding: 0px;
	height: 130px;
}
#shrightcontent {
	text-align: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
} /* placerar skiplänken */

#shrightcontent a { 
color: #695E3E; background-color: inherit;
font-size: x-small; }

/* topmeny */

#topmenybox { 
width: 100%; 
border-top: 1px solid #000;
background-color: #3399FF; color: #2A2619;
float: left;
clear: both; }

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

#topmeny li { display: inline; }

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

#topmeny a:hover { background-color: #99CCFF}
#topmeny a:active { color: #FF0000;}
#topmeny span#aktuell { text-transform: uppercase; }


/* kolumncontainer */

#kolumncontainer { width: 100%;
background-color: #F4F4F8;inherit;
background-image: url(avdelare.gif);(site-background.gif);
background-position: 68% 0;
background-repeat: repeat-y;
clear: both; }

/* kolumn: main */

#main { width: 68%; float: left; }

#maincontent { padding: 30px 0.9em 30px 1.7em; }


/* kolumn: side */

#side { width: 32%; float: right; }

#sidecontent { padding: 30px 0.9em 30px 1.7em; }

/* meny */

#menybox {
background-color:#3399FF;
font-family:Verdana,Arial,Helvetica sans serif;
font-size: 1.2em;
margin-bottom: 30px; }

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

#menybox h2  menyrubrik
{ position: absolute;
background-image: url(meny_rubrik.gif); } /* 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;
background-image: url(meny_bg.gif);
color: #000; background-color: inherit;
text-decoration: none; 
height: 100%; 
padding: 5px 0 5px 18px; }

#menybox a:hover { background-color: #99CCFF;
background-image: url(meny_over.gif);}

 #menybox a:active { color: #FF0000;} 

#menybox span#aktuell { 

background-position: 0 56%; /* placerar menybilden */
background-repeat: no-repeat; 
}

/* sidebox */

.sidebox {
background-color:#3399FF;
 margin-bottom: 20px; }
.sidebox1content { border-top: 1px dashed #3399FF; padding: 10px 0 0 0; }
.sidebox1content h3 { margin-left: 10px; }

.sidebox2 { margin-bottom:5px; }
.sidebox2content img {margin-left:0px;}
.google_translate_element { position: absolute; margin-bottom: 20px; right: 5px; }

/* sidfot */

#sidfot { 
width: 100%;
clear: both; 
background-color: #2A2619; color: #A89663;
border-top: #000 1px solid; 
text-align: center; }

#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: #A89663; background-color: inherit; }

/* Bara EXEMPEL - ta bort!! */
.color1 { background-color: #F6F4ED; color: inherit; padding: 2px; }
.color2 { background-color: #D2C8A8; color: inherit; padding: 2px; }
.color3 { background-color: #BBAB7C; color: inherit; padding: 2px; }
.color4 { background-color: #A89663; color: inherit; padding: 2px; }
.color5 { background-color: #695E3E; color: inherit; padding: 2px; }
.color6 { background-color: #2A2619; color: #F6F4ED; padding: 2px; }