/* --------uszodia_html laphoz.   Css fájl ---------- */

body { font-family: Arial, Helvetica, sans-serif; font-size: 100%; margin: 0;  background-color: #ccc; }
#container { width: 770px; margin-top: 10px; margin-right: auto; margin-left: auto;  padding: 10px 10px 60px 10px; border-bottom: 2px dotted black;}  

h1 {font-size: 35px; text-align: center; margin-top:5px; margin-bottom:5px;}
h2 {font-size: 1.5em; color: #33C;  text-align: center; border-bottom: 1px solid #666; }
h3 {font-style: italic;  color: #33C;  text-align: center;}

strong {font-weight: bold;}
em {font-style: normal; font-weight: bold; color: #33C; } 

img.slide { position: absolute; left: 0px;  top: 0px; } 
#diakepek { position: relative; overflow: hidden; width: 400px; height: 300px; margin-left: 200px; }



/* az overflow tulajdonság elrejti a képnek azon részét, mely kívül esik a div szakaszon : hidden */
/*img .slide = position: absolute;   kép, a szülőjéhez, azaz az adott div szakaszhoz igazodik */