/***********************************************/
/************* adMind Kft, Hungary *************/
/******************* 2007 **********************/

.body_style {
	background-color: #DEEEF5;
	z-index: 0;
}

#centralized {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -255px auto auto -310px;
	width: 620px;
	height: 510px;
}

#container {
/* need a container div that hold all elements and has a relative position*/
/* this way all the other nested divs can be positioned as absolute */
	position: absolute;
	width: 620px;
	height: 510px;
}

/************* LOGO *************/

#logo_div {
	position: absolute;
	margin: -15px 0 0 0;
	width: 271px;
	height: 51px;
	z-index: 2;
	background-image: url(img/admind_logo.png);
}

* html #logo_div {/* for IE only*/
	position: absolute;
	margin: 5px 0 0 0;
	width: 271px;
	height: 51px;
	z-index: 2;
	background-image: url(img/admind_logo.png);
}

#logo_div span {
	display: none;
}

/************* BACKGROUND *************/

#background_div {
	position: absolute;
	top: 60px;
	width: 620px;
	height: 423px;
	z-index: 2;
	background-image: url(img/background.png);
}

/************* MENU *************/

#menu_div {
	position: absolute;
	top: 60px;
	left: 0;
	z-index: 2;
}

#menu_div h2 a {
	font-size: 19px;
	font-weight:100;
	text-decoration: none;	
	font-family: Verdana, Arial;
	background-color: transparent;
}

#menu_div h2 a:hover{
	font-size: 19px;
	font-weight:100;
	text-decoration: none;	
	color: #FDDAB1;
	font-family: Verdana, Arial;
	background-color: transparent;
}

.menu_ref {
	position: absolute;
	top: 10px;
	left: 52px;
	color: #DEEEF5;
	z-index: 3;
}

.menu_ref_sel {
	position: absolute;
	top: 10px;
	left: 52px;
	z-index: 3;
	color: #FDDAB1;
}

#menu_ref_sel_img {
	position: absolute;
	top: 6px;
	left: 40px;
	width: 4px;
	height: 31px;
	z-index: 3;
	background-image:url(img/selected.png);
}

.menu_us {
	position: absolute;
	top: 10px;
	left: 265px;
	color: #DEEEF5;
	z-index: 3;
}

.menu_us_sel {
	position: absolute;
	top: 10px;
	left: 265px;
	z-index: 3;
	color: #FDDAB1;
}

#menu_us_sel_img {
	position: absolute;
	top: 6px;
	left: 253px;
	width: 4px;
	height: 31px;
	z-index: 3;
	background-image:url(img/selected.png);
}

.menu_contact {
	position: absolute;
	top: 10px;
	left: 475px;
	color: #DEEEF5;
	z-index: 3;
}

.menu_contact_sel {
	position: absolute;
	top: 10px;
	left: 475px;
	z-index: 3;
	color: #FDDAB1;
}

#menu_contact_sel_img {
	position: absolute;
	top: 6px;
	left: 463px;
	width: 4px;
	height: 31px;
	z-index: 3;
	background-image:url(img/selected.png);
}

/************* MAIN *************/

#main_div {
	position: absolute;
	top: 118px;
	left: 14px;
	width: 611px;
	height: 375px;
	border-top: 122px;
	z-index: 2;
	overflow: hidden;
}

/************* REFERENCIA *************/

#references_div {
	position:absolute;
	top: 22px;
	left: 0;
	height: 300px;
	width: 340px;
	padding-left: 20px;
	overflow: hidden;
	z-index: 3;
}

* html #references_div {
	position:absolute;
	top: 22px;
	left: 0;
	height: 300px;
	width: 340px;
	padding-left: 20px;
	overflow: hidden;
	z-index:3;
}

#references_div ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

li.ref_first {
	margin-top: 10px;
}

li.ref {
	margin-top: 15px;
}

a.ref {
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial;
	color: #004766;
	background-color: transparent;
}

a.ref:hover {
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;	
	font-family: Verdana, Arial;
	color: #FFFFFF;
	background-color: transparent;
}

a.ref_link {
	font-size: 13px;
	text-decoration: none;
	line-height: 0;
	color: #004766;
	font-family: Verdana, Arial;
	background-color: transparent;
}

a.ref_link:hover {
	font-size: 13px;
	text-decoration: none;
	line-height: 0;
	color: #FFFFFF;
	font-family: Verdana, Arial;
	background-color: transparent;
}

li.ref_text {
	font-size: 13px;
	margin-top: 8px;
	margin-bottom: 0px;
	text-decoration: none;
	line-height: 14px;
	color: #004766;
	font-family: Verdana, Arial;
	background-color: transparent;
}

li.ref_text_last {
	font-size: 13px;
	margin-top: 8px;
	margin-bottom: 13px;
	text-decoration: none;
	line-height: 12px;
	color: #004766;
	font-family: Verdana, Arial;
	background-color: transparent;
}

/************* REFERENCIA LISTA *************/

#zki {
	position: absolute;
	top: 40px;
	left: 340px;
	width: 250px;
	height: 260px;
	z-index: 5;
	border:  medium;
	border-color: #003D58;
	border-style: solid;
	background-image:url(img/zki.png);
	visibility: hidden;
}


#folkline {
	position: absolute;
	top: 40px;
	left: 340px;
	width: 250px;
	height: 260px;
	z-index: 5;
	border:  medium;
	border-color: #003D58;
	border-style: solid;
	background-image:url(img/folkline.png);
	visibility: hidden;
}

#dalverseny {
	position: absolute;
	top: 40px;
	left: 340px;
	width: 250px;
	height: 260px;
	z-index: 5;
	border:  medium;
	border-color: #003D58;
	border-style: solid;
	background-image:url(img/dalverseny.png);
	visibility: hidden;
}

#mobilcontrolbt {
	position: absolute;
	top: 40px;
	left: 340px;
	width: 250px;
	height: 260px;
	z-index: 5;
	border:  medium;
	border-color: #003D58;
	border-style: solid;
	background-image:url(img/mobilcontrolbt.png);
	visibility: hidden;
}

#logtrans {
	position: absolute;
	top: 40px;
	left: 340px;
	width: 250px;
	height: 260px;
	z-index: 5;
	border:  medium;
	border-color: #003D58;
	border-style: solid;
	background-image:url(img/logtrans.png);
	visibility: hidden;
}

#szimpatika {
	position: absolute;
	top: 40px;
	left: 340px;
	width: 250px;
	height: 260px;
	z-index: 5;
	border:  medium;
	border-color: #003D58;
	border-style: solid;
	background-image:url(img/szimpatika.png);
	visibility: hidden;
}

#kulturpart {
	position: absolute;
	top: 40px;
	left: 340px;
	width: 250px;
	height: 260px;
	z-index: 5;
	border:  medium;
	border-color: #003D58;
	border-style: solid;
	background-image:url(img/kulturpart.png);
	visibility: hidden;
}

#izhalmaz {
	position: absolute;
	top: 40px;
	left: 340px;
	width: 250px;
	height: 260px;
	z-index: 5;
	border:  medium;
	border-color: #003D58;
	border-style: solid;
	background-image:url(img/izhalmaz.png);
	visibility: hidden;
}

#bioemsan {
	position: absolute;
	top: 40px;
	left: 340px;
	width: 250px;
	height: 260px;
	z-index: 5;
	border:  medium;
	border-color: #003D58;
	border-style: solid;
	background-image:url(img/bioemsan.png);
	visibility: hidden;
}

#greenhouse {
	position: absolute;
	top: 40px;
	left: 340px;
	width: 250px;
	height: 260px;
	z-index: 5;
	border:  medium;
	border-color: #003D58;
	border-style: solid;
	background-image:url(img/greenhouse.png);
	visibility: hidden;
}

#vitaltippek {
	position: absolute;
	top: 40px;
	left: 340px;
	width: 250px;
	height: 257px;
	z-index: 5;
	border:  medium;
	border-color: #003D58;
	border-style: solid;
	background-image:url(img/vitaltippek.png);
	visibility: hidden;
}

#parmaprodukt {
	position: absolute;
	top: 40px;
	left: 340px;
	width: 250px;
	height: 260px;
	z-index: 5;
	border:  medium;
	border-color: #003D58;
	border-style: solid;
	background-image:url(img/parmaprodukt.png);
	visibility: hidden;
}

#szentlaszlopatika {
	position: absolute;
	top: 40px;
	left: 340px;
	width: 250px;
	height: 260px;
	z-index: 5;
	border:  medium;
	border-color: #003D58;
	border-style: solid;
	background-image:url(img/szentlaszlopatika.png);
	visibility: hidden;
}

#muharay {
	position: absolute;
	top: 40px;
	left: 340px;
	width: 250px;
	height: 260px;
	z-index: 5;
	border:  medium;
	border-color: #003D58;
	border-style: solid;
	background-image:url(img/muharay.png);
	visibility: hidden;
}

#cioff {
	position: absolute;
	top: 40px;
	left: 340px;
	width: 250px;
	height: 260px;
	z-index: 5;
	border:  medium;
	border-color: #003D58;
	border-style: solid;
	background-image:url(img/cioff.png);
	visibility: hidden;
}

#orokseg {
	position: absolute;
	top: 40px;
	left: 340px;
	width: 250px;
	height: 258px;
	z-index: 5;
	border:  medium;
	border-color: #003D58;
	border-style: solid;
	background-image:url(img/orokseg.png);
	visibility: hidden;
}

#bihari {
	position: absolute;
	top: 40px;
	left: 340px;
	width: 250px;
	height: 260px;
	z-index: 5;
	border:  medium;
	border-color: #003D58;
	border-style: solid;
	background-image:url(img/bihari.png);
	visibility: hidden;
}

#foto {
	position: absolute;
	top: 40px;
	left: 340px;
	width: 250px;
	height: 260px;
	z-index: 5;
	border:  medium;
	border-color: #003D58;
	border-style: solid;
	background-image:url(img/foto.png);
	visibility: hidden;
}

/************* REFERENCIAK ELEMEI *************/

#up_div a {
	position: absolute;
	top: 5px;
	left: 6px;
	width: 350px;
	height: 25px;
	z-index: 4;
	background-image:url(img/up.png);
	background-repeat: no-repeat;
}

* html #up_div a {
	position: absolute;
	top: 6px;
	left: 6px;
	width: 350px;
	height: 25px;
	z-index: 4;
	background-image:url(img/up.png);
	background-repeat: no-repeat;
}

#up_div a:hover{
	position: absolute;
	top: 5px;
	left: 6px;
	width: 350px;
	height: 25px;
	z-index: 4;
	background-image:url(img/up2.png);
	background-repeat: no-repeat;
}

* html #up_div a:hover{
	position: absolute;
	top: 6px;
	left: 6px;
	width: 330px;
	height: 25px;
	z-index: 4;
	background-image:url(img/up2.png);
	background-repeat: no-repeat;
}

#up_div a span{
	display: none;
}

#down_div a {
	position: absolute;
	top: 310px;
	left: 5px;
	width: 350px;
	height: 25px;
	z-index: 4;
	background-image:url(img/down.png);
	background-repeat: no-repeat;
}

#down_div a:hover{
	position: absolute;
	top: 310px;
	left: 5px;
	width: 350px;
	height: 25px;
	z-index: 4;
	background-image:url(img/down2.png);
	background-repeat: no-repeat;
}

#down_div a span {
	display: none;
}

/************* MAGUNKROL *************/

#us_div1 {
	position: absolute;
	top: 22px;
	left: 20px;
	width: 320px;
	height: 300px;
	overflow: hidden;
	z-index: 2;
}

#us_div1 p {
	font-size: 13px;
	text-decoration: none;	
	font-family: Verdana, Arial;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #004766;
	background-color: transparent;
}

* html #us_div1 p { 
	font-size: 13px;
	text-decoration: none;	
	font-family: Verdana, Arial;
	margin-top: 15px;
	margin-bottom: 10px;
	color: #004766;
	background-color: transparent;
}

#us_div2 {
	position: absolute;
	top: 10px;
	left: 370px;
	width: 220px;
	height: 250px;
	z-index: 2;
}

* html #us_div2 {
	position: absolute;
	top: 20px;
	left: 370px;
	width: 220px;
	height: 300px;
	z-index: 2;
}

#us_div2 p {
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;	
	font-family: Verdana, Arial;
	color: #004766;
	background-color: transparent;
}

#us_div ul {
	list-style: georgian;
	margin: 0;
	padding: 0;
}

#us_div2 li {
	font-size: 13px;
	text-decoration: none;	
	font-family: Verdana, Arial;
	color: #004766;
	background-color: transparent;
}
#us_div2 ul li a {
	color: #004766;
}
#us_div2 ul li a:hover {
	color: #fff;
}

/************* KAPCSOLAT *************/

#contact_div {
	position: absolute;
	top: 10px;
	left: 40px;
	z-index: 2;
}

#contact_div h1 {
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	font-family: Verdana, Arial;
	color: #004766;
	background-color: transparent;
}

#contact_div p {
	font-size: 13px;
	text-decoration: none;
	font-family: Verdana, Arial;
	color: #004766;
	background-color: transparent;
}

a.contact {
	text-decoration: none;
	color: #004766;
}

a.contact:hover {
	text-decoration: none;
	color: #FFFFFF;
}


/************* THE VERY BOTTOM *************/

#trademark {
	position: absolute;
	top: 480px;
	right: 0;
	/*width: 140px;*/
	height: 20px;
	z-index: 2;
}

* html #trademark {/* for IE only*/
	position: absolute;
	top: 490px;
	left: 245px;
	width: 140px;
	height: 20px;
	z-index: 2;
}

#trademark p {
	font-size: 13px;
	text-decoration: none;	
	font-family: Verdana, Arial;
	color: #6E818F;
	background-color: transparent;
}