/* CSS Document */

body {
background-color:#f2ead6;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;
color:#000066;
margin:0pt;
padding:0pt;
}

#container {
position:relative;
width:900px;
background:transparent url(img/container_bg.gif) repeat-y;
margin:0pt auto;
padding:0px;
}
#header {
position:relative;
background:transparent url(img/header_nav_bg.gif) repeat-x;
height:148px;
margin:0px 20px;
width:860px;
}

#header h1 {
color:#63872a;
margin:0px;
padding:0px;
}

#content {
float:left;
position:relative;
width:860px;
margin:0px;
padding:0px 20px;
}

#mainLeft {
float:left;
padding:21px;
width:531px;
background:transparent url(img/content_bg.gif) repeat-x;
}

#tartalom {
width:518px;
margin:0px 9px 0px 5px;
}

#mainRight {
background:transparent url(img/rt_bg.gif) repeat-y scroll center top;
float:left;
height:auto;
width:287px;
}

.rtshadow {
background:transparent url(img/rt_shadow.gif) no-repeat scroll center top;
float:left;
height:725px;
min-height:725px;
width:19px;
}

.rtcontent {
float:left;
width:268px;
}



#footerWrap {
background:transparent url(img/container_bg.gif) repeat-y scroll center;
bottom:0pt;
clear:both;
margin:0pt auto;
padding:0px;
position:relative;
width:900px;
}

#virag {
position:absolute;
background:url(img/virag.jpg) no-repeat;
width:207px;
height:100px;
top:38px;
left:667px;
}

#intro_header {
position:relative;
background:transparent url(img/header_bg.gif) repeat-x;
height:165px;
margin:0px 20px;
width:860px;
}

#intro_header h1 {
color:#f5fafd;
padding:50px 0px;
margin:0px;
}


#intro_header .kezdo_title {
position:absolute;
width:500px;
height:100px;
top:18px;
left:220px;
/*background-color:#666666;*/
color:#195e94;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:30px;
font-style:italic;
}
#intro_header .kezdo_title span {
color:#195e94;
font-family:"Times New Roman",Times,serif;
font-size:38px;
font-style:italic;
}

#intro_header .kezdo_logo {
position:absolute;
width:217px;
height:125px;
top:0px;
left:0px;
background:url(img/kezdo_logo.jpg) no-repeat;
}

#intro_header .felhok {
position:absolute;
width:860px;
height:125px;
top:0px;
left:60px;
background:url(img/felhok.jpg) no-repeat;
}

#intro_header .kezdo_slogen {
position:absolute;
width:400px;
height:40px;
top:65px;
left:360px;
color:#5498cd;
font-size:26px;
font-style:italic;
font-family:"Times New Roman",Times,serif;
}

#intro_udulesi {
position:absolute;
width:162px;
height:70px;
top:25px;
left:680px;
background:url(img/udulesi.jpg) no-repeat;
}

#intro_content {
float:left;
position:relative;
width:860px;
margin:0px;
padding:0px 20px;
}



#header .title {
position:absolute;
width:500px;
height:100px;
top:22px;
left:35px;
/*background-color:#666666;*/
color:#d2d591;
font-family:"Times New Roman",Times,serif;
font-size:36px;
font-weight:normal;
}
#header .title span {
color:#ffffff;
font-family:"Times New Roman",Times,serif;
font-size:38px;
font-style:italic;
}

#header .slogen {
position:absolute;
width:400px;
height:40px;
top:65px;
left:300px;
color:#c9d9b0;
font-size:24px;
font-style:italic;
font-family:"Times New Roman",Times,serif;
}

.telefon {
position:absolute;
font-size:16px;
background:url(img/telefon.gif) no-repeat bottom right;
width:270px;
height:100px;
top:5px;
left:590px;
line-height:24px;
color:#304e00;
}

/*intro*/
#flaglister {
position:absolute;
width:650px;
height:39px;
top:126px;
left:220px;
}
#flaglister ul {
height:39px;
margin:0px;
padding:0px;
}
#flaglister ul li {
float:left;
background-repeat:no-repeat;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
padding:0px;
}
#flaglister ul li.separator {
float:left;
background:url(img/menu_separator.gif) no-repeat;
width:4px;
height:39px;
}
#flaglister ul li a {
color:#396000;
display:block;
width:80px;
height:39px;
line-height:37px;
text-align:left;
padding-left:70px;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:16px;
font-weight:normal;
letter-spacing:1px;
text-decoration:none;
}
#flaglister ul li a:hover {
/*background:url(img/menu_on_bg.gif) repeat-x;*/
color:#598419;
text-decoration:underline;
}

#flaglister ul li a.menu1 {
background:url(img/magyar.jpg) no-repeat 15px 0px;
}
#flaglister ul li a.menu2 {
background:url(img/nemet.jpg) no-repeat 15px 0px;
}
#flaglister ul li a.menu3 {
background:url(img/angol.jpg) no-repeat 15px 0px;
}
#flaglister ul li a.menu4 {
background:url(img/orosz.jpg) no-repeat 15px 0px;
}
/*intro vége*/


#menulister {
position:absolute;
width:856px;
height:39px;
top:109px;
left:0px;
}
#menulister ul {
height:39px;
margin:0px;
padding:0px;
}
#menulister ul li {
float:left;
background-repeat:no-repeat;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
padding:0px;
}
#menulister ul li.separator {
float:left;
background:url(img/menu_separator.gif) no-repeat;
width:4px;
height:39px;
}
#menulister ul li a {
color:#396000;
display:block;
width:90px;
height:39px;
line-height:37px;
text-align:center;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:16px;
font-weight:normal;
letter-spacing:1px;
text-decoration:none;
}
#menulister ul li a:hover {
background:url(img/menu_on_bg.gif) repeat-x;
color:#ffffff;
}

#menulister ul li a.menu1 {
width:85px;
}
#menulister ul li a.menu2 {
width:140px;
}
#menulister ul li a.menu3 {
width:150px;
}
#menulister ul li a.menu4 {
width:90px;
}
#menulister ul li a.menu5 {
width:120px;
}
#menulister ul li a.menu6 {
width:125px;
}
#menulister ul li a.menu7 {
width:120px;
}



#logo {
width:100%;
height:193px;
background:url(img/logo.gif) no-repeat;
}

#piktogram {
width:240px;
height:80px;
margin:0px auto 20px auto;
}

#piktogram img{
width:40px;
height:40px;
float:left;
border:none;
padding:0px;
margin:0px;
}

#heviz_menu {
position:relative;
background:#eaf5f7 url(img/heviz_kep.jpg) no-repeat 6px 0px;
width:268px;
padding-top:140px;
}

#heviz_menu ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0px;
margin:0px 15px;
padding:10px 0px;
}
#heviz_menu li {
color:#6699CC;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;
margin:0pt;
padding:0px;
}
#heviz_menu li a {
background:transparent url(img/arrow.gif) no-repeat scroll 10px 6px;
color:#294776;
font-weight:normal;
margin:0px;
padding:0px 0px 0px 28px;
line-height:30px;
text-decoration:none;
}
#heviz_menu li a:hover {
color:#639CB6;
text-decoration:underline;
}

#flash_keret {
width:530px;
height:235px;
background:url(img/flash_keret.gif) no-repeat;
}

#flash {
padding:10px;
}

/*szöveg formázás*/

#introText {
background:transparent url(img/intro_bg.gif) repeat-x scroll center bottom;
padding:5px 20px 5px 20px;
}
#introText h1 {
color:#01678d;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:26px;
font-weight:normal;
margin:0px;
margin-top:4px;
margin-bottom:10px;
}
#introText h1 span {
color:#01678d;
font-family:"Times New Roman",Times,serif;
font-size:36px;
font-style:italic;
}
#introText h2 {
color:#3684a7;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:20px;
font-weight:normal;
line-height:26px;
margin:0px;
padding:0px;
}
#introText h2 span {
color:#01678d;
font-size:20px;
font-style:italic;
padding-bottom:10px;
}
#introText h3 {
color:#4891b2;
font-family:"Times New Roman",Times,serif;
font-size:18px;
font-weight:normal;
line-height:24px;
margin:10px 0px;
}
#introText h4 {
color:#000000;
font-family:"Times New Roman",Times,serif;
font-size:22px;
}
#introText a {
color:#008DD8;
text-decoration:none;
}
#introText a:hover {
color:#008DD8;
text-decoration:underline;
}
#introShadow {
background:transparent url(img/intro_shadow.jpg) no-repeat;
display:block;
height:20px;
margin-top:2px;
width:487px;
}



p {
padding:8px 0px;
margin:0px;
color:#000066;
line-height:22px;
}

h1 {
color:#01678d;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:22px;
font-weight:normal;
margin:10px 0px 5px 0px;
}
h1 span {
color:#01678d;
font-family:"Times New Roman",Times,serif;
font-size:32px;
font-style:italic;
}
h2 {
color:#3684a7;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:18px;
font-weight:normal;
line-height:24px;
margin:0px;
padding:10px 0px;
}
h2 span {
color:#000000;
font-size:20px;
font-style:italic;
padding-bottom:10px;
}
h3 {
color:#3684a7;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:16px;
font-weight:normal;
line-height:24px;
margin:10px 0px;
}
h4 {
color:#000000;
font-family:"Times New Roman",Times,serif;
font-size:22px;
}

#mainLeft ul {
padding:0px;
margin:0px;
list-style-type:none;
list-style:none;
line-height:22px;
}

#mainLeft ul li {
background:url(img/arrow.gif) no-repeat 10px 13px;
padding:5px 0px 5px 30px;
margin:0px;
}




#footerMember {
background-color:#FFFFFF;
border-top:1px solid #C0C0C0;
height:50px;
margin:0px 20px;
text-align:center;
}
#footerMember ul {
margin:0px;
padding:0px;
}
#footerMember ul li {
font-size:13px;
display:inline;
text-align:center;
line-height:50px;
padding:0px 5px;
}

#footer {
position:relative;
background:url(img/new_footer_bg.gif) no-repeat;
bottom:0pt;
width:888px;
height:98px;
clear:both;
color:#336699;
margin:0px 6px;
padding:0px;
}

#copyright {
position:absolute;
width:810px;
height:28px;
top:70px;
left:30px;
color:#FFFFFF;
}

a.link,p a {
color:#008DD8;
font-weight:normal;
text-decoration:none;
}
a.link:hover,p a:hover {
color:#5b801a;
}


.hr {
clear:both;
width:100%;
height:2px;
border-bottom:1px solid #53a0c3;
margin:15px 0px;
padding:0px 0px;
line-height:2px;
}






/*popupimages*/

.thumbnail{
position: relative;
z-index: 0;
line-height:22px;
color:#0066CC;
text-decoration:none;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.kirandulas1 .thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -200px;
left: 120px; /*position where enlarged image should offset horizontally */
}

.kirandulas2 .thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -200px;
left: -410px; /*position where enlarged image should offset horizontally */
}
/*popupimages*/

.kirandulas1 b, .kirandulas2 b {
line-height:30px;
font-size:13px;
}

.kepek {
border:solid 2px #1588aa
}