
/* szöveg stílusok */
BODY {
    padding-right: 11em;
*/	margin-top: 0;
	margin-bottom: 0;
	margin-left: 50px;
	margin-right: 20px;
	font-family: Verdana, Arial, Helvetica;
	background-color: #FFFFBB;
}

p.c3 {margin: 3px; text-align: left}
p.c3n {margin: 3px; text-align: left; font-weight: normal;}
p.c3b {margin: 3px; text-align: left; font-weight: bold;}


p.highlight {
   text-align: center;
   padding: 10px;
   background-color: #FF9900;
   font-weight: bold;
   font-size: larger;
  }
p.nyitas {
  margin: 3px;
  text-align: left;
  background-color: #FFCC00;
  }
p.zaras {
  margin: 3px;
  text-align: left;
  background-color: #FF9900;
  }
input.nyitas {
  color: #000000; background: #FFCC00;
  font-size: .8em;
  font-weight:bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border: none;
}
input.zaras {
  color: #fff; background: #FF9900;
  font-size: .8em;
  font-weight:bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border: none;
}

span.c1 {font-weight: bold;}
span.c2 {font-style: italic;}
li {
  margin-bottom: 0.5em;
}
.c3b {margin: 3px; text-align: left; font-weight: bold;}


.indentedText {
	margin-left: 3em;
}

.indentedTextBold {
	margin-left: 3em;
    font-weight: bold;
}
.topMenu {
	background-color: #FFFF66;
	font-size: small;
	font-weight: bold;
	color: #CC0066;
}

h1 {
    margin-top: 2em;
    margin-bottom: 0em;
	font-family: Arial, Helvetica;
	font-weight: bold;
	font-size: 120%;
}
h2 {
    margin-top: 1em;
    margin-bottom: 0em;
	font-family: Arial, Helvetica;
    font-style: italic;
	font-weight: normal;
	font-size: 120%;
}

h3 {
    margin-top: 1em;
    margin-bottom: 0em;
	font-family: Arial, Helvetica;
    font-style: italic;
	font-weight:  bold;
}



A.topMenu {
	text-decoration: none;
}


.topMenu_sel {
	background-color: #FFFF66;
	font-size: small;
	font-weight: bold;
	color: #b0a0a0;
}

A.topMenu_sel {
	text-decoration: none;
}


.bottomLine {
	background-color: #FFFF66;
	font-size: x-small;
	color: #09156a;
}
A.link {
  text-decoration: none;
	font-weight: bold;
	color: #3300FF;

}


A.bottomLine {
	color: #09156a;
	text-decoration: none;
	font-weight: bold;
}	


.bodyText {
	font-size: small;
	color: #FFFF66;
}

.headLine1 {
	font-family: Arial, Helvetica;
	font-weight: bold;
	font-size: 200%;
}

p.s {
  font-size: smaller;
}

p.sx {
  font-size: x-small;
}


/* szöveg stílusok  VÉGE*/

/* lekerekített szövegdoboz */

#roundbox { position: static;  margin-top: 0px; }

  .box
    {
       background-color: #FFFF66;
    }

  .top, .bottom
    {
       position: relative;
       left: 1px;
       height: 11px;
    }

  .top
    { top: -1px }

  .bottom
    { margin-bottom: -1px; top: 1px }

  .box > .bottom
    { top: 2px }

  .nw, .ne, .sw, .se
    {
       width: 11px;
       height: 11px;
    }

  .nw, .sw
    { float: left; position: relative; left: -2px }

  .ne, .se
    { float: right }
  .nw
    { background: url(images/nw.gif) no-repeat left top }

  .ne
    { background: url(images/ne.gif) no-repeat right top }

  .sw
    { background: url(images/sw.gif) no-repeat left bottom }

  .se
    { background: url(images/se.gif) no-repeat right bottom }

  .content
    { margin: 0 1em; }

/* lekerekített szövegdoboz vége */


 /* alul lévő írás, előtte szaggatott vonal */

address {
    margin-top: 1em;
    padding-top: 1em;
    border-top: thin dotted;
    text-align: center;
    font-size: x-small;

     }

 /* alul lévő írás, előtte szaggatott vonal vége */

/* Képernyőre tögzített menü */

    #fixme {
      /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
      position: absolute;
      margin: 0;
      font-size: 80% /*smaller*/;
      font-weight: bold;
      line-height: 1.1;
      text-align: center;
      top: 12em;
      left: auto;
      width: 9em;
      right: 2.5em;
    }
    body > div#fixme {
      /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
      position: fixed;
    }
    div.fixme p {
  margin: 0;
  padding: 0.3em 0.4em;
  font-family: Arial, sans-serif;
  background: #FFFF66;
  border: thin outset #900;
  color: CC0066;
}

div.fixme a, div.fixme em { display: block; margin: 0.2em 0.1em 0.2em 0 }
div.fixme a, div.fixme em { border-bottom: 2px dotted #CC0066 }
div.fixme a:first-child { border-top: none }
div.fixme em { font-size: 120%; color: black }

div.fixme a:link { text-decoration: none; color: #CC0066 }
div.fixme a:visited { text-decoration: none; color: #CC0066 }
div.fixme a:hover { background: black; color: white }



/* Képernyőre tögzített menü VÉGGE */


 /* Ezek a div-hez valók */
#frame {
 width:750px;
 margin-top:10px;
  text-align:left;
}

#main {
  position: static;
  float: left;
/*  background: #FFFF66;
*/  padding: 10px;
/*  margin:5px;
*/}

#Rightcontent {
  float: right;
  width: 160px;
  background: #FFFFCC;
  border: 1px dashed #CCCCCC;
  padding: 20px;
  margin: 5px;
}


 /* Ezek a div-hez valók VÉGE*/

 /* logó elhelyezése */
 div.ikon {
  position: absolute  ;
  right: 20px;
  top: 15px;
  float: right;
  width: 8em;
  margin: 0.1em;
  padding: 0.1em;
}
/* kép kitöltése a keretben */
img.scaled {
  width: 100%;
}

/* kép aláírással */
div.pic25 {
  float: right;
  width: 25%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.pic25 p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

div.pic25left {
  float: left;
  width: 25%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.pic25left p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

div.pic25L {
  float: none;
  width: 25%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.pic25L p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

div.pic50 {
  float: right;
  width: 50%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.pic50 p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

div.pic50left {
  float: left;
  width: 50%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.pic50left p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

div.pic100 {
  float: left;
  width: 100%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.pic100 p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

div.pic40 {
  float: right;
  width: 40%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.pic40 p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
div.pic60 {
  float: right;
  width: 60%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.pic60 p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

/* Kép nagyítása, ha az egér fölötte van */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
width: auto;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

/* VÉGE Kép nagyítása, ha az egér fölötte van */


/* Kép nagyítása jobb oldalon, ha az egér fölötte van */

.thumbnailR{
position: relative;
z-index: 0;
}

.thumbnailR:hover{
background-color: transparent;
z-index: 50;
}

.thumbnailR span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
width: auto;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailR span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnailR:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -190px; /*position where enlarged image should offset horizontally */

}

/* VÉGE Kép nagyítása jobb oldalon, ha az egér fölötte van */

/* Kép nagyítása jobb oldalon, ha az egér fölötte van nagy kép esetén */

.thumbnailRL{
position: relative;
z-index: 0;
}

.thumbnailRL:hover{
background-color: transparent;
z-index: 50;
}

.thumbnailRL span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
width: auto;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailRL span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnailRL:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -390px; /*position where enlarged image should offset horizontally */

}

/* VÉGE Kép nagyítása jobb oldalon, ha az egér fölötte van */


/* Nyomógomb stílus */
.cssbutton{
background-color: #d1ec4c;
border: 2px #d1ec4c outset;
padding: 1px 4px;
color: black;
text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.cssbutton:visited{
color: black;
}

.cssbutton:hover{
border-style: inset;
background-color: #e3f48e;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.cssbutton:active{
color: black;
}



.cssbuttono{
background-color: #FFCC66;
border: 2px #d1ec4c outset;
padding: 1px 4px;
color: black;
text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.cssbuttono:visited{
color: black;
}

.cssbuttono:hover{
border-style: inset;
background-color: ##FF6600;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.cssbuttono:active{
color: black;
}



.cssbuttonb{
background-color: #CCFFFF;
border: 2px #d1ec4c outset;
padding: 1px 4px;
color: black;
text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.cssbuttonb:visited{
color: black;
}

.cssbuttonb:hover{
border-style: inset;
background-color: #99CCCC;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.cssbuttonb:active{
color: black;
}


/* VÉGE Nyomógomb stílus */

/* KEZDET ImageGallery  */
img {
  border: none;
}

a {
  outline: none;
}

li.g {
  display:inline;
}

#desc {
  font-style: italic;
}
/* VÉGE ImageGallery  */