/* kommentben nem lehetnek bizonyos ekezetes betuk mert az IE6 nem latja ami utana jon */

/****  LAYOUT  ****/

* {
	padding: 0;
	margin: 0;
}

body {
	min-width: 660px;
	max-width: 1200px;	/* 1200 + 40 + 40 = 1280 */
	padding: 0px 40px 16px 40px;
}

#header {
	position: relative;
}

#h-link {
	display: block;
	padding-top: 90px;
	padding-right: 42px;
	text-align: right;
}

#h-send {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

#topmenu {
	margin-top: 32px;
	margin-left: -5px;
}


#crumbs {
	margin-top: 1.6em;
	border-top: 1px solid #e8e8e8;
	padding-top: 1.6em;
}


#trunk {
	margin-left: -20px;
	margin-right: -20px;
}

#trunk.narrow {
	position: relative;
	margin-right: 0px;
	padding-right: 192px;
}


#cmenu {
	position: absolute;
	top: 20px;
	right: 0px;
	width: 176px;
}


#content {
	min-height: 250px;
}

#footer {
	margin-top: 1em;
}


div.section {
	border-top: 1px solid #e8e8e8;
	padding-bottom: 2em;
}

div.section:first-child {		/* IE6: js/auro_ie6.js -ben */
	border-top: none;
}

div.section:after {		/* to enclose floats into container divs, ignored by IE7 and less*/
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}




/**** VISUALS ****/

html {
	background-color: #f0f0f0;
}

body {
	background: white url("aurotop.jpg") top left no-repeat;

	font-family: Verdana, Helvetica, sans-serif;
	font-size: 68%;
	color: #606060;
}

#h-link {
	letter-spacing: 0.2em;
	color: #c0c0f0;
	font-variant: small-caps;
}

#content {
	line-height: 1.6em;
}

#crumbs, #footer {
	color: #606060;
	font-size: .9em;
	line-height: 2em;
}


/***   basic elements  ***/

p {
	margin-top: 1em;
	text-align: justify;
}

h1, h2, h3 {
	margin-top: 1em;
	line-height: 1.4em;
	font-weight: normal;
	color: #909090;
}

h1 {
	font-size: 1.9em;
}

h2, div.kapcs h1 {
	font-size:1.6em;
}

h3 {
	font-size:  1.3em;
}


img {
	margin-top: 1em;
	border: none;
}

img.right {
	float: right;
	margin-left: 2em;
}

img.left {
	float: left;
	margin-right: 2em;
}

img.thumbnail {
	height: 100px;
}

img.pack {
	margin-top: 3px;	/*  font-size fuggo ertek! cellaban kell. */
}



/***   lists   ***/

#content ul li {
	margin-top: .5em;
	margin-left: 1.4em;
	list-style-type: square;
}

#content ul ul li {
	margin-left: .7em;
	list-style-type: none;
	font-size: .9em;
}

dt {
	margin-top: 1em;
	font-weight: bold;
}

dd {
	margin-top: .5em;
	margin-left: 1.4em;
}



/***   tables   ***/

table {
	margin-top: 1em;
	margin-left: -2px;   /* a 2px feher border miatt kell */
	border-collapse: collapse;
}

td, th {
	vertical-align: top;
	border: 2px solid white;
	padding: .5em 1em;
}

th {
	text-align: left;    /* Operanak kell */
	font-weight: bold;
}


table.plain {
	margin-left: 0;
}

table.plain td, table.plain th {
	border-width: 0;
}

table.plain th {
	padding-left: 0;
}

tr {
	background-color: #ececf4;
}

tr.dark {
	background-color: #e4e4ec;
}

.plain tr, tr.plain {
	background-color: white;
}


/***  links  ***/

a, span.active {
	cursor: pointer;
	color: #3268a5;
	text-decoration: none;
}

a:hover, span.active:hover {
	color: #6b95c4;
}

#content a, #content span.active {
	text-decoration: underline;
}

#content a.plain {
	text-decoration: none;
}


a.linkout {
	padding: 2px 24px 2px 0px;	/* alul-felul font-size fuggo ertek! hogy beferjen a gif */
	background: url("linkout.gif") right no-repeat;
}

a.pdf {
	padding: 2px 24px 2px 0px;	/* alul-felul font-size fuggo ertek! hogy beferjen a gif */
	background: url("pdficonsm.gif") right no-repeat;
}

a.send{
	display: inline-block;
	margin-bottom: -2px;
	padding-right: 42px;
	height: 12px;
	background: url("send.png") bottom right no-repeat;
}

#header a.send{
	margin-bottom: 0px;
	background-image: url("sendw.png");
}

/***  special classes  ***/

div.akcio {
	border-color: #f0a040;
	border-style: solid;
	border-width: 2px 14px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 2em;
}

p.kezd {
	margin-top: 2em;
}

p.kezd:first-letter {
	font-size: 1.6em;
	font-weight: bold;
}

.error {
	color: red;
	font-weight: bold;
}

.warning {
	color: red;
}

.note {
	font-size: .9em;
	font-style: italic;
}

.hide {
	display: none;
}

.english {
	font-style: italic;
}

#gmap {
	margin-top: 1em;
	border: 1px solid #cccccc;
	padding: 4px;
	height: 400px;
	width: 100%;	/* csak az iframe megoldashoz kell */
}

div.mailer {
	min-height: 200px;
	background: url("bgsend.gif") top right no-repeat;
}

div.msgsent {
	width: 60%;
	margin-top: 2em;
	border: 1px solid #d8d8d8;
	background-color: white;
	padding: 0 12px;
	font-size: 90%;
}

div.msgsent pre {
	font-family: Verdana, Helvetica, sans-serif;
}

button {
	padding: 2px;
}


#e1 { padding-left:  30px; background: url("e1.gif") top left no-repeat; margin-top: 4px;}
#e2 { height:        30px; background: url("e2.gif") top left repeat-x; }
#e3 { padding-right: 30px; background: url("e3.gif") top right no-repeat; }
#e4 { padding-left:  30px; background: url("e4.gif") top left repeat-y; }
#content { padding:       1px 24px 24px 24px; }    /* top 1 kell kulonben border collapse problema */
#e6 { padding-right: 30px; background: url("e6.gif") top right repeat-y; }
#e7 { padding-left:  30px; background: url("e7.gif") bottom left  no-repeat; }
#e8 { height:        30px; background: url("e8.gif") bottom left repeat-x; }
#e9 { padding-right: 30px; background: url("e9.gif") bottom right no-repeat; }


/***  menus  ***/

#topmenu li {
	display: inline-block;
	width: 180px;
}

li#topKapcs {
	width: auto;
}

#topmenu a {
	padding: 6px 0px 6px 36px;
	background-position: left;
	background-repeat: no-repeat;

	font-size: 1.25em;
	font-weight: bold;
}


#topBemu a {
	background-image: url("btnG.png");
	color: #38901a;
}

#topBemu a:hover {
	color: #6fb757;
}

#topTerm a {
	background-image: url("btnB.png");
	color: #3268a5;
}

#topTerm a:hover {
	color: #6b95c4;
}

#topKeres a {
	background-image: url("btnY.png");
	color: #d9b127;
}

#topKeres a:hover {
	color: #e6cc5a;
}

#topKapcs a {
	background-image: url("btnR.png");
	color: #ac3f24;
}

#topKapcs a:hover {
	color: #c77461;
}

/* itt ie6 miatt a border-top és bottom szerepe nem felcserelheto */

ul.submenu, .submenu ul {
	border-top: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	background-color: #f8f8ff;
}

.submenu li {
	display: block;
	border-bottom: 1px solid #e0e0e0;
}

.submenu a, .submenu span {
	display: block;
	padding: 4px 18px 4px 4px;

	color: #3268a5;
}

.submenu span {
	background-position: right;
	background-repeat: no-repeat;
	background-image: url("arrow.gif");
}

.submenu a:hover, .submenu span:hover, span.subhigh {
	color: #6b95c4;
}

.submenu span:hover, span.subhigh {
	background-image: url("arrowOn.gif");
}


#cmenu {
	border-bottom: 1px solid #e8e8e8;
}

#cmenu li {
	display: block;
	border-top: 1px solid #e8e8e8;
}

#cmenu a, #cmenu span {
	display: block;
	padding: 4px 0px 4px 14px;
	background-position: left;
	background-repeat: no-repeat;

	color: #3268a5;	/*#2944c6;*/
}

#cmenu a:hover, #cmenu span.active:hover {
	color: #6b95c4;	/*#9faae5;*/
}

#cmenu span, #cmenu a.subopen {
	background-image: url("c0arrowdn.gif");
}

#cmenu span.subclose {
	background-image: url("c0arrow.gif");
}

#cmenu a.match {
	background-color: #f1f2f8;
}


#cmenu ul a, #cmenu ul span {
	color: #1b868d;
}

#cmenu ul a:hover, #cmenu ul span.active:hover {
	color: #99c8cc;
}

#cmenu ul span, #cmenu ul a.subopen {
	background-image: url("c1arrowdn.gif");
}

#cmenu ul span.subclose {
	background-image: url("c1arrow.gif");
}

#cmenu ul a.match {
	background-color: #f2f4f4;
}


#cmenu ul ul a, #cmenu ul ul span {
	color: #22ba6c;
}

#cmenu ul ul a:hover, #cmenu ul ul span.active:hover {
	color: #9ce0bd;
}

#cmenu ul ul span, #cmenu ul ul a.subopen {
	background-image: url("c2arrowdn.gif");
}

#cmenu ul ul span.subclose {
	background-image: url("c2arrow.gif");
}

#cmenu ul ul a.match {
	background-color: #f0f6f3;
}


#cmenu ul ul ul a, #cmenu ul ul ul span {
	color: #98ce51;
}

#cmenu ul ul ul a:hover, #cmenu ul ul ul span.active:hover {
	color: #d0e9b1;
}

#cmenu ul ul ul span, #cmenu ul ul ul a.subopen {
	background-image: url("c3arrowdn.gif");
}

#cmenu ul ul ul span.subclose {
	background-image: url("c3arrow.gif");
}

#cmenu ul ul ul a.match {
	background-color: #f6f8f2;
}


#cmenu ul ul ul ul a {
	color: #e2d204;
}

#cmenu ul ul ul ul a:hover {
	color: #f2ea81;
}

#cmenu ul ul ul ul span, #cmenu ul ul ul ul a.subopen {
	background-image: url("c4arrowdn.gif");
}

#cmenu ul ul ul ul span.subclose {
	background-image: url("c4arrow.gif");
}

#cmenu ul ul ul ul a.match {
	background-color: #fefbe0;
}