@charset "utf-8";
* { 
margin: 0;
padding: 0;
border: 0;
}

body {
    font-family: Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.5;
    background: #EAC553 url(../images/bg_body.png) repeat-x top left;
	text-align: justify;
}

a:link, a:visited {
    text-decoration: none;
    color: #FF6600;
}

.clear {
	clear: both;
}

/* ------------------------------------------- */

div#oldal {
    margin: 0 auto;
    width: 950px;
	background-color: #EAC553;
}

/* --- iFRAME-------------------------------- */
#tartalom{	float:left;
			width:100%
			}

/*#box{
	background-color: #FFFFFF;
	width: 90%;
	height:auto;
	position: relative;
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	padding-top: 0px;
	padding-bottom: 0px;
}
*/


/* --- FEJLÉC -------------------------------- */

div#fejlec {
    width: 100%;
    height: 125px;
    background-color: #990100;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1;
    text-align: center;
}

    div#fejlec h1 {
        margin: 5px auto;
        font-size: 42px;
        text-transform: uppercase;
        letter-spacing: -2px;
        color: #000000;
		
		width: 950px;
		height: 150px;
		background: url(../images/heads/title1.png) no-repeat top left;
		text-indent: -9999px;
    }

    /*div#fejlec h2 {
        margin: 0 auto;
        font-size: 18px;

		width: 500px;
		height: 30px;
		background: url(../images/heads/title2.png) no-repeat top left;
		text-indent: -9999px;
    }*/

/* --- KÖZÉP --------------------------------- */

div#kozep {
    padding-top: 1em;
    border-top: 2px solid #ffffff;
    width: 100%;
	height: 480px;
    background: #fff url(../images/bg_kozep.png) top left repeat-x;
    color: #990100; /*#08324d;*/
}

/* --- BAL PANEL ----------------------------- */

div#bal_panel {
    padding: 6px;
    width: 180px;
	float: left;
	
}

ul#menu {
    list-style-type: none;
	
}

    * html ul#menu li {	border-bottom: 1px solid #ffffff; }
	
    ul#menu li a {
        padding: 3px;
		background:url(../images/bg_gomb.png);
        border-top: 1px solid #EAC553;
        border-bottom: 1px solid #EAC553;
        display: block;
        font-size: 12px;
		font-weight:800;
        color: #FFFFFF;
    }

    ul#menu li a:hover {
	 	border-top: 1px solid #990100;
     	border-bottom: 1px solid #990100;
		background:url(../images/bg_gomb2.png);
	 	width: auto;
		color: #FF6600;
    }
	
	
	/* ---- a letöltések fejléce ---*/
	ul#menu li.mas a{
        padding: 3px;
		background:url(../images/bg_gomb3.png);
		border-top: 1px solid #EAC553;
        border-bottom: 1px solid #EAC553;
        display: block;
        background-color: #990100;
        color: #FFFFFF;
		font-weight: bold;
		text-align:center;	
    }
	
	/* ---- a letöltések gombjai ---*/
	ul#menu li.mas2 a{
        padding: 3px;
		background:url(../images/bg_gomb2.png);
        border-top: 1px solid #990100;
        border-bottom: 1px solid #990100;
        display: block;
        background-color: #EAC553;
        color: #990100;
		font-weight: bold;
		text-align:left;	
    }
	
	ul#menu li.mas2 a:hover{
        padding: 3px;
		background:url(../images/bg_gomb.png);
        border-top: 1px solid #EAC553;
        border-bottom: 1px solid #EAC553;
        display: block;
        background-color: #EAC553;
        color: #FF6600;
		font-weight: bold;
		text-align:left;	
    }
	
	/* ------ nem látszik belõle semmi ---- */
	ul#menu li.ures a{
        padding: 2px;
        border-top: 1px solid #EAC553;
        border-bottom: 1px solid #EAC553;
        display: block;
        background-color: #FFFFFF;
        color: #000000;
	}
	
	/* ------feltöltés nem látszik belõle semmi ---- */
	ul#menu li.ures2 a{
        padding: 2px;
		background:url(../images/bg_gomb4.png);
        border-top: 1px solid #FFFFFF;
        border-bottom: 1px solid #FFFFFF;
        background-color: #FFFFFF;
        color: #FFFFFF;
	}

/* --- JOBB PANEL ---------------------------- */

div#jobb_panel {
    margin-left: 200px;
    padding: 6px;
    width: 734px;
}

div#jobb_panel h1 {
	font-size: 160%;
	padding-bottom: .5em;
	text-align: center;
}

div#jobb_panel h2 {
	font-size: 120%;
	padding-top: .5em;
	padding-bottom: .5em;
	text-align: left;
}

div.hir {
	width: 734px;
    margin-bottom: 2em;
    color: #000000;
}

    div.hir h3 {
		padding: 2px 8px;
        border-bottom: 2px solid #ffffff;
        font-family: Georgia, Utopia, serif;
        font-size: 16px;
        font-weight: bold;
        color: #ffffff;
		background: url(../images/bg_csik_piros_h3.png) no-repeat top center;
    }
	
    div.hir h3 a, div.hir h3 a:visited {
        color: #ffffff;
    }
	
	    div.hir h3 a:hover {
	        text-decoration: underline; 
	    }
	

    div.hir p {
		padding: 2px 8px;
		background: url(../images/bg_hir.gif) no-repeat bottom center;
	}
	
    div.hir p a {
        color: #FF6600;
        font-weight: bold;
    }

        div.hir p a:hover {
            text-decoration: underline; 
        }
		
div#jobb_panel div#navigator ul {
	display: block;
	width: 100%;
	height: 2em;
	list-style-type: none;
	border-bottom: 1px solid #991000;/*#777c80;*/
}

	div#navigator li {
		display: block;
		float: left;
		margin: 1px .5em;
		border: 1px solid  #991000;/*#777c80;*/
	}
	* html div#navigator li {
		margin-bottom: -3px;
	}
	
	div#navigator li a {
		display: block;
		padding: 0 .5em;
		font-size: 120%;
		font-weight: bold;
		background:  #EAC553;/*#e9f3fa;*/
	}

	div#navigator li a:hover {
		background: #ffffff;
	}
	
	div#navigator li.selected {
		border-bottom: 1px solid #ffffff;
	}
	
	div#navigator li.selected a {
		background: #ffffff;
	}

div#jobb_panel table.program {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}
	table.program th {
		width: 70px;
		padding: 2px;
		font-weight: bold;
		text-align: left;
		vertical-align: top;
	}

	table.program td {
		padding: 2px;
		text-align: justify;
	}
	
	table.program img {
		float: right;
		padding-left: 1em;
		padding-top: 4px;
	}
	
	table.program tr.odd {
		background: #ffffff;
	}
	table.program tr.even {
		background: #EAC553;/*#e9f3fa;*/
	}
	table.program tr.activerow {
		cursor: default;
	}

div#jobb_panel table.resztvevok {
	width: 100%;
	border-spacing: 0;
}
	table.resztvevok th {
		text-align: center;
		border-bottom: 2px solid #990100;/*#EAC553;*/
	}
	table.resztvevok th a {
		padding-right: 24px;
	    background: url(../images/sort_no.gif) bottom right no-repeat;
	}
	table.resztvevok th.asc a {
	    background: url(../images/sort_up.gif) bottom right no-repeat;
	}
	table.resztvevok th.des a {
	    background: url(../images/sort_dn.gif) bottom right no-repeat;
	}
	table.resztvevok tr.odd {
		background: #EAC553;/*##e9f3fa;*/
	}
	table.resztvevok tr.even {
		background: #ffffff;
	}
	table.resztvevok tr.activerow {
		background: #ECA500;/*#c8e2f4;*/
		cursor: default;
	}
	table.resztvevok td {
		padding-left: 3px;
	}
	
/* --- REGISZTR�CI�S K�RD��V------------------ */
	
div#jobb_panel form {
	width: 560px;
	margin: 0 auto;
}
* html div#jobb_panel form {
	width: 563px;
}
	
	div#jobb_panel form fieldset {
		margin-bottom: 10px;
		padding: 2px 5px;
		border: 2px solid #FF0000; /*#106399;*/
	}
		
		/*a kijelölt szöveg doboz hátterének és keretének színe*/
		div#jobb_panel form fieldset.selected {
			background: #EAC553; /*#f3f8fc;*/
			border-color: #990100; /*#59a9dd;*/
		}
	
	/*az urlapon a dobozok bal felso sarkában a szöveg háttér színe*/
	div#jobb_panel form fieldset legend {
		padding: 0 5px;
		font-weight: bold;
		color: #ffffff;
		background: #990100; /*#106399;*/
	}
		
		/*az urlapon a dobozok bal felso sarkában a szöveg háttér színe ha a doboz kijelölt*/
		div#jobb_panel form fieldset.selected legend {
			background: #990100; /*#59A9DD;*/
		}
	
	div#jobb_panel form div.field {
		clear: left;
		margin: 5px 0;
	}
	
		div#jobb_panel form label, div#jobb_panel span.label {
			display: block;
			float: left;
			width: 140px;
		}
		
			span.req_asterisk {
				color: red;
				font-size: 80%;
				font-weight: bold;
				vertical-align: text-top;
				padding-left: 2px;
				cursor: help;
			}
			
		/*az urlapon a szövegek körüli keret*/
		div#jobb_panel form input {
			padding: 1px;
			border: 1px solid #990100; /*#106399;*/
		}
		
			div#jobb_panel form input.wide {
				width: 400px;
			}

			div#jobb_panel form input.phone {
				width: 200px;
			}
		
			div#jobb_panel form input.zipcode {
				width: 80px;
			}
			
			/*Az urlapon a kijelölt szövegdoboz keretének színe*/
			div#jobb_panel form input.selected {
				border: 1px solid #990100; /*#cc0000;*/
			}

			/*a szövegdobozokban a default szöveg színe*/
			div#jobb_panel form input.default {
				color: #990100; /*##888888;*/
			}
			
		/*a megjegyzés szövegdoboz keret�nek színe*/
		div#jobb_panel form textarea {
			margin-top: 5px;
			padding: 1px;
			border: 1px solid #990100; /*#106399;*/
		}

			div#jobb_panel form textarea.wide {
				width: 542px;
			}

		div#jobb_panel form select {
			border: 1px solid #FF0000; /*#106399;*/
		}
	
			div#jobb_panel form select.wide {
				width: 404px;
			}
			
			div#jobb_panel form select optgroup option {
				padding-left: 1em;
			}
			
		div#jobb_panel form ul.checkbox, div#jobb_panel form ul.radio {
			list-style: none;
			margin-left: 140px;
		}

			div#jobb_panel form ul li {
				display: block;
				float: left;
			}
			
			div#jobb_panel form ul.checkbox li {
				padding: 2px 0;
			}
			* html div#jobb_panel form ul.checkbox li {
				padding: 0;
			}

				div#jobb_panel form ul.radio input, div#jobb_panel form ul.checkbox input {
					display: block;
					float: left;
					margin-top: 2px;
					margin-right: 5px;
					border: none;
				}

				div#jobb_panel form ul.radio label {
					width: auto;
					margin-left: 2px;
					margin-right: 20px;
				}
				
				div#jobb_panel form ul.checkbox label {
					width: 250px;
					margin-left: 2px;
				}
			
				div#jobb_panel form ul.textgroup input {
					width: 30px;
					margin-right: 10px;
				}
				
	div#jobb_panel form div.counter {
		color: #FF0000; /*#666666;*/
		font-size: 80%;
	}

		div#jobb_panel form div.counter span.charnum { 
			font-weight: bold;
		}
		
	/*elválasztó vonal az űrlapon*/
	div#jobb_panel form hr { 
		clear: both;
		margin: 10px 0 10px 140px;
		border: 1px solid #990100; /*#106399;*/
	}
	* html div#jobb_panel form hr {
		margin: 0 0 0 143px;
	}
		
	div#jobb_panel form div.button {
		text-align: center;
	}
		
		/*a gomb körüli keret színe*/
		div#jobb_panel form div.button input {
			margin: 0 10px;
	        padding: 2px 10px;
			font-weight: bold;
			color: #990100; /*a gomb felirata*/
	        background-color: #EAC553; /*#106399;*/
			border-style: solid;
			border-width: 2px;
			border-color: #FF0000 #990100 #990100 #FF0000; /*#59a9dd #08324d #08324d #59a9dd;*/
			cursor: pointer;
		}
		
			/*a kijelölt gomb keretének színe*/
			div#jobb_panel form div.button input:hover {
				border-color: #990100 #FF0000 #FF0000 #990100; /*#08324d #59a9dd #59a9dd #08324d;*/
			}
			
	/*a hibásan kitöltött figyelmeztetés háttérszíne*/
	div#jobb_panel form p.formerror {
		clear: left;
		margin: 2px 2px 10px 0;
		font-weight: bold;
		text-align: center;
		color: #ffffff;
		background: #990100; /*#f14549;*/
	}
	
	span.checkbox {
		display: block;
		float: left;
		width: 16px;
		height: 16px;
		background: url(../images/checkbox2.gif) no-repeat;
	}

	span.radio {
		display: block;
		clear: left;
		float: left;
		width: 16px;
		height: 16px;
		background: url(../images/radio2.gif) no-repeat;
	}

	
/* --- TARTALOM ------------------------------ */

div#tartalom {
    float: left;
}

	div#tartalom h1 {
		font-size: 140%;
		font-weight: bold;
		text-align: center;
		margin: 1em 0;
	}
	
	div#tartalom ul {
	    list-style-type: none;
	}

	div#tartalom li.toclevel1 {
		padding-left: 0em;
	}

	div#tartalom li.toclevel2 {
		padding-left: 1em;
	}

	div#tartalom li.toclevel3 {
		padding-left: 2em;
	}

	div#tartalom li.toclevel4 {
		padding-left: 3em;
	}

    div#tartalom li a:hover {
		text-decoration: underline;
    }

/* --- CIKK ---------------------------------- */

div#cikk {
    padding: 6px;
    width: 934px;
}

	div#cikk h1 {
		font-size: 140%;
		text-align: center;
		margin: 1em auto 0 auto;
	}

	div#cikk h2 {
		font-size: 120%;
		margin: 1em 0 .25em 0;
		text-align: left;
	}

	div#cikk h3 {
		font-size: 100%;
		margin: 1em 0 0 0;
		text-align: left;
	}

	div#cikk p {
		text-align: justify;
	}

	div#cikk ul, div#cikk ol {
		padding: .5em 0 .5em 2em;
	}
	
	div#cikk ul li {
		list-style-image: url(../images/cikk_bullet.gif);
		list-style-type: circle;
	}

	div#cikk table {
		width: 100%;
		padding: 1em 0;
	}

	div#cikk thead th {
		font-weight: bold;
		text-align: center;
		color: #ffffff;
		background: #991000; /*#08324d;*/
	}

	div#cikk tbody th {
		font-weight: bold;
		text-align: left;
		padding-left: .2em;
	}

	div#cikk tbody td {
		text-align: right;
		padding-right: .2em;
	}

	div#cikk tr.odd {
		background: #991000;/*#e0eff8;*/
	}

	div#cikk tr.even {
		background: #ffffff;
	}
		
/* --- EZ ÉRVÉNYES MINDENHOL ----------------- */

a.out {
	padding: 0 14px 4px 0;
	background: url(../images/icon_out.gif) no-repeat bottom right;
}

a.pdf {
	padding: 0 18px 6px 0;
	background: url(../images/icon_pdf.gif) no-repeat bottom right;
}

a.doc {
	padding: 0 18px 6px 0;
	background: url(../images/icon_doc.gif) no-repeat bottom right;
}

a.docx{
	padding: 0 18px 6px 0;
	background: url(../images/icon_doc.gif) no-repeat bottom right;
}

a.xls {
	padding: 0 18px 6px 0;
	background: url(../images/icon_xls.gif) no-repeat bottom right;
}

a.xlsx {
	padding: 0 18px 6px 0;
	background: url(../images/icon_xls.gif) no-repeat bottom right;
}

a.ppt {
	padding: 0 18px 6px 0;
	background: url(../images/icon_ppt.gif) no-repeat bottom right;
}

a.pptx {
	padding: 0 18px 6px 0;
	background: url(../images/icon_ppt.gif) no-repeat bottom right;
}

a.cdr {
	padding: 0 18px 6px 0;
	background: url(../images/icon_cdr.gif) no-repeat bottom right;
}

a.jpg {
	padding: 0 18px 6px 0;
	background: url(../images/icon_cdr.gif) no-repeat bottom right;
}

a.gif {
	padding: 0 18px 6px 0;
	background: url(../images/icon_cdr.gif) no-repeat bottom right;
}

a.png {
	padding: 0 18px 6px 0;
	background: url(../images/icon_cdr.gif) no-repeat bottom right;
}


/* --- LÁBLÉC -------------------------------- */

div#lablec {
    padding: 6px 0;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    background-color: #EAC553;
    color: #991000;
    clear: both;
}

