body {background: black;
      text-align: center;
	  margin: 0; padding: 0;
	  margin-top: 20px;
	  }

/* A fooladal kozepre helyezve */

#main { margin: 0 auto;
        padding: 0;
        background: url(../pics/main.jpg) no-repeat;
        width: 700px;
		height: 500px;} 
		
#main img {position: relative;
		   display: block;
		   clear: none;
		   float: left;
		   width: 250px; 
		   height: 180px; 
		   border: none; 
		   padding: 0; 
		   margin: 0 auto;
		   top: -80px; left: 122px;}

#menu {text-align: left;
	           font-variant: small-caps;
	           padding: 0;
	           margin: 0;
			   /* float: left; */
			   display: block;}
			   			   
#menu {}

#menu a {position: relative;
          /* display: block; */
		 float: left;
		  height: 80px;
		  line-height: 80px;
		  text-decoration: none;
		  vertical-align: middle;
		  color: #999;
		  padding: 0; margin: 0;}

/* a menu-linkek elhelyezese */

a#lang, a#kontakt, a#guest {text-align: center; }
a#male, a#female, a#pupies, a#memo {text-align: left;}
a#about, a#pics, a#links {text-align: right;}

a#about { width: 165px; background: url('../pics/about.gif') no-repeat; top: 49px; left: 99px;}
a#pics { width: 135px; background: url('../pics/pics.gif') no-repeat; top: 120px; right: 130px; }
a#links {width: 140px; background: url('../pics/links.gif') no-repeat; top: 210px; right: 290px;}
a#male { width: 135px; background: url('../pics/males.gif') no-repeat 100%; top: 5px; right: 60px;}
a#female { width: 140px; background: url('../pics/female.gif') no-repeat 100%; top: -30px; left: 460px;}
a#pupies { width: 150px; background: url('../pics/pupie.gif') no-repeat 100%; top: 40px; left: 375px;}
a#memo { width: 180px; background: url('../pics/memo.gif') no-repeat 100%; top: 130px; left: 220px;}
a#lang { height: 105px; width: 80px; background: url('../pics/eng.gif') no-repeat 50% 100%; top: 303px; right: 240px;}
a#kontakt { height: 107px; width: 80px; background: url('../pics/kontakt.gif') no-repeat 50% 100%; top: 316px; right: 241px;}
a#guest { height: 110px; width: 100px; background: url('../pics/guest.gif') no-repeat 50% 100%; top: 197px; left: 380px;}

/* menu-linkek ha rajtuk a kurzor*/

a#male:hover, a#female:hover, a#pupies:hover, a#memo:hover, a#guest:hover, a#kontakt:hover, a#lang:hover, a#about:hover, a#pics:hover, a#links:hover {color: red; font-weight: bold;}
a#about:hover {background: url('../pics/about_hover.gif') no-repeat; border: none;}
a#pics:hover {background: url('../pics/pics_hover.gif') no-repeat; border: none;}
a#links:hover {background: url('../pics/links_hover.gif') no-repeat; border: none;}
a#male:hover {background: url('../pics/males_hover.gif') no-repeat 100%; border: none;}
a#female:hover {background: url('../pics/female_hover.gif') no-repeat 100%; border: none;}
a#pupies:hover {background: url('../pics/pupie_hover.gif') no-repeat 100%; border: none;}
a#memo:hover {background: url('../pics/memo_hover.gif') no-repeat 100%; border: none;}
a#guest:hover {background: url('../pics/guest_hover.gif') no-repeat 50% 100%; border: none;}
a#kontakt:hover {background: url('../pics/kontakt_hover.gif') no-repeat 50% 100%; border: none;}
a#lang:hover {background: url('../pics/eng_hover.gif') no-repeat 50% 100%; border: none;}

/* hirek blokk */

#news {position: relative;
       display: block;
       clear: left;
	   float: left;
	   margin: 0 auto;
	   text-align: left;
	   width: 400px;
	   height: 80px;
	   overflow: auto;
	   font-family: Verdana, Arial, Tahoma;
	   top: -65px; left: 152px;
	   background: white;}
	   
#news h2 { font-size: 17px;
           border-bottom: solid 2px green;
		   color: darkred;}
		   
#news p {font-size: 11px;
         line-height: 15px;}

#news a {color: orange;}