body {padding: 0; margin: 0; border: 0; background-color: #fff; background: url(pics/bg.jpg); background-position: 678px 0; background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: .8em;}

a {color:  #2878A0; text-decoration: underline; font-weight: bold;}
a:hover {color: #CD1111; text-decoration: none;}

h1 {color:  #940606; font-size: 1.6em; display: block; border-bottom: 1px solid #ddd; text-align: center;}
h2 {color:  #940606; font-size: 1.2em; padding-left: 30px;}
h3 {color:  #940606; font-size: 1em;}

ul {margin: 0; padding: 0;}

#body {width: 678px;}

#fejlec {border: 0; margin: 0; padding: 0; width: 678px; height: 29px; background-image: url("pics/fejlec.jpg"); background-repeat: no-repeat;}
#fejlec a {border: 0; margin: 0; padding: 0; width: 60px; height: 29px; display: block; text-indent: -1000px;}

#tollteteje {width: 158px; height: 284px; float:left; background-image: url("pics/tollteteje.jpg"); background-repeat: no-repeat;}

#linkek {width: 188px; height: 284px; position: relative; float:left;  background-image: url("pics/linkek.png"); background-repeat: no-repeat;list-style: none; margin: 0; padding: 0;}
#linkek li {margin: 0; padding: 0; list-style: none; float: left; display: block; }
#linkek ul {list-style: none; margin: 0; padding: 0; background-image: url("pics/linkbg.png"); background-repeat: repeat-x;}
#linkek li, #linkek a {height: 21px; display: block; text-decoration: underline; text-indent:-1000px;}

#fooldal {position: relative; top: 36px; width: 188px;}
#grafologia {position: relative; top: 36px; width: 188px;}
#elemzesrol {position: relative; top: 36px; width: 188px;}
#szolgaltatasok {position: relative; top: 36px;width: 188px;}
#publikaciok {position: relative; top: 36px; width: 188px;}
#mintaelemzesek {position: relative; top: 36px;width: 188px;}
#extrak {position: relative; top: 36px; width: 188px;}
#elerhetoseg {position: relative; top: 36px; width: 188px;}

#fooldal a:hover {background: transparent url("pics/linkekv.png") 0px -36px no-repeat; height: 21px;}
#grafologia a:hover {background: transparent url("pics/linkekv.png") 0 -57px no-repeat; height: 21px;}
#elemzesrol a:hover {background: transparent url("pics/linkekv.png") 0 -78px no-repeat; height: 21px;}
#szolgaltatasok a:hover {background: transparent url("pics/linkekv.png") 0 -99px no-repeat; height: 21px;}
#publikaciok a:hover {background: transparent url("pics/linkekv.png")  0 -120px no-repeat; height: 21px;}
#mintaelemzesek a:hover {background: transparent url("pics/linkekv.png")  0 -141px no-repeat; height: 21px;}
#extrak a:hover {background: transparent url("pics/linkekv.png") 0 -162px  no-repeat; height: 21px;}
#elerhetoseg a:hover {background: transparent url("pics/linkekv.png") 0 -183px  no-repeat; height: 21px;}

#fokep {width: 301px; height: 284px; float:left;  background-image: url("pics/kep.jpg"); background-repeat: no-repeat; margin: 0; padding: 0;}

#joegeszseget {position: absolute; top: 340px; left: 750px;}
#joegeszseget a {border:1px solid #fff; display: block;}
#joegeszseget a:hover {border:1px solid #616910;}
#igazitarsam a {border:1px solid #fff; display: block;}
#igazitarsam a:hover {border:1px solid #790000;}

/* pozicionálás */
.kepbal {float: left; margin: 5px 10px 5px 0;}
.kepkozep {margin: 5px;}
.kepjobb {float: right; margin: 5px 0 5px 10px;}

.bal {text-align: left;}
.kozep {text-align: center;}
.jobb {text-align: right;}

#oldaljelzok {width: 31px; height: 284px;  position: relative; float:left; background-image: url("pics/oldaljelzok.png"); background-repeat: no-repeat;list-style: none;}
#oldaljelzok li {margin: 0; padding: 0; float: left; display: block; list-style: none;}
#oldaljelzok ul {margin: 0; padding: 0; background-image: url("pics/oldaljelzok.png"); background-repeat: repeat-x;}
#oldaljelzok li, #oldaljelzok #kerdezz a {width: 31px; height: 134px; display: block; text-decoration: underline; text-indent: -1000px;}
#oldaljelzok #vendegkonyv a {width: 31px;height: 150px; display: block; text-decoration: underline; text-indent: -1000px;}
#oldaljelzok #kerdezz  {position: relative; top: 0; width: 31px; height: 134px;}
#oldaljelzok #vendegkonyv  {position: relative; top: width: 31px; height: 150px;}
#oldaljelzok #kerdezz a:hover {background: transparent url("pics/oldaljelzokv.png") 0 0 no-repeat; height: 134px;  width: 31px;}
#oldaljelzok #vendegkonyv a:hover {background: transparent url("pics/oldaljelzokv.png") 0 -134px no-repeat; height: 150px;  width: 31px;}

#tartalom {width: 678px; background-image: url("pics/tartalombg.jpg"); float: left; padding-top: 0 ; margin: 0;}
#tartalom ul li {padding: 10px 0 0 0; list-style-type: disc; list-style-position: outside; list-style-image: url(pics/tartalomicon.png);}
#tartalom ol {padding-top: 10px;  list-style-position: outside;}
#tartalom ul li a.forras {color: #C48585;}
#tartalom ul li a.forras:hover {color: #2878A0;}

.alpontok {padding: 0 30px;}

#tollalja {width: 158px; height: 220px; float:left; background-image: url("pics/tollalja.jpg"); background-repeat: no-repeat; padding: 1px; margin: 0;}
#szoveg {width: 400px; float: right; padding: 1px 70px 0 20px;}

#lablec {width: 678px; height: 248px; float: left; background-image: url("pics/lablec.jpg"); background-repeat: no-repeat; font-size: .7em; text-align: right; vertical-align: baseline;}
#lablec a {text-decoration: none; color: #C70C0C;}
#lablec a:hover {text-decoration: underline; color: #026292;}
#lablec ul {padding: 230px 65px 0 0;}
#lablec li {display: inline;}

/* színek */
.sarga {background: #FCF0AC;}
.piros {background: #FCE5E5;}

/* kisegítő divek */
#akadalymentesitett {width:33px; height:48px; padding: 0 0 0 30px; display:block; background: #fff url("pics/akadalymentesitett.png") no-repeat;}
#alka li {padding-top: 26px;}
#kisablak {background: #fff; padding: 0; margin: 18px; width: 380px;}

/* képeknek */

.hoverbox {cursor: default; list-style: none; padding:0; margin: 0px;}
.hoverbox a {cursor: pointer;}
.hoverbox a .preview {display: none;}
.hoverbox a:hover .preview {display: block; position: absolute; top: -33px; left: -45px; z-index: 1; }
.hoverbox img {background: #fff; border-top: 1px solid #bbb; border-right: 2px solid #667; border-bottom: 2px solid #667; border-left: 1px solid #bbb; margin: 10px; vertical-align: top;}
.hoverbox p {background: #fff; display: inline; margin: 0; padding: 0; position: relative; float: left;}
.hoverbox .preview {border-color: #000;}       

.cikkkep {float: right;}

.bevitel {height: 16px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #ddd; padding: 1px; font-family: "Courier New", Courier, monospace; margin-bottom: 12px; color:  #940606;}
.uzenet {height: 150px; border: 1px solid #ddd; padding: 1px; font-family: "Courier New", Courier, monospace; color:  #940606; font-size: 1em;}

#programajanlo {border: 1px solid #CD1111; padding: 0 10px; background: url(pics/programajanlo.jpg) no-repeat;}