@charset "utf-8";
body {margin: 0; padding: 0; color: #9d835c; font-family: Arial, serif, "Palatino Linotype", "Book Antiqua", Palatino; background: #edd9b2 url(bgb.jpg) center repeat-y;}
div {margin: 0px;}
img {border: none;}
a {color: #344744; font-weight: bold; text-decoration: none;}
a:hover {text-decoration: underline;}

#index {background: #edd9b2;}
#index #main {position: absolute; width: 780px; height: 385px; top: 50%; left: 50%; margin-left: -390px; margin-top: -210px; text-align: center; background: url(index_bgb.jpg) center center no-repeat;}
#update {width: 457px; height: 32px; margin: 366px 0 0 161px; padding: 0; background: url(update_bgb.jpg) no-repeat;}
#index #update p {text-align: center; color: #663333; font-size: 16px; line-height: 32px; font-weight: bold; margin: 0; padding: 0;}
#flags {width: 457px; height: 32px; margin: 0 0 0 161px; padding: 5px; background: url(flags_bgb.jpg) no-repeat;}
#flags img {width: 37px; height: 22px; border: none;}
#flags a {margin: 5px;}
#header {width: 100%; height: 157px; clear: left;}
#head {position: absolute; top: 0px; left: 50%; margin-left: -380px; width: 760px; height: 157px;}
#head img {margin: 35px 0 0 250px;}
#head a {display: block; position: absolute; top: 0px; left: 50%; margin-left: -380px; width: 760px; height: 157px; text-indent: -200px;}
#l {position: absolute; top: 0px; left: 0px; width: 50%; height: 157px; background: url(bg_l.gif) repeat-x;}
#r {position: absolute; top: 0px; right: 0px; width: 50%; height: 157px; background: url(bg_r.gif) repeat-x;}

#container {position: absolute; top: 157px; left: 50%; margin-left: -380px; width: 760px; background: #edd9b2 url(left_bg.jpg) left repeat-y;}
#cont_in {display: block; clear: left; width: 760px; background: url(bottom.gif) bottom left no-repeat; outline: 1px solid red;}
#left {float: left; width: 160px; margin: 0; margin-bottom: 120px;}
#left a {display: block; height: 25px; margin: 0; padding: 0 12px 0 0; text-align: right; color: #344744; line-height: 25px; font-weight: bold; font-style: italic; text-decoration: none; background: url(nav_bg.jpg);}
#left a#active {color: #C00;}
#left a:hover {background: url(nav_bg_over.jpg);}
#left a#active:hover {background: url(nav_bg.jpg);}
#menu {margin: 0; padding: 0; border-bottom: 2px solid #71651b;}
#menu_btm {position: relative;}
#menu_btm span {position: absolute; top: 90px; left: 5px;}
#menu_btm span a {display: inline; background: none; margin: 0 0 0 8px;}
#menu_btm span a:hover {background: none;}
#main {float: left; width: 600px; background: #edd9b2;}
#title {height: 30px; margin-top: 3px; padding: 5px; border-top: 1px solid #ffffff; border-bottom: 2px solid #71651b; background: #d7e2e4 url(title_bg.jpg) bottom repeat-x;}
#title h1 {margin: 0; padding: 0 12px 0 0; text-align: right; color: #344744; line-height: 28px; font-size: 22px; font-weight: bold; font-style: italic;}
#title h1 span {float: left;}
#content {padding: 10px; font-weight: bold;}
#content div {clear: left; position: relative; margin: 0 0 10px 0; padding: 0; background: #ffffff url(content_bg.jpg) repeat-y;}
#content div h2 {margin: 0; padding: 0 10px 0 10px; color: #344744; line-height: 44px; font-size: 20px; background: #ffffff url(content_top_bgb.gif) top no-repeat;}
#content div#h2 {margin: 0; height: 15px; background: #ffffff url(content_top_bgb.gif) top no-repeat;}
#content div h2 a {font-size: 14px;}
#content div h3 {margin: 0; padding: 0 10px 0 10px;}
#content div h3.name {margin-bottom: 10px; color: #344744; text-align: right;}
#content div .highlight {font-weight: bold;}
#content div p {margin: 5px; padding: 0 10px 0 10px;}
#content div span.box {display: block; float: left; margin: 0 10px 10px 0; padding: 15px; border: 1px solid #d4d4d4; background: #f3f3f3;}
#content div a.floatbox {display: block; float: left; margin: 0 10px 10px 0; padding: 15px; border: 1px solid #d4d4d4; background: #f3f3f3;}
#content div a.floatbox:hover {display: block; float: left; margin: 0 10px 10px 0; padding: 15px; border: 1px solid #d4d4d4; background: #d7e2e4;}
#content div.dog span.box {display: block; float: left; margin: 0 10px 10px 0; padding: 15px; border: 1px solid #d4d4d4; background: #f3f3f3;}
#content div.dog a.box {display: block; float: left; margin: 0 10px 10px 0; padding: 15px; border: 1px solid #d4d4d4; background: #f3f3f3;}
#content div.dog a.box:hover {display: block; float: left; margin: 0 10px 10px 0; padding: 15px; border: 1px solid #d4d4d4; background: #d7e2e4;}
#content div p.close {clear: left; width: 580px; height: 10px; margin: 0 0 15px 0; padding: 0; border: none; background: url(content_btm_bgb.jpg) bottom no-repeat;}
#content div#pedigree table {clear: left; width: 540px; margin: 15px; border-collapse: separate;}
#content div#pedigree table td {width: 140px; border: 1px solid #aab4bc; margin: 2px; padding: 5px; text-align: center; vertical-align: middle; font-size: 12px;}
#content div#pedigree a.floatbox {float: none; display: block; margin: 5px 0 0 0; padding: 10px; border: 1px solid #d4d4d4; background: #f3f3f3;}
#content div#pedigree a.floatbox:hover {float: none; background: #d7e2e4;}
#content div#pedigree img {width: 100px;}
#content div#pedigree p {margin: 0; padding: 0;}
#content div.gal {display: block; clear: none; float: left; width: 171px; margin: 10px 0 0 10px; padding: 15px 2px 15px 2px; border: 1px solid #d4d4d4; background: #f3f3f3;}
#content div.gal_f {display: block; clear: left; float: left; width: 171px; margin: 10px 0 0 10px; padding: 15px 2px 15px 2px; border: 1px solid #d4d4d4; background: #f3f3f3;}
#content div.gals {display: inline; clear: none; float: left; width: 171px; margin: 10px 0 0 10px; padding: 0; border: 1px solid #d4d4d4; background: #f9f9f9;}
#content div.gals_f {display: inline; clear: left; float: left; width: 171px; margin: 10px 0 0 10px; padding: 0; border: 1px solid #d4d4d4; background: #f9f9f9;}
#content div.gal p, #content div.gal_f p, #content div.gals p, #content div.gals_f p {clear: left; margin: 0; padding: 0; font-size: 11px;}
#content div.gals p a.floatbox, #content div.gals_f p a.floatbox {clear: left; display: block; float: none; margin: 0 0 10px 0; padding: 15px; border: 1px solid #d4d4d4; background: #f3f3f3;}
#content div.gals a.floatbox:hover, #content div.gals_f a.floatbox:hover {clear: left; display: block; float: none; margin: 0 0 10px 0; padding: 15px; border: 1px solid #d4d4d4; background: #d7e2e4;}
#content .links {text-align: center;}
#content .links h3 {text-align: left;}
#content .links p {margin: 10px 0 0 0;}
#content .textlinks {margin: 15px;}
#content .textlinks p {width: 250px; float: left; margin: 0 0 3px 0;}
#content .textlinks p.lastlink {width: 520px; clear: left; margin: 0;}
#lapozo {clear: both; padding: 10px;}
#lapozo p {text-align: center;}
#lapozo a {text-decoration: none;}
#lapozo a:hover {text-decoration: underline;}
#footer {clear: left; position: relative; text-align: center; padding: 5px; border-top: 2px solid #a2b9bf; background: #a2b9bf url(footer_bg.jpg) top repeat-x;}
#footer img {position: absolute; left: 15px; top: -115px;}
#footer h2 {font-size: 14px; color: #344744; margin: 5px 0 0 0; padding: 5px;}
#footer p {margin: 0; padding: 0;}
#footer p a {font-size: 12px; padding: 2px;}
.more {text-align: right;}
.l {float: left;}


/* ADMIN */

#admin_header {position: absolute; top: 0px; left: 50%; margin-left: -380px; width: 760px; height: 50px; text-align: center; background: #426161;}
#admin_header h1 {color: #ffffff; margin: 0 10px 10px 10px; padding: 0;}
#admin_container {position: absolute; top: 50px; left: 50%; margin-left: -380px; width: 760px; background: #ffffbb url(left_bg.jpg) left repeat-y;}
#labels {margin-left: 20px;}
#labels p span {display: block; float: left; padding: 0; width: 85px; line-height: 20px; font-weight: bold; font-size: 13px;}
#labels p input {clear: left; color: #556677;}


#content_tiny {padding: 10px;}
#content_tiny div {clear: left; position: relative; margin: 0 0 10px 0; padding: 0; background: #ffffff url(content_bg.jpg) repeat-y;}
#content_tiny div h2 {height: 50px; margin: 0; padding: 0 10px 0 10px; color: #344744; line-height: 44px; font-size: 20px; background: #ffffff url(content_top_bgb.gif) top no-repeat;}
#content_tiny div h2 a {font-size: 14px;}
#content_tiny div h3 {margin: 0; padding: 0 10px 0 10px;}
#content_tiny div p {margin: 5px; padding: 0 10px 0 10px;}
#content_tiny div.dog span {display: block; float: left; margin: 0 10px 10px 0; padding: 15px; border: 1px solid #d4d4d4; background: #f3f3f3;}
#content_tiny div p.close {clear: left; width: 580px; height: 10px; margin: 0 0 15px 0; padding: 0; border: none; background: url(content_btm_bgb.jpg) bottom no-repeat;}
#content_tiny div#pedigree table {clear: left; width: 540px; margin: 15px; border-collapse: separate;}
#content_tiny div#pedigree table td {width: 140px; border: 1px solid #aab4bc; margin: 2px; padding: 5px; text-align: center; vertical-align: middle;}
#content_tiny div#pedigree img {width: 100px;}
#content_tiny div#pedigree p {margin: 0; padding: 0;}
#content_tiny div#pedigree textarea {width: 100px;}
.edit a {font-size: 12px;}
#adat, #tartalom, #content_tiny div#pedigree, #newimg {display: none;}


.nagybetu {font-size: 18px;}
.kek {color: #344744;}
.kek_nagybetu {color: #344744; font-size: 18px;}
.piros {color: #ff0000;}
.piros_nagybetu {color: #ff0000; font-size: 18px;}

/* 
#menu {width: 150px; float: left; padding: 15px; border-right: 2px double #ccc;}
#menu a { display: block; margin: 2px; padding: 3px; border: 1px solid #333; color: #333; text-decoration: none;}
#menu a:hover, #menu a#active {display: block; margin: 1px; padding: 3px; border: 1px solid #333; color: #fff; background: #333; text-decoration: none;}
#content {width: 730px; float: left; padding: 15px;}
#footer {clear: left; border-top: 2px dashed #999;}

h3 a {font-weight: normal; text-decoration: none;}
h3 a:hover {font-weight: normal; text-decoration: none; background: #ccc;}
#content div {border: 1px solid #ddd;}
.left {float: left;}
.right {float: right;}
.left50 {float: left; width: 330px; padding: 15px;}
.right50 {float: right; width: 330px; padding: 15px;}
.clear {clear: both;}
.clearl {clear: left;}
.clearr {clear: right;}

h3 a#act {text-decoration: underline;}
*/