body {
  background-color:white; 
  color: black; 
  text-align:center;
  width:1024px;
  margin: 0 auto;
  }

 

header, footer, nav, section, article {display:block;}

 

header {
  width:1024px;
  margin: 0 auto;
  background-color:white;
  }

 


/* base nav styles */  
nav { 
  display:block;
  width: 1024px; 
  margin:0 auto;  
  border:1px solid #222; 
  position:relative; 
  background-color:#6a6a6a; 
  font:16px Tahoma, Sans-serif; }  
nav ul { padding:0; margin:0; }  
nav li { position:relative; float:left; list-style-type:none; }  
nav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }  
nav li a { display:block; padding:10px 20px; border-left:1px solid #999; border-right:1px solid #222; color:#eee; text-decoration:none; }  
nav li a:focus { outline:none; text-decoration:underline; }  
nav li:first-child a { border-left:none; }  
nav li.last a { border-right:none; }  
nav a span { display:block; float:rightright; margin-left:5px; }  
nav ul ul { display:none; width:100%; position:absolute; left:0; background:#6a6a6a; }  
nav ul ul li { float:none; }  
nav ul ul a { padding:5px 10px; border-left:none; border-right:none; font-size:14px; }  
nav ul ul a:hover { background-color:#555; }  

section {
  width:1024px;
  margin: 0 auto;
  background-color:white ; 
  float:right;}

article {
  margin:2em 3%; 
  
  }

#cikk {
  width: 824px;
  float: left;
}

#hird {
  float: right;
  width: 200px;
}

#links{
 margin-top: 100px;
 margin-bottom: 200px;
}

footer {
  width:1024px;
  margin: 0 auto;
  background-color:white; 
  clear:both;}
