BODY {font-family: Helvetica, sans-serif; color: #dddddd; background: url(bg.jpg); }

h1 { font-size: 20px; }
p { font-size: 12px; }

p.title {
  font-size: large;
  font-variant: small-caps;
  font-weight: bold;
  margin-left: 30px;
  text-align: left;	
}

p.subtitle { 
  font-size: large;
  font-weight: bold;
  font-variant: small-caps;
  margin-left: 50px;
}

p.rolunktitle { 
  margin: 50px 0 50px 0;
  font-size: large;
  font-variant: small-caps;
  font-weight: bold;
  text-align: center;
}

p.rolunk { 
  font-size: medium;
  font-variant: small-caps;
  text-align: center;
}

.menubox {
  margin-left: 33px;
  padding-top: 10px;
}

a.link {
   font-size: medium; 
   font-variant: small-caps; 
   text-decoration: none;
   color: #fff;
   padding: 0.25em 0.5em; 
   margin: 0 0.25em 0 0.25em;
}
a.link:visited  {color: #eee;}
a.link:hover    {color: #fff; border: 1px dotted #fff;}  

a.chlink {
   font-size: medium; 
   font-weight: bold;
   font-variant: small-caps; 
   text-decoration: none;
   color: #fff;
   padding: 0.25em 0.5em; 
   margin: 0 0.25em 0 10px;
}
a.chlink:visited  {color: #eee}
a.chlink:hover    {color: #fff; border: 1px dotted #fff;}  

.formtext {
   font-size: small; 
   font-variant: small-caps; 
   border: 2px solid #8bd800;
}

.formfield {
   margin-left: 50px;
   font-variant: small-caps; 
   padding-bottom: 15px;
}

p.kapcsszoveg {
   font-variant: small-caps; 
   padding-bottom: 5px;
   text-align: center;
   font-size: medium; 
}


.opentitle {
  position: absolute;
  top: 240px;
  left: 0px;
  margin: 0px 0px 0px 0px;
}
 
.openbox {
}

.openlogo {
  position: absolute;
  top: 0px;
  left: 0px;
}

.openimages {
  padding-bottom: 20px;
}

.openimage1 {
   position:absolute;
   left: 250px;
   top: 100px;
   width: 240px;
}

.openimage2 {
   position:absolute;
   left: 500px;
   top: 100px;
   width: 240px;
}

.openimage3 {
   position:absolute;
   left: 250px;
   top: 290px;
   width: 240px;
}

.openimage4 {
   position:absolute;
   left: 440px;
   top: 350px;
   width: 240px;
}

.picturebox {
  width: 100%;
  padding-bottom: 25px;
  text-align: center;
}

.picturebox2 {
  width: 100%;
  padding-top: 150px;
  text-align: center;
}

.thumbnail {
  padding-right:25px;
  display: inline;
}

.menulogo {
  text-align:left;
  padding-bottom: 20px;
  padding-top: 0px;
}

img.thumb {
   border: 1px solid #8bd800;
}

.rolunkkep {
  position: absolute;
  top: 100px;
  left: 200px;
  width: 300px;
  text-align: center;
}

.rolunkszoveg {
  position: absolute;
  left: 500px;
  top: 0px;
  text-align: center;
}

.kapcsolat {
  width: 300px;
  padding: 10px 0 0 50px;
}

.balsav{
	position: absolute;
        left: 0px;
        top: 0px;
	margin: 0px 0px 0px 0px;
        width: 200px;
        padding-bottom: 10px;
}

.kozepresz{
        margin: 29px 0 0 200px;
        padding-bottom: 10px;
}

#lightbox{
        background-color: #ddd;
        padding: 1px;
        border-bottom: 2px solid #666;
        border-right: 2px solid #666;
        }
#lightboxDetails{
        font-size: 0.8em;
        padding-top: 0.4em;
        }       
#lightboxCaption{ float: left; }
#keyboardMsg{ color:#000;
             float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
        background-color: #000;
        back\ground-color: transparent;
        background-image: url(blank.gif);
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
        }