/**
* @author Ingemar Wiklund
* @version 1.3 för geografi år 8
*/

/* - mall
		<div class="row" id="">
			<div class="col-sm-6">
			</div><!-- col -->
			<div class="col-sm-6">
			</div><!-- col -->
		</div> <!-- row -->
		
		
		<p class="sidnr">00</p>
		<hr class="spacer">
		<!-- sid 00 -->
		
		<abbr title=""><mark></mark></abbr>
*/

/* ============================ Kod ============================ */

			body, html {
			height: 100%;
			margin: 0;
			font: 400 15px/1.8 "Lato", sans-serif; 
			color: #000;
			background-color:#8bc34a; /*Ljusgrön */
			}
			
.relative {
  position: relative;
  width: 100%;
  border: 3px solid #73AD21;
}

.absolute {
  position: absolute;
  top: 10%;
  left: 60%;
  border: 3px solid #73AD21;
}

.yselect{
  border: 1px solid;
  font-size: 0.8em;
  background-color: #fee135;
}


/* Skapar space mellan top och botten på sidan, kan användas mellan sidor */				
			.colorspacer { 
			background-color: #673147;
			width=100%;
			}		

/* Vit bakgrund för innehållet på sidan */			
			.container { 
			background-color: white;
			padding: 18px;
			}

/* Grå bakgrund för intro och bakgrunden till sidnumren i toppen */			
			.lightgreysticky {
			position: -webkit-sticky;
			position: sticky;
			top: 0;
			background-color: #f1f1f1;
			padding: 4px;
			font-size: 0.8em;
			}
			
/* Mellanrubrik, plommon */		
			.subtitleplum { 
			color: #673147;
			font-size:3em;
			text-align: center;
			padding: 20px 5px 20px 5px;
			}
			
/* Mellanrubrik, grön */		
			.subtitlegreen { 
			color: #6ba644;
			font-size:2em;
			text-align: center;
			padding: 20px 5px 20px 5px;
			}
			
/* Mellanrubrik, röd */		
			.subtitlered { 
			//text-align: center;
			color: #AA0000;
			font-size:2em;
			text-align: center;
			padding: 20px 5px 20px 5px;
			}
			
/* Mellanrubrik, svart */		
			.subtitleblack { 
			font-style: bold;
			color: #000;
			font-size:2em;
			text-align: center;
			padding: 20px 5px 5px 5px;
			}
			
/* Underrubrik, liten svart */		
			.subtitlesmallblack { 
			color: #000;
			/*font-size:1.5vw;*/
			font-size:1.5em;
			padding-top: 10px;
			padding-bottom: -10px;
			}
			
/* Underrubrik, liten grön */		
			.subtitlesmallgreen { 
			color: #6ba644;
			font-size:1.5vw;
			padding-top: 10px;
			padding-bottom: -10px;
			}

/* Standardtext */				
			p, li {
			font-family: Montserrat, Helvetica, Arial, sans-serif;
			font-size:1.0em;
			padding: 10px 0px 5px 0px;
			text-align: justify;
			}
			
/* frågor */				
			.fraga{
			font-family: "Sedgwick Ave", sans-serif;
			text-decoration: underline;
			text-decoration-style: wavy;
			text-decoration-color: #8bc34a;;
			}

/* HTML för att markera text  */		
			mark {
			font-style: bold;
			color: #000;
			font-weight: 600;
			background-color: #d8eacb;
			}

/* Bildtext  */			
			.figure {
			font-size:1.1em;
			font-style: italic;
			color: #666;
			}
		
			
			
/* Sidnumer nederst på sidan */			
			.sidnr {
			text-align: center;
			color: #777;
			font-weight: 400;
			}

/* Rosa bakgrund på sidan */				
			.pinkcontainer { 
			background-color: #f9e9eb;
			color: #000;
			padding: 18px;
			}

/* Grå bakgrund för faktaruta */						
			.greycontainer { 
			background-color: #c0c0c0;
			color: #000;
			border-style: double;
			padding: 18px;
			}
			
/************************ MARKERINGSPENNOR*********************/
			
/* Gul överstrykning */						
			.yellowmarker{ 
			background-color: #fdff32;
			}
			
/* Cerise överstrykning */						
			.pinkmarker{ 
			background-color: #f2acac;
			}
			
/* Blå överstrykning */						
			.bluemarker{ 
			background-color: #a2caf2;
			}
			
/* Grön överstrykning */						
			.greenmarker{ 
			background-color: #abff32;
			}
	

/* ============================ EOF ============================ */