/* ----------------------------------------------------
   C O M M O N
------------------------------------------------------*/

* {
	border: none;
	margin: 0;          /* top, right, bottom, left */
	padding: 0;
}

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


/* ----------------------------------------------------
   P A G E
------------------------------------------------------*/


html, body {
	background: url(../images/bg_body.png) #ECECE4 50% 50%;
	color: #000000;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}


/* ----------------------------------------------------
   C O N T A I N E R
------------------------------------------------------*/

#wrapper {
	margin: 0px auto;
	width: 955px;
}

#container {
	background-color: #FFFFFF;
	border: solid 1px #4B4B49;
	float: left;
	margin-top: 25px;
	width: 953px;
}


/* ----------------------------------------------------
   H E A D E R
------------------------------------------------------*/

#header{
	background: url(../images/bg_header.jpg) top left no-repeat;
	float: left;
	height: 100px;
	width: 953px;
}


/* ---  LOGO  --- */

#header_logo {
	float: left;
	height: 100px;
	width: 125px;
}

#header_logo h1 {
	height: 74px;
	margin: 12px 0px 0px 36px;
	text-indent: -100em;
	width: 74px;
}

#header_logo h1 a {
	display: block;
	height: 74px;
	overflow: hidden;
	width: 74px;
}


/* ---  MENU  --- */

#header_menu {
	float: right;
	font-size: 11px;
	height: 25px;
	margin-top: 75px;
	overflow: hidden;
	width: 828px;
}

#header_menu ul {
	display: inline; /* IE Hack */
	float: left;
	height: 25px;
	line-height: 23px;
	list-style: none;
	margin-left: 15px;
}

#header_menu ul li {
	display: inline;
	float: left;
	margin-right: 12px;
	text-align: center;
}

#header_menu ul li a {
	color: #FFFFFF;
	padding-bottom: 1px;
}		

#header_menu ul li a:hover {
	border-bottom: solid 3px #FFFFFF;
}		


/* ----------------------------------------------------
   M A I N
------------------------------------------------------*/

#main{
	background: url(../images/bg_main.jpg) top left no-repeat;
	float: left;
	height: 414px;
	overflow: hidden;
	width: 953px;
}


/* ----------------------------------------------------
   F O O T E R
------------------------------------------------------*/

#footer {
	background: url(../images/bg_footer.png) top left repeat-x;
	color: #F2F8F8;
	float: left;
	font: 12px Arial, Helvetica, sans-serif;
	height: 34px;
	overflow: hidden;
	width: 953px;
}

#footer p.info {
	margin-top: 11px;
	text-align: center;
}

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


/* ----------------------------------------------------
   C O N T E N T S
------------------------------------------------------*/


/* --- KEZDOLAP GOMBOK --- */

#buttons {
	display: inline;
	float: left;
	height: 98px;
	margin: 0px 0px 0px 121px;
	width: 96px;
}

#buttons ul {
	list-style: none;
}

#buttons ul li {
	margin-bottom: 7px;
}

#buttons ul li a {
	display: block;
	height: 98px;
	width: 96px;
}

#buttons ul li.button1 a {
	background: url(../images/contents/kezdolap/btn1.jpg) 0px 0px no-repeat;
}

#buttons ul li.button2 a {
	background: url(../images/contents/kezdolap/btn2.jpg) 0px 0px no-repeat;
}

#buttons ul li.button3 a {
	background: url(../images/contents/kezdolap/btn3.jpg) 0px 0px no-repeat;
}

#buttons ul li.button4 a {
	background: url(../images/contents/kezdolap/btn4.jpg) 0px 0px no-repeat;
}

#buttons ul li a:hover {
	background-position: 0px -98px;
}


/* --- KEZDOLAP SZOVEGEK --- */

#descr {
	display: inline;
	float: right;
	margin: 0px 100px 0px 0px;
	width: 590px;
}

#descr div.textbox {
	height: 98px;
	margin-bottom: 7px;
	overflow: hidden;
}

#descr div.textbox p {
	line-height: 16px;
	margin-top: 17px;
}

#descr div.textbox a {
	color: #0000AA;
	font-size: 11px;
	font-weight: bold;
}

#descr div.textbox a:hover {
	color: #4488BB;
}


/* --- JOBB OLDALI SZOVEGES RESZ --- */

#textcontent {
	display: inline; /* IE Hack */
	float: right;
	height: 390px;
	margin: 10px 30px 0px 0px;	
	overflow: hidden;
	width: 470px;
}

#textcontent h2 {
	border-bottom: solid 1px #FFFFFF;
	color: #566D99;
	font: 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom: 22px;
	padding-right: 4px;
	text-align: right;
}

#textcontent p {
	line-height: 15px;
	margin: 12px 0px 12px 0px;
}

#textcontent ul {
	line-height: 17px;
	list-style-type: disc;
	margin-left: 20px;
}


/* --- GOMB ALAKU FLASH --- */

#sphereflash {
	background: url(../images/contents/tihany/bg_sphereflash.jpg) top left no-repeat;
	display: inline; /* IE Hack */
	float: left;
	height: 300px;
	margin: 62px 0px 0px 15px;
	overflow: hidden;
	width: 400px;
}


/* --- NEZOKE FLASH --- */

#viewerflash {
	background-color: #FFFFFF;
	border: solid 1px #9CB8C6;
	display: inline; /* IE Hack */
	float: left;
	height: 320px;
	margin: 32px 0px 0px 20px;
	overflow: hidden;
	padding: 5px;
	text-align: center;
	width: 400px;
}


/* --- FEJLESZTES KEP --- */

#devimage {
	background-color: #FFFFFF;
	border: solid 1px #9CB8C6;
	display: inline; /* IE Hack */
	float: left; 
	height: 280px;
	margin: 58px 0px 0px 30px;
	padding: 5px;
	width: 380px;
}


/* --- LETOLTESEK --- */

#downloads {
	height: 390px;
	margin: 10px 0px 0px 30px;	
	overflow: hidden;
	width: 893px;
}

#downloads h2 {
	border-bottom: solid 1px #FFFFFF;
	color: #566D99;
	font: 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom: 12px;
	padding-right: 4px;
	text-align: right;
}

#downloads ul {
	display: inline;
	float: left;
	list-style: none;
	text-align: center;
}

#downloads ul li {
	display: inline;
	float: left;
	font-size: 11px;
	line-height: 16px;
	list-style: none;
}

#downloads ul li img {
	background-color: #FFFFFF;
	border: solid 1px #9CB8C6;
	padding: 5px;
}

#downloads ul a {
	color: #0000AA;
	font-weight: bold;
}

#downloads ul a:hover {
	color: #4488BB;
}

#downloads ul.maindownloads {
	margin: 85px 0px 0px 55px;
}

#downloads ul.maindownloads li {
	margin: 0px 25px 0px 25px;
}

#downloads ul.legifotok {
	margin: 35px 0px 0px 50px;
}

#downloads ul.legifotok li {
	margin: 0px 30px 0px 30px;
}

#downloads ul.render {
	margin: 10px 0px 0px 15px;
}

#downloads ul.render li {
	margin: 0px 30px 0px 30px;
}

#downloads ul.videok {
	margin: 75px 0px 0px 25px;
}

#downloads ul.videok li {
	margin: 0px 55px 0px 55px;
}

#backbutton {
	float: left;
	height: 390px;
	overflow: hidden;
	width: 100px;
}

#backbutton a {
	color: #CC0000;
	font-size: 11px;
	font-weight: bold;
}

#backbutton a:hover {
	color: #EE0000;
}