html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

a {color: #048;}


body {
	background: #dbfaff url('../images/middle.jpg') repeat-y center top;
	color: #444;
	font: normal 62.5% Tahoma,sans-serif;
	padding-top: 0px;
}
img {
    -moz-box-shadow: 0 1px 8px #c8f2fe; }
.referencia { -moz-box-shadow: 0 1px 8px #c8f2fe; background: #FFFFFF; padding: 10px 5px 5px 10px;}
.referencia  img{ -moz-box-shadow: 0 1px 8px #666666; }
p,ul,ol {padding-bottom: 1.2em;}

li {list-style: none;}

h1 {font: normal 1.8em Tahoma,sans-serif;}
h2 {font: bold 1.4em sans-serif;}
h3 {font: bold 1.2em Tahoma,sans-serif;}
h4 {font: bold 1em Tahoma,sans-serif;}

form,input {margin: 0; padding: 0; display: inline;}

pre {
	background: #FFF;
	border: 1px solid #EEE;
	border-left: 6px solid #CCC;
	color: #666;
	display: block;
	font: normal 12px Tahoma,sans-serif;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}
code {
	background: #fffedb;
	font: normal 12px "Courier New";
	color: #2962b6;
	display: block;
	border: 1px solid #EEE;
	border-left: 6px solid #CCC;
	padding: 8px 10px;
}
blockquote {
	background: url('../images/quote.gif') no-repeat;
	display: block;
	font-weight: bold;
	padding-left: 28px;
	padding: 4px 4px;
}

h1 {color: #ddfafe; text-shadow:0 0 3px #95DCEF;}
h2,h3,h4 {padding-top: 6px; color: #553; margin-bottom: 4px;}

.browsers img{
	float:left;
	padding:0px;
	background:#fff;
	-moz-box-shadow: 0px 1px 0.3em #636363;
	-webkit-box-shadow: 0px 1px 0.3em #636363;
	margin: auto;
	text-align: center;
}

/* misc */
.clearer {clear: both; font-size: 0;}
.footerLeft {float: left;} /* changed names to prevent conflict with admin css */
.footerRight {float: right;} /* original here is simply ".left" and ".right" */

/* structure */
#bg { background: url('../images/background.jpg') no-repeat center top;
    width: 100%;
 }
.inner-container {
	border: 0px solid #D7D7D2;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 10px;
	width: 906px;
	padding-top: 74px;
}

.outer-container {
	background: url('../images/bottom.jpg') no-repeat center bottom;
	padding-bottom: 64px;
}

/* header & title */
.header {
	height: 220px;
	margin-bottom: 5px;
	text-align: center;
}
.header .title {
	color: #FFF;
	padding-top: 50px;
}
.header .title .sitename a {
	border-bottom: 1px dashed #657382;
	color: #FFF;
	font: normal 3em sans-serif;
	padding-bottom: 2px;
	text-decoration: none;
}
.header .title a:hover {border-color: #F60;}
.header .title .slogan {
	font: normal 1.1em Verdana,sans-serif;
	padding-top: 6px;
}

/* path */
.path {
	color: #333;
	font: normal 1.1em Verdana,sans-serif;
	padding: 8px 280px;
	width: 390px;
}
.path a {
	color: #FAFAFA;
	text-decoration: none;
}
.path a:hover {
	color: #FFE;
	text-decoration: underline;
}

/* main */
.main {
	background: url('') repeat-y;
	border-top: 0px solid #FFF;
	padding: 8px 12px 0 0;
}

/* content */
.content {
	float: right;
	width: 610px;
	background: #8cd0a7 url('../images/contbg.jpg');
	padding: 10px;
	margin-top: 20px;
	border-left: 1px dotted #c2f4ff;
	border-right: 1px dotted #c2f4ff;
	border-bottom: 1px dotted #c2f4ff;
}
.content .info {  /* .descr */
	color: #664;
	font-size: 0.9em;
	margin-bottom: 6px;
}
.content ul li {
	list-style: url('../images/li.gif');
	margin-left: 18px;
}
.content ol li {
	list-style: decimal;
	margin-left: 18px;
}
.content p {font-family: "Lucida Sans Unicode",sans-serif;}
.content .comment-form-body {
	width: 450px;
}

/* navigation */
.navigation {
	float: left;
	width: 210px;
	padding-left: 30px;
}
.navigation h2,.navigation h3 {
	color: #5A5A43;
	font: bold 1.1em Tahoma,sans-serif;
	line-height: 30px;
	margin: 0;
	padding-left: 12px;
}
.navigation ul, .navigation ol {
	padding: 0;
	border-top: 1px solid #bcf0fe;
}
.navigation li {border-bottom: 1px solid #bcf0fe;
}
.navigation li a {
	display: block;
	list-style: none;
	font-size: 1.1em;
	color: #554;
	text-decoration: none;
	padding: 8px 0 8px 5%;
	width: 95%;
}
.navigation li a:hover {
	background: #19aefe;
	color: #FFF;
    font-weight: bold; 
}
.navigation p {
	border-top: 1px solid #EAEADA;
	border-bottom: 1px solid #EAEADA;
	line-height: 1.6em;
	font-size: 1.1em;
	color: #554;
	display: block;
	padding: 8px 0 8px 5%;
	width: 95%;
}
/*side*/
.side {
	float: left;
	width: 210px;
	padding-left: 30px;
}
.side h2,.side h3 {
	color: #5A5A43;
	font: bold 1.1em Tahoma,sans-serif;
	line-height: 30px;
	margin: 0;
	padding-left: 12px;
}
.sideul, .side ol {
	padding: 0;
	border-top: 1px solid #bcf0fe;
}
.side li {border-bottom: 1px solid #bcf0fe;
}
.side li a {
	display: block;
	list-style: none;
	font-size: 1.1em;
	color: #554;
	text-decoration: none;
	padding: 8px 0 8px 5%;
	width: 95%;
}
.side li a:hover {
	background: #bcf0fe;
	color: #654;
}
.side p {
	border-top: 1px solid #EAEADA;
	border-bottom: 1px solid #EAEADA;
	line-height: 1.6em;
	font-size: 1.1em;
	color: #554;
	display: block;
	padding: 8px 0 8px 5%;
	width: 95%;
}
/*hírlevél*/

fieldset {
  display: block;
  margin-left: 2px;
  margin-right: 2px;
  padding: 0.35em 0.625em 0.75em;
  border: 0px groove ThreeDFace;
}

/* footer */
.footer {
	color: #666;
	font: bold 1em sans-serif;
	margin-top: 5px;
	padding: 10px 12px;
}
.footer a {
	color: #61a5ac;
	text-decoration: none;
}
.footer a:hover {color: #FFC;}
.comment { background: #eafcfe; border-top: 5px solid #c2f4ff; border-left: 1px dotted #c2f4ff; border-bottom: 1px dotted #c2f4ff; border-right: 1px dotted #c2f4ff; margin-bottom: 12px; padding-top: 5px; padding-left: 5px; padding-right: 5px;}
.comment-date { background:  #FFF;}
.comfej { background: #dbfaff; border-bottom: 1px dotted #c2f4ff}
/*css árnyékolás*/
.outerpair1 {
background: url('../images/upperrightfade.png') right top no-repeat;
}
.outerpair2 {
background: url('../images/lowerleftfade.png') left bottom no-repeat;
padding-top: 8px;
padding-left: 8px;
}

.shadowbox {
background: url('../images/shadow.png') bottom right;
}
.innerbox {
position: relative;
left: -8px;
top: -8px;
}
.shadowbox img {
border: 10px solid #fff;
vertical-align: bottom;
}

/*XXXXXXXXXXXXXXXXXX Custom width constraints and extra styling XXXXXXXXXXXXXXX*/

.floatimage {
float: right; /* Floating causes this box to shrinkwrap around sized content elements. */
display: inline; /* IE doubled margin bug is defeated via this fixer rule. */
}
.flashbox { width: 200px;
}
.flashbox .innerbox {
background: #eed;
border: 1px solid #ccb;
}
.absoluteimage { /* Again, absolute positioning causes shrinkwrapping. */
position: absolute;
left: auto;
top: 920px;
width: 424px;
}
.textbox {
/*position: absolute;*//* AP once more... */
left: 20px;
top: 1.8em;
width: 358px;
padding: 10px;
}
.textbox .innerbox {
border: 1px solid #ccc;
padding: 10px;
background: #e8e8e8;
width: 330px;
height: 210px;
overflow: auto;
}
.linkbox {
/*position: absolute;*/ /* AP once more... */
left: 10px;
top: 6px;
}
.linkbox .innerbox {
display: block;
background: #fff;
border: 1px solid #ccc;
padding: 3px 5px;
}
/*FrogJS képgaléria*/
#FrogJS{
width: 600px;
height: 450px;
margin: 0 auto;
}
#FrogJSCredit{
text-align: right;
font-size: 80%;
color: #999;
padding: 1px;
}
#FrogJSCaption{
text-align: left;
line-height: 140%;
}
.contactForm { width:308px; } .contactForm p { padding:10px; } .contactForm input { width:240px; } .contactForm textarea { width:281px; height:120px; } .submit { width:45px!important; } .hide { display:none; }
.leirastabla td, th {
	border: 1px solid blue;
	padding: 5px;
}
.leirastabla {
	border-collapse: collapse;
	width: 500px;
	margin-top: 1em;
}
.oszlop1 { width: 80px; }
.oszlop2 { width: 320px; }
.oszlop3 { width: 100px; }
#leirasok h1 {
font-size: 14px;
font-weight: bold;
color: #006;
}
.minicode { background-color:#FFC; }
.kodemeles { color: red; }
.picts { float: left; width: 150px; }
.movie { width: 450px; margin-left: 150px; }
.pics_movie { width: 600px; height: 360px; }
 /*Credits: Dynamic Drive CSS Library */
  /*URL: http://www.dynamicdrive.com/style/ */  
 .menu {
 margin-left: 0px;
 margin-top: 0px;
 } 

  .suckerdiv ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 240px; /* Width of Menu Items */
}
  
  .suckerdiv ul li{
  position: relative;
  }
  
  /*Sub level menu items */
  .suckerdiv ul li ul{
  position: absolute;
  width: 240px; /*sub menu width*/
  top: 0;
  visibility: hidden;
  margin-left: -10px;
  }  
  /* Sub level menu links style */
  .suckerdiv ul li a{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	color: black;
	text-decoration: none;
	background-image: url(images/gombalap.png); /* background-color: #7dbf10; */
	padding: 5px 0px 0px 10px;
	height: 30px;
}  
  .suckerdiv ul li a:visited{
  color: black;
  }  
  .suckerdiv ul li a:hover{
	text-decoration: none;
	background-image: url(images/hoover.png);
  color: #ffffff;
  }  
  .suckerdiv .subfolderstyle{
	background-image: url(images/almenus.png);
 }  
   
  /* Holly Hack for IE \*/
  * html .suckerdiv ul li { float: left; height: 1%; }
  * html .suckerdiv ul li a { height: 1%; }
  /* End */

input:focus {
background: yellow;
}
.kiemelh1 { 
color: #C00;
text-align: center;
}
#akciotabla {
width: 540px;
margin: auto;
}

#akciotabla td {
	padding: 5px;
}
.akciotablahead {
color: #FFF;
font-weight: bold;
}
.akciocsillag {
	color: #F00;
	font-weight: bold;
}