﻿@import url("pages.css");

/*globals, layout*/

html, body {
	height: auto;
	width: auto;
	margin:0;
	padding:0;
	font: 9pt Verdana;
}

a {
	cursor: pointer;
}

li, #subfooter, #indexfooter, #indexcamp img, .compare_block div {
	behavior: url("../css/iepngfix05.htc");
}

body {
	behavior: url("../css/hover.htc");
	background: url('../images/design/bg_8x8.jpg');
}

.maincontainer {
	width: 960px;
	height: auto;
	margin: 0 auto;
	text-align: center;
}

.header {
	width: 100%;
	height: 179px;
	background: url('../images/design/top_960x179.jpg') no-repeat;
	text-align: left;
}

.contentcontainer {
	width: 960px;
	height: auto;
	background: url('../images/design/main_repeat_960x8.jpg') repeat-y;
}

.footer {
	width: 100%;
	height: 46px;
	background: url('../images/design/footerpic_960x66.jpg') no-repeat;
	margin: 0 auto;
	text-align: center;
}

.leftpanel {
	float: left;
	width: 150px;
	/*qbackground-color: blue;
	_height: 380px;*/
	min-height: 380px;
}

.mainpanel {
	float: right;
	/*qbackground-color: orange;
	_height: 380px;*/
	min-height: 380px;
	width: 660px;
}

.rightpanel {
	float: right;
	/*qbackground-color: green;
	_height: 380px;*/
	width: 150px;
	min-height: 380px;
	text-align: left;
}

.clears {
	clear: both;
}

#mainbox {
	position: absolute;
	margin: 0px 0px 0px 150px;
	width: 663px;
	height: 683px;
	background: url('../images/design/mainbox_661x659.jpg') 1px 0px no-repeat;
	text-align: center;
}

/*leftmenu*/

#leftmenu {
	text-align: left;
	margin-left: 9px;
	font: 8pt Verdana;
	overflow: hidden;
	height:510px;
}

#leftmenu ul {
	margin: -2px 0px 0px 0px;
	list-style-type: none;
	padding: 0;
	line-height: 20px;
}


#leftmenu ul li {
	width: 140px;
	overflow: hidden;
	padding-top: 2px;
	background: url('../images/design/menu1.gif') 0px 4px no-repeat;
	border-top: 2px solid #B2B2B2; 
}

#leftmenu ul li a {
	color: #6D6E71;
	text-decoration: none;
	padding: 3px 0px 3px 0px;
	margin-left: 18px;	/*a tobbi szintre iskihato margo...*/
	height: 18px;
	font-weight: bold;
}



#leftmenu ul ul, #leftmenu ul ul ul ul
{
	display: none;
}

#leftmenu ul ul ul
{
	display: block;
}


#leftmenu ul li:hover {
	background: url('../images/design/menu2.gif') 0px 4px no-repeat;
}

#leftmenu ul li:hover a, #leftmenu ul li ul li:hover a, #leftmenu ul li ul li ul li:hover a {
	color: #FFFFFF;
}

#leftmenu ul li:hover ul a, #leftmenu ul li ul li:hover ul a {
	color: #6D6E71;
}

#leftmenu ul li ul {
	margin:0;
	margin-left: 18px;
}

#leftmenu ul li ul li, #leftmenu ul li ul li:hover {
	background: none;	
	border-top: none;
}

#leftmenu ul li ul a {
	font: bold 7pt Verdana;
	margin-left: 0;
}

#leftmenu ul li ul li ul {
	margin-left: 0;
}

#leftmenu ul li ul li ul a {
	font: 7pt Verdana;
	letter-spacing: -1px;
	margin-left: 0;
}

/*newsletterbox*/

.newsletterbox {
	position: relative;
	margin-left: 5px;
	height: 246px;
	width: 137px;
	background: url('../images/design/newsletterbox_137x246_fel.jpg') no-repeat;
	/*qbackground:aqua;*/
}

.newsletterbox .inputtext {
	display: block;
	position: relative;
	top: 70px;
	margin: 0px 0px 0px 36px;
	border: none;
	width: 89px;
	background-color: transparent;
	color: #555557;

    /*
	*top: 69px;
	-top: 70px;
	*margin: 0px 0px 0px 36px;
	-margin: 0px 0px 0px 36px;
	qbackground-color: red;
	*/
}

.newsletterbox #newsemail {
	position: relative;
	margin-top: 4px;
	/*_margin-top: 3px;*/
}

.newsletterbox #sign_on {
	margin: 0;
	padding:0;
	position: relative;
	top: 78px;
	left: 0px;
	/*
	*top: 60px;
	*left: 0px;
	-top: 70px;
	-left: -3px;*/

}

.newsletterbox #sign_off {
	margin: 0;
	padding:0;
	position: relative;
	top: 90px;
	left: -17px;
	/*
	*top: 73px;
	*left: -24px;
	-top: 83px;
	-left: -27px;*/

}

.newsletterbox img {
	position: relative;
	top: 61px;
	margin: 2px 0px 0px 97px;

	/*
	_position: absolute;
	*top: 72px;
	*margin: -33px 0px 0px 97px;
	-top: 116px;
	-margin: 0px 0px 0px 49px;
	*/
}

.newsletterbox a:hover img {
	background: url('../images/design/mailbuttonup.png') no-repeat;
}

.openingtext {
	margin: 0px 0px 0px -5px; 
	padding: 0; 
	text-align: center;
}

/*logo*/
#logobox {
	position: absolute;
	margin: 10px 0px 0px -7px ;
}

/*index main*/

#indexflash {
	position: relative;
	margin-left: 1px;
	width: 661px;
	height: 429px;
	/*
	qbackground-color: blue;
	_margin-bottom: -6px;*/
}

#indexcamp {
	margin-left: 4px;
	/*_margin-left: 0px;*/
	width: 655px;
	height: 98px;
	background-color: #FCC000;
}

#indexfloatingcars {
	margin-left: 3px;
	/*_margin-left: -1px;
	q_margin-top: -2px;*/
	width: 655px;
	height: 130px;	
	background-color: white;
}

#indexfooter {
	text-align:left;
	margin: 0 auto;
	margin-left: 1px;
	width: 661px;
	height: 29px;
	background-color:  orange;
	color: #FFFFFF;
	font: 8pt Verdana;
	background: url('../images/design/mainbox_bottom_661x29.png') no-repeat;
	padding: 3px 0px 0px 20px;
}


#indexfooter a {
	color: #A4A4A4;
}


#indexfooter span {
	margin:0px 0px 0px 170px;
	padding:0;
	text-align: right;
	/*qmargin-top: -14px;*/
}

#indexfooter span a {
	color: #FFC914;
}

/*subbox*/

#subbox {
	position: absolute;
	margin: 0px 0px 0px 150px;
	width: 663px;
	height: 683px;
	text-align: center;
}

#subheader {
	width: 661px;
	height: 167px;
	/*qbackground: url('../images/design/sub_top_661x167.jpg') no-repeat;*/
}

#subcontent {
	width: 661px;
	height: auto;
	position: relative;
	margin-top: -20px;
	background: url('../images/design/sub_repeat_661x3.png') repeat-y;
	text-align: left;
	/*_height: 500px;
	*margin-top: 0px;
	-margin-top: 0px;
	qbackground-color: aqua;*/
}

#subfooter {
	text-align:left;
	/*_margin-left: 1px;*/
	width: 661px;
	height: 35px;
	background: url('../images/design/sub_bottom_661x353.png') no-repeat;
	padding-top: 4px;
}

#subfooter a {
	color: #A4A4A4;
}

#subfooter span {
	margin:0px 0px 0px 170px;
	padding:0;
	text-align: right;
	margin-top: -14px;
}

#subfooter span a {
	color: #FFC914;
}


#subfooter #indexfooter {
	background: none;
	/*qmargin: 8px 0px 0px 20px;*/
}

#subpage {
	min-height: 500px;
	width: 621px;
	margin: 20px 20px 0px 20px;
	padding-top: 10px;
	overflow: hidden;
}

/*msgbox*/

				
#msgbox {
	width: 237px;
	height: 90px;
	position: absolute;
	background: url('../images/design/msgbox_237x90.gif') no-repeat;
}


#msgboxtext {
	position: relative;
	/*qbackground-color: aqua;*/
	font: bold 11pt Verdana;
	z-index: 500;
	text-align: left;
	width: 200px;
	height: 40px;
	margin: 35px 0px 0px 20px;
	color: #545454;
}

#msgboxbtn {
	position: relative;
	/*qbackground-color: green;*/
	width: 20px;
	height: 20px;
	margin: -63px 0px 0px 203px;
	z-index: 600;
	cursor: pointer;
}

.msgemailpos {
	margin-top: -350px;	
	margin-left: 820px;
	/*
	*margin-top: -350px;	
	*margin-left: 340px;
	-margin-top: -350px;	
	-margin-left: 340px;
	*/
}

.msgcenterpos {
	margin-top: -350px;	
	margin-left: 340px;
	/*
	*margin-top: -350px;	
	*margin-left: -100px;
	-margin-top: -350px;	
	-margin-left: -100px;
	*/
}

.msgcenterposkviz {
	margin-top: 0px;	
	margin-left: 340px;
	/*
	*margin-top: 0px;	
	*margin-left: -100px;
	-margin-top: 0px;	
	-margin-left: -100px;
	*/
}

.msgcenterposkerdoiv{
	margin-top: 1700px;	
	margin-left: 340px;
	/*
	*margin-top: 2000px;	
	*margin-left: -100px;
	-margin-top: 2000px;	
	-margin-left: -100px;
	*/
}

.msgcenterposservice{
	margin-top: 1000px;	
	margin-left: 340px;
	/*
	*margin-top: 2000px;	
	*margin-left: -100px;
	-margin-top: 2000px;	
	-margin-left: -100px;
	*/
}

.msgcenterpos #msgboxtext {
	font: 10pt Verdana;
}

/*contactfrms*/

.signtestdrivefrm table tr td input, .signtestdrivefrm table tr td textarea, .signtestdrivefrm table tr td select {
	width: 220px;
	font: 8pt Verdana;
	color: #646464;
}

.signtestdrivefrm table tr td textarea {
	height: 120px;
}

.signtestdrivefrm table tr td table input {
	width: auto;
}

.compare_block {
	position: absolute;
	margin: -10px 0px 0px 0px;
	/*_margin: 10px 0px 0px 0px;*/
}

.compare_block div {
	height: 21px;
	padding-top: 4px;
	color: #FFFFFF;
	font: bold 7pt Verdana;
	text-align: center;
}

.openinghours {
	font: 8pt Verdana;
	width: 132px;
	padding: 5px;
	text-align:center;
	color: #626262;
	margin-top: 70px;
	margin-left: -5px;
	/*qbackground-color: aqua;
	q*margin-top: 82px;
	*margin-top: 75px;
	-margin-top: 92px;*/
}

#indexcamp object {
	/*position: relative;
	top: -10px;*/
}


.borzebanner {
	margin: 10px 0px -5px 0px;
	text-align: right;
}



/*
weatherpanel
------------------------
*/
.weatherpanel {
	width: 100%;
	height: auto;
	/*qbackground-color: #E4E4E4;*/
	margin: 0 auto;
	margin-top: 0px;
	text-align: center;
}

.leftpane {
	float: left;
	text-align: left;
	width: 468px;
}

.rightpane {
	float: right;
	height: 58px;
	text-align: right;
	width: 490px;
	border: 1px solid #000000;
}

.rightmnu {
	float: left;
	height: 58px;
	width: 80px;
	text-align: center;
	background-color: #000000;
	font: 8pt Verdana;
	color: #FFFFFF;
}

.rightmnu ul {
	padding: 0;
	margin: 0;
	margin: 0px 0px 0px 20px;
}

.rightmnu ul li {
	text-align: left;
}

.rightmnu ul li a {
	color: #FFFFFF;
}

.rightcont {
	float: right;
	height: 58px;
	width: 410px;
	border: 1px solid #000000;
}

.rightcont iframe {
	width: 410px;
	height: 58px;
	/*_height: 56px;
	qoverflow-y: auto;*/
}




/*
foci
--------------------------
*/

#leftmenu.foci ul li {
	background: none;
}

#leftmenu.foci ul li:hover {
	background: url('../focikupa/images/design/menu_foci_15x15.gif') 0px 4px no-repeat;
}

#leftmenu.foci ul li ul li, #leftmenu.foci ul li:hover ul li {
	background: none;
}

#leftmenu.foci ul li a {
	/*qletter-spacing: -1px;*/
	font-size: 7pt !important;
}

#leftmenu.foci ul li ul li a {
	font: 7pt Verdana !important;
}

#subcontent.foci {
	/*_margin-top: -2px;*/
	background: url('../images/design/sub_repeat_661x3_foci.png') repeat-y;
}

#subfooter.foci {
	background: url('../images/design/sub_bottom_661x353_foci.png') no-repeat;
}

#logobox.foci {
	position: absolute;
	margin: 36px 0px 0px 20px ;
}

#logobox.foci img {
	border: none;
}

#cegledlogo {
	position: absolute;
	margin: 30px 0px 0px 820px;
}

/*
small content
----------------------------
*/

.smallcontent {
	width: 360px;
	height: 173px;
}


.sitemap ul li a {
	color:#646464;
	font-family:Verdana;
	font-size: 9pt;
}

/*
underfooter
----------------------------
*/


.underfooter {
	width: 100%;
	margin: 0 auto;
	text-align: right;
	margin: -13px 0px 0px -40px;
	/*qheight: 66px;
	qbackground-color: red;*/
}

.underfooter ul {
	margin: 0 auto;
	padding:0;
	width: auto;
	list-style-type: none;
	/*qbackground-color: red;
	qborder-left: 1px solid green;*/
}

.underfooter ul li {
	display: inline;
	/*qfloat: left;*/
	padding: 0px 3px 0px 3px;
}
.underfooter ul li a {
	color:#FFFFFF;
	font-family:Verdana;
	font-size:7pt;
	/*font-size-adjust:none;*/
	font-style:normal;
}


.hdflash {
	position: absolute;
	z-index: 500;
	margin: 70px 0px 0px 35px;
}

.shdflash {
	position: absolute;
	z-index: 500;
	margin: 60px 0px 0px 8px;
	/*
	*margin: 60px 0px 0px 7px;*/
}

/*
advert layer
------------------------------
*/

.advertlayer {
	position: absolute;
	width: 530px;
	height: 355px;
	background: url('../images/advert/opel_adver0614.jpg') no-repeat bottom;
	background-color: white;
	z-index: 500;
	border: 2px solid #000000;
	text-align: right;
	margin: -100px 0px 0px 180px;
	/*qborder: 2px solid #656667;
	qz-index: 500;
	*margin: -80px 0px 0px 180px;*/
}

.advertlayer img {
	position: relative;
	/*qz-index: 100;*/
	
}

.advertlayer object {
	z-index: 600 !important;
}

.advertlayer div {
	margin: 2px 10px 2px 0px;
	font: bold 10pt Verdana;
	color: #EBB61A;
	cursor: pointer;
}

.advertlayer .close {
	position: relative;
	width: 10px;
	height: 10px;
	padding: 10px;
	margin: -10px 0px 0px 450px;
	cursor: pointer;
	/*
	*margin: -10px 0px 0px 350px;
	*left: -50px;
	qbackground:green;
	qz-index: 200;
	*/
}

