
#main { margin: 0 auto; width: 978px; }

/*XXXXXXXXXXXXXXXXXX Dropshadow elements XXXXXXXXXXXXXXX*/ 

 .outerpair1 { width: 987px; background: url(img/upperrightfade.png) right top no-repeat;
} 
/* .outerpair1 must be given a width contraint, via either a width, 
or by floating or absolute positioning. In this demo these are 
applied from the second class name on the .outerpair1 DIV's.
This box also has one of the corner .png's. */

.outerpair2 { background: url(img/lowerleftfade.png) left bottom no-repeat; padding-top: 8px; padding-left: 8px; }
/* .outerpair2 has padding equal to the shadow 
thickness, and also has one of the corner .png's */ 

.shadowbox { background: url(img/shadow.png) bottom right; background-repeat:no-repeat;}

.innerbox { position: relative; left: -8px; _left: -2px; top: -8px; }
/* .innerbox is made "relative" and is "pulled" up and to 
the left, by a distance equal to the thickness of the shadow.
Because this is a relative-based shift, the box retains its
exact dimensions without change. */

.shadowbox img { border: 0px; vertical-align: bottom; }
/* Shadowed images should not be made "block" for eliminating the baseline 
space under the images, because this may trigger IE background bugs. 
Instead, use "vertical-align: bottom;" for this purpose. */

.floatimage { float: left;  margin: 0px; display: inline; }
/* Floating causes this box to shrinkwrap around sized content elements. IE doubled margin bug is defeated via this fixer rule. */

/*XXXXXXXXXXXXXXXXXX //Dropshadow elements XXXXXXXXXXXXXXX*/ 

img, div, td, table, style, background-image { behavior: url(iepngfix.htc); margin:0px; padding-bottom:-10px; text-align:left; }
div         { margin: auto; }
body        { font-size: 12px; font-family: Verdana, Arial; line-height: 160% color: #000;  height: 100%; min-height: 100%; margin: auto; margin-top: 15px; text-align: center; color: #333333; background: url(img/bg_fvb4.jpg) repeat-x; background-color: #ececec; background-attachment: fixed; }
h1          { font-family: verdana, san serif; font-size: 18px; font-weight: bold; color: #000; margin: 0px; }
h2          { font-family: verdana, san serif; font-size: 14px; font-weight: bold; color: #000; margin: 0px; }
p           { font-size: 12px; font-family: Verdana, Arial; line-height: 160% color: #000; margin:0px; Padding:0px; margin-bottom:16px; }
a:link      { color: #06539b; text-decoration: none; }
a:active    { color: #06539b; }
a:visited   { color: #06539b; }
a:hover     { text-decoration: underline; }
img         { border: 0px; }
hr          { color: #e4e4e4; }

/* ######## Grund ######## */
/*#skugga        { width: 998px; min-height: 750px; text-align: center; background: url(img/siteshdw.png) no-repeat top; }*/
/*#bottomshdw    { min-height: 10px; background: url(img/bottom_shdw.png) no-repeat top;}*/

#container { margin: 0px; width: 978px; min-height: 750px; border: 0px; background: #FFFFFF; }
#content       { text-align: left; padding: 0px 20px 0px 20px; margin: auto; width: 938px; min-height: 485px; background: #FFFFFF;  }
#top           { margin: 0px auto; background: url(img/top.jpg) no-repeat; width: 978 px; height: 138px; }
#page          { float: right; width: 730px; padding: 10px 0px 10px 0px; }
#vnav          { float: left; width: 160px; border-right: 1px dotted #000; min-height: 480px; }

#footer        { color: #000; border: 0px; clear: both; margin: auto; height: 97px; text-align: center; background: url(img/bg_footer.gif) no-repeat; }
#footlink      { margin-right: 20px; padding-top: 20px; padding-bottom: 20px; height:40px; _height:1px; line-height:3px; text-align: center; letter-spacing: 1.5px; }
a:link.foot    { color: #000; text-decoration: none; }
a:visited.foot { color: #000; text-decoration: none; }
a:hover.foot   { color: #000; text-decoration: underline; }

#searchbox     { float:right; margin-top: 10px; margin-right: 10px; width:250px; }
#english	   { float: left; padding-right: 10px; padding-top: 0px; padding-bottom: 2px; }

#clear		   { clear: both; }
input.text 	{ font-family: tahoma, san serif; font-size: 13px; }
input.select 	{ font-family: tahoma, san serif; font-size: 13px; }

/* ######## Navigering ######## */
#nav           { height: 30px; padding-top: 0px; padding-left: 0px; margin: 0 auto; width:978px; }
#nav ul        { margin: 0 auto; margin-left: 0px; padding: 0px; list-style-type: none; background: url(img/bg_nav.jpg) repeat-x;}
#nav li        { display: inline; margin: 0 auto; margin-left: 0px; padding: 0px;}
#nav a         { display: block; float: left; color: #000; background: url(img/bg_nav.jpg) repeat-x; font-family: verdana, arial; font-size: 14px; text-decoration: none; border-right: 1px solid #aeaeae; border-left: 1px solid #e4e4e4; height: 30px; line-height: 33px; padding-left: 13px; padding-right: 13px; padding-top: 0px; padding-bottom: 0px; }
#nav a:hover   { background: url(); background: url(img/bg_active.gif); border-left: 1px solid #fff; border-right: 1px solid #ccc; }

/* ######## Vänsterspalt ######## */
#block1        { float: left; width: 385px; _width: 370px; margin: auto; padding-left: 20px; }
#block2        { float: right; width: 329px; min-height: 400px; margin: 0px; padding-top: 15px; text-align: center; background: url(img/bg_puffruta.gif) no-repeat right; }

/* ######## Vänstermeny ######## */
ul.lMenu         { white-space:nowrap; padding:0px 0px 0px 0px; width: 100%; margin: 0px auto; list-style-type:none; }
ul.lMenu li      { display: inline; overflow:hidden; } 

a.lMenu          { font-size:12px; float:left; margin:0px; text-indent:2px; line-height:30px; width:100%; height:30px; text-decoration: none; color:#000; border-bottom:1px dotted #000; } 
a:link.lMenu     {text-decoration: none; color:#000; } 
a:visited.lMenu   {text-decoration: none; color:#000; } 
a:hover.lMenu    { text-decoration: none; background: #07529B; color:#fff; } 
a:active.lMenu   { text-decoration: none; background: #07529B; color:#fff; }

/* Text */

