/*
för alla sidors body.
*/



body  { 
background-position: left top;
float: left; 
width: 100%;
max-width: 1800px;
margin: 0;
font-size: 75%; 
font-family: Arial, Verdana;
color: black;
text-align: left;
}

h1, h2, h3, h4, h5 {
font-family: Arial, Verdana, serif;
margin-bottom: 2px;
margin-top: 1em; 
color: #993300;}

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

h6 {
font-family: Arial, Verdana, serif;
margin-top: 1em;
margin-bottom: 0px;
color: black;}

p { 
line-height: 1.5em; }
br { 
line-height: 0.5em; }


table {
font-size: 1em;
}
a:link {
font-size: 1em;
text-decoration: underline;} 
a:visited { 
font-size: 1em;
text-decoration: underline;
color: #999999; } 
a:active { 
font-size: 1em;
text-decoration: underline; } 
a:hover {
text-decoration: underline; 
color: #993300;}


/* layout */
#layouttext { 
width: 65em; 
} 

/* sidhuvud */

#sidhuvud { 
width: 100%;
float: left; 
} 

#shleft { float: left; }
#shleftcontent   { 
background-image: url("../info/bilder/bakgrunder/avjord_loggan.png");
background-repeat: no-repeat;
margin-top: 5px;
margin-left: 20px;
height: 100px;
min-height: 100px;
 }
 

 
 
/* textlager */
#textlager { 
background-color: #fff; 
visibility: visible; 
position: absolute; 
z-index: 1; 
top: 105px; 
left: 3.2em; 
width: 65em;
height: 300px;
clear: both;
}

#textlager_form { 
background-color: #fff; 
visibility: visible; 
position: absolute; 
z-index: 1; 
top: 105px; 
left: 0em; 
width: 65em;
height: 300px;
clear: both;
}
/* kolumn: main */
#main { width: 70%; float: left;} 
#maincontent { 
visibility: visible; 
position: absolute; 
z-index:2;
top: 105px; 
height: 260px;
width: 37em;
max-width: 500px;
min-width: 450px;
left: 2.2em; 
margin-left: 2em;
margin-top: 1em;
padding: 0 1em 0 0;
overflow: auto;
scrollbar-base-color: #999999;
scrollbar-arrow-color:#666666;
scrollbar-face-color:white;
scrollbar-width: 1px;
text-align: left;
line-height: 1.3em;
clear: both;
} 


#maincontent_index { 
visibility: visible; 
position: absolute; 
z-index:2;
top: 105px; 
height: 260px;
width: 37em;
max-width: 500px;
min-width: 450px;
left: 2.2em; 
margin-left: 2em;
margin-top: 1em;
padding: 0 1em 0 0;
overflow: hidden;
text-align: left;
line-height: 1.3em;
clear: both;
} 


/* kolumn: side */
#side { width: 30%; float: right; } 
#sidecontent {
text-decoration: none;
visibility: visible; 
position: absolute; 
top: 105px;
height: 260px;
width: 18em;
left: 47em;
margin-left: 1em;
margin-top: 1em;
margin-bottom: 1em;
padding: 0 1em 0 0;
z-index:3;
overflow: auto;
scrollbar-base-color: white;
 } 

#sidecontent a, a:link {
font-size: 1em;
text-decoration: none}


#layoutbild { width: 65em; line-height: 1.3em; } 

#bildlager  { 
background-color: #999999; 
visibility: visible; 
position: absolute; 
z-index: 3; 
top: 395px; 
left: 2em; 
width: 65em; 
height: 250px; 
filter:alpha(Opacity=50);
opacity: 0.5;
-moz-opacity:0.5;
}

/* kolumn: main2 */
#main2 { width: 50%; float: left; } 
#maincontent2 { 
visibility: visible; 
position: absolute; 
z-index: 4; 
top: 415px; 
left: 0.5em; 
height: 190px; 
filter:alpha(Opacity=50);
opacity: 0.5;
-moz-opacity:0.5;
margin-left: 2em;
margin-top: 2em;
} 

img.special {border: 2px white solid;}


#sidemiddle { width: 20%; float: right } 
#sidemiddlecontent {
visibility: visible; 
position: absolute; 
z-index: 5; 
top: 560px; 
height: 230px;
width: 15em;
right: 30em;
text-align: right;
margin-right: 1em;
color: white;
} 

/* kolumn: side2 */
#side2 { width: 30%; float: right; } 
#sidecontent2 {
visibility: visible; 
position: absolute; 
z-index: 5; 
top: 435px; 
height: 230px;
left: 50em; 
} 

.picture-box_left {
padding: 0.1em 0.7em 0.1em 0.5em;
} 

.prod_text-box {
padding: 0.1em 0.7em 0.1em 0.5em;
vertical-align: top;
} 

.prod_picture-box {
padding: 0.1em 0.7em 0.1em 0.5em;
vertical-align: middle;
} 

.picture-box {
text-align: right;
width: 99%;
margin-top: 0.5em;
} 

.picture-box_bottom {
text-align: left;
padding: 0 2em 0 0;
} 

.picture-box_top {
width: 99%;
margin-top: 0.5em;
}   

.text-box_top {
width: 99%;
top: 0.1em;}   

/* sidfot */
#sidfot { 
width: 100%; 
float: left; 
clear: both; }
 
#sidfotcontent {
top: 645px;
visibility: visible;
position: absolute;
z-index: 5; 
height: 2em;
left: 1em; 
margin-left: 2em;
margin-bottom: 0em;
margin-top: 0.5em;
filter:alpha(Opacity=50);
opacity: 0.5;
-moz-opacity:0.5;
 }

#sidfotleft {
float: left;
margin-top: -0.2em;
 }

#sidfotright {
float: right;
margin-right: 50em;
margin-top: -0.2em;
 }

#sidfotrightright {
float: right;
margin-right: 1em;
margin-top: -0.2em;
 }

/*
 Font settings -- change your font, colour, alignment etc.
 Insert 'font-weight: bold;' or 'font-style: italic;' without quotes if you want.
 Note that items contain <A HREF> tags, so if your other stylesheets style anchor tags,
 these may inherit the rules. I've styled all the variations of links here as one.
*/


.lowText, a.lowText:link, a.lowText:visited, a.lowText:active, a.lowText:focus    {
 color: black; 
 font: 12px Arial, Arial; 
 text-decoration: none; 
 text-align: left }

.highText, a.highText:link, a.highText:visited, a.highText:active, a.highText:focus {
 color: black;
 font: 12px Arial, Arial;
 font-weight: bold;
 text-align: left;
 text-decoration: none;
}

/* Borders used by some items */

.itemBorder {
 border: 2px solid white;
}
.itemBorderBlank {
 border: 1px solid #CCCCDD;
}

/* The "button" demo menu styles, as used by the "File-Reopen" menu. Delete if not using */
.buttonTextS, a.buttonTextS:link, a.buttonTextS:visited, a.buttonTextS:active, a.buttonTextS:focus   { color: black; font-size: 12px; font-family: Arial; font-style: normal; font-weight: bold; text-decoration: none }
.buttonText, a.buttonText:link, a.buttonText:visited, a.buttonText:active, a.buttonText:focus   { color: white; font-size: 12px; font-family: Arial; font-style: normal; font-weight: bold; text-decoration: none }
.buttonHover, a.buttonHover:link, a.buttonHover:visited, a.buttonHover:active, a.buttonHover:focus   { color: black; font-size: 12px; font-family: Arial; font-style: normal; font-weight: bold; text-decoration: none; padding: 1px }
.rubrik1 { color: #000; font-size: 12px; font-family: Arial, Arial; font-style: normal; font-weight: bold }
.rubrik2 { color: #000; font-size: 12px; font-family: Arial, Arial; font-style: normal; font-weight: bold }
.mindre  { color: #000; font-size: 9px; font-family: Arial, Arial; font-style: normal; font-weight: normal; line-height: 9px }