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

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

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

ul, ol, li {
	list-style: none;
}	

img {
	border: none;
}

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


html, body {
	background-color: #e0d444;
	color: #000000;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}


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

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

#container {
	display: inline;
	float: left;
	width: 990px;
}


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


#header {
	background: url(../images/header-start.jpg) #79c7e3 top left no-repeat;
	float: left;
	height: 260px;
	position: relative;
	z-index: 100px;
	width: 100%;
}

#header h1.logo {
	font-size: 10px;
	position: absolute; left: 10px; top: 0px;
	text-indent: -500em;
}

#header h1.logo a {
	display: block;
	height: 180px;
	overflow: hidden;
	width: 300px;
}

#header div#banner468 {
	position: absolute;
	left: 263px;
	top: 192px;
}

#header div#banner234 {
	position: absolute;
	left: 458px;
	top: 112px;
}

#header div#rss-box {
	position: absolute;
	left: 43px;
	top: 210px;
}

#header div#header-menu {
	position: absolute;
	top: 18px;
	left: 425px;
}

/* --- AMT --- */

#amt{
	background: url(../images/amt-start.jpg) #79c7e3 top left no-repeat;
	float: left;
	height: 140px;
	position: relative;
	z-index: 100px;
	width: 100%;
}

#amt #smootherLeft {position: absolute; z-index: 100; background: url(../images/smootherLeft.png) no-repeat; width: 30px; height: 150px; left: 15px; top: 5px;}
#amt #smootherRight {position: absolute; z-index: 100;  background: url(../images/smootherRight.png) no-repeat; width: 30px; height: 150px; left: 945px; top: 5px;}
#amt #imager {position: absolute; display: none; z-index: 10; left: 15px; top: 15px; overflow: hidden; width: 960px; height: 130px;}

/* --- TOPMENU --- */

#header-menu ul.topmenu {
	position: relative;
	display: inline;
	float: left;
	font: bold 18px Verdana, Helvetica, sans-serif;
	z-index: 10;
}

#header-menu ul.topmenu li {
	display: inline;
	float: left;
	position: relative;
	text-align: center;
	z-index: 100;
}

#header-menu ul.topmenu li a {
	display: block;
	height: 40px;
    line-height: 40px;
	padding: 0 27px 0 27px;
	white-space: nowrap;
}

#header-menu ul.topmenu li a:hover {
	background-position: 0 -30px;
	color: #a30000;
}

#header-menu ul.topmenu ul {
	display: none;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	position: absolute; left: -1px; top: 38px;
	width: 230px;
	z-index: 100;
}

#header-menu ul.topmenu ul li {
	border: none;
	text-align: left;
}

#header-menu ul.topmenu ul li a {
	background: none;
	height: 18px;
	width: 220px;
	line-height: 18px;
	padding: 0 0 0 15px;
	white-space: nowrap;
}

#header-menu ul.topmenu ul li a:hover {
	color: black;
}

#header-menu li:hover ul,
#header-menu li.over ul {
	display: block;
}

#header #newsletter {
	position: absolute;
	left: 785px;
	top: 200px;
	width: 137px;
	height: 34px;
	
}

#header #newsletter p{
	cursor: pointer;
	cursor: hand;
	font-size: 15pt;
	font-family: Ariel, Verdana, tahoma;
	color: #b14191;
	font-weight: bold;
	width: 137px;
	height: 34px;
	text-align: center;
	margin: 5px;
	margin-left: 0px;
	padding: 0px;
}

#header #newsletter_content {
	display: none;
	position: absolute;
	left: 765px;
	top: 237px;
	width: 175px;
	z-index: 100;
	padding: 2px 3px 2px 2px;
	border-left: 1px solid #9A4343;
	border-right: 1px solid #9A4343;
	border-bottom: 1px solid #9A4343;
	background-color: white;
}

#header #searcher {
	position: absolute;
	left: 772px;
	top: 141px;
	height: 42px;
	width: 261px;
}

#header #searcher #searchtext {
	margin: 7px 0 0 15px; 
	background: transparent;
	border: 0px;
	font-size: 11pt;
	width: 115px;
}

#header #searcher #searchbutton {
	background: transparent;
	margin-left: 8px;
	width: 20px;
	height: 25px;
	border: 0px;
	cursor: hand;
	cursor: pointer;
}

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

#main {
	position: relative;
	float: left;
	width: 100%;
	background: url(../images/main-start.jpg) #a30000 top left no-repeat;
}



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

#contents {
	position: relative;
	display: inline;
	float: left;
	overflow: auto;
	margin-left: 10px;
	padding-right: 30px;
	width: 943px; /* 580 */
	height: 605px;
}

#start-page {
	position: relative;
	display: inline;
	float: left;
	overflow: visible;
	margin-left: 10px;
	width: 100%; 
	height: 409px;
}

#start-page #ajanlok {
	position: absolute;
	left: 25px;
	top: 45px;
	width: 280px;
	height: 280px;
}

#start-page #galeriatovabb {
	position: absolute;
	left: 705px;
	top: 285px;
	width: 235px;
	height: 48px;
}

#start-page #ajanloktovabb {
	position: absolute;
	display: block;
	top: 345px;
	left: 52px;
	width: 90px;
	height: 30px;
}

#start-page #beszamolok {
	position: absolute;
	left: 355px;
	top: 45px;
	width: 280px;
	height: 280px;
}

#start-page #beszamoloktovabb {
	position: absolute;
	display: block;
	top: 345px;
	left: 520px;
	width: 90px;
	height: 30px;
}

#start-page #kepek {
	position: absolute;
	left: 706px;
	top: 42px;
	width: 234px;
	height: 235px;
	overflow: hidden;
}

#start-page #kepek #kepek-rel {
	position: relative;
}

#start-page #kepek #kepek-rel a img {
	position: absolute;
}

#start-page #kepektovabb {
	position: absolute;
	display: block;
	top: 240px;
	left: 860px;
	width: 70px;
	height: 25px;	
}

#start-page #video {
	position: absolute;
	left: 715px;
	top: 285px;
	width: 190px;
	height: 190px;
	text-align: center;
}

#start-page #video h2 {
	font-size: 14px;
	margin-bottom: 10px;
}

#start-page #videotovabb {
	position: absolute;
	display: block;
	top: 522px;
	left: 860px;
	width: 70px;
	height: 25px;	
}

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

#footer {
	background: url(../images/footer-start.jpg) #79c7e3 left top repeat-x;
	display: inline;
	position: relative;
	float: left;
	height: 204px;
	width: 990px;
	color: #000;
}

#footer #banner {
	margin: 0 auto;
	width: 520px;
	height: 110px;
	left: 223px;
	top: 48px;
	position: absolute;
	overflow: hidden;
}

#footer #banner a {
	margin: 0px;
}

#footer #banner img { 
	margin:  0px;
}

#footer div.info,
#footer #info {
	position: absolute;
	left:110px; 
	top: 189px;
	font: bold 10pt Arial, Tahoma, Verdana;
	color: #5d3996;
	text-align: center;
	width: 780px;
}

#footer p { color: #000; }
#footer a {
	color: #5d3996;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer span.highlight {
	color: #ffffff;
}

#footer span.bull {
	color: #9abdda;
	margin: 0 6px 0 6px;
}

/* menu */

li.elso a {color: #008e8b;}
li.elso ul {background: url(../images/menu3.png) no-repeat;color: #008e8b;width: 252px;height: 66px;}
li.elso ul li a {color: #008e8b; }

li.masodik a {color: #fff;}
li.masodik ul {background: url(../images/menu2.png) no-repeat;color: #fff;width: 172px;height: 49px;}
li.masodik ul li a { color: #fff; }

li.harmadik a {color: #d9554c;}
li.harmadik ul {background: url(../images/menu1.png) no-repeat;width: 157px;height: 122px;color: #d9554c;}
li.harmadik ul li a {color: #d9554c;}

li.negyedik a {color: #f4d43d;}