/* kornyezetvedelmi termekdij // style.css */

body { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; background: #fff url('grafix/bg_body.jpg') repeat-y center center; font-size: 14px; }
h1 { font-style: italic; }

a { color: #690; text-decoration: underline; }
a:hover { color: #690; text-decoration: none; }
label { display: block; }
a img { border: none; }

#kontener { width: 960px; position: absolute; top: 0; left: 50%; margin-left: -480px; background: url('grafix/bg_test.jpg') repeat-x top left; overflow: hidden;  }
#fej { position: relative; height: 240px; overflow: hidden;  background: url('grafix/bg_fej.jpg') no-repeat top left; }
#nev { position: absolute; top: 30px; left: 20px; }
#nev h1 { color: #900; margin: 0; padding: 0; }
#nev p { color: #666; margin: 0; padding: 0; }

#menu { position: absolute; top: 150px; left: 0; }
#menu a { display: block; height: 30px; text-align: center; float: left; padding-top: 10px; color: #000; font-weight: bold; text-decoration: none; font-style: italic; }
#menu a:hover, #menu a.on { color: #fff; text-decoration: none; }
#menu a.cimlap { width: 75px; border-right: 1px solid #669933; }
#menu a.rolunk { width: 75px; border-left: 1px solid #99CC33; border-right: 1px solid #669933; }
#menu a.szolgaltatasok { width: 130px; border-left: 1px solid #99CC33; border-right: 1px solid #669933;  }
#menu a.kapcsolat { width: 90px; border-left: 1px solid #99CC33;  }
#kep { width: 319px; height: 240px; position: absolute; top: 0px; right: 40px; background: url('grafix/fold2.jpg') no-repeat top left; }

#hirek { clear: both; width: 425px; float: left; background: url('grafix/bg_hirek.jpg') no-repeat top left; padding: 20px; overflow: hidden; margin-left: 7px; margin-top: 20px; }
#hirek .hir { margin-top: 10px; padding-top: 10px; border-top: 1px solid #ddd; }
#hirek h2 { font-size: 18px; margin: 0; padding: 0; color: #900; font-style: italic; }
#hirek .hir .info { font-size: 11px; color: #666; padding-top: 0; margin-top: 0; }


#bejelentkezes { width: 425px; float: left; padding: 20px; }
#bejelentkezes h2 { font-size: 18px; margin: 0; padding: 0; color: #900; font-style: italic; }
#bejelentkezes .index-letoltes { margin-top: 40px; margin-left: -10px; }

#partnerek { width: 125px; background: url('grafix/partnerek.png') no-repeat center 30px;  padding-top: 80px; text-align: center; position: absolute; top: 55px; left: 460px; }
#partnerek a { font-weight: bold; }


.kiemelt { position: relative; width: 425px; float: left; height: 50px; background: url('grafix/bg_kiemelt.jpg') repeat-x top left; padding: 20px; overflow: hidden; margin-left: 7px; margin-top: 20px; margin-bottom: -10px; padding-top: 5px; }
.kiemelt p { margin: 0; padding: 0; padding-top: 5px; }
.kiemelt a { color: #900; }

.tartalom { position: relative; width: 425px; float: left; height: 178px; background: url('grafix/bg_tartalom.jpg') repeat-x top left; padding: 20px; overflow: hidden; margin-left: 7px; margin-top: 20px; }
.tartalom .bf { position: absolute; top: 0; left: 0; width: 23px; height: 23px; background: url('grafix/bg_tartalom_bf.jpg') no-repeat top left; }
.tartalom .jf { position: absolute; top: 0; right: 0; width: 23px; height: 23px; background: url('grafix/bg_tartalom_jf.jpg') no-repeat top right; }
.tartalom .bl { position: absolute; bottom: 0; left: 0; width: 23px; height: 23px; background: url('grafix/bg_tartalom_bl.jpg') no-repeat bottom left; }
.tartalom .jl { position: absolute; bottom: 0; right: 0; width: 23px; height: 23px; background: url('grafix/bg_tartalom_jl.jpg') no-repeat bottom right; }
.tartalom h2, .kiemelt h2 { font-size: 18px; margin: 0; padding: 0; color: #900; font-style: italic; }
.tartalom ul { list-style: none; margin-left: 0; padding: 0; }
.tartalom ul li { background: url('grafix/list.png') no-repeat left center; padding: 6px; padding-left: 30px; }
.tartalom ul li a { text-decoration: underline; color: #000; }
.tartalom ul li a:hover { text-decoration: none; }

#test { position: relative; }
.aloldal { padding: 20px; }

.column { float: left; width: 50% }

#kepkicsi { width: 227px; height: 183px; position: absolute; right: 100px; background: url('grafix/foldkicsi.jpg') no-repeat top left; }

#udvozlo { float: left; width: 425px; height: 150px; padding: 20px; }
#udvozlo h1 { font-size: 18px; }

.oszlop { padding: 20px; width: 425px; float: left; overflow: hidden; }
.oszlop h1, .aloldal h1 { font-size: 18px; font-style: italic; color: #900 }
.oszlop h2, .aloldal h2 { font-size: 16px; font-style: italic; color: #690 }
p.space { clear: both; border-top: 1px solid #ddd; padding: 20px; }

#lab { clear: both; border-top: 1px solid #ddd; margin-top: 30px; padding: 10px; color: #999; font-size: 12px; }
#lab2 { border-top: 1px solid #ddd; margin-top: 20px; padding: 10px; color: #999; font-size: 12px; }
#lab p, #lab2 p { margin: 0; padding: 0; }
#lab p.left, #lab2 p.left { width: 500px; float: left; padding-bottom: 20px; }
#lab p.right, #lab2 p.right { width: 430px; float: left; text-align: right }

.loginlabel { clear: both; width: 120px; float: left; padding: 0; margin: 0; text-align: right; padding-right: 40px; }
.logininput { float: left; width: 260px; padding: 0; margin: 0; }
.logininput input { width: 210px; margin-bottom: 5px; }
.loginsubmit { text-align: center; }

.formlabel { clear: both; width: 250px; float: left; overflow: hidden; margin: 5px; margin-left: 100px; }
.forminput { float: left; width: 300px; margin: 5px;  }
.true { width: 300px; border: 1px solid #999; background: #eee; } 
.false { width: 300px; border: 2px solid #900; background: #fdc url('grafix/hibasbg.gif'); }
.formhiba { float: left; width: 24px; height: 20px; background: #fff url('grafix/err.jpg') no-repeat top left; margin-top: 5px; margin-left: 10px; }
.submit { clear: both; padding-left: 265px; padding-top: 30px; }

.letoltespdf { border-top: 1px solid #ddd; padding: 20px; overflow: hidden; }
.letoltespdf h3 { margin: 0; padding: 0; }
.letoltespdf p { margin: 0; padding: 0; margin-bottom: 10px; }
.letoltespdf .img { float: left; width: 80px; }
.letoltespdf .szoveg { float: left; width: 500px; }
a.letoltes { display: block; width: 200px; height: 25px; color: #000; text-decoration: none; background-image: url('grafix/letoltes.jpg'); background-repeat: no-repeat; background-position: top left; padding-top: 5px; text-align: center; }
a.letoltes:hover { background-position: bottom left; color: #000; text-decoration: none; }

#admin-test { padding: 10px 20px; }