html, body {
    height: 100%;
}

body, div, td, ul, img {
	margin: 0;
	padding: 0;
    border: 0;
    font-family: Verdana, sans-serif;
    font-size: 11px;
}

body {
	background-image: url(/images/background.png);
}


/* HEADER */

#header {
    height: 79px;
    clear: both;
    background: url(/images/header_bg.png) repeat-x #474747;
    border-bottom: solid 1px black;
    position: relative;
    z-index: 3;
}
#inner_header {
    position: relative;
    width: 760px;
    margin: 0 auto;
    z-index: 2;
}

/* MENU */

#menu {
    display: inline;
    position: absolute;
    left: 220px;
    bottom: 0;
    color: white;
    font-family: verdana;
    font-size: 11px;
    list-style-type: none;
}
#menu li {
    display: inline;
}
#menu a {
    color: white;
    font-family: verdana;
    font-size: 11px;
    float: left;
    text-decoration: none;
    display: block;
    text-align: center;
    width: 110px;
    height: 14px;
    padding-top: 2px;
    background: url(/images/menu_off.png) no-repeat #A9A9A9;
    margin-left: 1px;
}
#menu li.selected a {
    color: black;
    font-family: verdana;
    font-size: 11px;
    background: url(/images/menu_on.png) no-repeat #A9A9A9;
}

/* CONTENT TABLE */
#content {
    min-height: 100%;
    min-width: 780px;
    background: url(/images/body_bg.png) repeat-y center top;
    position: relative;
}

#middle {
    margin: 0 auto;
	padding-bottom: 50px;
    width: 758px;
}

#topside {
    background: url(/images/shadow_top.png) left top repeat-x;
    position: relative;
    z-index: 2;
}

#langbox{
	position: absolute;
	top: -1px;
	right: 5px;
	height: 30px;
	width: 170px;
	overflow: hidden;
	list-style-type: none;
	padding: 0;
	margin: 0;
	border: solid 1px #AAA;
    filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
    z-index: 3;
}
#langbox li{
	font-family: verdana;
	font-size: 11px;
	display: block;
	padding: 0;
	margin: 0;
	background-color: #808080;
	clear: both;
}
#langbox:hover{
	height: 210px;
    filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;
}
#langbox a{
	color: white;
	display: block;
	padding: 8px 0 0 7px;
	width: 170px;
	height: 22px;
	background: no-repeat 130px 4px;
	text-decoration: none;
}
#langbox li:hover{
	background-color: #AAA;
}

/* BAR */

#bar {
    height: 25px;
    background: url(/images/bar_bg.png) no-repeat top center;
    text-align: center;
    padding: 2px 0;
    font-size: 11px;
    position: relative;
    z-index: 1;
}

#bar a {
    color: black;
    text-decoration: none;
}

#bar span {
    position: relative;
    z-index: 1;
}

#bar span a {
    padding-bottom: 4px;
}

#bar span:hover a {
  color: #BF9500;
}

#bar span:hover ul.submenu a {
  color: black;
}

#bar span:hover ul.submenu a:hover {
  color: #BF9500;
}

#bar span:hover ul.submenu {
  visibility: visible;
}

#bar span ul.submenu {
  visibility: hidden;
}

ul.submenu {
    display: block;
    list-style-type: none;
    background: #D3D3D3;
    border: solid 1px black;
    position: absolute;
    top: 16px;
    left: -5px;
    padding: 3px;
    text-align: left;
    filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;
}

ul.submenu a {
    color: black;
    text-decoration: none;
    margin: 1px;
}
ul.submenu a:hover {
    color: white;
}
ul.details {
    width: 200px;
    padding-left: 25px;
    list-style-image: url(/images/liststyle.gif)
}
ul.details a {
    color: black;
    text-decoration: underline;
}
ul.details a:hover {
    color: #BF9500;
    text-decoration: none;
}
ul.detailstech {
    width: 600px;
    padding-left: 25px;
    list-style-image: url(/images/liststyle.gif)
}
ul.detailstech a {
    color: black;
    text-decoration: underline;
}
ul.detailstech a:hover {
    color: #BF9500;
    text-decoration: none;
}


/* FOOTER */
#footer {
    padding-top: 13px;
    text-align: center;
    color: white;
    background: url(/images/footer_bg.png) repeat-x #696969;
    height: 26px;
    border-top: solid 1px black;
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 2;
}

#footer a {
    color: white;
    text-decoration: none;
}

#footer a:hover {
    color: white;
    text-decoration: underline;
}


#overlay {
  background: black;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 3;
  filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;
}
div.popup {
  top: 50%;
  left: 50%;
  margin-left: -360px;
  margin-top: -150px;
  width: 720px;
  height: 300px;
  background: #FFFFFF;
  border: none;
  position: fixed;
  z-index: 4;
  padding: 5px;
}
div.popuptipus {
  top: 50%;
  left: 50%;
  margin-left: -360px;
  margin-top: -120px;
  width: 720px;
  height: 240px;
  background: #FFFFFF;
  border: none;
  position: fixed;
  z-index: 4;
  padding: 5px;
}
div.popupszin {
  top: 50%;
  left: 50%;
  margin-left: -260px;
  margin-top: -280px;
  width: 510px;
  height: 550px;
  background: #FFFFFF;
  border: none;
  position: fixed;
  z-index: 4;
  padding: 5px;
  text-align: center;
}
div.popuptipus {
  top: 50%;
  left: 50%;
  margin-left: -360px;
  margin-top: -120px;
  width: 720px;
  height: 240px;
  background: #FFFFFF;
  border: none;
  position: fixed;
  z-index: 4;
  padding: 5px;
}
div.popupkonfig {
  top: 50%;
  left: 50%;
  margin-left: -370px;
  margin-top: -220px;
  width: 740px;
  height: 440px;
  background: #FFFFFF;
  border: none;
  position: fixed;
  z-index: 4;
  padding: 5px;
}
.popupszin img.colour {
 margin-bottom: 10px;
 width: 500px;
 height: 500px;
 clear: both;
 cursor: default;
}
.popupszin a.closepopup {
 display: block;
 float: right;
 width: 15px;
 height: 15px;
 margin-bottom: 5px;
 background: url(/images/close.gif) no-repeat;
 text-indent: -10000px;
}
div.popupresz2 {
  top: 50%;
  left: 50%;
  margin-left: -199px;
  margin-top: -280px;
  width: 398px;
  height: 550px;
  background: #FFFFFF;
  border: none;
  position: fixed;
  z-index: 4;
  padding: 5px;
  text-align: center;
}
.popupresz2 img.colour {
 margin-bottom: 10px;
 width: 388px;
 height: 500px;
 clear: both;
 cursor: default;
}
.popupresz2 a.closepopup {
 display: block;
 float: right;
 width: 15px;
 height: 15px;
 margin-bottom: 5px;
 background: url(/images/close.gif) no-repeat;
 text-indent: -10000px;
}
div.popupkilincs {
  top: 50%;
  left: 50%;
  margin-left: -260px;
  margin-top: -280px;
  width: 510px;
  height: 550px;
  background: #FFFFFF;
  border: none;
  position: fixed;
  z-index: 4;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
}
.popupkilincs img.kilincs {
 margin-bottom: 10px;
 clear: both;
 cursor: default;
 border: none;
}
.popupkilincs a.closepopup {
 display: block;
 float: right;
 width: 15px;
 height: 15px;
 margin-bottom: 5px;
 background: url(/images/close.gif) no-repeat;
 text-indent: -10000px;
}
div.popuptok {
  top: 50%;
  left: 50%;
  margin-left: -355px;
  margin-top: -212px;
  width: 710px;
  height: 425px;
  background: #FFFFFF;
  border: none;
  position: fixed;
  z-index: 4;
  padding: 5px;
}
div.popupgrav {
  top: 50%;
  left: 50%;
  margin-left: -225px;
  margin-top: -90px;
  width: 450px;
  height: 180px;
  background: #FFFFFF;
  border: none;
  position: fixed;
  z-index: 4;
  padding: 5px;
}
#tooltip {
  position: absolute;
  left: 0;
  top: 0;
  padding: 10px;
  margin-left: -190px;
  z-index: 5;
  background: #FFFFFF;
  width: 150px;
  height: 77px;
  border: solid 1px black;
}
div.tooltip {
  display: none;
}
img.reszletek {
  cursor: url(/images/zoom.cur), pointer;
}
img.colour {
  border: solid 1px black;
  cursor: url(/images/zoom.cur), pointer;
}
img.kilincs {
  border: none;
  cursor: url(/images/zoom.cur), pointer;
}
img.colour2 {
  border: solid 1px black;
}
div.totop {
  vertical-align: bottom;
}
div.totop a {
  text-decoration: none;
  color: black;
}
div.totop a:hover {
  text-decoration: none;
  color: #BF9500;
}

div.totop td {
  vertical-align: center;
}


div.csopkep {
  margin-top: 40px;
  margin-bottom: 20px;
}

div.csopkep a {
  border: none;
}

div.csopkep a:hover {
  border: none;
  filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;
}
table.termektable {
  line-height: 20px;
}
div.partner_box {
  background: #FFFFFF;
  border: solid 5px #FFFFFF;
  width: 290px;
  vertical-align: middle;
  padding: 5px;
  line-height: 20px;

}
div.partner_box a {
  text-decoration: underline;
  color: black;
}
div.partner_box a:hover {
  text-decoration: none;
  color: #BF9500;
}
div.kilincs_box {
  background: #FFFFFF;
  width: 160px;
  height: 180px;
  padding: 0px;
  line-height: 20px;
  text-align: center;

}
div.kilincs_box_nom {
  width: 160px;
  height: 20px;
  padding: 0px;
  line-height: 20px;
  text-align: center;

}
div.kilincs_box a {
  text-decoration: none;
  color: black;
}
div.kilincs_box a:hover {
  text-decoration: none;
  color: #BF9500;
}
input.search {
  border: solid 1px #555555;
  color: gray;
  font-family: verdana;
  font-size: 11px;
  background: #F2F2F2 url(/images/search.png) right top no-repeat;
  width: 160px;
  height: 13px;
  padding-bottom: 2px;
  padding-right: 20px;
  vertical-align: top;
}

#searchbox {
  height: 16px;
  position: absolute;
  padding-left: 545px;
  padding-top: 3px;
  z-index: 0;
}

#loader {
	width: 100%;
	height: 100%;
	vertical-align: middle;
}