body {
	
	
	background: url("kepek/csepphalv2.jpg") no-repeat fixed left top/100% auto rgba(255, 165,0,0);
	
background-color: orange;
	font-family: verdana,arial,georgia;
	
	font-size: 12pt;
	
	color: white;
	
	font-weight: 500;
		
	
	text-decoration: none;
	
	

}

div {
	position: absolute;
	/* border: medium solid black; tervezéshez nagyon jó */
}


#egesz {	top:5px;
	width: 1000px;	
	/* ezbben van a logo, meg lesz felülre mutató belső link */
}
h1 {
  font-size: 15pt;
 
}
h2 {
  font-size: 14pt;
}
h3 {
  font-size: 13pt;
  margin-left:  160px;
  text-indent: -110px;  
}
h4{
  font-size: 13pt;
}
h5{
	font-size:12pt;
	font-weight: 500; /* sehol még... behúzás nélküli p?? */
}
p {
  /* font-size: 12pt; fent van */
  margin-left: 50px;
  /* background-color:rgba(255,0,0,0.3) áttetsző piros szín: az orange kódja 255,165,0 */
}
p.behuz {
  font-size: 12pt;
  margin-left: 50px;
  /* nem használom éppen */
}
p.forras {
  font-size: 9pt;
  text-align: right;
  font-weight:lighter;
}
a.behuz {
	margin-left:70px;
}
/*
a.jobban{
	margin-left: 400px;
	width:500px;  a tartalomban...*/
}
a.kep {
	padding:0px;
	text-decoration:none;
	/* border:5px solid red; ezt bezzeg tudja, a többit törölni nem .. :( */ 
	
}
dl{
	margin-left: 50px;
}
#vmenu {
	top:30px;
	left:180px; 
	z-index:5;
	color:white;
	width: 850px;
	height: 30px;	 
	background-color: transparent;  
}
/*
#vmenu a {
  padding: 10px 20px;
   height: 30px;
  vertical-align: text-bottom;
  text-decoration: none;
  font-size: 14pt;
  font-weight: bold;
  display: block;
}
*/
#vmenu ul {
  padding: 0px; /* a legördülő bal oldala" alapbeállítás felülírása !!*/
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
	
	display: inline;  
}
#vmenu li {
  /* border-color: white; a további bállítások felülbírálják */ 
  border-left: medium solid white;   
  border-bottom-left-radius: 25px;
  margin-left:10px;
 font-weight:800;
  float: left; /* az almenüelemek a főmenü megf. pontja alatt maradjanak */
  //display: inline;  
}
#vmenu ul ul {
	width:180px;
  position: absolute;
  display: none;
 
}
#vmenu ul li:hover ul {
  display: block;
  /* width:100%; ezzel lépcsőzetes a lenyíló menü, de valami más is át volt állítva :( */
}
#vmenu ul ul li {
  /* position: absolute; egymásra csúszik a lenyíló menü */
  display: block;
  width:100%;
  font-weight:500;
  border-bottom: 1px solid white;
  border-bottom-left-radius: 25px;
}
#vmenu a {
	text-decoration: none;
	display: block;
	color: white;
	background-color: green;
	padding: 8px 12px;

	border-bottom-left-radius:25px;	
	border-top-right-radius:25px;
	
}
#vmenu a:hover, #vmenu a:active {	
	font-weight:800;
	background: orange;		
	color:#000000;
}
/*
#vmenu ul li a:link, #vmenu ul li a:visited, #vmenu ul li a.akt:hover, #vmenu ul li a.akt:active ***
    mi az értelme a sor második részének??
*/
#fmenu {
	top:150px;
	left: 2px;
	width: 180px;
	/* padding:3px;    hogy ne lógjon ki a narancs alól :)  	
	color:white;       az <a> kód felülírja, ha majd kiszedem alátható lapra mutató linket */
	font-size: 13pt;
	font-weight: 700;	
	background: green;
	
	border-bottom-right-radius:25px;
	border-top-left-radius:25px;
}
#fmenu a {
	padding:3px;
	/* width:100%; ezt ne!!! az almenük paddinge bekavar!! */ 
	display:block;
	text-decoration: none;
  /* display: block; /* "érezze", hogy felette van az egér, ha itt van, akkor teljes szélességűek a linkek */
	color:white;
}
/*
#fmenu a:link, #fmenu a:visited {	
	color:white;
} ez sem kell, LOL */

#fmenu a:hover, #fmenu a:active {	
	background: orange;
	color: #000000;
	font-weight:bold;
	
	border-top-left-radius:25px;
	border-bottom-right-radius:25px;	
}
#fmenu ul li a:link, #fmenu ul li a:visited ,#fmenu ul li a:hover, #fmenu ul li a:active {
	/* padding:3px 3px 3px 30px; az almenük behúzása */
	padding-left:30px; /* mindegy, mert korábban minden padding 3 volt */
} 
#fmenu ul {
	margin: 0px;	/* alapbeállítás az alsó-felső margó + padding -> felülbírálva */
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
	list-style-position: inside; 
}  
#fmenu ul li {	
	font-size:13pt;
	font-weight:300;  
} 
 /* - - - - - - - - - - - - - -  */
#fong {
	top: 80px;
	left:220px;
 
  background-color: transparent;
  width: 900px;
 
  float: left;
  
  color: white;
  text-shadow: 2px 2px 2px green;
  
  font-weight: bold;
  line-height: 150%; 
}
#tartalom {
	top: 80px;
	left:220px;
 
  background-color: transparent;
  width: 900px;
 
  // float: left;
  
  color: white;
  text-shadow: 2px 2px 2px green;
  
  font-weight: bold;
  line-height: 150%; 
}
#tartalom ul {
  margin-left: 100px;
  margin-right: 20px;
} 
#tartalom a {
	// max-width:500px;
	display:block;
	text-decoration: none;
	border-bottom-right-radius:25px;
	border-top-left-radius:25px;
}
#tartalom a:link, #tartalom a:visited {
	background-color:rgba(0,200,0,0.3);
	color: orange;
	text-shadow: 2px 2px 2px green;
	
	padding: 4px 10px 4px 18px;
	//border-radius: 15px;
		
}
#tartalom a:hover, #tartalom a:active {
	background-color:rgba(255,165,0,0.3);
	color: green;
	text-shadow: 2px 2px 2px orange;
 
	padding: 2px 7px 2px 14px;
	border: 2px solid green;
	//border-radius: 15px; 		
}
img.vetit {
	width:180px;
	height:252px;
}