.functionarea a:link, .functionarea a:visited
{
    text-decoration: none;
    color:#5e7d01;
}

.functionarea a:hover
{
    text-decoration: underline;
}

.functions
{
    padding: 0px;
    font-size: .8em;
    font-weight: bold;
    text-decoration: none;
    color:#6B6C6F;
}

.language
{
    text-align: right;
    font-size: .8em;
    font-weight: bold;
    padding: 0px;
    color:#6B6C6F;
}

/*Don't display on rendering for the web*/

.no_web
{
    display: none;
}

/* Navigation */

.main_navigation
{
    background-image: url('../images/1.gif');
    width:200px;
    display: block;
    border-top: 1px solid #9c9351;
}

.navigationpoint
{
    border-bottom: 1px solid #9c9351;
    padding-bottom: 1px;
}

.navigation_current
{
    color: #000000;
    background-color: #cac38a;
    background-color: #beb678;
}

.main_navigation a:link, .main_navigation a:visited
{
    display: block;
    width: 200px;
    text-decoration:none;
    color:#000000;
    margin-top: 1px;
}

.main_navigation a:hover
{
    color: #000000;
    background-color: #cac38a;
}

.main_navigation h1
{
    font-size: 1.1em;
    text-transform: uppercase;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
    padding-left: 2px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.main_navigation h2
{
    clear: both;
    font-size: 1em;
    font-weight: normal;
    padding: 2px 0px 5px 15px;
    margin: 0px;
    margin-top: 0px;
}

.main_navigation h3
{
    clear: both;
    font-size: 0.9em;
    font-weight: normal;
    padding:2px 0px 5px 30px;
    margin: 0px;
    margin-top: 0px;
}

.navigationpoint
{
    border-bottom: 1px solid #9c9351;
    padding-bottom: 1px;
}

/* Navigationbar */

.navigationbar
{
    padding-top: 7px;
    font-size: .8em;
    color:#9c9351;
}

.navigationbar a
{
    color:#9c9351;
}

.navigationbar a:hover
{
    color:#3BA328;
}

/* Logo line under navigation */

.logo_left {
 	margin-top:100px;   
}

/* Content*/

.content_area div.startpageband
{
    border-top: 1px solid #9c9351;
    color: #000000;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 0px;
    font-size: 1em;
    padding: 3px;
    padding-left: 0px;
    padding-top: 2px;
    clear: both;
}

.content_area a:link
{
    text-decoration:underline;
    color:#006633;
}

.content_area a:visited
{
    text-decoration:underline;
    color:#6c8300;
}

.content_area a:hover
{
    text-decoration:underline;
    color:#317308;
}

.content_area p {
	margin-top: 12px;
	margin-bottom: 12px;
}

em {
	font-stlye: italic;
}

strong {
	font-weight: bold;
}

.content_area h1
{
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 1.2em;
    font-weight:bold;
    color: #000000;
    clear: both;
}

.content_area h2
{
    margin-top: 12px;
    margin-bottom: 6px;
    font-size: 1em;
    font-weight:bold;
    color: #333333;
    clear: both;
}

.content_area h3
{
    margin-top: 10px;
    margin-bottom: 4px;
    font-size:1em;
    font-weight:bold;
    color: #317308;
}

.content_area h4
{
    margin-top: 8px;
    margin-bottom: 2px;
    font-weight:normal;
    font-size: 1em;
    color: #317308;
}

.content_area h5
{
    margin-top: 8px;
    margin-bottom: 0px;
    font-size: .9em;
    font-weight:normal;
    color: #7A7979;
}

.content_area h6
{
    margin-top: 6px;
    margin-bottom: 0px;
    font-size: .8em;
    font-style:italic;
    font-weight:normal;
    color: #7A7979;
}

.content_area div.startpagespacing
{
    margin-bottom: 30px;
    clear:both;
}

.content_area .download
{
    background-image: url(../layout/symbols/download.gif);
    background-repeat: no-repeat;
    padding-left: 14px;
}

.content_area .pdf
{
    background-image: url(../layout/symbols/pdf.gif);
    background-repeat: no-repeat;
    padding-left: 14px;
}

.content_area .doc
{
    background-image: url(../layout/symbols/word.gif);
    background-repeat: no-repeat;
    padding-left: 14px;
}

.content_area .ppt
{
    background-image: url(../layout/symbols/powerpoint.gif);
    background-repeat: no-repeat;
    padding-left: 14px;
}

.content_area .xls
{
    background-image: url(../layout/symbols/excel.gif);
    background-repeat: no-repeat;
    padding-left: 14px;
}

.content_area .zip
{
    background-image: url(../layout/symbols/zip.gif);
    background-repeat: no-repeat;
    padding-left: 14px;
}

.content_area .audio
{
    background-image: url(../layout/symbols/audio.gif);
    background-repeat: no-repeat;
    padding-left: 14px;
}

.content_area .video
{
    background-image: url(../layout/symbols/video.gif);
    background-repeat: no-repeat;
    padding-left: 14px;
}

.content_area .mail
{
    background-image: url(../layout/symbols/mail.gif);
    background-repeat: no-repeat;
    padding-left: 14px;
}

.content_area div.titlebar
{
    border-top: 1px solid #9c9351;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-top: 30px;
    font-size: 1em;
    padding: 3px;
    padding-left: 0px;
    padding-top: 2px;
    clear: both;
}

.content_area div.indented
{
    margin: 0px;
    margin-left: 20px;
}

.content_area .printlink
{
    clear: both;
    float: left;
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 5px;
}

.content_area .toplink
{
    text-align: right;
    float: right;
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 5px;
}

/* Images*/

#image
{
    clear: both;
    width: 130px;
    font-size: .7em;
    color: #474426;
    background-color: #cac38a;
}

#image_mini
{
    clear: both;
    width: 50px;
    font-size: .7em;
    color: #474426;
    background-color: #cac38a;
    float: left;
    margin: 5px 10px 5px 0px;
    display: inline;
}

#image_mini p
{
    padding: 3px;
    margin: 0px;
}

#image_small
{
    clear: both;
    width: 130px;
    font-size: .7em;
    color: #474426;
    background-color: #cac38a;
    float: left;
    margin: 5px 10px 5px 0px;
    display: inline;
}

#image_small p
{
    padding: 3px;
    margin: 0px;
}

#image_medium
{
    clear: both;
    width: 535px;
    font-size: .7em;
    color: #474426;
    background-color: #cac38a;
    float: left;
    margin: 5px 10px 5px 0px;
    display: inline;
}

#image_medium p
{
    padding: 3px;
    margin: 0px;
}

#image_250
{
    clear: both;
    width: 250px;
    font-size: .9em;
    color: #323019;
    background-color: #cac38a;
    float: left;
    margin: 5px 10px 5px 0px;
    display: inline;
}

#image_250 p
{
    padding: 3px;
    margin: 0px;
}
#image_big
{
    clear: both;
    width: 535px;
    font-size: .7em;
    color: #474426;
    background-color: #cac38a;
    margin-bottom: 10px;
    display: none;
}

#image_big p
{
    padding: 3px;
    margin: 0px;
}

* #image
{
 .height: 0;
}

#image a
{
    color: #474426;
}

.content_area .left
{
    float: left;
    margin: 5px 10px 5px 0px;
}

.content_area .right
{
    float: right;
    margin: 5px 0px 5px 10px;
}

#image p
{
    padding: 2px;
    margin: 0px;
}

/* Service */

.servicetitle
{
    text-align: left;
    color:#000000;
    font-weight:normal;
    font-size:1em;
    text-transform: uppercase;
    border-top: 1px solid #9c9351;
    padding: 2px;
    padding-left: 5px;
    margin-bottom: 5px;
}

.servicetext
{
    font-size: .8em;
    color:#7E7E7E;
    margin-bottom: 15px;
}

.servicetext a, .servicetext a:visited
{
    text-decoration:none;
    color:#FFFFFF;
}

.servicetext a span
{
    text-decoration:none;
    color:#FFFFFF;
    display: none;
}

.servicetext a:focus span, .servicetext a:active span
{
    display: block;
}

.servicetext a:hover
{
    text-decoration:underline;
    color:#FFFFFF;
}

.serviceth
{
    border:0;
    padding:0;
    margin:0;
    margin-right:5px;
}


div.service_list
{
    overflow: hidden;
    display:block;
    width: 180px;
    margin: 0;
    padding: 0;
}

div.service_list_item
{
    cursor:pointer;
    display:block;
    padding:9px;
    color:#FFF;
    border:0;
}

div.service_list_item_image
{
    width:80px; 
    float:left;
}

/* Main 4 block */

div.float_item
{
    cursor:pointer;
    display:block;
    overflow:hidden;
    float:left;
    width: 237px;
    height: 280px;
    padding: 10px;
    margin: 0;
    margin-top: 10px;
    margin-left: 10px;
}

.float_title
{
    color:#FFF;
    text-decoration:none;
    font-size: 1.2em;
    font-weight: bold;
}

.float_subtitle
{
    color:#000000;
    text-decoration:none;
    font-size: 0.9em;
    font-weight: bold;
}

.float_text
{
    color:#FFF;
    text-decoration:none;
    font-size: 0.9em;
    font-weight: bold;
}

/* Footer */

.footer
{
    text-align: center;
}

.footer a:link, .footer a:visited
{
    padding-right: 3px;
    text-decoration: none;
    font-size: .8em;
    color:#006633;
}

.footer a:hover
{
    padding-right: 3px;
    text-decoration: underline;
    font-size: .8em;
    color:#006633;
}

/* Search */

.search
{
    float: left;
    font-weight: bold;
    text-align: left;
    font-size: .8em;
    color:#6B6C6F;
    vertical-align: text-top;
}

.search form
{
    margin: 0px;
    padding: 0px;
    vertical-align: text-top;
}

.search input
{
    margin: 0px;
    padding: 0px;
    vertical-align: text-top;
}

.searchfield
{
    width:115px;
    height: 18px;
    border:1px solid #9c9351;
    background-color: #FFFFFF;
    color:#474426;
    font-size: 1.1em;
    vertical-align: text-top;
}
 
 /* animals */

/* Background color */
body.gyerek_beka 
{
    background-image:url('../images/gyerek_beka.jpg');
}

body.gyerek_suni 
{
    background-image:url('../images/gyerek_suni.jpg');
}

body.gyerek_sun 
{
    background-image:url('../images/gyerek_sun.jpg');
}

body.gyerek_vakond 
{
    background-image:url('../images/gyerek_vakond.jpg');
}
 
body.gyerek_szalamandra 
{
    background-image:url('../images/gyerek_szalamandra.jpg');
}

body.gyerek_urge 
{
    background-image:url('../images/gyerek_urge.jpg');
}

body.gyerek_mokus 
{
    background-image:url('../images/gyerek_mokus.jpg');
}

body.gyerek_szarvasbogar 
{
    background-image:url('../images/gyerek_szarvasbogar.jpg');
}

body.gyerek_medvelepke 
{
    background-image:url('../images/gyerek_medvelepke.jpg');
}

body.gyerek_farkasalmalepke 
{
    background-image:url('../images/gyerek_faraksalmalepke.jpg');
}

body.gyerek_fubeka 
{
    background-image:url('../images/gyerek_fubeka.jpg');
}

body.gyerek_imp 
{
    background-image:url('../images/gyerek_imp.jpg');
}

body.gyerek_fajok 
{
    background-image:url('../images/gyerek_fajok.jpg');
}
body.gyerek_feherlepke 
{
    background-image:url('../images/1.jpg');
}
body.gyerek_kokorcsin 
{
    background-image:url('../images/gyerek_kokorcsin.jpg');
}
body.gyerek_hovirag 
{
    background-image:url('../images/gyerek_hovirag.jpg');
}
body.gyerek_herics 
{
    background-image:url('../images/gyerek_herics.jpg');
}
body.gyerek_novenyek 
{
    background-image:url('../images/gyerek_novenyek.jpg');
}
body.gyerek_saska 
{
    background-image:url('../images/gyerek_saska.jpg');
}
body.gyerek_teknos 
{
    background-image:url('../images/gyerek_teknos.jpg');
}
body.gyerek_allatok 
{
    background-image:url('../images/gyerek_allatok.jpg');
}

body.gyerek_szuroscsodabogyo 
{
    background-image:url('../images/gyerek_szuroscsodabogyo.jpg');
}
body.gyerek_fehertunderrozsa 
{
    background-image:url('../images/gyerek_fehertunderrozsa.jpg');
}

/* Background color */

.allat_keletisun
{
    background-color:#f25500;
}
.allat_kozonsegesmokus
{
    background-color:#f28500;
}
.allat_kozonsegesurge
{
    background-color:#DAA520;
}
.allat_kozonsegesvakond
{
    background-color:#FFBA00;
}
.allat_foltosszalamandra
{
    background-color:#808000;
}
.allat_zoldlevelibeka
{
    background-color:#006633;
}
.allat_mocsariteknos
{
    background-color:#3f3c1d;
}
.allat_imadkozosaska
{
    background-color:#024f4f;
}
.allat_szarvasbogar
{
    background-color:#666699;
}
.allat_csikosmedvelepke
{
    background-color:#b46ba2;
}
.allat_farkasalmalepke
{
    background-color:#B03060;
}
.allat_fehertunderrozsa
{
    background-color:#f3b3ca;
}
.allat_hovirag
{
    background-color:#ff9f9f;
}
.allat_leanykokorcsin
{
    background-color:#cc7272;
}
.allat_szuroscsodabogyo
{
    background-color:#957474;
}
.allat_tavasziherics
{
    background-color:#696969;
}
.allat_terkep
{
    background-color:#ffffff;
}

/* Background color hover */

.allat_keletisun_hover
{
    background-color:#e63e03;
}
.allat_kozonsegesmokus_hover
{
    background-color:#ff6600;
}
.allat_kozonsegesurge_hover
{
    background-color:#ba9914;
}
.allat_kozonsegesvakond_hover
{
    background-color:#e0a619;
}
.allat_foltosszalamandra_hover
{
    background-color:#756902;
}
.allat_zoldlevelibeka_hover
{
    background-color:#035030;
}
.allat_mocsariteknos_hover
{
    background-color:#5a5634;
}
.allat_imadkozosaska_hover
{
    background-color:#003333;
}
.allat_szarvasbogar_hover
{
    background-color:#484881;
}
.allat_csikosmedvelepke_hover
{
    background-color:#904b7f;
}
.allat_farkasalmalepke_hover
{
    background-color:#8a1d46;
}
.allat_fehertunderrozsa_hover
{
    background-color:#f098b7;
}
.allat_hovirag_hover
{
    background-color:#f87272;
}
.allat_leanykokorcsin_hover
{
    background-color:#b45151;
}
.allat_szuroscsodabogyo_hover
{
    background-color:#775454;
}
.allat_tavasziherics_hover
{
    background-color:#8a8a8a;
}
.allat_terkep_hover
{
    background-color:#e8e8e8;
}

/* Title color */

.allat_keletisun_title
{
    color:#fac990;
    text-decoration:none;
    font-size: 1.2em;
    font-weight: bold;
}
.allat_kozonsegesmokus_title
{
    color:#F3D74A;
    text-decoration:none;
    font-size: 1.2em;
    font-weight: bold;
}
.allat_kozonsegesurge_title
{
    color:#fce68d;
    text-decoration:none;
    font-size: 1.2em;
    font-weight: bold;
}
.allat_kozonsegesvakond_title
{
    color:#836003;
    text-decoration:none;
    font-size: 1.2em;
    font-weight: bold;
}
.allat_foltosszalamandra_title
{
    color:#FFBF00;
    text-decoration:none;
    font-size: 1.2em;
    font-weight: bold;
}
.allat_zoldlevelibeka_title
{
    color:#99CC33;
    text-decoration:none;
    font-size: 1.2em;
    font-weight: bold;
}
.allat_mocsari_teknos_title
{
    color:#c9d691;
    text-decoration:none;
    font-size: 1.2em;
    font-weight: bold;
}
.allat_imadkozosaska_title
{
    color:#529999;
    text-decoration:none;
    font-size: 1.2em;
    font-weight: bold;
}
.allat_szarvasbogar_title
{
    color:#1c1c4f;
    text-decoration:none;
    font-size: 1.2em;
    font-weight: bold;
}
.allat_csikosmedvelepke_title
{
    color:#e8bddd;
    text-decoration:none;
    font-size: 1.2em;
    font-weight: bold;
}
.allat_farkasalmalepke_title
{
    color:#FF6666;
    text-decoration:none;
    font-size: 1.2em;
    font-weight: bold;
}
.allat_fehertunderrozsa_title
{
    color:#c73838;
    text-decoration:none;
    font-size: 1.2em;
    font-weight: bold;
}
.allat_hovirag_title
{
    color:#c73838;
    text-decoration:none;
    font-size: 1.2em;
    font-weight: bold;
}
.allat_leanykokorcsin_title
{
    color:#882e2e;
    text-decoration:none;
    font-size: 1.2em;
    font-weight: bold;
}
.allat_szuroscsodabogyo_title
{
    color:#d3c1c1;
    text-decoration:none;
    font-size: 1.2em;
    font-weight: bold;
}
.allat_tavasziherics_title
{
    color:#e1dfdf;
    text-decoration:none;
    font-size: 1.2em;
    font-weight: bold;
}
.allat_terkep_title
{
    color:#555555;
    text-decoration:none;
    font-size: 1.2em;
    font-weight: bold;
}

/* Subtitle color */

.allat_keletisun_subtitle
{
    background-color:#333333;
}
.allat_kozonsegesmokus_subtitle
{
    background-color:#333333;
}
.allat_kozonsegesurge_subtitle
{
    background-color:#333333;
}
.allat_kozonsegesvakond_subtitle
{
    background-color:#333333;
}
.allat_foltosszalamandra_subtitle
{
    background-color:#333333;
}
.allat_zoldlevelibeka_subtitle
{
    background-color:#333333;
}
.allat_szarvasbogar_subtitle
{
    background-color:#333333;
}
.allat_csikosmedvelepke_subtitle
{
    background-color:#333333;
}
.allat_farkasalmalepke_subtitle
{
    background-color:#333333;
}


.allat_emlosok
{
    background-color:#F28500;
}
.allat_emlosok_hover
{
    background-color:#ff6600;
}

.allat_keteltuek_es_hullok
{
    background-color:#808000;
}
.allat_keteltuek_es_hullok_hover
{
    background-color:#756902;
}

.allat_egyenesszarnyuak
{
    background-color:#024f4f;
}
.allat_egyenesszarnyuak_hover
{
    background-color:#003333;
}

.allat_bogarak
{
    background-color:#666699;
}
.allat_bogarak_hover
{
    background-color:#484881;
}

.allat_lepkek
{
    background-color:#B03060;
}
.allat_lepkek_hover
{
    background-color:#8a1d46;
}

.allat_novenyek
{
    background-color:#525252;
}
.allat_novenyek_hover
{
    background-color:#696969;
}
