/* GRUNDLAYOUT 1 / Meny till vänster */
body {
padding: 0; /* behövs alltid!! */
margin: 10px; /* sidans marginaler */
text-align: center;  /* centrerar layouten  - för äldre webläsare  */
background-color: #f6f6f4; color: #172436;
background-image: url(bilder/indexbg.gif);
background-repeat: repeat-x;
font: 65% Verdana, Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5 { 
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: inherit;
color: #000;
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: 130%; }

/* Generell stil på länkarna */
a { color: #ac6143; background-color: inherit; text-decoration: none; }
a:visited { color: #ac6143; background-color: inherit; }
a:hover { color: #172436; background-color: inherit; text-decoration: underline; }
a img { border: none; }

hr { border: thin solid #75787b; margin-top: 15px; margin-bottom: 15px; }

.cleartopmargin { margin-top: 0; }
.center { text-align: center; }
.img_border {border: 1px; color:#000000;}

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


/* sidhuvud */
#sidhuvud {
width: 100%;
background-color: #d4dae2; color: #172436;
border-bottom: 2px solid #75787b;
float: left; }

.top_grund {
background-image: url(bilder/top_bg.jpg);
background-repeat: no-repeat;}

.top_grund_eng {
background-image: url(bilder/top_bg_eng.jpg);
background-repeat: no-repeat;}

.top_extra {
background-image: url(bilder/top_extra.jpg);
background-repeat: no-repeat;}

.top_extra_eng {
background-image: url(bilder/top_extra_eng.jpg);
background-repeat: no-repeat;}

.top_glid {
background-image: url(bilder/top_glid.jpg);
background-repeat: no-repeat;}

.top_glid_eng {
background-image: url(bilder/top_glid_eng.jpg);
background-repeat: no-repeat;}

.top_brons {
background-image: url(bilder/top_brons.jpg);
background-repeat: no-repeat;}

.top_brons_eng {
background-image: url(bilder/top_brons_eng.jpg);
background-repeat: no-repeat;}

#shheight { height: 116px; }

/* Innehåll i huvudet */
#shleft { width: 55%; float:left; height: 50px}
#shleftcontent { padding: 7px 0px 0px 10px; } /* placerar logo */
#shleftcontent h1 { 
color: #172436; background-color: inherit;
font-style: italic;
margin: 0; }

#shmiddle { width: 25%; float:left; padding-top:12px; } /* placerar dropdown */

#shright { width: 20%; float:right; }
#shrightcontent { padding: 1px 0px 0px 70px; text-align: left; } /* placerar sajtkarta */

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

/* topmeny */
#topmenybox { 
	width: 100%; 
	float: left;
	margin: 0 0 0 0;
	clear: both;
	 }

#topmenybox ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 10px;
}

#topmenybox ul ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 0;
}

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

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



/* Navigering */
.menu {
font-size:1em;
position:relative;
z-index:100;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width: auto;
border-left: solid 1px #000000;
border-right: solid 1px #000000;
border-bottom: solid 1px #000000;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width: auto;
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:1em;
text-decoration:none; 
color:#ac6143; 
width: auto; 
height: auto; 
border:none;
background: none; 
padding-left:10px; 
line-height: inherit;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:auto;
w\idth:auto;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:21px;
left:0; 
width:126px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:21px;
t\op:21px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#fff;
color:#ac6143; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:130px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:150px;
w\idth:129px;
}


/* style the top level hover */
.menu ul ul a:hover{
color:#000; 
background: #fff;
}
.menu a:hover{
color:#000; 
background: url(bilder/meny_opac.gif) #FFFFFF;
}
.menu :hover > a, {
color:#000;
background:none;
text-decoration:underline;
font-size: 1em;
}
.menu ul ul :hover > a {
color:#000;
background:#fff;
text-decoration:underline
font-size: 1em;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}

/* SLUT PÅ NAVIGERING */


/* kolumner innehåll */
#kolumncontainer { width: 100%;
background-color: #fff; color: inherit; background-image:url(bilder/meny_bg.gif); background-repeat:repeat-y;
clear: both; }

/* kolumn: main */
#main { width: 78%; float: right;
background-image:url(bilder/main_bg.jpg);
background-repeat:no-repeat;
background-position:right top; } /* main till höger  */

#main2 { width: 78%; float: right;
background-image:url(bilder/mainbg.jpg);
background-repeat:no-repeat;
background-position:right top; } /* main till höger  */

#main3 { width: 78%; float: right; } /* ingen bakgrund  */

#main4 { width: 78%; float: right;
background-image:url(bilder/mainbgplast.jpg);
background-repeat:no-repeat;
background-position:right top; } /* main till höger  */

#maincontent { padding: 30px 130px 30px 20px; }  /* fast bredd - smal bakgrund */
#maincontent_nobg { padding: 30px 20px 30px 20px; }  /* fast bredd - ingen bakgrund */
#maincontent_bg { padding: 30px 200px 30px 20px; }  /* fast bredd - bred bakgrund */

/* kolumn: vänstermeny */
#side { width: 20%; float: left; } /* side till vänster  */
#sidecontent { padding: 30px 10px 20px 20px; background-color:#e4e4e6; color: inherit; }  /* fast bredd - pixlar */

/* vänstermeny */
#menybox {
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 { 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;
height: 100%; 
padding: 5px 18px 5px 0px; } /* ändrat för: side till vänster  */


/* sidebox */
.sidebox { margin-bottom: 30px; }
.sideboxcontent h3 { margin-left: 0px; }

/* sidfot */
#sidfot {
width: 100%;
background-color: #e4e4e6; color: #95AFBB;
border-top: 2px solid #75787b;
clear: both; }

#sidfotcontent {
padding: 5px;
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: #95AFBB; background-color: inherit; }

/* Högerställa bilder */
.img_hoger { float: right; margin: 10px; }

.img_hoger3 { float: right; margin: 3px; }

.clearing {
  height: 0;
  clear: both;
}

/* Formulär */
form label { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; background-color: inherit; font-size: 1em; float: left; }
form input { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; font-size: 1em; background-color: #e4e4e6; border: 1px solid #75787b; margin-left: 5px; }
form textarea { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; font-size: 1em; background-color: #e4e4e6; border: 1px solid #75787b; padding: 5px; }
form p { text-align: right; clear: both; margin: 0px 50px 5px 0px; }

#dimension {
width: 400px;
}

.textleft {text-align:left;}

/* tabell blå-randig */
#content {
  background-color: #fff; color: inherit;
  padding: 0px;
}
#content p {
  line-height: 1.6em;
}
table.fakta {
  clear: right;
  line-height: 1em;
  border-collapse: collapse;
  color: #000;
  background: #f0f0f0;
  font-size: 1em;} 
table.fakta tr {
  border: 2px solid #fff;
}
table.fakta tbody th {
  padding: 0.5em;
  border: 0px solid #fff;
  vertical-align: top;
}
table.fakta tbody td {
  padding: 0.5em;
  vertical-align: top;
}
table.fakta tbody tr.odd {
  background: #c4cfdb; color: inherit;
}

/* Bilder */
.gallery{
float: left;
width: 155px;
margin-right: 15px;
margin-bottom: 1em;
clear: none;
text-align: center;
}

/* Snabbval */
.drop1 { background-color: #8190bc; color: #fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }