body {background-color: powderblue; padding: 20px; margin: 0;}

h1   {color: darkblue; font-family: georgia, serif; font-size: 30px; text-align: left; 
	margin-top: 0px; margin-right: 6px; margin-bottom: 1px; margin-left: 6px;}
h2   {color: #8D918D; font-family: verdana, arial, helvetica, sans-serif; font-size: 8px; text-align: left; 
	margin-top: 1px; margin-right: 6px; margin-bottom: 1px; margin-left: 6px;}
h3   {color: black; font-family: verdana, arial, helvetica, sans-serif; font-style: italic; font-size: 20px; text-align: left; 
	margin-top: 1px; margin-right: 6px; margin-bottom: 3px; margin-left: 6px;}
h3.red-title {color: red; font-size: 30px; font-family: arial black, arial, verdana, 
sans-serif; font-style: normal;}
.blue-title {color: darkblue; font-family: georgia, serif; font-size: 30px; text-align: left; 
	margin-top: 0px; margin-right: 6px; margin-bottom: 1px; margin-left: 6px;}
h4   {color: black; font-family: arial black, verdana, helvetica, sans-serif; font-size: 40px; text-align: left;
	margin-top: 0px; margin-right: 6px; margin-bottom: 1px; margin-left: 6px;}
h5   {color: darkblue; font-family: verdana, arial, helvetica, sans-serif; font-style: italic; font-size: 16px; text-align: left; 
	margin-top: 1px; margin-right: 6px; margin-bottom: 3px; margin-left: 6px;}

p    {color: black; font-family: verdana, arial, helvetica, sans-serif; font-size: 14px; text-align: left; 
	margin-top: 1px; margin-right: 6px; margin-bottom: 0px; margin-left: 6px;}

.y-kolumnen {max-width: 322px; float: left; background-color: #ffffff; border: 4px solid powderblue; padding: 5px;}
.a-kolumnen {max-width: 322px; float: left; background-color: powderblue; border: 4px solid powderblue; padding: 5px; margin: 0px 10px 0px 0px;}
.b-kolumnen {max-width: 322px; float: left; background-color: powderblue; border: 4px solid powderblue; padding: 5px; margin: 0px 10px 0px 0px;}
.c-kolumnen {max-width: 322px; float: left; background-color: powderblue; border: 4px solid powderblue; padding: 5px; margin: 0px 0px 0px 0px;}

hr.new1 {border: 4px solid lightblue; border-radius: 4px;}
hr.new2 {border: 4px solid lightgray; border-radius: 4px;}
hr.new3 {border: 4px solid red; border-radius: 4px;}
hr.new4 {border: 4px solid blue; border-radius: 4px;}
hr.new5 {border: 4px solid gray; border-radius: 4px;}
hr.new6 {border: 4px solid yellow; border-radius: 4px;}
hr.new7 {border: 4px solid yellowgreen; border-radius: 4px;}
hr.new8 {border: 4px solid #f0ba00; border-radius: 4px;} /* BRUNORANGE */
hr.new9 {border: 4px solid #d19ad0; border-radius: 4px;} /* LJUSLILA */
hr.new91 {border: 4px solid black; border-radius: 4px;}
hr.new92 {border: 4px solid #00a2e8; border-radius: 4px;} /* LJUSBLÅ */
hr.new93 {border: 4px solid #fdff91; border-radius: 4px;} /* LJUSGUL */
hr.new94 {border: 4px solid #ffd700; border-radius: 4px;} /* GULD */
hr.new95 {border: 4px solid #adfd00; border-radius: 4px;}
hr.new96 {border: 4px solid #6ca42f; border-radius: 4px;}
hr.new97 {border: 4px solid #ff7f26; border-radius: 4px;} /* ORANGE */
hr.new98 {border: 4px solid #e6af8e; border-radius: 4px;}

/* FÖR högerjustering */
.hoeger    {color: black; font-family: verdana, arial, helvetica, sans-serif; font-size: 14px; text-align: right; 
	margin-top: 1px; margin-right: 6px; margin-bottom: 0px; margin-left: 6px;}

/* FÖR VÄNSTER-KOLUMNENS TOPP */
iframe {width: 100%;}
#vaenster-toppen {height: 18px; width: 320px; padding: 0px; margin: 0px;}

/* FÖR MELLAN-KOLUMNENS TOPP */
iframe {width: 100%;}
#mellan-toppen {height: 18px; width: 320px; padding: 0px; margin: 0px;}

/* FÖR HÖGER-KOLUMNENS TOPP MED NOTIS-ÅRTALEN */
iframe {width: 100%;}
#hoeger {height: 184px; width: 320px; padding: 0px; margin: 0px;}

/* FÖR ANNONSERNA */
iframe {width: 100%;}
#a001 {height: 940px; width: 320px; padding: 0px; margin: 0px;}
#a002 {height: 920px; width: 320px; padding: 0px; margin: 0px;}
#a003 {height: 1020px; width: 320px; padding: 0px; margin: 0px;}

/* FÖR CENTRERING AV BILDER */
.center {display: block; margin-left: auto; margin-right: auto;}

/* FÖR MINIMERING AV BILDER PÅ SMÅ SKÄRMAR */
img {max-width: 100%; height: auto;}

/* LÄNKAR FÖR ANDRA CONTRA-SIDOR */
a.one:link {color:#0000ff;}
a.one:visited {color:#ff00ff;}
a.one:hover {background:#ffff00;}

/* LÄNKAR FÖR BLAND ANNAT FACEBOOK-SIDOR */
a.two:link {color:#0000ff;}
a.two:visited {color:#0000ff;}
a.two:hover {background:#00ff00;}

/* LÄNKAR TILL CONTRA-PRODUKTER */
a.three:link {color:#0000ff;}
a.three:visited {color:#0000ff;}
a.three:hover {background:#ffd700;}

/* LÄNKAR TILL STATSMEDIA OCH TILL EXEMPEL SOCIALISTISKA KÄLLOR */
a.four:link {color:#0000ff;}
a.four:visited {color:#0000ff;}
a.four:hover {background:#ff0000;}

/* LÄNKAR TILL GAMMALMEDIER */
a.five:link {color:#0000ff;}
a.five:visited {color:#0000ff;}
a.five:hover {background:#ecd464;}

/* FÖR LÄS MER-KNAPPAR */
.more {display: none;}
.myBtn {background-color: #1F51ff;
	border: 1px; border-style: solid; border-color: black; border-radius: 20px;
	color: white; padding: 3px 6px; text-align: center; text-decoration: none; font-size: 10px;
	margin: 8px 0px 12px 6px; cursor: pointer;}
.myBtn:hover {background-color: powderblue; color: black;}

/* FÖR REPETIONSTEXT I HÖGERKOLUMNEN */
iframe {width: 98%;}

/* FÖR MINDRE SKÄRMAR */
@media screen and (max-width: 600px){
body {padding: 0;}
.y-kolumnen, .a-kolumnen, .b-kolumnen, .c-kolumnen {width: 96%; margin-left: 0px; margin-right: 0px;}}

/* FÖR KNAPPAR SOM SKA VERKA SOM OM DE FÖRSVINNER */
.genom {opacity: 0;}