/* CSS Document */

/*-----------------------*/
/* Oldal alapbeállításai */
/*-----------------------*/

body {
	/*background-color: #fae198;*/
	background-color: #ffcc00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 5px 0 5px 0;
	color: #fae198;
	}
p {
	margin: 0;
	padding: 0;
	}
a {
	color: #b47dc9;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}
img, img.left, img.right {
	border: 3px solid #965dab;
	}
img.left {
	float: left;
	margin: 0 1em 0 0;
	}
img.right {
	float: right;
	margin: 0 0 0 1em;
	}
img.none_b {
	border: none;
	}
a img {
	border: 3px solid #965dab;
	}
hr {
	background-color: #965dab;
	height: 1px;
	color: #965dab;
	border: 0;
	margin: 10px 0 10px 0;
	}
input, textarea, select {
	font-size: 11px;
	color: #fae198;
	border: 1px solid #965dab;
	background-color: #400058;
	}
input, textarea {
	padding-left: 3px;
	}
ul {
	padding: 0 0 0 15px;
	margin: 0;
	}
li {
	padding-bottom: 2px;
	list-style-image: url(../images/oldal/lila/li.gif);
	}
	
/*------------------------*/
/*---- Oldal egyebek -----*/
/*------------------------*/

.preload {
	display: none;
	}
#head_logo {
	background-image: url(../images/head.gif);
	background-repeat: no-repeat;
	width: 525px;
	height: 233px;
	}
.content_gradient {
	text-align: justify;
	background-image: url(../images/oldal/lila/gradient_75.gif);
	background-repeat: repeat-x;
	padding: 15px;
	border: 1px solid #965dab;
	}
.content_head {
	height: 18px;
	text-align: left;
	font-weight: bold;
	background-image: url(../images/oldal/lila/gradient_22.gif);
	background-repeat: repeat-x;
	padding: 4px 0 0 10px;
	margin-bottom: 1px;
	border: 1px solid #965dab;
	}
.content_head_dark {
	height: 18px;
	text-align: left;
	font-weight: bold;
	background-image: url(../images/oldal/lila/gradient_22d.gif);
	background-repeat: repeat-x;
	padding: 4px 0 0 10px;
	margin-bottom: 1px;
	border: 1px solid #965dab;
	}
.base {
	width: 575px;
	}
.datum {
	height: 12px;
	font-family: Tahoma;
	color: #888;
	text-align: right;
	}
.egyeb {
	height: 12px;
	font-family: Tahoma;
	color: #888;
	}

/*------------------------*/
/*------- STATGÉP --------*/
/*------------------------*/

.statmachine img {
	border: 0px;
	}
	
/*------------------------*/
/*- Felso rész és cuccai -*/
/*------------------------*/

#felso_resz {
	position: relative;
	width: 706px;
	height: 207px;
	}
.fejlec {
	background-image: url(../images/oldal/lila/fejlec.gif);
	background-repeat: no-repeat;
	width: 706px;
	height: 125px;
	}
.f_spacer {
	border: none;
	width: 706px;
	height: 123px;
	}	
.felso_resz_bal_kieg {
	position: absolute;
	left: 0px;
	top: 125px;
	background-image: url(../images/oldal/lila/felso_resz_bal_kieg.gif);
	width: 57px;
	height: 38px;
	}
.felso_resz_jobb_kieg {
	position: absolute;
	right: 0px;
	top: 125px;
	background-image: url(../images/oldal/lila/felso_resz_jobb_kieg.gif);
	width: 59px;
	height: 38px;
	}
	
/*-----------------------*/
/*----- Menü elemei -----*/
/*-----------------------*/

#galeriak, #bemutatkozas, #informaciok, #kapcsolat, #otletek, #olvasosarok, /*#vendegkonyv*/ #meska {
	position: absolute;
	background-repeat: no-repeat;
	width: 116px;
	height: 38px;
	}
#galeriak, #bemutatkozas, #informaciok, #kapcsolat, #otletek {
	top: 125px;
	}
#olvasosarok, /*#vendegkonyv*/ #meska {
	top: 166px;
	}

/*-------- Felso --------*/

#galeriak {
	left: 57px;
	background-image: url(../images/oldal/lila/galeriak.gif);
	}
#bemutatkozas {
	left: 176px;
	background-image: url(../images/oldal/lila/bemutatkozas.gif);
	}
#informaciok {
	left: 294px;
	background-image: url(../images/oldal/lila/informaciok.gif);
	}
#kapcsolat {
	left: 413px;
	background-image: url(../images/oldal/lila/kapcsolat.gif);
	}
#otletek {
	left: 531px;
	background-image: url(../images/oldal/lila/otletek.gif);
	}
.m_elvalaszto_fel {
	position: absolute;
	top: 125px;
	background-image: url(../images/oldal/lila/elvalaszto_fel.gif);
	background-repeat: no-repeat;
	width: 3px;
	height: 38px;
	}

/*--------- Alsó --------*/

#olvasosarok {
	left: 236px;
	background-image: url(../images/oldal/lila/olvasosarok.gif);
	}
/*#vendegkonyv {
	left: 355px;
	background-image: url(../images/oldal/lila/vendegkonyv.gif);
	}*/
#meska {
	left: 355px;
	background-image: url(../images/oldal/lila/meska.gif);
	}
.m_also_hatter {
	position: absolute;
	left: 0px;
	top: 166px;
	background-image: url(../images/oldal/lila/m_hatter.gif);
	background-repeat: no-repeat;
	width: 706px;
	height: 41px;
	}	
.m_elvalaszto_le {
	position: absolute;
	top: 166px;
	background-image: url(../images/oldal/lila/elvalaszto_le.gif);
	background-repeat: no-repeat;
	width: 3px;
	height: 38px;
	}

/*-------- Egyéb --------*/

.m_elvalaszto_vizszintes {
	position: absolute;
	left: 0px;
	top: 163px;
	background-image: url(../images/oldal/lila/elvalaszto_vizszintes.gif);
	background-repeat: no-repeat;
	width: 706px;
	height: 3px;
	}
.m_spacer {
	border: none;
	width: 116px;
	height: 38px;
	}
	
/*--------------------------*/
/*- Középso rész és cuccai -*/
/*--------------------------*/

#kozep_resz {
	position: relative;
	width: 706px;
	}
#kozep_resz div.teteje {
	background-image: url(../images/oldal/lila/teteje.gif);
	width: 706px;
	height: 45px;
	}	
#kozep_resz div.tartalom {
	background-image: url(../images/oldal/lila/tartalom.gif);
	background-repeat: repeat-y;
	overflow: hidden;
	padding: 0 25px 0 25px;
	}	
	
/*-----------------------*/
/*- Alsó rész és cuccai -*/
/*-----------------------*/

#also_resz {
	position: relative;
	top: 0px;
	background-image: url(../images/oldal/lila/alsoresz.gif);
	width: 706px;
	height: 44px;
	}

/*-----------------------*/
/*-------- Hírek --------*/
/*-----------------------*/

.hir {
	min-height: 106px;
	}
.hir img {
	width: 100px;
	height: 100px;
	float: left;
	margin: 0 15px 5px 0;
	}
.hir .text {
	min-height: 84px;
	}
.hir .datum {
	height: 12px;
	font-family: Tahoma;
	color: #888;
	text-align: right;
	padding: 10px 0 0 0;
	}
	
/*-----------------------*/
/*------- Ötletek -------*/
/*-----------------------*/

.otlet {
	min-height: 106px;
	}
.otlet img {
	width: 100px;
	height: 100px;
	}
.otlet.text {
	height: 106px;
	min-height: 106px;
	}
		
/*-----------------------*/
/*------- Galéria -------*/
/*-----------------------*/

/*----- Galéria fő ------*/

.gal_1 p, .gal_2 p, .gal_3 p {
	margin: 5px;
	font-weight: bold;
	}
.gal_1 {
	position: relative;
	top: 0px;
	}	
.gal_2 {
	position: absolute;
	left: 150px;
	top: 100px;
	}	
.gal_3 {
	position: absolute;
	right: 150px;
	top: 100px;
	}
	
/*-- Galéria navigacio --*/

.nav_element, .nav_element_not {
	display: inline;
	padding: 5px 5px 5px 8px;
	margin: 2px;
	border: 1px solid #965dab;
	text-align: center;
	}

.nav_element a, .nav_element a:hover {
	text-decoration: none;
	}
	
.nav_element {
	cursor: pointer;
	}
.nav_element_not {
	background-color: #efdfc4;
	color: #74019f;
	cursor: default;
	}

/*-----------------------*/
/*--------- Szín --------*/
/*-----------------------*/

.szin_felso, .szin_also{
	height: 125px;
	}
.kek {
	position: absolute;
	left: 150px;
	top: 45px;
	}
.piros {
	}
.bgw {
	position: absolute;
	right: 130px;
	top: 45px;
	}
.zold {
	position: absolute;
	left: 228px;
	top: 148px;
	}
.sarga {
	position: absolute;
	right: 228px;
	top: 148px;
	}
	
/*-----------------------*/
/*-------- Néz ----------*/
/*-----------------------*/

.thumbs {
	text-align: center;
	}
#adatok {
	width: 400px;
	}
#adatok .inner {
	position: relative;
	min-height: 16px;
	}
#adatok .title {
	position: absolute;
	top:0;
	left: 0;
	font-weight: bold;
	}
#adatok .data {
	position: relative;
	left: 95px;
	width: 305px;
	text-align: justify;
	margin-bottom: 5px;
	}

/*-----------------------*/
/*------- Szeret --------*/
/*-----------------------*/
	
#szeret {
	width: 150px;
	border: 1px solid #965dab;
	cursor: pointer;
	padding: 5px 5px 5px 10px;
	text-align: center;
	}
#szeret a {
	font-weight: bold;
	text-decoration: none;
	}
#szeret a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	}
	
/*-----------------------*/
/*----- Szerkesztő ------*/
/*-----------------------*/

p.left, p.right, p.center, p.justify {
	padding: 0;
	margin: 0;
	}
p.left {
	text-align: left;
	}
p.right {
	text-align: right;
	}
p.center {
	text-align: center;
	}
p.justify {
	text-align: justify;
	}

/*-----------------------*/
/*------- Üzenofal ------*/
/*-----------------------*/

.msg {
	padding: 5px;
	}
.msg_base {
	padding-left: 50px;
	}
.msg_base .inner {
	position: relative;
	min-height: 16px;
	}
.msg_base .title {
	position: absolute;
	top:0;
	left: 0;
	font-weight: bold;
	}
.msg_base .data {
	position: relative;
	left: 65px;
	text-align: justify;
	margin-bottom: 5px;
	}
.msg_base .msg_text {
	margin-bottom: 5px;
	}
.msg_base .submit {
	padding-left: 200px;
	}
.msg_base .kieg {
	height: 12px;
	font-family: Tahoma;
	color: #888;
	text-align: right;
	}

/*-----------------------*/
/*-------- Blog ---------*/
/*-----------------------*/

.blog .cim {
	font-weight: bold;
	padding-bottom: 5px;
	}
.blog .bev {
	padding: 0 0 5px 10px;
	text-align: justify;
	}
/*-----------------------*/
/*-------- Vote ---------*/
/*-----------------------*/

#vote_base {
	text-align: center;
	}
#vote_ask {
	text-align: left;
	padding: 10px 0 10px 207px;
	}
.vote_yard {
	height: 10px;
	background-color: #965dab;
	}
.vote_re {
	position: relative;
	left: 152px;
	padding: 2px;
	}
.vote_re .title {
	width: 115px;
	text-align: right;
	height: 1.2em;
	}
.vote_re .data {
	position: absolute;
	top: 2px;
	left: 125px;
	}
.vote_re .real {
	position: absolute;
	top: 0;
	width: 150px;
	height: 12px;
	font-family: Tahoma;
	color: #888;
	}
	
/*-----------------------*/
/*-------- Admin --------*/
/*-----------------------*/

/*----- Szerkesztő ------*/

#szerkeszto input {
	width: 100px;
	font-size: 11px;
	border: 1px solid #965dab;
	background-color: #400058;
	}
#szerkeszto textarea {
	width: 575px;
	border: 1px solid #965dab;
	background-color: #400058;
	font-size: 11px;
	}
	
/*------ Termekek -------*/

li.circle {
	list-style-type: circle;
	padding: 2px 0 2px 2px;
	}
.no	{
	width: 10px;
	height: 10px;
	background-color: #f00;
	}
.yes {
	width: 10px;
	height: 10px;
	background-color: #0f0;
	}
#admin_base {
	width: 400px;
	}
#admin_base .inner {
	position: relative;
	min-height: 16px;
	}
#admin_base .title {
	position: absolute;
	top:0;
	left: 0;
	font-weight: bold;
	}
#admin_base .data {
	position: relative;
	left: 90px;
	width: 305px;
	text-align: justify;
	margin-bottom: 5px;
	}
	
/*------- Ötletek -------*/

.up_arrow, .down_arrow, .left_arrow, .right_arrow {
	position: absolute;
	width: 22px;
	height: 22px;
	cursor: pointer;
	}
.up_arrow {
	top: -10px;
	right: 22px;
	background: url(../images/oldal/lila/nyilak.gif) 44px;
	}
.down_arrow {
	top: 12px;
	right: 22px;
	background: url(../images/oldal/lila/nyilak.gif) 66px;
	}
.right_arrow {
	top: 1px;
	right: 0px;
	background: url(../images/oldal/lila/nyilak.gif) 0px;
	}
.left_arrow {
	top: 1px;
	right: 44px;
	background: url(../images/oldal/lila/nyilak.gif) 22px;
	}
	
/*---------------------*/
/*------ Szeret -------*/
/*---------------------*/

.szeret_base .inner {
	position: relative;
	min-height: 16px;
	}
.szeret_base .title {
	position: absolute;
	top:0;
	left: 0;
	font-weight: bold;
	}
.szeret_base .data {
	position: relative;
	left: 90px;
	width: 400px;
	text-align: justify;
	margin-bottom: 5px;
	}
.szeret_base .data_plus {
	position: relative;
	left: 90px;
	width: 440px;
	padding: 3px;
	border: 1px solid #965dab;
	text-align: justify;
	}