@charset "utf-8";

/**********************************
	Color values:
	#8C7E62 -dark tan
	#DED6AE -light tan
	#602E0C - burgandy accent
	#EFAD2F -orange accent
	#333 - dark grey
	#666 - lighter grey
	#6C2D38 - nyelvstudio vörös
	#f9ad81 - szórólap szép barack színe
	#191970 - stúdió sötétkék
	#000033 - stúdió extra sötétkék
	#fed466 - stúdió sárga
	#80B094 - stúdió zöld

***************************************/



body {
	margin: 0px;
	padding: 0px;
	
	font-family: "Bookman Old Style", Verdana, sans-serif;
}

html {/*a background a body helyett html-hez kapcsolva lerögzíthető a fixed opcióval*/
	background: url(../images/background.jpg) repeat fixed;
}

/*containers*/

#container-global {
	/*background: #6C2D38;*/
	width: 1280px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}

/*header section*/

#header {
	height: 300px;
	width: 1280px;
	position:relative;
	
	/*relative position-t adok neki, hogy később a linkeket ehhez tudjam igazítani.*/
	
}

/*head-left*/

#header-title {
	background-color: #80B094;
	float: left;
	width: 780px;
	height: 151px;
}

#header-title h1 {
	
	font-size: 250%;
	color: #191970;
	text-align: center;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#header-title h2 {
	font-size: 130%;
	text-align: center;
	padding-bottom: 20px;
	color: #191970;	
}

#header-picture {
	margin: 0px;
	padding: 0px;
	background: url(../images/bridge.jpg);
	height: 251px;
	width: 500px;
	float: right;
}

#header-feedback {
	background: #6C2D38 url(../images/quotation_mark-open-yellow-transparent-shadow-barack-40px.png) no-repeat 10px 10px;
	margin: 0px;
	float: right;
	width: 780px;
	height: 100px;
}
#header-feedback-flash {
	padding-top: 10px;
	padding-left: 60px;
	color: #f9ad81;
}

/*headerben levő primary linkek formázása*/

#header ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	
	position: absolute;/*absolute position a header-hez képest. Csak akkor működik, ha a parent elementjében megadtam position-t. A header-ben relative van.*/
	right: 0px;
	bottom: 0px;
}

#header ul li {	
	/*display: inline; helyett float, mert megbízhatóbb:*/
	float: left;	
}

#header ul li a:link, #header ul li a:visited {
	/*az alapállapot és a látogatott állapot egyforma lesz*/
	background-color: #8C7E62;
	padding: .2em .5em;
	display: block; /*kiterjeszti a területét téglalappá*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;/*ne húzkodja alá*/
	line-height: 1.2em;
	margin-right: .5em;/*jobbra tesz egy kis helyet mindegyik mellé*/
	clear: both;	
}

#header ul li a:hover {
	/*hover esetén ezek változnak az a:link - hez képest*/
	color: #AE760D;
	background: #FFF;
}

/*a jelenleg nézett oldalhoz tartozó linket kiemelve hagyja - egyelőre nem működik*/
#header ul li a.current, #header ul li a.current:hover, #header ul li a.current:active {	
	color: #78320E;
	background: #FFF;
	cursor: default;
}

/*containers*/


#container {
	background-color: #FED466;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding-top: 0px;	
}
#container-left {	
	background: #6C2D38;
	width: 185px;
	float: left;
	margin-right: 0px;
	margin-left: 0px;

}
#container-left ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#container-left ul li {
	background: url(../images/design-elemek/archive_bkg.gif) no-repeat left center;
	margin: 0;
	padding: 0;
}
#container-left ul a {
	background: url(../images/design-elemek/archive_bkg.gif) no-repeat left center;/*li és a -ra is, hogy ne legyen flicker*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	color: #FFF;
	text-decoration:none;
	line-height: 30px;
	margin: 0;
	border-bottom:1px solid #fff;
	display:block;
	width:155px;
	padding-left:30px;
}

#container-left ul a:hover {
	background-position: -200px 0px; /*sprite-ok használata: egy file-t töltünk be, azt toljuk el, hogy más szín látszódjon.*/
	color: #333;
}

#container-left ul a.current {
	background-position: right top; /*a sprite jobb szélső részét használja*/
	color: #602E0C;
	cursor: default;
}

#container-left ul a.last {
	/*leszedi a legalsó menüelemről a vonalat - be kell állítani, hogy melyik a legalsó: class - last*/
	border-bottom:none;
}

#container-right {	
	width: 185px;
	float: right;
	margin-right: 0px;
	margin-left: 0px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#menu-nyelvstudio {
	background: inherit;
	margin: 0 0 0 0;
}

#menu-tudastar {
	background: inherit;
	margin: 0 0 0 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
#menu-facebook {
	margin-right: auto;
	margin-left: auto;
	width: 860px;
	background: #FFF;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
	border-top-width: 1px;
	border-top-style: solid;
}






/*maintext*/

#maintext {
	background-color: #FED466;
	padding-right: 15px;
	padding-left: 15px;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-bottom: 0px;
	padding-top: 20px;
}
.maintext-table {
	text-align: center;
	margin: auto;
	border: 1px solid;
	border-color: #80B094;
	padding: 2px;
	border-collapse:collapse;
	/*sajnos az alábbi nem működik, mert a táblázat köré szegélyt rajzol:
	border-collapse:separate; Távolság a cellák között bekapcsolva
	border-spacing: 0px; /*A távolság mértéke - ez váltja ki a html cellspacing-et, de nem jó, mert a table egésze köré egy extra szegély kerül.*/
	
}

.maintext {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#maintext h3 {
	font-family: "Comic Sans MS";
	font-size: x-large;
	text-align: center;
	letter-spacing: 0.3em;
}

#maintext h4 {
	font-family: "Comic Sans MS";
	font-size: 110%;
	color: #000066;
	letter-spacing: 0.2em;
}

#maintext a {
	font-family: "Comic Sans MS";
	font-size: larger;
	color: #191970;
	text-align: center;
}

#maintext a:hover {
	font-family: "Comic Sans MS";
	font-size: larger;
	color: #6C2D38;
	text-decoration: none;
	text-align: center;
}

#trivia {
	background: #6C2D38;	
	width: 900px;	
}
#trivia p {
	font-size: 100%;
	font-style: normal;
	padding: 20px;
	color: #f9ad81;
}

/*mediapartner-bottom*/

#mediapartner-bottom {
	background: #FED466;
	width: 890px;	
	text-align: center;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
	border-top-width: 1px;
	border-top-style: solid;
}

#mediapartner-bottom ul {
	padding: 0px;
	margin: auto 0px;
}

#mediapartner-bottom ul li {
	padding: 0px;
	margin: auto 20px;
	list-style: none;
	display: inline;
}


.clear-both {
	clear: both;
	height:0px;
	font-size:1px;
	line-height:0px;
}

.box {
	font-family:Verdana, Geneva, sans-serif;
	border: thin solid #80B094;
	text-align: center;
	margin: 8px;
	width: 150px;
	height: 300px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	background-color: #8C9B4A;
	color: #000033;
	float: left;
}


.boximage {
	border: 1px solid #000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.texthighlight {
	font-family: "Comic Sans MS";
	font-size: large;
	color: #000033;
}

.texthighlight-barack {
	font-family: "Comic Sans MS";
	font-size: large;
	color: #f9ad81;
}



/*footer*/

#footer {
	height: 0px;
	background-color: #6C2D38;
	padding: 0px;
	clear: both;
}

#footer-inner {
	background-color: #80B094;
	text-align: center;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

#footer ul {
	margin: 0px;
	padding: 0px;
}

#footer li {
	list-style-type: none;
	display: inline;
	margin-right: 20px;
	margin-left: 20px;
}

#footer a {
	text-decoration: none;
	color: #191970;
}

#footer a:hover {
	color: #6C2D38;
	text-decoration: none;
}

#nav {
	background-color: #996633;
	font-family: "Arial Black", Arial;
}

a  {
	text-decoration: none;
	color: #191970;
}

a:hover  {
	color: #6C2D38;
	text-decoration: none;
}

#container  #maintext  .table-idopontok th {
	font-size: medium;
}

.table-cell-color-nyitott {
	color: #FFFFFF;
	background-color: #009999;
}

.table-cell-color-szabad {
	color: #FFFFFF;
	background-color: #006600;
	border: 1px solid #999;
}

.iniciale {
	font-size: 110%;
	font-weight: bold;
	color: #6C2D38;
}

#footer h5 {
	font-family: Verdana, Geneva, sans-serif;
	color: #000066;
	font-size: 90%;
}

#footer h6 {
	color: #000066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
}

.table-idopontok {
	text-align: center;
	margin: auto;
	border: 1px solid #80B094;
	font-size: x-small;
	vertical-align: middle;
	color: #000066;
}

#terkep {
	padding-left: 85px;
	padding-right: 85px;
}
.nyelvstudio-highlight {
	font-family: "Comic Sans MS", cursive;
	font-size: 105%;
	color: #030;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.1em;
}
.form-mezo {
}
pictures {
	text-align: center;
}
#pictures {
	text-align: center;
}
#maintext-krisz {
	background-color: #FED466;
	padding-right: 15px;
	padding-left: 15px;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-bottom: 10px;
	padding-top: 20px;
}
.books {
	clear: both;
	border: 0px none #FFF;
	padding: 10px;
	margin: 0px;
}
.image-book {
	border: 1px solid #000000;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	float: left;
}
.vissza-link-stilus {
	font-size: medium;
	color: #191970;
	text-align: left;
	letter-spacing: 0.1em;
	page-break-before: always;
	page-break-after: always;
}
.image-centered-600px {
	/*Így oldható meg, hogy a kép középre kerüljön. A kép kürül p tag, arra kell alkalmazni, elkerülhető a p aign=center, ami már elavult.*/
	border: 1px solid #000000;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 600px;
	margin-top: 10px;
	margin-bottom: 10px;    
}
.box-main_site {
	font-family:Verdana, Geneva, sans-serif;
	text-align: left;
	width: 400px;
	height: 310px;
	color: #000033;
	float: left;
	clear: none;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 30px;
	margin-left: 8px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-image: url(../images/rounded.png);
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.box-studioshop {
	border: thin solid #80B094;
	text-align: left;
	margin: auto auto 15px;
	width: 700px;
	background-color: #8C9B4A;
	color: #000033;
	float: none;
	padding: 0px 5px 15px;
	clear: both;
}
.image-teacher {
	border: 1px solid #000000;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	float: right;
}