body
	
{
font: 12px Verdana;
text-align: center;
background-color:#990000; 
margin: 5px auto 0 auto;
}



div#container
	{	
        text-align: center;
        width: 802px;
        height: 590px;
	color: #0000ff;
        border-color:#cc0033 ;
        border-style: solid;
        border-width: 1px;
	margin: 0 auto 0 auto;
 background-color: #FFF;
	}


/*- Menu Tabs H--------------------------- */

#tabsH 
{
position: relative; top: 104px; right: -2px;
float:left;
width: 800px;
font-size:112%;
line-height:normal;
margin: 3px 0px 0px 0px;
}

#tabsH ul 
{
margin: 0;
padding:0px 0px 0px 4px;
list-style:none;
}

#tabsH li 
{
display:inline;
margin:0;
padding:0;
}

#tabsH a 
{
float:left;
background:url("tableftH.gif") no-repeat left top;
margin:0px;
padding: 0 0 0 0;
text-decoration:none;
}

#tabsH a span 
{
float:left;
display:block;
background:url("tabrightH.gif") no-repeat right top;
padding: 2px 6px 4px 5px;
color:#FFF;
}

 /* Commented Backslash Hack hides rule from IE5-Mac \*/
 
 #tabsH a span {float:none;}
    /* End IE5-Mac hack */
 #tabsH a:hover span 
 {
 color:#FFF;
 }
    
 #tabsH a:hover 
 {
 background-position:0% -42px;
 }
 #tabsH a:hover span
 {
 background-position:100% -42px;
 }

#tabsH #current a 
{
background-position:0% -42px;
}
#tabsH #current a span 
{
background-position:100% -42px;
}
        

/*a gombsor taroloja*/
#navbar
{
width: 800px;
height: 130px;
background-image: url(banner01.jpg);
text-align: center;
border-style: solid;
border-color: #000;
border-width: 1px;
margin: 0 auto 0 auto;
}

/*scripteket tartalmazo dobozok*/

/*A nevnapok doboza*/
div#java
{     
float: left;  
text-align: right;
width: 380px;
height: 20px !important;
position: relative; top: 0px;
font: 10pt verdana;
color: #000;
padding: 2px 0px 0 10px;
}

/*koszontes doboz*/
div#koszontes
{
float: left;
width: 380px;
height: 20px;
padding: 2px 0 0 10px;
font: 10pt verdana;
text-align: left;
color: #000;
} 
#koszontes
{
font-family: verdana;
color: #000;
}


/*alaptarolo doboz*/
div#alaptarolo
{
float: left; 
width: 770px;
height: 388px;
background-image: url(index_background.jpg);
margin: 0 auto 0 auto;
padding: 25px 10px 0 22px;
border-style: solid;
border-color: #990033;
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
background-repeat: repeat;
}



/*az eppen mutatott oldal jelolese*/
div#aktualis
{
position: relative; top: -25px; left: -20px;
float: left;
width: 460px;
height: 20px;
font-family: verdana;
font-size: 10pt;
color: #000;
text-align: left;
padding: 4px 0px 0px 5px;
/*background-image: url(background_aktualitas.jpg);
background-repeat: repeat-y;
display: block;
border-style: solid;
border-bottom-width: 1px;
border-top-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-color: #993300;*/
}
#aktualis a
{
text-decoration: none;
color: #000;
}

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

#hirlevel {
	position: relative;
	top: -20px;
	float: left;
	font-family: Verdana;
	margin: 0 px;
	height: 150px;
	width: 20px;
	text-align: right;
	color: #000000;
}



#hirlevel a
{
text-decoration: none;
color: #000;
}

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

/*a szoveget tartalmazo doboz*/


div#borokszoveg
{
position: relative; top: -25px;
float: left;
width: 450px;
height: 345px;
/*
border-style: solid;
border-color: #000;
border-width: 1px;  */ 
padding: 10px 15px 5px 15px; 
text-align: justify;
color: #000;
font-family: verdana;
font-size: 12px;
}

ul {
list-style: disc;
list-style-image: url(szolo.gif);
}
/*hogy latszon a hatterkep*/
div#borokep
{
float: left;
width: 125px;
height: 360px;
}
                                              

/*oldalsav a boroknal*/
div#oldalnav
{
position: relative; top: -25px;
float: left;
width: 150px;
height: 345px;
/*border-style: solid;
border-top-width: 0px;
border-left-width: 1px;
border-right-width: 0px;
border-bottom-width: 0px;
border-color: #993300; 
*/
padding: 5px 0px 5px 10px;
text-align: center;
}
/*az oldalnavigacio gombjainak beallítasa*/


#oldalnav p
{
width: 130px;
height: 22px;
font-family: verdana;
font-size: 8pt;
color: #000;
margin: 0 0 0 0;
text-align: center
}

#oldalnav a {
width: 135px;
height: 20px;
display: block;
background-image: url(background_aktualitas2.jpg); 
text-decoration: none;
padding-top: 3px;
color: #FFF;
border-style: solid;
border-width: 1px;
border-color: #000;
margin: 4px 0 0 0;
}

#oldalnav a:hover
{
width: 135px;
height: 20px;
display: block;
background-image: url(background_aktualitas3.jpg); 
text-decoration: none;
padding-top: 3px;
color: #FFF;
border-style: solid;
border-width: 1px;
border-color: #FFCC66;
margin: 4px 0 0 0;
}

#oldalnav a.current
{  
position: relative; left: 0px; 
width: 135px;
height: 20px;
display: block;
background-image: url(background_aktualitas4.jpg); 
text-decoration: none;
padding-top: 3px;
color: #FFF;
border-style: solid;
border-width: 1px;
border-color: #000;
margin: 4px 0 0 0;
}

#oldalnav a:link.akvarell
{  
position: relative; left: 0px; 
width: 135px;
height: 20px;
display: block;
background-image: url(background_akvarell_roll.jpg); 
text-decoration: none;
padding-top: 3px;
color: #FFF;
border-style: solid;
border-width: 1px;
border-color: #000;
margin: 4px 0 0 0;
}
div#lablec
{
position: relative;
float: left;
color: #ff9933;
border: solid 0px #FFF;
text-align: center;
width: 802px;
height: 15px;
padding: 4px 0 4px 0px;
background-image: url(index_lablec_background.jpg);
}

#lablec a
{
text-decoration: none;
color: #660000;
}

#lablec  a:hover
{
text-decoration: none;
} 

table
{
position: relative; top:;
height: 300px ;
float: left;
margin: 0 0 0 0;
/*border-style: solid;
border-top-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-color: #993300;*/
text-align: center;
font-size: 12px;
}


th
{
border-style: solid;
border-color: #FFCCFF;
border-width: 1px;
background-color: #FFCCCC;
}



.regio
{
border-style: solid;
border-color: #FFF;
border-width: 1px;
background-image: url(tabla_regio.jpg);
text-align: center;
padding: 1px 0 1px 0;
font-family: verdana;
font-size: 11px;
color: #000;
}

.focim
{
border-style: none;
background-color: #FFF;
font-family: verdana;
font-size: 12px;
text-align: center;
color: #000;
padding: 0 0 2px 0;
}

.pinceszet
{
background-image: url(tabla_pince.jpg);
font-family: verdana;
font-size: 11px;
color: #000;
text-align: left;
padding: 3px 3px 3px 3px;
}

.tabla
{
background-image: url(tabla.jpg);
text-align: center;
color: #000;
padding: 4px 0 0 4px;
}


.edesfeher
{
background-image: url(tabla_edesfeher.jpg);
border-style: solid;
border-color: #FFF;
border-width: 1px;
}


.voroshabzo
{
background-image: url(tabla_habzovoros.jpg);
border-style: solid;
border-color: #FFF;
border-width: 1px;
color: #FFF;
}

.szarazvoros
{
background-image: url(tabla_szarazvoros.jpg);
border-style: solid;
border-color: #FFF;
border-width: 1px;
}

.feledesvoros
{
background-image: url(tabla_feledesvoros.jpg);
border-style: solid;
color: #FFF;
border-color: #FFF;
border-width: 1px;
}

.edesvoros
{
background-image: url(tabla_edesvoros.jpg);
border-style: solid;
color: #FFF;
border-color: #FFF;
border-width: 1px;
}

.rose
{
background-image: url(tabla_rose.jpg);
border-style: solid;
color: #000;
border-color: #FFF;
border-width: 1px;
}

.edesfeher
{
background-image: url(tabla_edesfeher.jpg);
border-style: solid;
border-color: #FFF;
border-width: 1px;
}
.szarazfeher
{
background-image: url(tabla_szarazfeher.jpg);
border-style: solid;
border-color: #FFF;
border-width: 1px;
}

 .feherhabzo
{
background-image: url(tabla_habzofeher.jpg);
border-style: solid;
border-color: #FFF;
border-width: 1px;
}

.izesitett
{
background-image: url(tabla_izesitett.jpg);
border-style: solid;
border-color: #FFF;
border-width: 1px;
}

.zold
{
color: #006600;
}

.voros
{
color: #cc0000;
}

.lablec
{
font-size: 9px;
}
/*a jelmagyarazat tablaja*/
.jelmagyarazat
{
position: relative; top: -5px;
float: left;
margin: 0 0 0 0;
border-style: solid;
border-top-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-color: #993300;
text-align: left;
font-size: 10px;
}

#reklam
{
float: left;
width: 160px;
height: 300px;
padding: 2px;                                                                     
border-style: solid;
border-width: 1px;
border-color: #000;
background-image: url(reklam_background.jpg);
margin: 10px;
text-align: center;
color: #000;
}

#reklamtarolo
{
float: left;
width: 770px;
height: 320px;
margin: 0 auto 0 auto;
text-align: center;
} 

#reklam a {
width: 80px;
height: 18px;
display: block;
background-image: url(background_aktualitas2.jpg); 
text-decoration: none;
padding-top: 3px;
color: #FFF;
border-style: solid;
border-width: 1px;
border-color: #000;
margin: 4px 0 0 0;
text-align: center;
margin: 0 auto 0 auto;
}

#reklam a:hover
{
position: relative;
width: 80px;
height: 18px;
display: block;
background-image: url(background_aktualitas3.jpg); 
text-decoration: none;
padding-top: 3px;
color: #FFF;
border-style: solid;
border-width: 1px;
border-color: #000;
margin: 4px 0 0 0;
margin: 0 auto 0 auto;
}



#reklam a.current
{  
position: relative; left: 0px; 
width: 135px;
height: 18px;
display: block;
background-image: url(background_aktualitas4.jpg); 
text-decoration: none;
padding-top: 3px;
color: #FFF;
border-style: solid;
border-width: 1px;
border-color: #000;
margin: 4px 0 0 0;
}

#reklam2
{
float: left;
width: 160px;
height: 300px;
padding: 2px;                                                                     
border-style: solid;
border-width: 1px;
border-color: #000;
background-image: url(reklam_background.jpg);
margin: 10px;
text-align: center;
color: #000;
}


#reklam2 a {
width: 80px;
height: 18px;
display: block;
background-image: url(background_aktualitas2.jpg); 
text-decoration: none;
padding-top: 3px;
color: #FFF;
border-style: solid;
border-width: 1px;
border-color: #000;
margin: 4px 0 0 0;
text-align: center;
margin: 0 auto 0 auto;
}

#reklam2 a:hover
{
position: relative;
width: 80px;
height: 18px;
display: block;
background-image: url(background_aktualitas3.jpg); 
text-decoration: none;
padding-top: 3px;
color: #FFF;
border-style: solid;
border-width: 1px;
border-color: #000;
margin: 4px 0 0 0;
margin: 0 auto 0 auto;
}

#reklam2 a.current
{  
position: relative; left: 0px; 
width: 135px;
height: 18px;
display: block;
background-image: url(background_aktualitas4.jpg); 
text-decoration: none;
padding-top: 3px;
color: #FFF;
border-style: solid;
border-width: 1px;
border-color: #000;
margin: 4px 0 0 0;
}

#reklam3
{
float: left;
width: 160px;
height: 300px;
padding: 2px;                                                                     
border-style: solid;
border-width: 1px;
border-color: #000;
background-image: url(reklam_background.jpg);
margin: 10px;
text-align: center;
color: #000;
}


#reklam3 a {
width: 80px;
height: 18px;
display: block;
background-image: url(background_aktualitas2.jpg); 
text-decoration: none;
padding-top: 3px;
color: #FFF;
border-style: solid;
border-width: 1px;
border-color: #000;
margin: 4px 0 0 0;
text-align: center;
margin: 0 auto 0 auto;
}

#reklam3 a:hover
{
position: relative;
width: 80px;
height: 18px;
display: block;
background-image: url(background_aktualitas3.jpg); 
text-decoration: none;
padding-top: 3px;
color: #FFF;
border-style: solid;
border-width: 1px;
border-color: #000;
margin: 4px 0 0 0;
margin: 0 auto 0 auto;
}



#reklam3 a.current
{  
position: relative; left: 0px; 
width: 135px;
height: 18px;
display: block;
background-image: url(background_aktualitas4.jpg); 
text-decoration: none;
padding-top: 3px;
color: #FFF;
border-style: solid;
border-width: 1px;
border-color: #000;
margin: 4px 0 0 0;
}

#reklam4
{
float: left;
width: 160px;
height: 300px;
padding: 2px;                                                                     
border-style: solid;
border-width: 1px;
border-color: #000;
background-image: url(reklam_background.jpg);
margin: 10px;
text-align: center;
color: #000;
}

#reklam4 a {
width: 80px;
height: 18px;
display: block;
background-image: url(background_aktualitas2.jpg); 
text-decoration: none;
padding-top: 3px;
color: #FFF;
border-style: solid;
border-width: 1px;
border-color: #000;
margin: 4px 0 0 0;
text-align: center;
margin: 0 auto 0 auto;
}

#reklam4 a:hover
{
position: relative;
width: 80px;
height: 18px;
display: block;
background-image: url(background_aktualitas3.jpg); 
text-decoration: none;
padding-top: 3px;
color: #FFF;
border-style: solid;
border-width: 1px;
border-color: #000;
margin: 4px 0 0 0;
margin: 0 auto 0 auto;
}



#reklam4 a.current
{  
position: relative; left: 0px; 
width: 135px;
height: 18px;
display: block;
background-image: url(background_aktualitas4.jpg); 
text-decoration: none;
padding-top: 3px;
color: #FFF;
border-style: solid;
border-width: 1px;
border-color: #000;
margin: 4px 0 0 0;
}
img
{
margin: 5px auto 0 auto;
border-style: solid;
border-width: 1px;
border-color: #000;
}

.kiemel
{
text-align: center;
font-weight: bold;
}

.alul
{
vertical-align: bottom;
}

.felul
{
vertical-align: top;
}

#kepek
{
width: 150px;
height: 150px;
background-image: none;
border-style:none;
margin: 0 auto 0 auto;
}

#kepek a
{
width: 150px;
height: 150px;
background-image: none;
padding: 0;
border-style: none;
}

#kepek a:hover
{
width: 150px;
height: 150px;
background-image: none;
border-style: none;
padding: 0;
}

#kepek2
{
width: 150px;
height: 150px;
background-image: none;
border-style:none;
margin: 0 auto 0 auto;
}

#kepek2 a
{
width: 150px;
height: 150px;
background-image: none;
padding: 0;
border-style: none;
}

#kepek2 a:hover
{
width: 150px;
height: 150px;
background-image: none;
border-style: none;
padding: 0;
}

#kepek3
{
width: 150px;
height: 150px;
background-image: none;
border-style:none;
margin: 0 auto 0 auto;
}

#kepek3 a
{
width: 150px;
height: 150px;
background-image: none;
padding: 0;
border-style: none;
}

#kepek3 a:hover
{
width: 150px;
height: 150px;
background-image: none;
border-style: none;
padding: 0;
}



#kepek4
{
width: 150px;
height: 150px;
background-image: none;
border-style:none;
margin: 0 auto 0 auto;
}

#kepek4 a
{
width: 150px;
height: 150px;
background-image: none;
padding: 0;
border-style: none;
}

#kepek4 a:hover
{
width: 150px;
height: 150px;
background-image: none;
border-style: none;
padding: 0;
}


#hirlevel {
	font-family: Verdana;
	margin: 5 px;
	float: left;
	height: 20px;
	width: 300px;
}