/* CSS Reset, nem muszáj, de ártani nem árt */  
{  
    margin: 0;  
    padding: 0;  
} 

/* Itt mondjuk el a böngészőnek, hogy a html5 element-eket block-ként kezelje */  
html, body, h1, form, fieldset, legend, ol, li {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

body { /* definiáljuk az alaphátteret és még pár dolgot */
	background: #F0F0F0; /* háttér szín */
	color: #991111; /* betű szín */
	padding: 0;
	font-family: Georgia, serif;
	}

	h1 { /* az oldal címének csinosítása */
		font-size: 28px; /* betűméret */
		text-align: center; /* igazítás */
		}
	
	form#fizetes {
		/* Form háttér és lekerekítés */
		background: #96cedd; 
		-moz-border-radius: 20px; /* ha kerek akkor szép */
		-webkit-border-radius: 20px;
		-khtml-border-radius: 20px;
		border-radius: 20px;
		padding: 10px; /* a form-ot körülvevő rész paddingját beállítjuk */
		width: 500px; /* állítunk egy szélességet */
		}
		
		form#fizetes fieldset { /* igazítjuk az alapadatok részt*/
			border: none;
			margin-bottom: 5px;
			}
		

		form#fizetes legend { /* "alapadataid" szöveg formázása */
				color: #3b4e8c;
				font-size: 16px;
				font-weight: bold;
				}
				
						
		form#fizetes ol li { /* megformázzuk a form egyes sorait, és a körülvevő területet */
				background: #59cfac;
				background: rgba(255,255,255,.2); /* egy kis trükk, hogy szebb legyen. rgba - átlátszóság definicióval*/
				border-color: #aab092;
				border-color: rgba(255,255,255,.2);
				border-style: solid;
				border-width: 2px;
				-moz-border-radius: 10px; /* ismét kerekítések, mert szeretjük a kerek formákat */
				-webkit-border-radius: 10px;
				-khtml-border-radius: 10px;
				border-radius: 10px;
				line-height: 10px; /* sor magasság definiálása */
				list-style: none; /* hozzá tartozó stílus */
				padding: 6px 12px; /* egy kis igazítás */
				margin-bottom: 1px;
				}
							
	    form#fizetes label { /* a form cimkéinek igazítása */
				float: left;
				font-size: 13px;
				width: 150px;
				}