* {margin: 0; padding: 0; border: 0;}
body {color: #2d803b; background: url(/images/bg_body.gif) 0 0 repeat-x #ffffff; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center;}
body, html {height: 100%;}

/* HEADLINES */
h1 {font-size: 13pt; font-weight: bold; color: #e60000; background-color: inherit; text-transform: uppercase;}
h2 {font-size: 14pt; font-weight: bold;}
h3 {font-size: 9pt; font-weight: bold;}
a {color:#99ca3c; text-decoration: underline;}
a:hover{color:#99ca3c; text-decoration: none;}
a:focus, input:focus{outline:0;}
p.red {color: red;}
.terms {cursor: pointer;}
#error {color: red; margin-top: 15px;}
#error ul{margin-left: 40px;}
a.up {display: block; position: relative; margin-right: 30px; padding-bottom: 20px; padding-right:15px; text-align: right; background: url(/images/up.png) right 4px no-repeat;}
div.content .back2home{position: absolute; bottom: 60px; right: 0; width: 120px;}

/* MAIN CONTAINER */
div.holder { margin-left: auto; margin-right: auto; text-align: center; width: 918px;}

/* HEADER */
div.header { position: relative; width: 918px; height: 166px; background: url(/images/bg_header.jpg) 0 0 no-repeat; z-index: 10;}
.logo {position: absolute; top: 0; left: 0; width: 918px; height: 160px;}
.logo a {position: absolute; top: 0; left: 0; display: block; width: 918px; height: 160px; margin: 0; padding: 0; text-indent: -3000px; font-size: 0; overflow: hidden;}

.three {position: absolute; top: 30px; right: 30px; width: 120px; height: 125px;}
.three a {position: absolute; top: 0; left: 0; display: block; width: 120px; height: 125px; margin: 0; padding: 0; text-indent: -3000px; font-size: 0; overflow: hidden;}


/* CONTENT */
div.content {position: relative; min-height: 100%; height: auto; overflow: hidden; margin-top: -166px; margin-bottom: -56px; text-align: left; font-size: 9pt; z-index: 5;}
div.content .main { position: relative; width: 720px; left:200px; min-height: 630px; padding-top: 166px; padding-bottom: 76px; }
div.content .main  p{margin-top: 15px; width: 670px; padding: 0 15px 5px 15px;}
body.home div.content {margin-bottom: -86px;}
body.home div.content .main {padding-bottom: 100px;}
body.home div.content .main{min-height: 320px;}
body.home div.content .main  p{margin-top: 15px; width: 420px; padding: 0 0 5px 15px;}


/* MENUCOL */
div.header #menucol {position: absolute; background: url(/images/bg_menu.png) 0 0 no-repeat; top: 78px; left: 0;}
div.header #menucol ul {position: relative; list-style: none; width: 154px; margin-bottom: 16px; margin-top: 55px; padding-left: 26px;}
div.header #menucol li.level1 { margin-bottom: 6px;}
div.header #menucol li.level1 ul {margin: 0;  padding-top: 11px; padding-bottom: 9px; width: 143px}
div.header #menucol li.level1 a {background-image: url(/images/menu.png); background-repeat: no-repeat; width: 100%; display: block; height: 20px; overflow: hidden; text-indent:-3000px; color: #00a9ec; }
div.header #menucol li.level1 a:focus {outline:0;}
div.header #menucol li.menu1 a {background-position: 0 0;}
div.header #menucol li.menu2 a {background-position: 0 -25px;}
div.header #menucol li.menu3 a {background-position: 0 -51px;}
div.header #menucol li.menu4 a {background-position: 0 -77px;}
div.header #menucol li.menu5 a {background-position: 0 -103px;}
div.header #menucol li.menu1 a:hover, div.content #menucol li.menu1 a.active  {background-position: 0 -129px;}
div.header #menucol li.menu2 a:hover, div.content #menucol li.menu2 a.active  {background-position: 0 -154px;}
div.header #menucol li.menu3 a:hover, div.content #menucol li.menu3 a.active  {background-position: 0 -180px;}
div.header #menucol li.menu4 a:hover, div.content #menucol li.menu4 a.active  {background-position: 0 -206px;}
div.header #menucol li.menu5 a:hover, div.content #menucol li.menu5 a.active  {background-position: 0 -232px;}
div.header div.partnereink {background: url(/images/bg_partenereink.png) 0 0 no-repeat; padding-top: 50px; text-align: center; margin-top: -5px; width: 180px;}

div.content .decorpic_left{float: left; margin: 0 10px 15px 0;}
div.content .decorpic_right{float: right; margin: 0 2px 15px 10px;}
div.content #indeximager {float: right; margin: 0 2px 2px 5px;}
div.content .ill_kremturo{display: block; width: 170px; height: 128px; float: right; margin: 30px 0 15px 15px; background: url(/images/kremturo_nagy.png) 0 0 no-repeat;}
div.content #video {position: relative; margin-top: 15px; margin-left: 15px;}
div.content h1 {position: relative; width: 100%; height: 36px; color: none; margin-bottom: 20px; margin-top: 25px; }
div.content h1 img{position: absolute; top: 0; left: 0;}
div.content h1 span {position: absolute; top: 10px; left: 25px; font-size: 7pt; color: #01B0F1;}
div.content h2 {position: relative; width: 100%;  margin-bottom: 5px; margin-top: 35px; margin-left: 15px;}
div.content h2.result {margin-bottom:-15px;}
div.content h3{position: relative; width: 100%;  margin-bottom: -5px; margin-top: 10px; margin-left: 15px;}
div.content .main ul {position: relative; width: 100%;  margin-bottom: 10px; margin-top: 5px; margin-left: 30px;}
div.content .main ul li{margin-bottom: 2px;}

div.content .half_left, div.content .half_right {position: relative; width: 202px; float: left; text-align: center; margin-top: 20px; margin-bottom: 5px;}
div.content .half_left {clear: left; margin-right: 50px;}
div.thirded .half_left {margin-right: 12px;}

div.content .separator {position: relative; width: 100%; float: none; clear: left; margin-top: 20px; margin-bottom: 5px;}


/*DTS*/
div.content dl dt span {position: absolute; display: block; top: -37px; right: -15px; width: 122px; height: 103px; overflow: hidden; text-indent: -3000px;}
div.content dl dt span.mia {background: url(/images/dt_mia.png) 0 0 no-repeat;}
div.content dl dt span.kremturo {background: url(/images/dt_kremturo.png) 0 0 no-repeat;}
div.content dl dt span.reklam {background: url(/images/dt_reklam.png) 0 0 no-repeat;}
div.content dl dt span.dalma {background: url(/images/dt_dalma.png) 0 0 no-repeat;}

/*FORM*/
div.content form{padding-left: 15px; text-align: left;}
div.content form fieldset div{position: relative; margin-bottom: 4px;}
div.content form fieldset label span {display: inline-block; margin-right: 6px; float: left;}
div.content form input.textfield, div.content form .textarea {position: relative; border: 1px solid #2d803b; padding: 2px 2px 2px 3px; font-size: 8pt;}
div.content form .textarea {height: 80px;}
div.content form .select {border: 1px solid #2d803b; height: 19px; position: relative; top: -1px; font-size: 8pt;}
div.content form .submit {font-weight: bold; font-size: 8pt; color: white; display: block; border: 0px; width: 113px; height: 34px; padding-bottom: 10px; cursor: pointer; background: url(/images/btn_submit.png) center 0  no-repeat; margin-top: 20px;}
div.content form .new {font-weight: bold; font-size: 8pt; color: white; display: block; border: 0px; width: 163px; height: 26px; padding-bottom: 10px; cursor: pointer; background: url(/images/btn_new.png) center 0  no-repeat;}
div.content form .fleft {float: left; margin-right: 20px;}
div.content .main form p {padding-left: 0px;}
div.content .main form .width1 {margin-bottom: 15px;}
div.content .main form .width1 span {width: 110px;}
div.content .main form .width1  .textarea , div.content .main form .width1 .textfield {width: 389px;}
div.content .main form .width2 span {width: 200px;}
div.content .main form .width2 .textarea , div.content .main form .width2 .textfield {width: 300px;}
div.content form .num {width: 32px;}


/*REGISTER*/
div#newschool{display:none; border-bottom:1px solid #2d803b; width: 520px;}

/* PICUPLOAD */
div.content form.picupload {position: relative; width: 100%; float: left;}
div.content form.picupload .relative{height: 30px;}
div.content form.picupload .b1{border: 1px solid #2d803b; background: gray; padding: 2px 2px 2px 3px; font-size: 8pt; position:absolute; opacity: 0; z-index:2; cursor: pointer;}
div.content form.picupload .b2{border: 1px solid #2d803b; border-top: 2px solid #2d803b; border-left: 2px solid #2d803b; background: #f7ffe7; padding: 2px 2px 2px 3px; font-size: 8pt; position:absolute; top:0; z-index:1;}
div.content form.picupload .b3{position:absolute; top:0; left: 340px; z-index:1; cursor: pointer;}
div.content form.picupload .picview { position: relative; left: -15px; margin-top: 15px;}
div.content form.picupload .picture { position: relative; width: 160px; height: 180px; margin-bottom: 20px; float: left; background: url(/images/bg_picture.png) 0 0 no-repeat; }
div.content form.picupload .picture img{ position: absolute; top: 27px; left:16px;}
div.content form.picupload .upload {position:absolute; top:0; left: 410px;font-weight: bold; font-size: 8pt; color: white; display: block; border: 0px; width: 133px; height: 26px; padding-bottom: 10px; cursor: pointer; background: url(/images/btn_kepfeltoltes.png) center 0  no-repeat;}
div.content form.picupload .delete {position:absolute; bottom:0; right: 5px; font-weight: bold; font-size: 8pt; color: white; display: block; border: 0px; width: 85px; height: 26px; padding-bottom: 10px; cursor: pointer; background: url(/images/btn_delete.png) center 0  no-repeat; overflow: hidden; text-indent: -300px;}

/* GALERIA */
div.content form.gallery {padding: 10px 0 10px 0;}
div.content form.gallery .textfield {top: 2px; position: relative;}
div.content form.gallery .picholder {position: relative; margin-top: 10px; left: -2px; width: 705px; height: 190px; background: url(/images/bg_picholder.png) 0 0 no-repeat; padding-left: 15px;}
div.content form.gallery .picholder .name, form.gallery .picholder .boss, form.gallery .picholder .class {position: absolute; top: 23px; color: white; font-size: 8pt; font-weight: bold;}
div.content form.gallery .picholder .name {left: 15px; width: 290px;}
div.content form.gallery .picholder .boss {left: 340px; width: 180px;}
div.content form.gallery .picholder .class {left: 530px; width: 50px;}
div.content form.gallery .picholder img {float: left; border: 2px solid #a6d340; margin: 73px 0 0px 8px;}
div.content form.gallery select{font-weight: bold;}
div.content form.gallery .w1 {width: 100px;}
div.content form.gallery .w2, div.content  form.gallery .w3 {width: 230px;}
div.content form.gallery .search {font-weight: bold; font-size: 8pt; color: white; display: inline-block; border: 0px; width: 105px; height: 26px; padding-bottom: 10px; cursor: pointer; background: url(/images/btn_search.png) center 0  no-repeat;}
div.content form.gallery .vote { position: absolute; right: 12px; top: 35px; font-weight: bold; font-size: 8pt; color: white; display: inline-block; border: 0px; width: 104px; height: 26px; padding-bottom: 10px; cursor: pointer; background: url(/images/btn_vote.png) center 0  no-repeat;}
div.clear {clear:both}

/* PAGER */
div.pager { width: 570px; margin-left: 50%; left: -350px; position: relative;}
div.pager {font-size: 8pt; text-align: center; color: #9a9a9a; background-color: inherit; margin-bottom: 10px; margin-top: 10px;}
div.pager a {color: #2d803b; background-color: inherit; text-decoration: none; font-weight: bold;}
div.pager a:hover {color: #2d803b; background-color: inherit; text-decoration: underline;}
div.pager a.active, div.pager a.active:hover {color: #f18c20;}
div.prev {float: left; width: 100px; text-align: left;}
div.next{float: right; width: 100px; text-align: right;}

/*LOGIN*/
div#login { width: 165px; padding-top: 70px; padding-left: 15px; font-size: 8pt; margin-top: 20px; position: relative; background: url(/images/bg_login.png) 0 0 no-repeat; }
div#login form{ text-align: left;  width: 140px; position: relative; padding: 10px;  text-align: center;}
div#login form fieldset.input, div#login form fieldset.input div, div#login form fieldset.input div label {width: 130px; position: relative; text-align: left;}
div#login form fieldset.input div  {height: 40px;}
div#login form input.textfield {border: 1px solid #2d803b; width: 128px; padding: 2px 2px 2px 3px; font-size: 8pt;}

div#login form .action { position: relative; margin: 2px 0 0 0; width: 134px;}
div#login form .action .submit {font-weight: bold; font-size: 8pt; color: white; display: block; border: 0px; width: 134px; height: 26px; padding-bottom: 10px; cursor: pointer; background: url(/images/btn_login.png) center 0  no-repeat;}
div#login form  a, div#login form  a:hover{ color: 99ca3c;}

/*LOGED*/
div#logged {text-align: center; width: 165px; padding-top: 70px; padding-left: 15px; font-size: 8pt; margin-top: 20px; margin-bottom: 20px;position: relative; background: url(/images/bg_logged.png) 0 0 no-repeat; }
div#logged p {width: 146px; position: relative;}
div#logged a, div#logged a:hover{ color: 99ca3c;}

/* FOOTER */
div.footer {width: 100%; height: 56px; color: #ffffff; background: url(/images/bg_footer.gif) 0 0 repeat-x; font-size:7pt; z-index: 10; position: relative;}
div.foot {margin-left: auto; margin-right: auto; width: 918px; background: url(/images/bg_foot.gif) 0 12px no-repeat; height: 56px;}
body.home div.footer {height: 86px;}
body.home div.foot {height: 86px;}
div.footer #terms {position: absolute; left: 50%; margin-left: -30px; top: 28px; width: 150px; text-align: left;}
div.footer #createdby {position: absolute; left: 50%; margin-left: 0; top: 28px; width: 385px; text-align: right;}
div.footer #copy {position: absolute; left: 50%; margin-left: -385px; top: 28px; width: 385px; text-align: left;}
body.home div.footer #terms {position: absolute; left: 50%; margin-left: -385px; top: 23px; width: 385px; text-align: left;}
body.home div.footer #createdby {position: absolute; left: 50%; margin-left: -385px; top: 44px; width: 385px; text-align: left;}
body.home div.footer #copy {position: absolute; left: 50%; margin-left: -385px; top: 65px; width: 385px; text-align: left;}
div.footer a, div#footer strong {color: #ffffff; background-color: inherit; text-decoration: none;}
div.footer a:hover {color: #ffffff; background-color: inherit; text-decoration: underline;}
div.footer .partnereink {position: absolute; left: 50%; margin-left:12px; top: -59px; width: 385px; text-align: right; }
div.footer .partnereink a{position: relative; top: 43px;}