body         {background-color:lightgrey;}

#mail     {position:absolute;
              top:1750px;
              left:500px;
	           font-size:16px;
              border: 30px solid lightgrey;
              color:blue;
              clear:both;
              text-align:center;
              padding:20px;
              border-style: none;}  
                
h4           {font-size: 12px;
              font-family: "Times New Roman", Georgia, Serif;
              color: black;} 

p            {font-size: 14px;
font-family: "Times New Roman", Georgia, Serif;}

u            {color: blue;}

h1           {position:relative;
              top:1320px;
              margin-left:450px;     
              font-weight: bolder;
              font-family: "Times New Roman", Georgia, Serif;
              font-size: 20px;}

img           {position:absolute;
               top:0px;
    	         left:0px;}
		   
/*links*/		 
.iframelenkar  {text-align:center;
               position: absolute;
               left:200px;
               top:1400px;}
			
/*cirklar*/
#circle0       {position:absolute;/*Mordplatsen*/
                left:1422px;
                top:620px;
	             border-radius: 100%;
	             width: 15px;
           	    height: 15px; 
                background-color: black;                 
		          box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.2);}

#circle1       {position:absolute;/*Robert Gustavsson Bio Grand*/
               left:1348px;
               top:506px;
           	   border-radius: 100%;
           	   width: 15px;
          	   height: 15px; 
	            background-color:black;
		         box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.2);}
			 
#circle2      {position:absolute;/*Jerker Adolf Fredriks kyrkogata*/
               left:1367px;
               top:600px;
	            border-radius: 100%;
	            width: 15px;
           	   height: 15px; 
               background-color: black;
  		         box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.2);}

#circle3      {position:absolute;/*Makarna Prim Oxtorgsgatan*/
               left:1500px;
               top:700px;
           	   border-radius: 100%;
           	   width: 15px;
          	   height: 15px; 
	            background-color:black;	            
		         box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.2);}

#circle4      {position:absolute;/*Ingrid Drottninggatan*/
               left:1355px;
               top:655px;
	            border-radius: 100%;
	            width: 15px;
           	   height: 15px; 
               background-color: black;               
		         box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.2);}

#circle5      {position:absolute;/*Sigge Cedergren*/
               left:1475px;
               top:642px;
           	   border-radius: 100%;
           	   width: 15px;
          	   height: 15px; 
	            background-color:black;	            
		         box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.2);}

#circle6      {position:absolute;/*Pirjo & Katja*/
               left:1417px;
               top:617px;
	            border-radius: 100%;
	            width: 15px;
           	   height: 15px; 
               background-color: black;               
		         box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.2);}

#circle7      {position:absolute;/*Ulf Dahlsten*/
               left:1438px;
                top:610px;
           	   border-radius: 100%;
           	   width: 15px;
          	   height: 15px; 
	            background-color:black;	            
		         box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.2);}	
		         
#circle8       {position:absolute;/*Paret Sven och Berith  Tunnelgatan .*/
                left:1410px;
                top:640px;
	             border-radius: 100%;
	             width: 15px;
           	    height: 15px; 
                background-color: black;                 
		          box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.2);}

#circle9       {position:absolute;/*Norra Latin*/
               left:1325px;
               top:658px;
           	   border-radius: 100%;
           	   width: 15px;
          	   height: 15px; 
	            background-color:black;
		         box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.2);}
			 
#circle10      {position:absolute;/*Brunkebergstorg*/
               left:1510px;
               top:870px;
	            border-radius: 100%;
	            width: 15px;
           	   height: 15px; 
               background-color: black;
  		         box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.2);}

#circle11      {position:absolute;/*Eva*/
               left:1550px;
               top:1255px;
           	   border-radius: 100%;
           	   width: 15px;
          	   height: 15px; 
	            background-color:black;	            
		         box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.2);}
		
#circle12       {position:absolute;/*Kristian */
                left:1542px;
                top:602px;
	             border-radius: 100%;
	             width: 15px;
           	    height: 15px; 
                background-color: black;                 
		          box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.2);}

#circle13      {position:absolute;/*Eva*/
               left:1513px;
               top:587px;
           	   border-radius: 100%;
           	   width: 15px;
          	   height: 15px; 
	            background-color:black;
		         box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.2);}
			 
#circle14      {position:absolute;/*Ake Malmstrom*/
               left:1103px;
               top:527px;
	            border-radius: 100%;
	            width: 15px;
           	   height: 15px; 
               background-color: black;
  		         box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.2);}

#circle15      {position:absolute;/*Finkladda personer */
               left:1415px;
               top:627px;
           	   border-radius: 100%;
           	   width: 15px;
          	   height: 15px; 
	            background-color:black;	            
		         box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.2);}		
			 
 #circle16       {position:absolute;/*Ake Rimborn.*/
                left:1070px;
                top:527px;
	             border-radius: 100%;
	             width: 15px;
           	    height: 15px; 
                background-color: black;                 
		          box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.2);}

#circle17      {position:absolute;/*Skelleftehamn-mannen*/
               left:1390px;
                top:640px;
           	   border-radius: 100%;
           	   width: 15px;
          	   height: 15px; 
	            background-color:black;
		         box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.2);}
			 
#circle18      {position:absolute;/*Alstromergatan*/
               left:605px;
               top:650px;
	            border-radius: 100%;
	            width: 15px;
           	   height: 15px; 
               background-color: black;
  		         box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.2);}

#circle19      {position:absolute;/*xxxxxxxxxxxx*/
               left:1520px;
                top:575px;
           	   border-radius: 100%;
           	   width: 15px;
          	   height: 15px; 
	            background-color:black;	            
		         box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.2);}

#circle20      {position:absolute;/*xxxxxxxxxxxx*/
               left:1475px;
               top:605px;
           	   border-radius: 100%;
           	   width: 15px;
          	   height: 15px; 
	           background-color:black;	            
		       box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.2);}					 
			 
/*dropdown menu*/
ul            {position:fixed;
               margin-bottom: 0px;
               margin-top:0px;
               top: 16px;
               left: 0px;  
               background-color: lightgrey;
		         box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.3);}

li            {float:left;}

li a, .dropbtn {display: block;
                color: blue;
                font-size: 15px;
                font-family: "Times New Roman", Georgia, Serif;
                border-color:4px lightblue;
                width:150px;
                text-align: center;
                padding: 0px 0px;}

li a:hover, .dropdown:hover .dropbtn      {width:150px;
                                      font-family: "Times New Roman", Georgia, Serif;
                                      background-color: white;}

li.dropdown        {width:150px;
               display: block;}

.dropdown-content   {display: none;
                    position: absolute;
                    background-color: lightblue;
                    max-width: 140px;
				    padding: 0px 0px;
		            border: 5px solid lightblue;
                    box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.3);}

.dropdown-content a {color: black;
                     padding-left: 0px;
                     font-family: "Times New Roman", Georgia, Serif;
                     text-decoration: none;
                     width:140px;
                     display: block;
                     text-align: left;}

.dropdown-content a:hover {background-color: lightblue;

                font-size: 15px;
                          font-family: "Times New Roman", Georgia, Serif;
                          width:140px;}


.show0             {display:block;}
.show1             {display:block;}
.show2             {display:block;}
.show3             {display:block;}
.show4             {display:block;}
.show5             {display:block;}
.show6             {display:block;}
.show7             {display:block;}
.show8             {display:block;}
.show9             {display:block;}
.show10            {display:block;}
.show11            {display:block;}
.show12            {display:block;}
.show13            {display:block;}
.show14            {display:block;}
.show15            {display:block;}
.show16            {display:block;}
.show17            {display:block;}
.show18            {display:block;}
.show19            {display:block;}
.show20           {display:block;}