body, p, h1, h2, h3, h4, h5, h6, table, img, ol, ul, form { margin: 0; padding: 0; }

body { 
	margin: 0px;
	font-family: "Comic Sans MS";
	font-size: 16px;
	color: #800000;
	background-image: linear-gradient(black, black, black, black, black, black, #800000); 
	background-attachment: fixed;
	}

#egesz { 
	position: relative; 
	text-align: center; 
	margin: 10px auto 30px auto; /* A trükk, h a body tagnek is meg kell adni, h 0 a marginja, így ténylegesen középre kerül. */
	border: 0px solid red; 
	width: 900px;
	height: ;
	}

#egesz_index { 
	position: relative; 
	text-align: center; 
	margin: 100px auto 30px auto; /* A trükk, h a body tagnek is meg kell adni, h 0 a marginja, így ténylegesen középre kerül. */
	border: 0px solid red;
	}
	
#cim { 
	position: absolute; top: 10px; left: 0px; 
	border: 0px solid #800000; 
	width: 900px; 
	height: 80px; 
	border-top-left-radius: 50px; 
	border-top-right-radius: 50px; 
	border-bottom-right-radius: 10px; 
	border-bottom-left-radius: 10px; 
	padding: 0px;
	background-color: black; 
	font-size: 48px;
	font-weight: bold;
	text-shadow: -5px -5px 20px #800000;
	letter-spacing: 10px;
	box-shadow: 8px -8px 15px #800000, -8px -8px 15px #800000;
	transition: text-shadow 1s, font-size 1s, color 3s;
	}

#cim:hover {
	text-shadow: 20px 30px 2px darkorange, -90px -8px 2px red, 240px -5px 2px yellow, 320px 35px 2px green, -280px 35px 2px blue; 
	color: transparent;
	font-size: 28px;
	} 

#menu { 
	position: absolute; top: 115px; left: 0px; 
	border: 0px solid #800000; 
	width: 240px; 
	min-height: 1800px; 
	border-radius: 10px; 
	padding: 0px;
	background-image: linear-gradient(black, black, black, black, black, black, #800000); 
	background-attachment: fixed;
	box-shadow: 8px -8px 15px #800000, -8px -8px 15px #800000;
	}
	
#menu2 { 
	position: absolute; top: 0px; left: 0px; 
	border: 0px solid #800000; 
	width: 100%; 
	min-height: 1800px; 
	border-radius: 10px;
	}      /* VIGYÁZZ! A "stilus2"-ben ez a parancs máshogy van deklarálva! */

#tartalom { 
	position: absolute; top: 115px; left: 265px; 
	border: 0px solid #800000; 
	width: 635px; 
	min-height: 1800px; 
	border-radius: 10px; 
	padding: 0px;
	background-image: linear-gradient(black, black, black, black, black, black, #800000); 
	background-attachment: fixed;
	box-shadow: 8px -8px 15px #800000, -8px -8px 15px #800000;
	}

#tartalom_mertek {  
	border: 0px solid #800000; 
	width: 100%; 
	height: 3100px; 
	border-radius: 10px; 
	padding: 0px;
	margin: 0px;
	background-image: linear-gradient(transparent); 
	background-attachment: fixed;
	box-shadow: 8px -8px 15px #800000, -8px -8px 15px #800000;
	}

#tartalom2 { 
	position: absolute; top: 0px; left: 0px; 
	border: 0px solid #800000; 
	width: 93%; 
	min-height: 1800px; 
	border-radius: 10px; 
	padding: 20px;
	background-color: transparent;
	transition: color 1s;
	}

.red:hover {
	color: red;
	}
	
.yellow:hover {
	color: yellow;
	}

.blue:hover {
	color: #1e90ff;
	}
	
.green:hover {
	color: green;
	}
	
.darkorange:hover {
	color: darkorange;
	}

p {
	text-align: justify;
	line-height: 21px;
	text-indent: 20px;
	padding: 8px
	}
	
p#center {
	text-align: center;
	line-height: 16px;
	text-indent: 0px;
	}
	
#left {
	text-align: left;
	}
	
#right {
	text-align: right;
	}
	
em {
	padding: 10px;
	display: block;
	font-style: normal;
	text-align: justify;
	line-height: 21px;
	text-indent: 20px;
	}
	
a { 
	color: #800000; 
	text-decoration: underline; 
	font-family: Comic sans ms; 
	text-shadow: 1px -1px 20px yellow;
	}

a:link { 
	color: #1e90ff; 
	text-decoration: underline; 
	font-family: Comic sans ms; 
	} 

a:visited { 
	color: #1e90ff; 
	text-decoration: underline; 
	font-family: Comic sans ms; 
	}

a:hover{ 
	font-weight: bold;
	}
		
input, button { 
	color: orange; 
	font-family: Comic sans ms; 
	font-size: 14px;
	background-image: linear-gradient(#800000, #800000, black);
	cursor: pointer; 
	border: 1px;
	border-color: black;
	border-style: solid;
	border-radius: 6px;
	box-shadow: 3px 3px 10px #800000;
	}

input:hover, button:hover { 
	color: #800000;
	font-size: 15px;
	font-weight: bold; 
	background-image: none;
	background-image: linear-gradient(#800000, black, black);
	border-color: #800000;
	cursor: pointer; 
	border: 0px; 
	}

#alairas {
	text-align: right;
	padding: 0px;
	float: right;
	}

#koczog:hover:after { 
	content: 'oczog András'; 
	}

h2 {
	font-size: 30px;
	text-shadow: 2px -2px 0px black, 4px -4px 1px #800000, 6px -6px 2px black, 8px -8px 3px #800000, 
		10px -10px 4px black, 12px -12px 5px #800000, 14px -14px 6px black, 16px -16px 7px #800000; 
	transition: text-shadow 3s, color 1s;
	}

h2:hover {
	text-shadow: 2px -2px 1px black, 4px -4px 1px #800000, 6px -6px 1px black, 8px -8px 1px #800000, 
		10px -10px 1px black, 12px -12px 1px #800000, 14px -14px 1px black, 16px -16px 1px #800000; 
	color: #800000;
	}
	
h3 {
	font-size: 20px;
	margin: 10px;
	transition: color 0.5s;
	}

h3:before { content: '- '; }
h3:after { content: ' -'; }

#not {
	cursor: not-allowed;
	}
	
img#nagykep {
	border: 6px double #800000; 
	width: 550px;
	border-radius: 20px; 
	box-shadow: 5px 5px 10px #500000;
	transition: box-shadow 1s, border 1s;
	}
	
img#nagykep:hover {
	border: 10px double #800000; 
	width: 550px;
	border-radius: 20px; 
	box-shadow: 15px 15px 20px #500000;
	}

img#kiskep {
	border: 3px solid #800000; 
	width: 120px;
	border-radius: 10px; 
	box-shadow: 2px 2px 5px #800000;
	transition: box-shadow 1s, border 1s;
	}
	
img#kiskep:hover {
	border: 3px solid #800000; 
	width: 120px;
	border-radius: 10px; 
	box-shadow: 5px 5px 10px #800000, -5px -5px 10px #800000;
	}

img#kiskep_en {
	border: 5px double #800000; 
	width: 180px;
	border-radius: 30px; 
	transition: border 3s, margin-left 1s, margin-top 3s;
	}

img#kiskep_en:hover {
	border: 5px solid yellow; 
	margin-left: 60px;
	margin-top: 30px;
	}

img#jegyzet2kep {
	border: 5px double #800000; 
	width: ;
	border-radius: 30px;
	}

#usztat {
	float: left;
	margin: 30px;
	}
	
#vege {
	clear: left;
	}

hr {
	width: 80%;
	border: 1px solid #800000; 
	}
	
ul {
	text-align: left;
	margin-left: 20px;
	margin-bottom: 20px;
	}

li {
	text-align: justify;
	}
	
ol {
	text-align: left;
	margin-left: 20px;
	margin-bottom: 20px;
	}

ol li {
	text-align: justify;
	margin-left: 0px;
	margin-top: 10px;
	}

#gondolkodtato {
	text-align: justify;
	margin-left: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
	}

#x-szamolo2 {
	border: 10px;
	width: 80%;
	}
	
table#tanitvany {
	margin: 20px auto 20px auto;
	}
	
table#tanitvany td {
	font-size: 14px;
	padding: 10px;
	border: 1px solid orange;
	border-radius: 10px;
	}
	
table#tanitvany button:hover { 
	color: #800000;
	font-size: 14px;
	font-weight: normal;
	background-image: linear-gradient(#800000, black, black);
	border-color: #800000;
	cursor: pointer; 
	border: 0px; 
	}