html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

* {margin: 0; padding: 0; border: 0;}
body {background: #281416; color: #3e3ec5; font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;}
html , body {position: relative; height: 100%; min-height: 674px;}

/* MAIN CONTAINER */
div#maincontainer {position: relative; margin-left: auto; margin-right: auto; width: 980px; height: 674px; /*top: 50%; margin-top: -337px;*/ background: url(/images/bg-container.jpg) 0 0 no-repeat;}

/* HEADER */
div#header {position:relative; z-index: 10; width: 980px;}
div#header .logo {
	position: absolute;
	background: url(/images/logo.png) 0 0 no-repeat;
	top: 0px;
	left: 0px;
	width: 428px;
	height: 150px;
}
div#header .logo h1, div#header .logo h1 a {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	text-indent: -3000px;
	font-size: 0px; /* for ultra-long h1 texts */
	overflow: hidden;
}

div#header #menu {text-align: left; position: absolute; width: 726px; height: 28px; top: 125px; left: 127px; background: #ff6600;}
div#header #menu ul, div#header #menu ul li {list-style-type:none; margin: 0; padding: 0; display: inline-block; float: left;}
div#header #menu ul {margin-left: 3px;}
div#header #menu ul li a {height: 28px; font-family: Tahoma,"Trebuchet MS",Verdana; color: white; text-decoration: none; font-size: 10pt; background: url(/images/bg-menu.png); display: block; overflow: hidden; text-indent: -3000px;}
div#header #menu ul li a:focus{outline:0;}
div#header #menu ul li#menu1 a {width: 59px; background-position: -7px 0;}
div#header #menu ul li#menu2 a {width: 75px; background-position: -65px 0;}
div#header #menu ul li#menu3 a {width: 93px; background-position: -140px 0;}
div#header #menu ul li#menu4 a {width: 89px; background-position: -233px 0;}
div#header #menu ul li#menu5 a {width: 80px; background-position: -321px 0;}
div#header #menu ul li#menu6 a {width: 86px; background-position: -400px 0;}
div#header #menu ul li#menu7 a {width: 58px; background-position: -486px 0;}
div#header #menu ul li#menu8 a {width: 102px; background-position: -543px 0;}
div#header #menu ul li#menu9 a {width: 78px; background-position: -648px 0;}

div#header #menu ul li#menu1 a:hover, div#header #menu ul li#menu1 a.active  {background-position: -7px -29px;}
div#header #menu ul li#menu2 a:hover, div#header #menu ul li#menu2 a.active  {background-position: -65px -29px;}
div#header #menu ul li#menu3 a:hover, div#header #menu ul li#menu3 a.active  {background-position: -140px -29px;}
div#header #menu ul li#menu4 a:hover, div#header #menu ul li#menu4 a.active  {background-position: -233px -29px;}
div#header #menu ul li#menu5 a:hover, div#header #menu ul li#menu5 a.active  {background-position: -321px -29px;}
div#header #menu ul li#menu6 a:hover, div#header #menu ul li#menu6 a.active  {background-position: -400px -29px;}
div#header #menu ul li#menu7 a:hover, div#header #menu ul li#menu7 a.active  {background-position: -486px -29px;}
div#header #menu ul li#menu8 a:hover, div#header #menu ul li#menu8 a.active  {background-position: -543px -29px;}
div#header #menu ul li#menu9 a:hover, div#header #menu ul li#menu9 a.active  {background-position: -648px -29px;}

/* CONTENT */
div#content {text-align: left; width: 746px; height: 476px; position: absolute; top: 115px; left: 117px; z-index: 5; font-size: 11pt;}
#background img{opacity: 0; filter: alpha(opacity=0);}
#panel { position: absolute; opacity: 0; _visibility: hidden;}
#panel .background {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
#panel .text {padding: 5px 0px 10px 40px; position: relative; z-index: 2; color: #fc6100;}
#panel .contact {padding: 5px 10px 10px 10px;}
#panel .text .content{width: 90%;}
#panel .contact .content{width: 100%;}
#panel .text .half{width: 50%; float: left; margin-bottom: 15px;}
#panel .text .third {width: 33%; float: left; margin-bottom: 8px; padding-top: 7px;}
#panel .text .bgcolor {background: #413829; width: 34%; height: 62px; padding-top: 8px;}
#panel .text ul li {margin-left: 15px;}
#panel .text h2 {margin-top: 30px;}
#panel .text a {color: #FEC11B;}
#panel .text a:hover {text-decoration: none;}

div.home {width: 686px; height: 156px; bottom: 40px; left: 30px;}
div.home .background {background: #000000; opacity: .45; filter: alpha(opacity=45);}
div.home .text {font-weight: bold; padding: 20px 0px 10px 30px!important;}

div.programjaink {width: 600px; height: 300px; top: 90px; left: 30px;}
div.programjaink .background {background: #000000; width: 600px; height: 300px; opacity: .5; filter: alpha(opacity=50);}
div.programjaink .text {width: 550px; font-size: 10pt;}

div.magunkrol {width: 700px; height: 175px; top: 270px; left: 30px;}
div.magunkrol .background {background: #000000; width: 700px; height: 175px; opacity: .6; filter: alpha(opacity=60);}
div.magunkrol .text {width: 650px; font-size: 10pt;}

div.aktualitasok {width: 600px; height: 300px; top: 100px; left: 69px;}
div.aktualitasok .background {background: #000000; width: 600px; height: 300px; opacity: .6; filter: alpha(opacity=60);}
div.aktualitasok .text {width: 550px; font-size: 10pt;}

div.eszkozeink {width: 540px; height: 360px; top: 70px; left: 95px;}
div.eszkozeink .background {background: #000000; width: 540px; height: 360px; opacity: .7; filter: alpha(opacity=70);}
div.eszkozeink .text {width: 490px; font-size: 10pt;}

div.referenciak {width: 440px; height: 300px; top: 70px; left: 260px;}
div.referenciak .background {background: #000000; width: 440px; height: 300px; opacity: .6; filter: alpha(opacity=60);}
div.referenciak .text {width: 390px; font-size: 10pt;}

div.trainer {width: 600px; height: 300px; top: 90px; left: 30px;}
div.trainer .background {background: #000000; width: 600px; height: 300px; opacity: .5; filter: alpha(opacity=50);}
div.trainer .text {width: 550px; font-size: 10pt;}

div.kapcsolat {width: 600px; height: 80px; top: 50px; left: 70px;}
div.kapcsolat .background {background: #000000; width: 600px; height: 80px; opacity: .5; filter: alpha(opacity=50);}
div.kapcsolat .text {width: 580px; font-size: 10pt; padding-top: 10px;}

div.galeria {width: 725px; height: 445px; top: 20px; left: 25px;}
div.galeria .title{background:url(/images/scroll/black.png) 0 0; padding: 5px 10px; color: #FEC11B; font-weight: bold; font-size: 11pt; position: absolute; top: 15px; left: -15px; z-index: 2;}

div.galeria-thmb {width: 725px; height: 445px; top: 60px; left: 35px; }

/* FOOTER */
div#footer {width: 880px; color: #8b6c63; text-align: right; font-size: 8pt; letter-spacing: 1px; bottom: 40px; right: 100px; position: absolute;}
div#footer a {background-color: inherit; color: #b7a59f; text-decoration: none;}
div#footer a:hover {background-color: inherit; color: #b7a59f; text-decoration: underline;}

*{outline:0;}

/* styling for the image wrapper  */ 
#image_wrap { 
    /* dimensions */ 
    width:650px; 
    margin:3px 0 0 20px; 
    padding:15px 0; 
 
    /* centered */ 
    text-align:center; 
	position: relative;
    /* some "skinning" */ 
    /*background-color:#efefef; 
	border:2px solid #fff; 
	outline:1px solid #ddd;
	-moz-ouline-radius:4px;  */
	z-index: 1;
}

.thmb {position: relative; border: 5px solid white; float: left; text-align: center; width: 90px; height: 100px; margin: 12px; padding: 5px; font-size: 9pt; font-weight:bold;}
.thmb .title {position: absolute; background: #620000; bottom: 0; left: 0; width: 100%;}
.thmb a {color: white; text-decoration: none;}
.thmb a:hover {text-decoration: underline;}
.thmb img {margin:0px 0 2px 0;
	background-color:#fff;
	padding:1px;
	border:1px solid #ccc;
	cursor:pointer;
	
	-moz-border-radius:2px;
	-webkit-border-radius:2px;}

form fieldset {margin-bottom: 5px;}
form fieldset div {margin-bottom: 5px;}
form fieldset div span{width: 100px; display: inline-block; float: left;}
form fieldset div .textfield{width: 300px; border: 1px solid #FF6600; padding: 2px; font-size: 10pt; font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;}
form fieldset div textarea {height: 100px;}
form fieldset div .submit{border: 1px solid #FF6600; font-size: 10pt; font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; background: black; color: #ff6600; cursor: pointer; padding: 2px 10px;}
form fieldset div .submit:hover{border: 1px solid #ffffff; color: #ffffff; }


#responseDiv .error{background: red; color: white; padding: 5px 0; font-weight: bold; text-align: center;}
#sucessfulDiv p {background: green; color: white; padding: 8px 8px; font-weight: bold; text-align: center;}