a:link {  text-decoration: none; color: #0000FF; font-weight: bold}
a:visited {  text-decoration: none; color: #0000FF; font-weight: bold}
a:active {  text-decoration: none; color: #FFCC33; font-weight: bold}
a:hover {  color: #FFCC33; background-color: #006699}

#content{margin: 1em auto; padding: 0; width: 1em auto;}


#menycontainer{ text-align: center; padding-left: 5em; padding-top: 1em; border-bottom: 1px solid #000000; background: url(bilder/bakgrundmeny.jpg) #99CC99 no-repeat center;}
#menycontainer ul{padding: 0.4em 0; margin: 0;  font: 70% Verdana, Helvetica, sans-serif;}
#menycontainer li{margin: 0; display: inline; list-style: none;}
#menycontainer li a{text-decoration: none; padding: 0.4em 2em; margin-left: 1em; border: 1px solid #339933; border-bottom: none; background: #99CC99;}
#menycontainer a:link{color: #000000;}
#meny a:visited{color: #000000;}
#menycontainer a:hover{border-color: #666666;}
#menycontainer a#current{background: #ffffff; border: 1px solid #000000; border-bottom: 1px solid #ffffff; color: #000000;}

ul{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   
   color: blue;
   list-style: none;
}

li{
  
}
.gul{
   background-color: #BCB8B3;
   color:blue;
   font-weight:bold;
}

.skugga
{
    background-image:url(bilder/skugga3.gif);    
    padding:0 0 0  10;
      color: Black;
    text-align:right;   
}
/*adrotator */
.hadfarg /*färg  bakom adrotator*/
{
  background-image:url(css/Images/Adrotaterfarg.gif);
  background-repeat:no-repeat;
  width:175px;
  height:132px;
  text-align:center; 
  padding-left:0px;
  padding-top:5px;
}

.datap
{
   text-align:center;	
}

.copyrightM{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 16px;
   color: #000000;
}   

.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #000000;
	text-decoration: none;


}
.Rubrik1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-style: oblique;
	line-height: normal;
	font-weight: bolder;
	font-variant: small-caps;
	text-transform: uppercase;
	color: #0000CC;
	text-decoration: none;
}
.Rubrik {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #0033FF;
	cursor: hand;
	

}
.stycke {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
.stycke2{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #0033FF;
}
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: italic;
	font-weight: normal;
	color: #0033FF;
	text-decoration: none;
}
.textvit { 
    font-family: Verdana, Arial, Helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.lanktext{
   font-family: Verdana, Arial, Helvetica;
   font-size: xx-small;
}

.logo {
	position: absolute;
	visibility: visible;
	height: auto;
	width: auto;
	left: 100px;
}
Datumtext {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #0033FF;
}
.Datum {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #0000FF;
}
.Fel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: blink;
}
.Rubrik2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0000FF;
}
.knapp {
	border: medium solid #FF0000;
	font-family: Verdana, Arial, Helvetica;
	color: #FFFFFF;
}
.Rubrik3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
}
.besokare {

    float:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #0000FF;
    
}

#box {
    background-color: #FFFFCC;
    width: 246px;
	border: 20px solid #FFFFCC;
	
}

#box5{
    top:430px;
    background-color: #FFFFCC;
	
	border: 2px double #000000;
	text-align:center;
}
#boxf{
    width:224px;
	border-top: 1px dashed #000000;
	border-bottom:1px dashed #00000;
	float:left;
	 
}
#boxh{
   width:201;
   border-top:1px dashed #000000;
   border-bottom:1px dashed #000000;
   float: left;
}
#jboxv{
   width: 290px;
   border-top: 1px dashed #000000;
   border-bottom: 1px dashed #000000;
   float: left;
   margin: 5px;
}
#jboxh{
   width: 290px;
   border-top: 1px dashed #000000;
   border-bottom: 1px dashed #000000;
   float: left;
}
	
.skuggabild 
{
     filter: Shadow(Color=333333, Direction=120);
	width: 281px;
	height: 215px;
}
.skuggaknapp{
     filter: Shadow(Color=333333, Direction=120);
	 width: 645px;
	 height: 428px;
}
.skuggaalg {
    filter: Shadow(Color=333333, Direction=120);
	width: 151px;
	height: 151px;
}

  

H3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	color: #0033FF;
	text-decoration: underline;
} 
thumpbox{
    width: 335px;
	padding: 2px;
	left: 0px;
	top : 30px
} 
stbilbox{
    position:absolute;
	width: 440px;
	padding: 2px;
	left: 350px;
	top: 30px
} 
/* style för gissa ord */
a.scramble {
					   color:black;
						 font-weight:bold;
						 font-size:18;
						 position:relative;
					 }
span#assemble {
						 font-weight:bold;
						 font-size:18;
						 position:relative;
						 }
span#theWord {
						 color:yellow;
						 background-color:black;
						 font-weight:bold;
						 font-size:18;
						 position:relative;
						 border:2 inset gray;
						 } 
div.imagemitten
{
    float: left;
    width: 400px;
    margin: 2em 1em 1em 1em;
    padding: 15px 15px 20px 15px;
    display: inline;
    border-color: #CCC #999 #999 #CCC;
    border-width: 2px 4px 4px 2px;
    border-style: solid;
    color: #0000cc;
    font-family: Verdana;
    font-size: x-large;
    font-style: normal;
}
.blogg
{
	margin-top:20px;
	margin-bottom:20px;
  margin-left:20px;
   width:580px;
   font-family:Verdana;
   font-size:medium;
   font-style:normal;
   text-align:center;
}
.bloggform
{
  margin-left:200px;
}						 	
						 
div.imagecaption{
   float:left;
   width:200px;
   margin: 1em;
   padding:15px;
   display:inline ;
   text-align: left;
   border-color:#CCC #999 #999 #CCC;
   border-width:2px 4px 4px 2px;
   border-style: solid;
   

}
.lappen
{
    float:left;
    display:block;
   background-image:url(bilder/lappen.gif);
   background-repeat:no-repeat;
   padding:25 19 0 10 ;
   margin:15 15 0 10;
   height:193px;
   width:220px;
   text-align:left;    
}
.lappen2
{
      float:left;
    display:block;
   background-image:url(bilder/lappen2.gif);
   background-repeat:no-repeat;
   padding:25 19 0 10 ;
   margin:15 15 0 10;
   height:250px;
   width:220px;
   text-align:left;
}
img.captionimg
{
    font-family:Verdana;
   float: left;
   margin-left: 1em;
   border-style: solid;
   border-width: 1px 3px 3px 1px;
   margin:20px;
   padding:20px;
   
}
.captionimg
{
  font-family:Verdana;
  font-size:large;
  font-variant:normal;
  float:left;
  border-color:#CCC #999 #999 #CCC;
  border-width:2px 4px 4px 2px;
  border-style: solid;    
}	

.bildermeny
{
   text-align:center;
}