html, body {
       font-family: Arial;
       font-weight: bold;
}

   body {
       margin: 2em;
       padding-top: 2em;
       line-height: 150%;
       font-size: 150%;
 }
   
  h1 {
       font-size: 2.5em;
       line-height: 150%;
   }

   h2 {
       font-size: 1.2em;
       font-weight:
   }

   h3 {
       font-size: 1em;
       font-weight: normal;
   }

 body.blackbody {
       color: #fff;
       background: #000;
}

body.blackbody a:hover,
body.blackbody #whitebody span:hover,
body.blackbody #blackbody span:hover {
       color: #000;
       background-color: #fff;
   }
   
   #default,
   #whitebody,
   #blackbody {
       position: absolute;
       right: 12em;
       font-size: 1em;
	   
   }
   
   #default {
       top: 1.5em;	
   }

   #whitebody {
       top: 2.8em;
   }

   #blackbody {
       top: 4.1em;
   }
   
   a, #whitebody span, #blackbody span {
       font-weight: bold;
       text-decoration: underline;
       padding: 0.2em;
       color: #ff0;
   }
   
 hr {
       clear: both;
       margin: 20px 0;
   }
   
.fo {
       text-align: center;
       text-decoration: none;
       line-height: 1em;
       position: absolute;
       top: 10px;
   }
#fooldalra {
       position: absolute;
       top: 35px;
       right: 1em;
       font-size: 1em;
	  }
.alcim {
		
			text-decoration: none;
			line-height: 0;
	  }

 footer.fixed {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: black;
  color: white;
  text-align: center;
   
 }

footer{
text-align: center;
}

#rolunkdiv{
	text-align: justify;
	text-justify: inter-word;
}
#rolunkdiv h2{
	text-align: center;
	text-decoration: underline;
}
   
#csoportoktabla {
  border-collapse: collapse;
  width: 100%;	
}
   
#csoportoktabla td, th  {
border: 1px solid #ddd;
padding: 6px;

}