html, body {position: relative; margin: 0px; padding: 0px; background: #ffffff; height: 100%; font-family: Verdana, Tahoma; color: #ffffff; font-size: 9pt}

/* MAIN CONTAINER */
div.holder { margin-left: auto; margin-right: auto; text-align: center; width: 1000px;}

/* HEADER */
div.header { position: relative; width: 1000px; height: 170px; background: url(/img/header.png) 0 -26px no-repeat; z-index: 10;}
.new div.header { height: 154px; }
div.header .logo {position: absolute; top: 4px; left:5px; width: 200px; height: 145px; z-index: 2;}
div.header .logo a {display: block; width: 200px; height: 145px; margin: 0; padding: 0; text-indent: -3000px; font-size: 0; overflow: hidden;}
div.header .menu {position: absolute; height: 52px; left: 210px; width: 800px; top: 102px; background: url(/img/bg_menu.png) 0 0 repeat-x;}
div.header .menu div {padding-top: 13px; float: left; }
div.header .menu div a {display: block; text-indent: -3000px; overflow: hidden; height: 35px; margin-right: 5px; background-image: url(/img/new-menu.png); background-repeat: no-repeat;}
div.header .menu div#m1 a{width:100px;  background-position: -7px -7px;}
div.header .menu div#m2 a{width:100px;  background-position: -112px -7px;}
div.header .menu div#m3 a{width:139px;  background-position: -216px -7px;}
div.header .menu div#m4 a{width:140px;  background-position: -361px -7px;}
div.header .menu div#m5 a{width:121px;  background-position: -506px -7px;}
div.header .menu div#m6 a{width:120px; background-position: -632px -7px;}
div.header .menu div#m1 a.active, div.header .menu div#m1 a:hover{ background-position: -7px -50px;}
div.header .menu div#m2 a.active, div.header .menu div#m2 a:hover{ background-position: -112px -50px;}
div.header .menu div#m3 a.active, div.header .menu div#m3 a:hover{ background-position: -216px -50px;}
div.header .menu div#m4 a.active, div.header .menu div#m4 a:hover{ background-position: -361px -50px;}
div.header .menu div#m5 a.active, div.header .menu div#m5 a:hover{ background-position: -506px -50px;}
div.header .menu div#m6 a.active, div.header .menu div#m6 a:hover{ background-position: -632px -50px;}

div.header .menu div#m7 a{position: relative; top: -1px; width:89px; height: 37px; background: url(/img/menu_szvagyok.png) 0 0 no-repeat;}
div.header .menu div#m7 a.active, div.header .menu div#m7 a:hover{background: url(/img/menu_szvagyok.png) 0 bottom no-repeat;}

div.header .decor {position: absolute; top: 77px; right:-16px; width: 44px; height: 181px; background: url(/img/head_decor.png) 0 0 no-repeat; z-index: 2;}

/* CONTENT */
div.content {position: relative; min-height: 100%; height: auto; background: url(/img/content.png) center bottom repeat-y ; margin-top: -170px; margin-bottom: -152px; z-index: 5; overflow: hidden; text-align: left;}
div.content .main { position: relative; width: 946px; left: 26px; margin-top: 170px; padding-bottom: 152px; float: left;  }
.new div.content .main { background: url(/img/new-main-bg.png) center bottom no-repeat ; }
div.content .main .leftcoll, div.content .main .rightcoll {float: left; position: relative;}
div.content .main .leftcoll {width:590px; overflow: hidden; }
div.content .main .rightcoll {width:348px; left: 8px;}
div.content .main  p { margin: 15px 25px 5px 15px; display: block; position: relative; clear: left;}
div.content .main  p.small{font-size: 7pt; text-align: center;}
div.content .main a.up {position:relative; font-weight: bold; width: auto; text-align: right; display: block; background: url(/img/up.png) right 8px no-repeat; padding: 3px 18px 3px 0; margin: -2px 15px -10px 0;}
div.content .main .subnav a {display: inline-block; margin-bottom: 5px;}



div.content .main .rightcoll dl {margin-top: 0px; margin-bottom: 25px;}
div.content .main .rightcoll dl dt {position: relative;  font-size: 18pt; font-weight: normal; color: #3f6f3c; height: 35px; font-family: Trebuchet MS, Verdana; margin: 0; padding-top: 2px; background: url(/img/bg_dt.png) left top no-repeat white; }
div.content .main .rightcoll dl dt span{position: absolute; right: 0;text-indent: 15px; font-size: 13px; background: none; padding-top: 3px; z-index: 1;}
div.content .main .rightcoll dl dt img{position: absolute; right: 0; z-index: 2;}
div.content .main .rightcoll dl dd{margin-left: 0;}

div.content .main .rightcoll dl.new dt {background: url(/img/new_bg_dt.png) 1px top no-repeat; height: 38px;}
div.content .main .rightcoll dl.new dt img{position: absolute;}

div.content .decorpic_left{float: left; margin: 0 2px 1px 15px; }
div.content .decorpic_right{float: right; margin: 0 10px 2px 20px;}
div.content .center {text-align: center; display: inline-block; width: 100%;}


/* FOOTER */
div.footer {position: relative; width: 1000px; height: 172px; background: url(/img/footer.png) 0 0 no-repeat #ffffff; color: #31672f; font-size:7pt; z-index: 10;}
div.footer #submenu {position: absolute; left: 0; margin-left: 0px; bottom: 56px; width: 100%; text-align: center;}
div.footer a {color: #31672f; background-color: inherit; text-decoration: underline; font-weight: bold;}
div.footer a:hover {color: #31672f; background-color: inherit; text-decoration: none;}
div.footer #logos { position: absolute; left: 0; margin-left: 0px; top: 32px; width: 100%; text-align: center;}
div.footer #logos a {margin: 0 20px;}
div.footer #logos a img{ border: none;}
div.footer .logo {position: absolute; top: 45px; left: 45px; width: 118px; height: 54px; z-index: 2; background: url(/img/logo_footer.png) 0 0 no-repeat;}
div.footer .logo a {display: block; width: 118px; height: 54px; margin: 0; padding: 0; text-indent: -3000px; font-size: 0; overflow: hidden; }

.new div.footer {height: 152px; background: url(/img/new-footer.png) 0 0 no-repeat #ffffff; }
.new div.footer #submenu {bottom: 62px;}
.new div.footer #logos {top: 6px;}
.new div.footer .logo {top: 20px;}


/* HEADLINES */
h1 {position: relative; font-size: 16px; font-weight: normal; color: #3f6f3c; height: 35px; font-family: Trebuchet MS, Verdana; margin: 0; padding-top: 2px; background: url(/img/bg_h1.png) right top no-repeat white; }
.new h1 {background: url(/img/new_bg_h1.png) right top no-repeat; height: 38px;}
h1 span{position: absolute; text-indent: 15px; background: none; padding-top: 3px; z-index: 1;}
h1 img{position: absolute; z-index: 2;}
h2 {font-size: 10pt; font-weight: bold; color: #ffffff; background-color: inherit; margin-bottom: 0; margin-top: 30px; text-transform: uppercase; margin-left: 15px;}
h2 span{ text-transform: none;}
h3 {font-size: 9pt; font-weight: bold; margin: 25px 0 2px 15px; color: #ffffff; }
h3.yellow {font-size: 9pt; font-weight: bold; margin: 25px 0 2px 15px; color: #ffcc00; text-transform: uppercase; }
ul, ol {margin: 15px 0 10px 5px; padding: 0;}
ul {list-style-type: none; display: block;}
ul li{margin: 2px 0 3px 15px; padding-left: 13px; position: relative; background: url(/img/bullet.png) 0 5px no-repeat;}
ol li{margin: 2px 0 3px 30px;}
a {color:#ffcc00; text-decoration: none;}
a:hover{color:#ffcc00; text-decoration: underline;}
.hidden {display: none;}
.title {cursor: pointer; text-decoration: underline; }
.tooltip{ position: absolute; padding: 10px; text-align: center; background: #045005; border: 1px solid #4D8500; color: white; width: 400px; margin-left: 0px; margin-top: -70px; z-index: 1000;}
.fright{position: relative; left: 80px;}
a:focus{
	outline:0;
}

/* AGECHECK */
div.home {position: relative; min-height: 100%; height: auto;}
div.holder div#agecheck { position: absolute; width: 100%; left: 0; margin-top: -315px; height: 630px; top: 50%; font-family: Verdana; background: url(/img/agecheck.jpg) top left no-repeat; overflow: hidden;}
div.holder div#agecheck .check {font-size: 13pt; font-weight: bold; width: 100%; margin: 230px 0 0 210px; color: #ffffff; text-align: left;}
div.holder div#agecheck .check a {position: absolute; bottom: 220px; display: inline-block; width: 137px; height: 48px; overflow: hidden; text-indent: -3000px;}
div.holder div#agecheck .check a.yes {background: url(/img/age_yes.jpg) top left no-repeat; left: 350px;}
div.holder div#agecheck .check a.no{background: url(/img/age_no.jpg) top left no-repeat; left: 500px;}
div#intro {width: 100%; height: 100%;}


/*KERDOIV*/
.kerdoiv {position: relative; left:15px; width: 573px;float: left;  margin-top: 10px;}
.kerdoiv  #flash {width: 568px; position: relative; }
.kerdoiv  #formdiv{padding: 0 0 15px 0; float: left; width: 571px; background: url(/img/bg_kerdoiv.png) 0 38px no-repeat #006600; border: 1px solid #4d8500; }
.kerdoiv #formdiv img {float: left; margin:0 0 20px 0; padding: 0;}

.kerdoiv2 { display: none; position: relative; width: 585px; height: 412px; }
.kerdoiv2 h1{ left: -4px;}
.kerdoiv2 h3.que{ font-size: 17px; font-weight: bold; color: #ffcc00; margin: 25px 0 25px 15px;}
.kerdoiv2 form { height: 310px;}
.kerdoiv2 form p{ font-size: 13px; font-weight: bold; margin-left: 0!important; line-height: 120%;}
.kerdoiv2 form .radio { position: relative; top: 2px; margin: 0 10px 10px 0; float: left;}
.kerdoiv2 form label {margin-bottom: 4px; cursor: pointer;}
.kerdoiv2 form table, .kerdoiv2 form td{border: none;}
.kerdoiv2 form table {width: 565px; }
.kerdoiv2 form table h3.que{ margin: 8px 0 8px 0;}
.kerdoiv2 .number {font-size: 26px; font-weight: bold; color: #ffcc00; }
.kerdoiv2 .question  {display: none;}
.kerdoiv2 .prev, .kerdoiv2  .next{display: block; margin-top: 16px; top: -10px; height: 22px; padding-top: 1px; overflow-y: hidden; position: relative; font-size: 16px; font-weight: bold; text-transform: uppercase; font-family: Trebuchet MS, Verdana;}
.kerdoiv2 .prev {background: url(/img/vid-prev.png) left top no-repeat; padding-left: 25px;}
.kerdoiv2 .prev:hover {background: url(/img/vid-prev.png) left bottom no-repeat; color: white; text-decoration: none;}
.kerdoiv2 .next {background: url(/img/vid-next.png) right top no-repeat; padding-right: 25px;}
.kerdoiv2 .next:hover {background: url(/img/vid-next.png) right bottom no-repeat; color: white; text-decoration: none;}
.kerdoiv2 .send{background: url(/img/send-btn.png) 0 0 no-repeat; color: #006600; font-size: 16px; font-weight: bold; text-transform: uppercase; font-family: Trebuchet MS, Verdana; width: 114px; text-align: center; height: 39px; padding: 5px 0 10px 0; border: none; cursor: pointer; display: none;}
.kerdoiv2 .send:hover { color: white; cursor: pointer;}
.navig {position: absolute; bottom: 0; left: 6px; background: url(/img/kerdo-navig-bg.png) 6px 0 no-repeat; padding: 10px 0; height: 55px; }


.slideshow  {position: relative; }
.slideshow .image {position: relative; width: 330px; height: 412px; left: 10px;}
.slideshow .image img{position: absolute; top: 0; left: 0; }

.slideshow .thumbnails {position: absolute; top: 8px; right: 5px; display: block; width: 330px; text-align: right;}
.slideshow .thumbnails a{ display: inline-block;  width: 18px; height: 18px; overflow: hidden; text-indent: -3000px; background: url(/img/banner-nav.png) 0 0 no-repeat;  margin: 0 1px 0 0;}
.slideshow .thumbnails a:hover{ background: url(/img/banner-nav.png) 0 -36px no-repeat; text-decoration: none;}
.slideshow .thumbnails  .active a, .slideshow .thumbnails  .active a:hover{ background: url(/img/banner-nav.png) 0 -18px no-repeat; }


/* FORM */

form {padding-bottom: 25px; font-size: 8pt; float: left; padding: 0 0 0 15px; position: relative;}
div.content .main form .half_left, div.content .main form .half_right {width:265px;}
form .formbody {height: 150px; position: relative;}
form .formbody2 {height: 220px; position: relative;}
form input.textfield {border: 1px solid #064106; font-size: 8pt; width: 125px;}
form span {display: inline-block; width: 130px;}
form label {display: inline-block; margin-bottom: 9px;}
form .half_right input.textfield {width: 200px;}
form .half_right {position: relative; line-height: 10pt;}
.error {margin-left: 15px; margin-top: 10px; font-size: 9pt; color: #CA2026; float: left; clear: left; margin-bottom: 30px; font-weight: bold; background: #F9C600; padding: 5px 0; width: 565px; border: 3px double #CA2026; text-align: center;}
form input.button {display: block; position: absolute; cursor: pointer; border: none; width: 99px; font-size:9px; font-weight: bold; padding: 5px 0 10px 0; text-align: center; background: url(/img/form_button.png) 0 0 no-repeat; color: #006600;}
form .half_left input.button {left: 75px; bottom: 0;}
form .half_right input.button {left: 60px; bottom: 0;}
form input.button:hover {color: #ffffff;}
form  input.bigtext {width: 300px;}

/* NOFLASH */
.noflash {color: #045204; padding:200px 0 0 0;  }
.noflash a{color: #FFCC00; font-weight: bold;}
a.skipintro {top: 50%; left: 50%; position: absolute; margin-top: 250px;  margin-left: -58px;}

#ageForm {left: 130px; position: relative; width: 280px;}
#ageForm .submit {display: block; position: absolute; right: 0; top: 0; margin: -7px 0 0 10px; cursor: pointer; border: none; width: 90px; height: 40px; background: url(/img/oke_btn.png) 0 0 no-repeat; overflow: hidden; text-indent: -3000px; }
#ageForm .submit:hover {background: url(/img/oke_btn_hover.png) 0 0 no-repeat;}

table {border: 1px solid #ffffff; text-align: left; border-collapse:collapse; margin: 5px auto;}
table tr td, table tr th{border: 1px solid #ffffff; padding: 3px 2px 4px 10px;}
table .highlight td {background: #3D65A6;}
table tr th {padding: 10px 10px 10px 10px; background: #265424; color: #ffffff; font-size: 10pt; }

hr {border: 0; border-bottom: 1px solid #338332; background: none; margin-left: 4px;}

.flash-holder{position: relative; height: 430px; padding-top: 20px; background: url(/img/new-flash-holder.png) -3px 0 no-repeat; margin: 0 0 10px 4px; width: 938px; }
.flash-holder .youtube { width: 575px;  float: left; background: #005e03; margin-left: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding-bottom: 2px;}
.flash-holder .youtube .video{width: 545px; padding: 0 15px; margin-bottom: 3px; display: none;}
.flash-holder .banner {width: 352px; text-align: center; float: right;}


.flash-holder .thmbs .prev, .flash-holder .thmbs .next{display: block; width: 14px; height: 23px; float: left; overflow: hidden; text-indent: -3000px; position: relative; top: 20px;}
.flash-holder .thmbs .prev {background: url(/img/vid-prev.png) 0 0 no-repeat; margin-right: -1px;}
.flash-holder .thmbs .prev:hover {background: url(/img/vid-prev.png) 0 bottom no-repeat;}
.flash-holder .thmbs .next {background: url(/img/vid-next.png) 0 0 no-repeat; margin-left: 1px;}
.flash-holder .thmbs .next:hover {background: url(/img/vid-next.png) 0 bottom no-repeat;}

.flash-holder .thmbs .thmb-holder {position: relative;width:546px; overflow: hidden; float: left; text-align: center;}
.flash-holder .thmbs .thmb-holder ul,
.flash-holder .thmbs .thmb-holder ul li{
	list-style-type: none;
	display: inline;
	white-space: nowrap;
	background: none;
	margin: 0px;
	padding: 0px;
}
.flash-holder .thmbs .thmb-holder ul{position: relative;}
.flash-holder .thmbs .thmb-holder ul li a{
	display: inline-block;
}
.flash-holder .thmbs .vidthmb{ position: relative; width: 106px; height: 64px; background: url(/img/vidthmb-bg.png) 0 0 no-repeat; margin-left: 2px;}
.flash-holder .thmbs .vidthmb img{opacity: .6; filter: alpha(opacity=60); position: absolute; top: 5px; left: 5px; border: none;}
.flash-holder .thmbs .vidthmb:hover{margin-top: -3px;}
.flash-holder .thmbs .vidthmb:hover img{opacity: 1; filter: alpha(opacity=100); border: 2px solid #ffcc00; top: 3px; left: 3px;}