/* Värvikoodid: 4E4E4E - taust | 099345 ja 41F38E lingid | 934508 - alternatiivlingid */

@charset "UTF-8";
/* Paigutuste üldargumendid kõigile ekraani suurustele. */


body { margin: 0; padding; 0; } 							/* Et konteiner täidaks ülal, all, paremal ja vasakul maksimaalse pinna */

header a.logo { 											/* logo argumendid */
	display: block; 									/* Paneb lingi käituma nagu lõigu või div-tägi. */
	position: absolute; 								/* Aitab logo pilti paigutada konteinerisse mille positsioon on määratud suhteliseks. */
	background-position: 0px 0px; 						/* Pildi positsioon konteineris (x ja y mõlemad null) */
	background-repeat: no-repeat; 						/* Et Logo pilt ei korduks */
}

nav {													/* Menüü paigutuse argumendid */
	width: 100%;											/* Menüü laius (kohanda vastavalt vajadusele. Näiteks jagades ruumi logoga) */
	display: block;									/* Paneb lingid käituma nagu lõigu või div-tägi. */
	position: absolute;									/* Paigutab menüü samuti kui logo peamisse konteinerisse. */
	background-color: #4E4E4E;							/* Menüü taustavärv */
}

/* Paigutuste argumendid Suurtele Ekraanidele (Vaikimisi vanadele veebilehitsejatele) */



header {													/* Päise argumendid */
	height: 75px; 										/* Päise kõrgus - pange sobima päisepildiga või logo kõrgusega */
	background-image: url(../pildid/banner_suur.png);		/* Logo pildifaili asukoht */
	background-color: #ccc;					 			/* Suure bänneri pildi asukoht */
}

header a.logo {											/* Logo argumendid */
	width: 231px;										/* Logo laius */
	height: 50px;										/* Logo kõrgus */
	top: 11px;											/* Logo kaugus ekraani ülaservast */
	right: 12px;										/* Logo kaugus servast (right-paremalt või left-vasakult: kasuta neist ühte) */
	background-image: url(../pildid/logo_suur.png);		/* Logo pildifaili asukoht */
}

article {													/* Artikli argumendid */
padding: 60px 20px 10px 20px;							/* Teeb artikli ja serva vahele ruumi. Numbrid järjekorras: üleval, paremal, all, vasakul */ 
}

.harud_konteiner {										/* Kartegooriate paigutamise üldargumendid */
	padding: 0px 0px 100px 20px;						/* Konteineri nihked. Numbrid järjekorras: üleval, paremal, all, vasakul */
}

.harud_konteiner .harud {								/* Kartegooriate paigutamise argumendid */
 	width: 30%;											/* Kategooria konteineri laius. (Mängides määrad ära mitu konteinerit ritta mahub) */
/*	height: 30%; */
	float: left;										/* Kategooria konteineri joondus */
	background-position: 0px 3px;						/* Kategooria konteineri taustapildi nihked x ja y teljel */
	padding: 0px 0px 0px 3px;						/* Konteineri nihked. Numbrid järjekorras: üleval, paremal, all, vasakul */

	}

.harud_konteiner .harud .content {						/* Kategooria konteineri sisu argumendid */
	padding: 0px 30px 0px 70px;							/* Teksti paigutamine nihete abil. Numbrid järjekorras: üleval, paremal, all, vasakul */
}

nav {													/* Menüü paigutamise argumendid */
	top: 75px;											/* Menüü kaugus ülaservast */
}

nav a {													/* Menüü linkide argumendid */
	margin: 0px 0px 0px 20px;							/* Menüü nihked. Numbrid järjekorras: üleval, paremal, all, vasakul */
}


/* Jaluse paigutamise argumendid */


@media screen and (max-width: 990px){ 					/* Seab ekraani piiri, millest muutus käiku läheb */			
.webmaster {												/* Veebimeistri info argumendid */
	margin: -20px 20px 0px 0px;							/* Joondab veebimeistri info paremale */
}

/* @media screen and (max-width: 990px){ */				/* Seab ekraani piiri, millest muutus käiku läheb */			
footer {												/* Jaluse paigutamise argumendid */
		padding-left: 20px;								/* Jaluse konteineri nihe vasakult. */
		margin: -20px 0px -50px 0px;							/* Joondab veebimeistri info paremale */
}