body
{ 
	background-color: #333333; margin-top: 10px; margin-bottom: 30px;} 
#layout {width: 750px; background: #ffffff; border-top: 0px solid #343434; border-left: 1px solid #2a2a2a; border-right: 1px solid #2a2a2a; margin-right: auto; margin-left: auto;
}

.whtext a:link, a:visited, a:active {color:#000000; text-decoration: none; } 


.footerbild { background-image: url(bilder/toning.gif); background-repeat: repeat-x; font-family: Verdana, Arial, Garamond, sans-serif; color:#f3ebdd; font-size:10px; text-align: left;} 

.ljushistoria { background-image: url(bilder/toning.gif); background-repeat: repeat-x; padding: 4px 1px 4px 1px; font-family: Verdana, Arial, Garamond, sans-serif; color:#000000; font-size:12px; font-weight:bold; } 
.kungalistor { background-image: url(bilder/toning1.gif); background-repeat: repeat-x; padding: 3px 3px 5px 3px; font-family: Verdana, Arial, Garamond, sans-serif; color:#ffffff; font-size:12px; font-weight:bold; text-align: center; } 
.historiabord { background-image: url(bilder/toning.gif); background-repeat: repeat-x; padding: 4px 1px 4px 1px; font-family: Verdana, Arial, Garamond, sans-serif; color:#ffffff; font-size:12px; font-weight:bold; text-align: center;} 

.rubrikmeny      {background: #d2c69c; padding: 1px 1px 1px 1px; border-top: 1px solid #9f9f9f; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #9f9f9f; font-family: Verdana, Arial, sans-serif; font-size:11px; color:#412717; text-align: left; font-weight:bold;}

.rubrikvanster  {background: #d2c69c; padding: 1px 1px 1px 1px; border-top: 1px solid #9f9f9f; border-right: 0px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #9f9f9f; font-family: Verdana, Arial, sans-serif; font-size:11px; color:#412717; text-align: left; font-weight:bold;}
.rubrikhoger    {background: #d2c69c; padding: 1px 1px 1px 1px; border-top: 1px solid #9f9f9f; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 0px solid #9f9f9f; font-family: Verdana, Arial, sans-serif; font-size:11px; color:#412717; text-align: left; font-weight:bold;}

.kommentar2  {background: #e0e0e0; border-top: 1px solid #000000; border-right: 1px solid #9f9f9f; border-bottom: 0px; border-left: 1px solid #000000; padding: 2px; font-family: Verdana, Arial, sans-serif; font-size:10px; color:#554533;}
.kommentar   {background: #ffffff; padding: 3px 3px 3px 3px; border-top: 0px solid #9f9f9f; border-right: 1px solid #9f9f9f; border-bottom: 1px solid #9f9f9f; border-left: 1px solid #000000; font-family: Verdana, Arial, sans-serif; font-size:11px; color:#816545;}

.bakgrund        {border-top: 1px solid #9f9f9f; border-right: 1px solid #343434; border-bottom: 1px solid #343434; border-left: 1px solid #9f9f9f; font-size:10px;}

img.specialright {margin: 2px 0px 4px 9px;  border-top: 1px solid #9f9f9f; border-right: 1px solid #343434; border-bottom: 1px solid #343434; border-left: 1px solid #9f9f9f;}

img.galleri      {margin: 1px 1px 1px 0px; border-top: 1px solid #9f9f9f; border-right: 1px solid #343434; border-bottom: 1px solid #343434; border-left: 1px solid #9f9f9f;}
img.galleri2     {margin: 1px 1px 1px 0px; border-top: 1px solid red; border-right: 1px solid red; border-bottom: 1px solid red; border-left: 1px solid red;}
img.galleri3      {margin: 1px 1px 1px 0px; border-top: 1px solid #008000; border-right: 1px solid #008000; border-bottom: 2px solid #008000; border-left: 1px solid #008000;}

img.bild1        {margin: 0px 0px 0px 0px; border-top: 1px solid #9f9f9f; border-right: 1px solid #343434; border-bottom: 1px solid #343434; border-left: 0px;}
img.bild11       {margin: 0px 0px 0px 0px; border-top: 1px solid #9f9f9f; border-right: 1px solid #343434; border-bottom: 1px solid #343434; border-left: 1px solid #9f9f9f;}
img.bild2        {margin: 0px 0px 10px 10px; border-top: 1px solid #9f9f9f; border-right: 0px; border-bottom: 1px solid #343434; border-left: 1px solid #9f9f9f;}

.slottsbild      {margin: 30px 1px 1px 1px; border-top: 1px solid #9f9f9f; border-right: 1px solid #343434; border-bottom: 1px solid #343434; border-left: 1px solid #9f9f9f;}

.dot             {border-bottom: dashed 1px #b5adad; color:#000000;}
.ur              {font-family: Verdana, Arial, Garamond, sans-serif; color:#412717; font-size:13px; text-align: left; font-weight:bold; line-height:20px;}

img.special      {margin: 8px 8px 0px 0px; border-top: 1px solid #9f9f9f; border-right: 1px solid #343434; border-bottom: 1px solid #343434; border-left: 1px solid #9f9f9f;}  

img.noborder     {margin: 1px 1px 1px 1px; border: 0px;}

.vtextbig       {font-family: Verdana, Arial, Garamond, sans-serif; color:#412717; font-size:12px; text-align: left; line-height:16px;}
.vtext          {font-family: Verdana, Arial, Garamond, sans-serif; color:#412717; font-size:11px; text-align: left; line-height:16px;}
.vtextitalic    {font-family: Verdana, Arial, Garamond, sans-serif; color:#412717; font-size:10px; text-align: left; line-height:16px; font-style: italic; }
.vtextjustify   {font-family: Verdana, Arial, Garamond, sans-serif; color:#412717; font-size:11px; text-align: justify; line-height:16px;}
.vtextcenter    {font-family: Verdana, Arial, Garamond, sans-serif; color:#412717; font-size:11px; text-align: center;}
.vtextgalleri	{font-family: Verdana, Arial, Garamond, sans-serif; color:#412717; font-size:11px; text-align: left;}
.vtexthoger     {font-family: Verdana, Arial, Garamond, sans-serif; color:#412717; font-size:11px; text-align: right;}

.rubrik         {font-family: Arial, Verdana, Garamond, sans-serif; color:#412717; font-size:17px; text-align: center; font-weight:bold;}

.bildtext       {font-family: Verdana, Arial, Garamond, sans-serif; color:#606060; font-size:10px;}

.freder         {font-family: Verdana, Arial, Garamond, sans-serif; color:#412717; font-size:10px;}
.listafreder    {font-family: Verdana, Arial, Garamond, sans-serif; color:#000000; font-size:11px; text-align: left; }

.kallor         {font-family: Verdana, Arial, Garamond, sans-serif; color:#775725; font-size:10px; text-align: left; line-height:11px;}
.filmtext       {font-family: Verdana, Arial, Garamond, sans-serif; color:#775725; font-size:10px; text-align: center; line-height:20px;}

.thumbtext      {font-family: Verdana, Arial, Garamond, sans-serif; color:#e5cda7; font-size:10px; font-style: italic; text-align: left; line-height:12px;}
.italicstader   {font-family: Verdana, Arial, Garamond, sans-serif; color:#808080; font-size:10px; font-style: italic; text-align: left;}
.infostader     {font-family: Verdana, Arial, Garamond, sans-serif; color:#412717; font-size:10px; line-height:13px;}

.underrubrik    {font-family: Verdana, Arial, Garamond, sans-serif; color:#5f451d; font-size:10px; text-align: left; }
.underrubrikcenter  {font-family: Verdana, Arial, Garamond, sans-serif; color:#5f451d; font-size:10px; text-align: center;}

.form2          {font-family: Verdana, Garamond, sans-serif; color:#412717; font-size:10px; background-color: #d2c69c; font-weight:bold;}
.form3          {padding: 2px 0px 2px 0px; border-top: 1px solid #9f9f9f; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #9f9f9f; font-family: Verdana, Garamond, sans-serif; color:#412717; font-size:10px; background-color: #d2c69c; font-weight:bold;}

.bokstaver      {font-family: Verdana, Arial, Garamond, sans-serif; font-size:15px; text-align: center;}

.fel            {font-family: Verdana, Arial, Garamond, sans-serif; color:#f52529; font-size:11px; text-align: center; line-height:15px; background-color: #f8ead2;}

.yrkenlista     {font-family: Verdana, Arial, Garamond, sans-serif; color:#412717; font-size:12px; text-align: left; line-height:18px; font-weight:bold;}

.tabell1        {font-family: Verdana, Arial, Garamond, sans-serif; color:#412717; font-size:11px; text-align: left; line-height:18px; background-color: #dddddd;}
.tabell2        {font-family: Verdana, Arial, Garamond, sans-serif; color:#412717; font-size:11px; text-align: left; line-height:18px;}

.tabell_liten1  {font-family: Verdana, Arial, Garamond, sans-serif; color:#412717; font-size:10px; text-align: left; line-height:18px; background-color: #dddddd;}
.tabell_liten2  {font-family: Verdana, Arial, Garamond, sans-serif; color:#412717; font-size:10px; text-align: left; line-height:18px;}

.counter        {font-family: Arial, Verdana, Garamond, sans-serif; color:#FFFFFF; font-size:1px;}

.artal2         {font-family: Verdana, Arial, Garamond, sans-serif; font-size:12px; text-align: center;}


.inlagd         {font-family: Verdana, Arial, Garamond, sans-serif; color:#775725; font-size:10px; text-align: center; line-height:11px; }

.inlagd2        {background: #d2c69c; padding: 4px 0px 4px 0px; border-top: 1px solid #9f9f9f; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #9f9f9f; font-family: Verdana, Arial, Garamond, sans-serif; color:#412717; font-size:10px; text-align: center; line-height:11px; }

a:link          {color:#21248b; text-decoration: none;}
a:visited       {color:#777373; text-decoration: none;}
a:active        {color:red;}
a:hover         {background-color:#eaeaea; color:#000; text-decoration: none;}



.nobgc:hover {background-color:transparent;}
img.galleri:hover {border: 1px solid: #d2c69c; }

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#fff; border-bottom: dashed 1px #565656; color:#000; text-decoration:none}

a.info:hover{z-index:25; background-color:#d2c69c}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1em;
    left:0;
    width:150px;
    border:1px solid #000;
    background-color:#e9e1d7;
    color:#000;
    padding:4px;
    }
    
/* ensam mouseoverbild eller text */
.thumbnail{
position: relative;
z-index: 10;
padding: 1px;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #000000;
padding: 5px;
border: 1px black;
visibility: hidden;
color: #fff;
font-size:11px;
font-family: verdana, arial, sans-serif;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 1px;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 15px;
left: 0px; /*position where enlarged image should offset horizontally */
}

/* WAPEN-mouseoverbild */
.thumbnailwapen{
position: relative;
z-index: 10;
padding: 1px;
}

.thumbnailwapen:hover{
background-color: transparent;
z-index: 60;
}

.thumbnailwapen span{ /*CSS for enlarged image*/
position: absolute;
background-color: #000000;
padding: 1px;
border: 1px black;
visibility: hidden;
}

.thumbnailwapen span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnailwapen:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -60px;
left: -210px; /*position where enlarged image should offset horizontally */
}

/* fem mouseoverbilder i rad */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail2 img{
border: 1px #000;
margin: 1px;
}

.thumbnail2:hover{
background-color: transparent;
}

.thumbnail2:hover img{
border: 1px #000;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #000;
padding: 2px;
left: -1000px;
border: 1px #fff;
visibility: hidden;
color: #fff;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 1px;
padding: 2px;
}

.thumbnail2:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 82px;
left: 0px; /*position where enlarged image should offset horizontally */
z-index: 50;
}