﻿* { font-family: Tahoma, Helvetica, Veranda, sans-serif; }
body { margin: 0px; padding: 0 0 0 15px; font-size: 13px; color: #000000; background-color: #a1b5be; background-image: url("../images/design/pagebackground.jpg"); background-repeat: repeat-x; }
form { display: inline; margin: 0; }
img { border: 0px; margin: 0px; vertical-align: top; }
p { margin: 0px; }

ul { margin-top: 0px; margin-bottom: 0px; }
ol { margin-top: 0px; margin-bottom: 0px; }

div.clear { clear: both; }
div.center { text-align: center; }

#container { width: 920px; margin: 0px auto 0px auto; background-color: #ffffff; }

#header { width: 900px; height: 212px; padding: 15px 10px 0 10px; background-color: #ffffff; background-image: url("../images/design/headerbackground.jpg"); background-repeat: no-repeat; }

#headerMenu { width: 900px; height: 65px; background-color: #ffffff; background-image: url("../images/design/headermenubackground.jpg"); background-repeat: no-repeat; }
#gamfMenu { display: block; width: 224px; height: 63px; margin: 0 5px 0 2px; background-image: url("../images/design/gamfmenu.jpg"); background-repeat: no-repeat; background-position: 0 0; overflow: hidden; float: left; }
#gamfMenu:hover { background-position: 0 -63px; }
#tfkMenu { display: block; width: 144px; height: 63px; margin: 0 5px 0 5px; background-image: url("../images/design/tfkmenu.jpg"); background-repeat: no-repeat; background-position: 0 0; overflow: hidden; float: left; }
#tfkMenu:hover { background-position: 0 -63px; }
#kfkMenu { display: block; width: 144px; height: 63px; margin: 0 5px 0 5px; background-image: url("../images/design/kfkmenu.jpg"); background-repeat: no-repeat; background-position: 0 0; overflow: hidden; float: left; }
#kfkMenu:hover { background-position: 0 -63px; }
#englishMenu { display: block; width: 41px; height: 32px; margin: 0; background-image: url("../images/design/englishflag.jpg"); background-repeat: no-repeat; background-position: 0 0; overflow: hidden; position: relative; top: 0px; left: 320px; }

#headerImage { width: 900px; height: 113px; background-color: #ffffff; background-image: url("../images/design/headerimage.jpg"); background-repeat: no-repeat; }

#headerNavigation { width: 900px; height: 34px; background-color: #ffffff; background-image: url("../images/design/headernavigationbackground.jpg"); background-repeat: no-repeat; }
#fooldalMenu { display: block; width: 48px; height: 30px; margin: 2px 5px 0 2px; background-image: url("../images/design/navigation/fooldal.jpg"); background-repeat: no-repeat; background-position: 0 0; overflow: hidden; float: left; }
#fooldalMenu:hover { background-position: 0 -30px; }
#bemutatkozasMenu { display: block; width: 87px; height: 30px; margin: 2px 5px 0 5px; background-image: url("../images/design/navigation/bemutatkozas.jpg"); background-repeat: no-repeat; background-position: 0 0; overflow: hidden; float: left; }
#bemutatkozasMenu:hover { background-position: 0 -30px; }
#felveteliMenu { display: block; width: 55px; height: 30px; margin: 2px 5px 0 2px; background-image: url("../images/design/navigation/felveteli.jpg"); background-repeat: no-repeat; background-position: 0 0; overflow: hidden; float: left; }
#felveteliMenu:hover { background-position: 0 -30px; }
#kozpontiegysegekMenu { display: block; width: 114px; height: 30px; margin: 2px 5px 0 5px; background-image: url("../images/design/navigation/kozpontiegysegek.jpg"); background-repeat: no-repeat; background-position: 0 0; overflow: hidden; float: left; }
#kozpontiegysegekMenu:hover { background-position: 0 -30px; }
#elerhetosegekMenu { display: block; width: 89px; height: 30px; margin: 2px 5px 0 5px; background-image: url("../images/design/navigation/elerhetosegek.jpg"); background-repeat: no-repeat; background-position: 0 0; overflow: hidden; float: left; }
#elerhetosegekMenu:hover { background-position: 0 -30px; }
#terkepekMenu { display: block; width: 60px; height: 30px; margin: 2px 5px 0 5px; background-image: url("../images/design/navigation/terkepek.jpg"); background-repeat: no-repeat; background-position: 0 0; overflow: hidden; float: left; }
#terkepekMenu:hover { background-position: 0 -30px; }
#oldalterkepMenu { display: block; width: 73px; height: 30px; margin: 2px 5px 0 5px; background-image: url("../images/design/navigation/oldalterkep.jpg"); background-repeat: no-repeat; background-position: 0 0; overflow: hidden; float: left; }
#oldalterkepMenu:hover { background-position: 0 -30px; }
#fotoalbumMenu { display: block; width: 80px; height: 30px; margin: 2px 5px 0 5px; background-image: url("../images/design/navigation/fotoalbumok.jpg"); background-repeat: no-repeat; background-position: 0 0; overflow: hidden; float: left; }
#fotoalbumMenu:hover { background-position: 0 -30px; }
#nyilvanossagMenu { display: block; width: 83px; height: 30px; margin: 2px 5px 0 5px; background-image: url("../images/design/navigation/nyilvanossag.jpg"); background-repeat: no-repeat; background-position: 0 0; overflow: hidden; float: left; }
#nyilvanossagMenu:hover { background-position: 0 -30px; }
#kepzesekMenu { display: block; width: 60px; height: 30px; margin: 2px 5px 0 5px; background-image: url("../images/design/navigation/kepzesek.jpg"); background-repeat: no-repeat; background-position: 0 0; overflow: hidden; float: left; }
#kepzesekMenu:hover { background-position: 0 -30px; }
#gyengenlatoMenu { display: block; width: 30px; height: 30px; margin: 2px 2px 0 5px; background-image: url("../images/design/navigation/gyengenlato.jpg"); background-repeat: no-repeat; background-position: 0 0; overflow: hidden; float: right; }

#content { width: 900px; padding: 0 10px 0 10px; background-color: #ffffff; background-image: url("../images/design/contentbackground.jpg"); background-repeat: repeat-y; }

#contentMain { width: 630px; padding: 10px 10px 10px 10px; background-color: #ffffff; float: left; text-align: justify; color: #333333; }
#contentMain h1 { font-size: 22px; font-weight: bold; margin: 0 0 20px 0; color: #24618a; text-align: left; }
#contentMain h2 { font-size: 20px; font-weight: bold; margin: 20px 0 11px 0; color: #24618a; text-align: left; }
#contentMain h3 { font-size: 18px; font-weight: bold; margin: 20px 0 11px 0; color: #24618a; text-align: left; }
#contentMain h4 { font-size: 16px; font-weight: bold; margin: 20px 0 11px 0; color: #24618a; }
#contentMain h5 { font-size: 14px; font-weight: bold; margin: 20px 0 11px 0; color: #24618a; }

#contentMain p { line-height: 1.6em; }
#contentMain p.right { text-align: right; }
#contentMain ul { line-height: 1.6em; }
#contentMain div.center { text-align: center; }

#contentMain a { color: #24618a; text-decoration: underline; }
#contentMain a:hover { color: #4c8cb6; }

#contentMain div.mapImageBox { width: 630px; background-color: #f2f5f9; text-align: center; padding: 0 0 5px 0; font-size: 10px; margin: 0 auto 0 auto; }
#contentMain div.mapImageBox p.comment { font-style: italic; }

#contentMain div.imageBoxLeft { display: inline; background-color: #f2f5f9; text-align: center; float: left; margin: 5px 10px 0 0; font-size: 10px; }
#contentMain div.imageBoxRight { display: inline; background-color: #f2f5f9; text-align: center; float: right; margin: 5px 0 0 10px; font-size: 10px; }
#contentMain div.imageBoxCenter { width: 520px; background-color: #f2f5f9; text-align: center; margin: 0 auto 0 auto; font-size: 10px; }

#contentMain img.imageLeft { display: inline; float: left; margin: 5px 10px 0 0; }
#contentMain img.imageRight { display: inline; float: right; margin: 5px 0 0 10px; }

#contentMain div.fileBox { width: 620px; background-color: #f2f5f9; padding: 5px 5px 5px 5px; }

#contentMain table.leftTitle { width: 100%; border-collapse: collapse; border: 1px solid #cdcdcd; text-align: left; }
#contentMain table.leftTitle tr.little { font-size: 11px; }
#contentMain table.leftTitle th { background-color: #e0e8f3; border: 1px solid #cdcdcd; padding: 5px 10px 5px 10px; font-weight: bold; }
#contentMain table.leftTitle th.sub { background-color: #f2f5f9; font-size: 11px; padding: 3px 10px 3px 10px; }
#contentMain table.leftTitle td { border: 1px solid #cdcdcd; padding: 5px 10px 5px 10px; }

#contentMain table.topTitle { width: 100%; border-collapse: collapse; border: 1px solid #cdcdcd; text-align: left; }
#contentMain table.topTitle tr.little { font-size: 11px; }
#contentMain table.topTitle th { background-color: #e0e8f3; border: 1px solid #cdcdcd; padding: 5px 10px 5px 10px; font-weight: bold; }
#contentMain table.topTitle th.sub { background-color: #f2f5f9; font-size: 11px; padding: 3px 10px 3px 10px; }
#contentMain table.topTitle td {border: 1px solid #cdcdcd; padding: 5px 10px 5px 10px; }

#contentMain table.topTitle-kozbesz { width: 100%; border-collapse: collapse; border: 1px solid #cdcdcd; text-align: left; }
#contentMain table.topTitle-kozbesz tr.little { font-size: 11px; }
#contentMain table.topTitle-kozbesz th { background-color: #e0e8f3; border: 1px solid #cdcdcd; padding: 5px 10px 5px 10px; font-weight: bold; }
#contentMain table.topTitle-kozbesz th.sub { background-color: #f2f5f9; font-size: 11px; padding: 3px 10px 3px 10px; }
#contentMain table.topTitle-kozbesz td {font-size: 10px;  border: 1px solid #cdcdcd; padding: 5px 10px 5px 10px; }

#contentMain div.contactLeft { width: 310px; float: left; }
#contentMain div.contactRight { width: 310px; float: right; }

#contentMain div.siteMapLeft { width: 310px; float: left; }
#contentMain div.siteMapLeft ul { line-height: 2em; }
#contentMain div.siteMapRight { width: 310px; float: right; }
#contentMain div.siteMapRight ul { line-height: 2em; }

#contentMain div.galleryBox { width: 200px; margin: 0 4px 0 4px; text-align: center; float: left;}
#contentMain div.galleryBox img { border: 1px solid #cdcdcd; vertical-align: bottom; }
#contentMain div.galleryBox div.galleryTitle { margin: 5px 0 5px 0; font-size: 11px; }
#contentMain div.albumBox { width: 148px; margin: 0 4px 0 4px; text-align: center; float: left;}
#contentMain div.albumBox img { border: 1px solid #cdcdcd; vertical-align: bottom; }
#contentMain div.albumBox div.albumTitle { margin: 5px 0 5px 0; font-size: 11px; }
#contentMain img.galleryImage { border: 1px solid #cdcdcd; float: left; margin: 5px 3px 5px 3px; }

#contentMain div.newsTitle { background-color: #f2f5f9; border: 1px solid #cdcdcd; font-size: 14px; padding: 5px 5px 5px 5px; font-weight: bold; }
#contentMain div.newsContent { padding: 10px; }
#contentMain div.newsFooter { border-top: 1px solid #cdcdcd; font-size: 10px; padding: 2px 0 0 0; margin: 0; }
#contentMain div.newsFooter div.date { width: 300px; float: left; }
#contentMain div.newsFooter div.more { width: 300px; float: right; text-align: right; }

#contentMain div.highlightBox { background-color: #fef0cb; padding: 15px 15px 15px 50px; border: 2px solid #d3a350; background-image: url("../images/design/highlightbackground.jpg"); background-position: 15px 50%; background-repeat: no-repeat; }

#contentMainBottomMenu { border-top: 1px solid #24618a; margin: 20px 0 0 0; padding: 0 5px 0 5px; }
#contentMainBottomMenu div.left { float: left; }
#contentMainBottomMenu div.right { float: right; }
#contentMainBottomMenu a { font-size: 10px; text-decoration: none; }

#contentMenu { width: 250px; padding: 10px 0 10px 0; background-color: #f6f6f6; float: left; }
#contentMenu h1 { font-size: 18px; font-weight: bold; margin: 0 0 11px 0; color: #24618a; }

#searchBox { width: 230px; padding: 0 10px 0 10px; background-image: url("../images/design/contentmenubackground.jpg"); background-repeat: no-repeat;  background-position: 100% 10px; }
#searchBox input.searchText { width: 224px; border: 1px solid #000000; color: #000000; margin: 2px 0 0 0; padding: 2px; background-color: #ffffff; font-size: 11px; font-family: Tahoma, Helvetica, Veranda, sans-serif; }
#searchBox input.searchButton { width: 100px; border: 1px solid #24618a; color: #ffffff; margin: 5px 0 0 0; background-color: #24618a; font-size: 11px; font-weight: bold; font-family: Tahoma, Helvetica, Veranda, sans-serif; }
#searchBox p.comment { font-size: 10px; }

#searchMainBox { width: 250px; }
#searchMainBox input.searchText { width: 224px; border: 1px solid #000000; color: #000000; margin: 2px 0 0 0; padding: 2px; background-color: #ffffff; font-size: 11px; font-family: Tahoma, Helvetica, Veranda, sans-serif; }
#searchMainBox input.searchButton { width: 100px; border: 1px solid #24618a; color: #ffffff; margin: 5px 0 0 0; background-color: #24618a; font-size: 11px; font-weight: bold; font-family: Tahoma, Helvetica, Veranda, sans-serif; }
#searchMainBox p.comment { font-size: 10px; }

#footer { width: 900px; height: 47px; padding: 0 10px 0 10px; background-color: #ffffff; background-image: url("../images/design/footerbackground.jpg"); background-repeat: no-repeat; }
#footerText { width: 890px; height: 24px; padding: 8px 5px 0 5px; background-color: #ffffff; background-image: url("../images/design/footertextbackground.jpg"); background-repeat: no-repeat; font-weight: bold; text-align: right; }

#categoryPage a.cat { display: block; width: 220px; padding: 10px 10px 10px 20px; color: #24618a; background-color: #f6f6f6; font-weight: bold; text-decoration: none; }
#categoryPage a.cat:hover { background-color: #d4e4eb; }
#categoryPage a.catSelected { display: block; width: 220px; padding: 10px 10px 10px 20px; color: #000000; background-color: #ffffff; background-image: url("../images/design/selectedmenubackground.jpg"); background-repeat: no-repeat; background-position: 0 50%; font-weight: bold; text-decoration: none; }
#categoryPage a.catSelected:hover { }
#categoryPage a.sub { display: block; padding: 5px 10px 5px 35px; font-size: 10px; color: #24618a; background-color: #f6f6f6; background-image: url("../images/design/subpagemenubackground.jpg"); background-repeat: no-repeat; background-position: 20px 50%; font-weight: bold; text-decoration: none; }
#categoryPage a.sub:hover { text-decoration: underline; }
#categoryPage h1 { padding: 0 0 0 10px; }

#categoryPage div.separator { width: 100%; height: 2px; background-color: #ffffff; }

#highlightedPage a.page { display: block; width: 220px; padding: 10px 10px 10px 20px; color: #24618a; background-color: #f6f6f6; font-weight: bold; text-decoration: none; }
#highlightedPage a.page:hover { background-color: #d4e4eb; }
#highlightedPage h1 { padding: 0 0 0 10px; }
#highlightedPage div.separator { width: 100%; height: 2px; background-color: #ffffff; }

#contentMain p.searchURL { font-size: 11px; color: #cdcdcd; }
#contentMain p.searchResult { font-size: 16px; color: #24618a; font-weight: bold; }
