/*
$ http://www.villamszekely.hu $
$ style/style.css | 2007/09/03 11:06 $
$ LM: 2009/06/02 18:54 $
*/

body { margin: 0; padding: 0; font-family: arial; background: url(bg.jpg) no-repeat top center #c47c00; }
#container { width: 809px;  margin: 0 auto 0 auto; padding: 0 0 0 34px; clear: left; }

/* Fejléc */
#container #header { width: 809px; height: 269px; background: url(bgHeader.jpg) no-repeat top center;  }
#container #header #logo { width: 316px; height: 250px; margin: 0 auto 0 auto; padding: 0 34px 0 0; overflow: visible; }
#container #header img { border: none; }
#container #header ul { width: 740px; margin: 0; padding: 0 0 0 15px; list-style-type: none; font-size: 13px; font-weight: bold; text-align: center; }
#container #header li { display: inline; margin: 0; padding: 0 5px; }
#container #header a { text-decoration: none; color: #000; text-transform: uppercase; }
#container #header a.active { color: #ff7307; }
#container #header ul li a:hover { color: #ff7307; border-bottom: #ff7307 2px solid; }
  
/* Tartalom */
#containerContent		{ float: left; width: 809px; min-height: 400px; height: auto !important; height: 400px; background: url(bgContent.jpg) repeat-y; }
  #containerContent #content	{ width: 732px; padding: 20px 5px 0 20px; float: left; text-align: justify; font-size: 13px; }
    #containerContent #content a { font-size: 12px; color: #333333; }
    #containerContent #content table { width: 600px; border-collapse: collapse; }
    #containerContent #content table th { font-size: 16px; color: #ff7307; text-align: center; }
    #containerContent #content table td { font-size: 14px; color: #333333; padding: 5px 0; text-align: center; }
    #containerContent #content table td.sum { font-size: 15px; color: #333333; padding: 5px 0; text-align: center; font-weight: bold; }
    #containerContent #content h2 { clear: left; margin: 15px 0 15px 0; font-size: 16px; color: #ff7307; font-weight: normal; }
    #containerContent #content h2.partner { clear: left; margin: 15px 0 0; font-size: 16px; color: #ff7307; font-weight: normal; }
    #containerContent #content p.partner { margin: 0 0 0 0; font-size: 12px; color: #333333; }
    #containerContent #content h2.shop { clear: left; margin: 15px 0 0; font-size: 16px; color: #ff7307; font-weight: normal; }
    #containerContent #content p.shop { margin: 0 0 0 0; font-size: 12px; color: #333333; }
    #containerContent #content a img.gallery { border: #ff7307 5px solid; }
    #containerContent #content a:hover img.gallery { border: #FFCE23 5px solid; }

    #containerContent #content table.gallery { width: 720px; border-collapse: collapse; }

/* Tagok */
    #containerContent #content div.member { float: left; margin: 0 0 15px 0; width: 600px; }
      #containerContent #content div.member div.left { float: left; width: 150px; }
        #containerContent #content div.member div.left a img { border: #ff7307 5px solid; }
        #containerContent #content div.member div.left a:hover img { border: #FFCE23 5px solid; }
      #containerContent #content div.member div.right { float: left; width: 450px; }
        #containerContent #content div.member div.right h2 { margin: 0 0 5px 0; font-size: 16px; color: #ff7307; font-weight: bold; }
        #containerContent #content div.member div.right ul { list-style-type: square; }
  
/* Események */
    #containerContent #content div.event { float: left; margin: 0 0 15px 0; width: 600px; }
      #containerContent #content div.event div.left { float: left; width: 150px; }
        #containerContent #content div.event div.left a img { border: #ff7307 5px solid; }
        #containerContent #content div.event div.left a:hover img { border: #FFCE23 5px solid; }
      #containerContent #content div.event div.right { float: left; width: 450px; }
        #containerContent #content div.event div.right h2 { margin: 0 0 0 0; font-size: 22px; color: #ff7307; font-weight: bold; }
        #containerContent #content div.event div.right h3 { margin: 0 0 5px 0; font-size: 12px; color: #ff7307; font-weight: bold; }
        #containerContent #content div.event div.right ul { list-style-type: square; }

/* Nyelvválasztó */
#langSwitch { float: right; width: 42px; height: 200px; }
  #langSwitch ul { margin: 0; padding: 0; list-style-type: none; }
    #langSwitch ul .li00 { width: 41px; height: 99px; margin: 0; padding: 0; background: url(lang00.jpg) no-repeat top left; overflow: hidden; }
    #langSwitch ul .li01 { width: 41px; height: 112px; margin: 0; padding: 0; background: url(lang01.jpg) no-repeat top left; overflow: hidden; }
    #langSwitch ul .li000 { width: 41px; height: 113px; margin: 0; padding: 0; background: url(lang00.jpg) no-repeat top left; overflow: hidden; }
    #langSwitch ul .li10 { width: 41px; height: 95px; margin: 0; padding: 0; background: url(lang10.jpg) no-repeat top left; overflow: hidden; }
    #langSwitch ul .li11 { width: 41px; height: 108px; margin: 0; padding: 0; background: url(lang11.jpg) no-repeat top left; overflow: hidden; }
    #langSwitch ul .li100 { width: 41px; height: 82px; margin: 0; padding: 0; background: url(lang100.jpg) no-repeat top left; overflow: hidden; }
    #langSwitch ul .li1000 { width: 41px; height: 95px; margin: 0; padding: 0; background: url(lang1000.jpg) no-repeat top left; overflow: hidden; }
    #langSwitch ul .li20 { width: 41px; height: 95px; margin: 0; padding: 0; background: url(lang20.jpg) no-repeat top left; overflow: hidden;}
    #langSwitch ul .li21 { width: 41px; height: 108px; margin: 0; padding: 0; background: url(lang21.jpg) no-repeat top left; overflow: hidden; }
    #langSwitch ul .li200 { width: 41px; height: 81px; margin: 0; padding: 0; background: url(lang200.jpg) no-repeat top left; overflow: hidden; }
    #langSwitch ul .li30 { width: 41px; height: 101px; margin: 0; padding: 0; background: url(lang30.jpg) no-repeat top left; overflow: hidden; }
    #langSwitch ul .li31 { width: 41px; height: 115px; margin: 0; padding: 0; background: url(lang31.jpg) no-repeat top left; overflow: hidden; }
    #langSwitch ul img { margin: 0; padding: 0; border: none; }

/* Lábléc */
#footer	{ float: left; width: 809px; height: 80px; padding: 190px 0 0 0; background: url(bgFooter.jpg) no-repeat top center; }
  #footer #bitech { width: 270px; height: 33px; margin: 0 auto 0 auto; font-size: 12px; line-height: 18px; color: #edd8b3; font-weight: bold; }
    #footer #bitech a { color: #edd8b3; text-decoration: none; }
    #footer #bitech img { float: left; padding: 0 5px 0 0; border: none; }