@charset "utf-8";

/* =======================================================================

(C) 2010 Pikéthy Tibor Zenemuvészeti Szakközépiskola

Általános stíluslap 

======================================================================= */

/* ------ ====== Alapveto szerkezet és általános tulajdonságok ====== ------ */

body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    line-height: 1.2em;
    background: #fff;
	text-align: center;
}
	
#wrapper {
    width: 90%;
	max-width: 1400px;
	min-width: 700px;
	margin: 0 auto;
	text-align: left;
}
	
img {
    border: 0;
}
	
/* ------ ====== Fejléc ====== ------ */

#fejlec {
	width: 100%;
	margin-bottom: 20px;
	text-align: left;
	background: url('../img/fejlec.jpg');
	background-position: top right;
	background-repeat: no-repeat;
}
	
#logo {
	position: relative;
	left: 8%;
	top: 15px;
}

/* --- Fomenü --- */
		
#menu {
	width: 100%;
	height: 36px;
	margin: 0;
	padding-top: 9px;
	background: url('../img/menu_bg.gif') bottom repeat-x;
}
	
#menu ul {
	margin: 0 10px 0 0;
	padding: 0;
}
	
#menu ul li {
	float: right;
	list-style: none;
	margin: 0;
	margin-bottom: -5px;
}
	
#navbar {
    height: 20px;
	line-height: 2em;
	padding: 1px 0 1px 15px;
	font-size: 0.7em;
	text-align: left;
	color: #fff;
}
	
#navbar #current {
	font-size: 1em;
	font-weight: bold;
	color: #fff;
}
	
#navbar a, link, active, visited, hover {
	color: #fff;
	text-decoration: underline;
}

/* ------ ====== Headlines (oldalsó boxok) ====== ------ */

.headlines {
	margin: 0 0 20px 0;
	font-size: 0.8em;
	padding-bottom: 10px;
}

.headlines h1 {
	height: 40px;
	background-position: left;
	background-repeat: no-repeat;
	text-align: right;
	margin: 0;
	padding: 0;
}

.headlines ul {
	margin: 0;
	padding: 5px 0 5px 0;
}

.headlines ul li {
	margin: 0;
	padding: 5px;
	list-style: none;
}

.headlines a, link, active, visited, hover {
	display: block;
	background-position: right bottom;
	background-repeat: no-repeat;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-decoration: none;
	padding-right: 10px;
}
	
/* ------ ====== Bal oldal ====== ------ */

#bal {
	width: 22%;
    float: left;
	margin-bottom: 30px;
    }

#szlogen {
	background-image: url('../img/szlogen.png');
	background-position: 10%;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	height: 178px;
}

#szlogen #cimer {
	background: url('../img/szlogen_cimer.png');
	background-position: 90%;
	background-repeat: no-repeat;
	text-align: right;
}

/* --- Szekció menü --- */
	
#szekcio {
	font-size: 0.8em;
	color: #333;
	margin-bottom: 20px;
}
	
#szekcio a, link, active, visited, hover {
	text-decoration: none;
	display: block;
}

#szekcio a, link, visited {
	color: #333;
}
	
#szekcio #current {
	border: 0;
	padding: 1px 5px 1px 5px;
	font-weight: bold;
	margin-bottom: 5px;
	list-style: none;
}

#szekcio #current a, link, active, visited, hover {
	color: #fff;
}
	
#szekcio ul {
	margin: 0;
	padding: 0;
}
	
#szekcio ul li {
	list-style: none;
	padding: 0 5px 0 5px;
	margin-bottom: 5px;
	line-height: 2em;
	border-style: solid;
	border-width: 1px;
}
	
#szekcio ul ul {
	margin: -5px 0 5px 0;
	padding: 5px 0 5px 0;
}
	
#szekcio ul ul li {
	list-style: none;
	margin: 5px 5px 0 15px;
	line-height: 1.5em;
}
	
#szekcio ul ul #current {
	font-weight: bold;
	background: none;
}
	
#szekcio ul ul ul {
	margin: 0 0 0 15px;
	padding: 0;
}

#szekcio ul ul ul #current a, link, active, visited, hover {
	color: #333;
}
	
/* 20 éves jubileum szekció menüpont */

#szekcio #jubileum {
	line-height: 1.8em;
	background: url('../img/jubileum_menu_bg.gif') left no-repeat;
	padding-left: 45px;
	list-style: none;
}

/* ------ ====== Jobb oldal ====== ------ */

#jobb {
    float: right;
	width: 18%;
	margin-bottom: 30px;
}

/* --- Illusztráció kép --- */
	
.ill {
	margin-bottom: 20px;
	border-left: 1px solid #99cc33;
	border-bottom: 1px solid #99cc33;
	background-position: top right;
	background-repeat: no-repeat;
}

#ill_bg {
	height: 133px;
	background: url('../img/ill_bg.png') top right no-repeat;
}

#ill_bg_pikethy {
	height: 270px;
	background: url('../img/ill_bg.png') top right no-repeat;
}

#ill_arculat {
	background-image: url('../img/ill/arculat.jpg');
}

#ill_billentyuk {
	background-image: url('../img/ill/billentyuk.jpg');
}

#ill_csembalo {
	background-image: url('../img/ill/csembalo.jpg');
}

#ill_diakok {
	background-image: url('../img/ill/diakok.jpg');
}

#ill_dij {
	background-image: url('../img/ill/dij.jpg');
}

#ill_erkely {
	background-image: url('../img/ill/erkely.jpg');
}

#ill_estlampa {
	background-image: url('../img/ill/estlampa.jpg');
}

#ill_estter {
	background-image: url('../img/ill/estter.jpg');
}

#ill_estter2 {
	background-image: url('../img/ill/estter2.jpg');
}

#ill_estter3 {
	background-image: url('../img/ill/estter3.jpg');
}

#ill_estudvar {
	background-image: url('../img/ill/estudvar.jpg');
}

#ill_falresz {
	background-image: url('../img/ill/falresz.jpg');
}

#ill_fazioli {
	background-image: url('../img/ill/fazioli.jpg');
}

#ill_gitar {
	background-image: url('../img/ill/gitar.jpg');
}

#ill_hegedu {
	background-image: url('../img/ill/hegedu.jpg');
}

#ill_homlokzat1 {
	background-image: url('../img/ill/homlokzat1.jpg');
}

#ill_homlokzat2 {
	background-image: url('../img/ill/homlokzat2.jpg');
}

#ill_isk {
	background-image: url('../img/ill/isk.jpg');
}

#ill_jazz {
	background-image: url('../img/ill/jazz.jpg');
}

#ill_kamara {
	background-image: url('../img/ill/kamara.jpg');
}

#ill_kapu {
	background-image: url('../img/ill/kapu.jpg');
}

#ill_kolesz {
	background-image: url('../img/ill/kolesz.jpg');
}

#ill_konyvtar {
	background-image: url('../img/ill/konyvtar.jpg');
}

#ill_korus {
	background-image: url('../img/ill/korus.jpg');
}

#ill_kut {
	background-image: url('../img/ill/kut.jpg');
}

#ill_lampa {
	background-image: url('../img/ill/lampa.jpg');
}

#ill_lepcso {
	background-image: url('../img/ill/lepcso.jpg');
}

#ill_nepzeneszek {
	background-image: url('../img/ill/nepzeneszek.jpg');
}

#ill_nepzeneverseny {
	background-image: url('../img/ill/nepzeneverseny.jpg');
}

#ill_osztkep {
	background-image: url('../img/ill/osztkep.jpg');
}

#ill_pad {
	background-image: url('../img/ill/pad.jpg');
}

#ill_pikethy {
	background-image: url('../img/ill/pikethy.jpg');
}

#ill_plakatok {
	background-image: url('../img/ill/plakatok.jpg');
}

#ill_pozsony{
	background-image: url('../img/ill/pozsony.jpg');
}

#ill_prepost {
	background-image: url('../img/ill/prepost.jpg');
}

#ill_remete {
	background-image: url('../img/ill/remete.jpg');
}

#ill_riport {
	background-image: url('../img/ill/riport.jpg');
}

#ill_sarokko {
	background-image: url('../img/ill/sarokko.jpg');
}

#ill_stukko {
	background-image: url('../img/ill/stukko.jpg');
}

#ill_tarsalgo {
	background-image: url('../img/ill/tarsalgo.jpg');
}

#ill_ter {
	background-image: url('../img/ill/ter.jpg');
}

#ill_terem {
	background-image: url('../img/ill/terem.jpg');
}

#ill_udvar {
	background-image: url('../img/ill/udvar.jpg');
}

#ill_ujsag {
	background-image: url('../img/ill/ujsag.jpg');
}

#ill_vackoncert {
	background-image: url('../img/ill/vackoncert.jpg');
}

#ill_video {
	background-image: url('../img/ill/video.jpg');
}

#ill_virag {
	background-image: url('../img/ill/virag.jpg');
}

#ill_vulgus {
	background-image: url('../img/ill/vulgus.jpg');
}

#ill_zaroko {
	background-image: url('../img/ill/zaroko.jpg');
}

#ill_zkr {
	background-image: url('../img/ill/zkr.jpg');
}

#ill_zong67 {
	background-image: url('../img/ill/zong67.jpg');
}

/* --- Headlines: Kapcsolódó oldalak --- */
	
#kapcsolodo {
	background: #dbf89f;
}
	
#kapcsolodo h1 {
	background-image: url('../img/headline_kapcsolodo.png');
	background-color: #99cc33;
}

#kapcsolodo a, link, active, visited, hover {
	color: #333;
	text-decoration: none;
	background-image: url('../img/gomb_tovabb_kapcsolodo.png');
	border-bottom-color: #99cc33;
}

/* --- Headlines: Partnerek, külso hivatkozások --- */

#partner, #kulsolinkek {
	background: #d0defc;
}

#partner {
	text-align: center;
}

#partner h1, #kulsolinkek h1 {
	background-color: #95b0e8;
}

#partner h1 {
	background-image: url('../img/headline_partner.png');
}

#kulsolinkek h1 {
	background-image: url('../img/headline_kulsolinkek.png');
}

#partner a, link, active, visited, hover {
	color: #333;
	text-decoration: none;
	margin-top: 10px;
	border-bottom: none;
}

#kulsolinkek a, link, active, visited, hover {
	color: #333;
	text-decoration: none;
	margin-top: 10px;
	background-image: url('../img/gomb_tovabb_kulsolinkek.png');
	border-bottom-color: #95b0e8;
}

/* --- Facebook doboz --- */

#facebook_right {
	margin-bottom: 20px;
}

/* ------ ====== Középso rész ====== ------ */

#kozepso {
	float: left;
	width: 60%;
	margin: 0 0 30px 0;
	text-align: center;
}
	
#tartalom {
    width: 93%;
	margin: 0 3.5% 0 3.5%;
	text-align: left;
}
	
#cim {
	height: 25px;
	margin-bottom: 20px;
	background-repeat: repeat-x;
}

hr {
	clear: both;
	height: 0;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top: none;
}

.clear {
	clear: both;
}

/* --- Szövegtörzs körbefuttatott képek --- */
	
.pic-l, .pic-r, .cikkimg {
	margin-top: 5px;
	border-width: 1px;
	border-style: solid;
	padding: 1px;
}

.pic-clear {
	margin: 20px 0 20px 0;
}

.pic-l {
	float: left;
	margin-right: 5px;
}

.pic-r {
	float: right;
	margin-left: 5px;
}

/* --- Névsor --- */
	
#nevsor {
	text-align: left;
	margin-top: 20px;
}
	
#nevsor ul {
	margin-left: 0;
	padding-left:0;
}
	
#nevsor ul li {
	list-style: none;
	padding: 5px;
	text-align: left;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
	
#nevsor img {
	vertical-align: middle;
}

/* --- Comment --- */
	
.comment {
	padding: 10px;
	padding-left: 30px;
	margin-top: 30px;
	margin-bottom: 30px;
	font-weight: bold;
	background-position: 2px 6px;
	background-repeat: no-repeat;
	border-style: dashed;
	border-width: 1px;
	min-height: 50px;
}

.comment h2 {
	font-size: 1em;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
}
	
.comment ul li {
	text-align: left;
}

/* --- Tanszak-dobozok --- */
	
#tanszak_doboz_kl {
	background: #743e73 url('../img/tanszak_tabl_kl.gif') top left no-repeat;
	margin: 20px 0 20px 0;
	padding: 30px 10px 10px 30px;
	color: #fff;
	text-align: left;
}
	
#tanszak_doboz_kl a, link, active, visited {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
	
#tanszak_doboz_kl a:hover {
	color: #ab83aa;
	font-weight: bold;
	text-decoration: none;
}
	
#tanszak_doboz_kl ul li {
	text-align: left;
}
	
#tanszak_doboz_kl ul ul li {
	list-style: url('../img/lista_nyil_f.gif');
}
	
#tanszak_doboz_nepzene {
	background: #7c0000 url('../img/tanszak_tabl_nepzene.gif') top left no-repeat;
	margin: 20px 0 20px 0;
	padding: 30px 10px 10px 30px;
	color: #fff;
	text-align: left;
}
	
#tanszak_doboz_nepzene a, link, active, visited {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
	
#tanszak_doboz_nepzene a:hover {
	color: #e1bbbb;
	font-weight: bold;
	text-decoration: none;
}
	
#tanszak_doboz_nepzene ul li {
	text-align: left;
}
	
#tanszak_doboz_nepzene ul ul li {
	list-style: url('../img/lista_nyil_f.gif');
}

#tanszak_doboz_jazz {
	background: #333 url('../img/tanszak_tabl_jazz.gif') top left no-repeat;
	margin: 20px 0 20px 0;
	padding: 30px 10px 10px 30px;
	color: #fff;
	text-align: left;
}
	
#tanszak_doboz_jazz a, link, active, visited {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
	
#tanszak_doboz_jazz a:hover {
	color: #ccc;
	font-weight: bold;
	text-decoration: none;
}
	
#tanszak_doboz_jazz ul li {
	text-align: left;
}
	
#tanszak_doboz_jazz ul ul li {
	list-style: url('../img/lista_nyil_f.gif');
}
	
/* ------ ====== Alsó info sáv ====== ------ */

#info {
	margin: 20px 0 20px 0;
	clear: both;
	background: url('../img/foot_r.png') right bottom no-repeat #333;
}
	
#info p {
    padding: 10px;
	font-size: 0.7em;
	line-height: 1.6em;
	color: #fff;
	text-align: left;
}
	
#info a, link, active, visited, hover {
	color: #01859d;
	text-decoration: underline;
}
	
/* ------ ====== Link- és szövegstílusok ====== ------ */

.content-normal {
    font-size: 0.8em;
	color: #333;
}
	
.content-normal p {
    text-align: justify;
}

.content-normal a, link, active, visited, hover {
	text-decoration: none;
}

.content-normal .small {
	font-size: 0.8em;
}

/* --- Listák --- */

.content-normal ul {
	margin-left: 20px;
	padding-left: 20px;
}

.content-normal ul li {
    list-style: square;
	list-style-position: outside;
	text-align: justify;
	margin-bottom: 5px;
}

.content-normal ul ul {
	margin-left: 10px;
	margin-top: 15px;
	margin-bottom: 20px;
}
	
.content-normal ul ul li {
	list-style: url('../img/lista_nyil.png');
	list-style-position: outside;
	text-align: justify;
}

/* --- Címsorok --- */
	
.content-normal h1 {
    font-size: 1.5em;
	font-weight: bold;
	text-align: left;
	margin: 20px 0 20px;
	line-height: 1.3em;
	clear: both;
}
	
.content-normal h2 {
    font-size: 1em;
	font-style: italic;
	text-align: left;
	font-weight: normal;
}
	
.content-normal h3 {
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	padding: 5px;
	margin-top: 30px;
	clear: both;
	color: #fff;
}

.content-normal h3 a, link, active, visited, hover {
	color: #fff;
	text-decoration: none;
}
	
.content-normal h4 {
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	color: #333;
}
	
.content-normal h5 {
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	padding: 5px;
	margin-top: 30px;
	background: #cc0000;
	color: #fff;
}
	
.content-normal h5 a, link, active, visited {
	color: #fff;
}
	
.content-normal h5 a:hover {
	color: #fff;
}

/* --- Igazítások --- */
	
.right {
	text-align: right;
}
	
.center {
	text-align: center;
}
	
.left {
	text-align: left;
}

/* --- Kiemelések --- */
	
.kiem {
	letter-spacing: 3px;
	text-transform: uppercase;
	font-weight: bold;
}
	
.piros {
	font-weight: bold;
	color: #cc0000;
}
	
.piros a, link, active, visited, hover {
	color: #cc0000;
	text-decoration: none;
}
	
.piros_kiem {
	font-weight: bold;
	background: #cc0000;
	color: #fff;
	padding: 2px 5px 2px 5px;
	text-align: left;
}

.piros_kiem a, link, active, visited, hover {
	background: #cc0000;
	color: #fff;
	text-decoration: none;
	padding: 2px;
	text-align: left;
}
	
.kiem_big {
	font-weight: bold;
	font-size: 2em;
	line-height: 2em;
	text-align: left;
}

.kiem_big a, link, active, visited, hover {
	font-weight: bold;
	font-size: 1.5em;
}
	
.thin {
	font-weight: normal;
}