body { 

font: 18px/1.5em arial,helvetica,sans-serif; color:#222222; 

margin:0; 

}



body, div, table { 

word-wrap: break-word;

  overflow-wrap: break-word;



  -webkit-hyphens: auto;

  -ms-hyphens: auto;

  hyphens: auto;

}



::selection {

  color: white;

  background: brown;

}





a {

color:steelblue;

}



a:hover {

text-decoration:none;

}





.logga { 

background:#e1e1e1; 

text-align:center; 

padding:4px;

}







.sidrubrik { 

font:bold 66px arial; 



margin:0; 



padding:0; 



color:orange; 



-webkit-text-stroke: 2px brown;



}



.overmeny { 

font:normal 14px arial !important; 

margin:0; 

padding:0;

}



.underrubrik { 

font:normal 16px arial !important; 

margin:0; 

padding:0;

}







.ram { max-width:1200px; margin:auto; padding-left:20px; padding-right:20px; }



.vanster { float:left; width:63%;}



.hoger { float:right; width:30%; }







h1 { line-height:1.3em }






/* Artikelrubrik */
h1 a { 
font:normal 36px arial; 
color:black; 
text-decoration:none; 
}
h1 a:hover { 
border-bottom:1px dotted black; 
}


/* Underrubrik */
h2 { 
font:bold 20px arial; 
/*font-weight:normal;  */
line-height:1.2em;
}



.hoger h3 {
 margin:0; 
}


blockquote{

margin:0 10px 0 10px;

padding:10px; 

border-left:2px solid #b1b1b1;
background: #e1e1e1;

/*border-right:2px solid #b1b1b1;*/
}


u { 
text-decoration:none; 
border-bottom:4px solid red; 
}

.ingress { 
text-decoration:none; 
color:black; 
}



.ingress:hover { 
border-bottom:1px dotted black; 
}



.quiz { 

text-align:center; 

}

.quiz select { 

width:35%; 

text-align-last: center; 

}







iframe { 
background:transparent; 
}

/* Rezise */
.video iframe
{
width:100%; height:auto;
   aspect-ratio: 16 / 9;
   @supports not (aspect-ratio: 16 / 9) 
   {
   }
 }


img { 
max-width:100%; 
}


.video { 
  float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
   /* padding-top: 25px; */
    height: 0;
}

.video iframe { 
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 768px) {
.vanster, .hoger {display:block; width:100%; padding:none;  }
.ram { padding:0 20px 0 20px; }
}