#container {
	min-height: 100%;
}
* html #container {
	height: 100%;
}
form {
	height: 100%;
}

#clearfooter {
	display: block;
	height: 116px; /* x+10 */
	width: 990px;
	margin: 0 auto;
	background-image: url(img/sprites-v.gif);
	background-repeat: repeat-y;
}
#middle {
	width: 990px;
	margin: 0 auto;
	padding-bottom: 8px;
	background-image: url(img/sprites-v.gif);
	background-repeat: repeat-y;
}


#header-bg, #footer-bg {
	background-image: url(img/sprites-h.png);
	background-repeat: repeat-x;
	height: 287px;
	overflow: hidden;
}
#middle-bg {
	background-image: url(img/header/girl.jpg);
	background-position: 735px -287px;
	background-repeat: no-repeat;
}
#footer-bg {
	height: 116px;
	background-position : 0 -287px;
	width: 100%;
	clear: both;
	margin: -116px 0 0 0;
	position: relative;
}
#header-ext {
	background-image: url(img/header/girl.jpg);
	background-position: 735px 0;
	background-repeat: no-repeat;
}
#header {
	height: 287px;
	width: 990px;
	margin: 0 auto;
	position: relative;
}
#logo {
	margin-top: 15px;
	margin-left: 47px;
	margin-bottom: 17px;
}
#menuBg {
	width: 728px;
	height: 66px;
	background-image: url(img/sprites.png);
	padding-left: 90px;
}
.menuBlock {
	position: relative;
	margin-right: 27px;
	float: left;
	height: 66px;
}
.menuBlock.last {
	margin-right: 0;
}
.menuBlock a {
	margin-top: 18px;
	display: block;
}
.menuOn {
	display: none;
	background-image: url(img/sprites.png);
	position: absolute;
	height: 63px;
	top: -7px;
	z-index: 100;
}
.menuOn .clk {
	margin-left: 20px;
	margin-right: 20px;
	height: 50px;
	cursor: pointer;
}
#hirek .menuOn {
	width: 135px;
	left: -47px;
	background-position: -1159px -63px;
}
#edzoterem .menuOn {
	width: 163px;
	left: -36px;
	background-position: -1183px 0;
}
#szolgaltatasok .menuOn {
	width: 205px;
	left: -33px;
	background-position: -978px 0;
}
#oktatok .menuOn {
	width: 161px;
	left: -46px;
	background-position: -1294px -63px;
}
#orarend .menuOn {
	width: 163px;
	left: -46px;
	background-position: -994px -63px;
}
#arlista .menuOn {
	width: 135px;
	left: -39px;
	background-position: -1346px 0;
}
#kapcsolat .menuOn {
	width: 163px;
	left: -38px;
	background-position: -816px 0;
}

#colL {
	float: left;
	width: 200px;
	height: 476px;
	background-image: url(img/images.jpg);
}
#colL.edzoterem {
	background-position: -200px 0;
}
#colL.szolgaltatasok {
	background-position: -1600px 0;
}
#colL.orarend {
	background-position: -1800px 0;
}
#colL.arlista {
	background-position: -2000px 0;
}
#colL.kapcsolat {
	background-position: -2200px 0;
}
#colL.oktatok {
	background-position: -2400px 0;
}
#colL.hypoxi {
	background-position: -400px 0;
}
#colL.hot-iron {
	background-position: -600px 0;
}
#colL.tanc {
	background-position: -800px 0;
}
#colL.squash {
	background-position: -1000px 0;
}
#colC {
	float: left;
	padding-left: 33px;
	padding-right: 33px;
	width: 514px;
}
#colR {
	float: right;
	width: 200px;
}
#colR .imgMenu {
	width: 200px;
	height: 119px;
	background-image: url(img/images.jpg);
	position: relative;
	/*left: 1px;*/
}
#hypoxiImg {
	background-position: -1200px 0;
}
#hypoxiImg.On, #hypoxiImg.active {
	background-position: -1400px 0;
}
#hotironImg {
	background-position: -1200px -119px;
}
#hotironImg.On, #hotironImg.active {
	background-position: -1400px -119px;
}
#tancImg {
	background-position: -1200px -238px;
}
#tancImg.On, #tancImg.active {
	background-position: -1400px -238px;
}
#squashImg {
	background-position: -1200px -357px;
}
#squashImg.On, #squashImg.active {
	background-position: -1400px -357px;
}
.imgMenu a {
	display: block;
	width: 200px;
	height: 119px;
	position: absolute;
}
.imgMenu a span {
	width: 26px;
	height: 26px;
	background-image: url(img/sprites.png);
	background-position: -1131px -156px;
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
}
.imgMenu a span.last {
	background-position: -1157px -156px;
}
.imgMenu.On a span {
	background-position: -1183px -156px;
}
.imgMenu.On a span.last {
	background-position: -1209px -156px;
}
.imgMenu.active a {
	cursor: default;
	visibility: hidden;
}
#hypoxiLogo {
	width: 123px;
	height: 40px;
	background-image: url(img/sprites.png);
	background-position: -1006px -130px;
	position: absolute;
	left: 9px;
	top: 16px
}
#hotironLogo {
	width: 147px;
	height: 22px;
	background-image: url(img/sprites.png);
	background-position: -1131px -130px;
	position: absolute;
	left: 9px;
	top: 64px
}
#footer {
	height: 116px;
	width: 990px;
	margin: 0 auto;
	background-image: url(img/sprites.png);
	background-position: 0 -66px;
}
#menu2 {
	margin-left: 45px;
	float: left;
}
#menu2 {
	color: white;
	font-size: 12px;
	font-weight: bold;
}
#lion {
	float: right;
	margin-right: 30px;
	color: white;
	font-size: 10px;
}
#lion a, #lion a:hover {
	text-decoration:none;
	color:white;
	padding-right: 76px;
	background-image: url(img/webdesign.png);
	background-position: right;
	background-repeat: no-repeat;
	height: 54px;
	display: block;
	font-weight: normal;
}
#menu2, #lion {
	margin-top: 62px;
	height: 54px;
	line-height: 53px;
}