* {margin: 0; padding: 0;}
html, body {height: 100%;}

body {background: #fff; font-family: verdana; }

h1 {font-size: 10pt;}

/*---- KERETEK ----*/
#wrap {position: relative; width: 940px; margin: 0 auto;}

/* -- HEADER -- */
#header {width: 100%; height: 165px; background: url(../images/bg_header.jpg) no-repeat; overflow: hidden;}
* html #header {background: url(../images/bg_header_ie6.jpg) no-repeat !important;}
#header h1 {margin-left: 25px; width: 280px; height: 110px;}
#header h1 a {position: relative;}
#header h1 a span {position: absolute; top: 0; left: 0; width: 280px; height: 110px; background: url(../images/bg_h1.jpg) no-repeat; cursor: pointer;}

#header #randomcar {float: right; margin-right: 20px;}
* html #header #randomcar {display: none;}

/* -- NAV -- */
#nav {background: #fff;}
#nav ul {width: 100%; height: 50px; margin-top: 3px; background: #2B3E84 url(../images/bg_nav.gif) no-repeat; list-style: none; overflow: hidden; clear: both;}
#nav ul li {display: block; float: left; width: 134px; height: 50px;}
#nav ul li a {position: relative; display: block; color: #939CCE; width: 134px; height: 50px; text-align: center; line-height: 50px;}
#nav ul li a span {position: absolute; display: block; top: 0; left: 0; width: 134px; height: 50px; background-image: url(../images/bg_nav.gif); cursor: pointer;}
#nav ul li a:hover {cursor: pointer;}

#nav ul li a#nav-faq {width: 136px;}
#nav ul li a#nav-faq span {width: 136px;}

#nav ul li a#nav-home span {background-position: 0 0;}
#nav ul li a#nav-aboutus span {background-position: -134px 0; cursor: pointer;}
#nav ul li a#nav-ourfleet span {background-position: -268px 0;}
#nav ul li a#nav-bookacar span {background-position: -402px 0;}
#nav ul li a#nav-terms span {background-position: -536px 0;}
#nav ul li a#nav-contacts span {background-position: -670px 0;}
#nav ul li a#nav-faq span {background-position: -804px 0;}

#nav ul li a#nav-home:hover span {background-position: 0 -50px;}
#nav ul li a#nav-aboutus:hover span {background-position: -134px -50px;}
#nav ul li a#nav-ourfleet:hover span {background-position: -268px -50px;}
#nav ul li a#nav-bookacar:hover span {background-position: -402px -50px;}
#nav ul li a#nav-terms:hover span {background-position: -536px -50px;}
#nav ul li a#nav-contacts:hover span {background-position: -670px -50px;}
#nav ul li a#nav-faq:hover span {background-position: -804px -50px;}

/* -- CONTENER -- */
#contener {overflow: hidden; clear: both; padding: 0 10px 20px 10px;}
#contener h1 {position: relative; height: 47px; background-color: #fff; margin-bottom: 5px; border-bottom-size: 3px; border-bottom-style: solid; font: bold 16px "trebuchet ms"; letter-spacing: -0.15em; text-transform: uppercase; line-height: 50px; }
#contener h1 span {position: absolute; top: 0; left: 0; height: 47px; background-image: url(../images/txts.gif);}
#contener p {padding: 10px 0; line-height: 18px; text-align: justify;}
#contener h2 {font-size: 14px; padding: 10px 0 5px 0;}
#contener ul {padding: 10px 10px 10px 40px; background: #eee; line-height: 18px;}

#contener a {color: #305999;}
#contener a:hover {text-decoration: none; }

.title-home span {width: 78px; background-position: 0px 0px;}
.title-aboutus span {width: 66px; background-position: -78px 0px;}
.title-ourfleet span {width: 70px; background-position: -144px 0px;}
.title-bookacar span {width: 79px; background-position: -214px 0px;}
.title-terms span {width: 43px; background-position: -293px 0px;}
.title-contacts span {width: 66px; background-position: -336px 0px;}
.title-faq span {width: 35px; background-position: -402px 0px;}
.title-booking span {width: 60px; background-position: -437px 0px;}
.title-expressservice span {width: 111px; background-position: -497px 0px;}
.title-confirmation span {width: 98px; background-position: -608px 0px;}
.title-imprint span {width: 56px; background-position: -706px 0px;}

.content {position: relative; font-size: 12px; color: #737782; z-index: 1; overflow: hidden; clear: both;}
.content h1 {color: #EF9328; border-bottom-color: #737782; }

.content ul li {padding: 2px 0;}

.right-side {position: relative; float: right; padding: 0 0 20px 20px; width: 291px; background: #fff; color: #4C2809; font-size: 12px; z-index: 2;}
.right-side h1 {color: #387FB7; border-bottom-color: #387FB7; }

#contener form {text-align: right; overflow: hidden; clear: both;} * html #contener form {height: 1%;}
#contener form fieldset {border: 0;}
#contener form .row {margin-bottom: 10px; overflow: hidden; clear: both;} * html #contener form .row {height: 1%;}
#contener form label {float: left; line-height: 20px;}
#contener form input {padding-left: 3px;}
#contener form .time label {display: block; float: none !important; padding-right: 25px;}
#contener form .time label span {float: left;}
#contener form #btn-searchcars {width: 173px; height: 27px; padding: 0 !important; margin: 0 !important; display: inline;}

#contener form a#btn-searchcars {float: right; width: 173px; height: 27px; padding: 0 !important; margin: 0 !important; display: block; background: url(../images/btn_searchcars.gif) no-repeat;}
#contener form a#btn-searchcars-s {float: right; width: 173px; height: 27px; padding: 0 !important; margin: 0 !important; display: block; background: url(../images/btn_searchcars_s.gif) no-repeat;}

a#btn-tryagain {width: 173px; height: 27px; padding: 0 !important; margin: 0 !important; display: block; background: url(../images/btn_tryagain.gif) no-repeat;}
a#btn-agree {width: 173px; height: 27px; padding: 0 !important; margin: 0 !important; display: block; background: url(../images/btn_agree.gif) no-repeat;}

#contener h3 {text-align: left; font-size: 11px; background: #DCDEEA; color: #29367D; margin-bottom: 10px; padding: 5px;}
#contener form.car-type {padding: 10px; border: 1px solid #DCDEEA; }
#contener form.car-type p {text-align: right;}
#contener form.car-type .row {border-bottom: 1px solid #DCDEEA; position: relative;}

#contener form.car-type .row .img { float: right; margin-right: 20px; overflow: hidden;}
#contener form.car-type .row .img img {display: block;}
#contener form.car-type .row .img .car-name {position: absolute; color: #29367D;  font-size: 10px; text-align: right !important; top: 0px; right: 190px;}

#contener form.car-type .row .info {float: left; overflow: hidden; text-align: left; width: 150px; height: 75px; }
#contener form.car-type .row .info .type {border-bottom: 1px solid #eee; font: bold 11px verdana; color: #29367D; padding: 0 5px;}
#contener form.car-type .row .info .type span {font: normal 10px verdana; color: #aaa; padding: 0 5px;}
#contener form.car-type .row .info p {padding: 10px 0 0 5px; text-align: left !important}

#contener form.car-type .row .bookthis {float: right; text-align: center; height: 75px; width: 70px;}
#contener form.car-type .row .bookthis input {margin-top: 10px;  padding: 0 !important;}
#contener form.car-type .row .bookthis .fee {display: block; padding-top: 10px;}
#contener form.car-type .row .bookthis .ft {font-size: 10px; letter-spacing: -0.1em;}

#contener form.car-type .row .icons {float: left; overflow: hidden; height: 62px; margin: 13px 0 0 5px; border-top: 1px solid #eee;}
#contener form.car-type .row .icons img {display: block; float: left; margin-top: 10px;}



table#booking-bar {width: 100%; margin: 0 0 1px 0; padding: 0; border: 0; background: #29367D; color: #fff; text-align: center;}
table#booking-bar tr td {padding: 5px; font-weight: bold;}
.typ-width {width: 200px;}
.prop-width {width: 400px;}


/*Booking - Availables*/
#contener form.availables .row {text-align: left !important; border-bottom: 1px solid #eee;}
#contener form.availables .row .price {float: right;}
#contener form.availables .row .text {padding: 0 20px 0 0;}


/*Booking - Order*/
#contener form.order .row {border-bottom: 1px solid #eee; padding-left: 20px;}
#contener form.order p {text-align: right;}

/* Booking - külső*/
.booking-right {margin-top: 10px; float: right; width: 450px; overflow: hidden; padding: 10px; }
.booking-left {margin-top: 10px; float: left; width: 430px;  overflow: hidden;}

select.long {width: 270px;} 	input.long {width: 264px;}
select.mid {width: 150px;} 	input.mid {width: 144px;}
select.short {width: 96px;} 	input.short {width: 92px;}
select.mini {width: 58px;} 	input.mini {width: 51px;}
select.nano {width: 46px;} 	input.nano {width: 42px;}


/* Contact */
.colbox {width: 440px; float: left; margin-left: 10px; }

.upc {text-transform: uppercase !important;}

.grey {border: 1px solid #DCDEEA;}
.grey label {color: #29367D;}

.sarga {background: #F8B462 url(../images/bg_sarga.gif) repeat-x; color: #4C2809; padding: 10px;}

.alert {background: #FDFFEE url(../images/felk.gif) 15px 13px no-repeat; padding-left: 40px !important; padding-right: 30px !important; border: 1px solid #aaa;}
.bold {font-weight: bold;}
.left {float: left;}
.fleft {float: left; margin: 0 10px 0 0;}

.hidden {display: none;}
.taright {text-align: right !important;}
.clear {clear: both;}
.center {text-align: center !important;}
.red {color: #900000;}

/* PRINT VOUCHER */
/* table */
table.voucher {margin: 0 auto 50px auto; width: 100%; }
table.voucher th {padding: 10px 0; text-transform: uppercase; text-align: left;}
table.voucher tr {background: #fff; }
table.voucher td {padding: 5px; border-top: 1px solid #aaa;}
.spec-name {width: 250px;  font-weight: bold; }

#print-info {font-weight: bold; text-transform: uppercase; text-align: center !important;}
#print-logo {display: none;}

/* Invoice */
#invoice {padding: 15px 0;}
table.invoice {margin: 0 auto; width: 99%; border: 1px solid #aaa; border-collapse: collapse; border-spacing: 0px;}
table.invoice th {padding: 10px 5px; text-transform: uppercase; text-align: left; font-weight: bold;}
table.invoice tr {background: #fff; }
table.invoice td {padding: 4px 5px; border-top: 1px solid #aaa; border-left: 1px solid #aaa;}
.small {font-size: smaller;}
.big {font-size: 18px;}
.w200 {width: 200px;}
table.nobrd td {border: 0 !important;}

/* -- FOOTER -- */
#footer {padding: 0 20px; height: 75px; background: #2B3E84 url(../images/bg_footer.gif) repeat-x; color: #939CCE; font-size: 10px; clear: both;}
#footer a {color: #939CCE;}
#footer p {line-height: 75px;}
#footer ul {list-style: none; float: right; margin-top: 32px;}
#footer ul li {display: inline; padding: 0 2px 0 4px; border-left: 1px solid #939CCE;}
#footer ul li a {text-decoration: none;}
#footer ul li a:hover {text-decoration: underline;}
#footer ul li.first{border: 0 !important;}

ul.em li {font-weight: bold; padding: 0px !important;}
ul.em em {padding: 0 10px; font-weight: normal;}
 
ul#bank {float: right; font-size: 11px;}

#mapscontent {clear:both;overflow:hidden;_height:1%;}
#mapscontent .iframe {float:left;width:450px;}


	#imprint_page {padding-top: 20px;}
		#imprint_page p,
		#imprint_page h1,
		#imprint_page h2 {padding:0;margin:0;border:0;background:none;}

		#imprint_owner {padding: 0 20px 20px;}
			#imprint_owner h1 {font-size: 14px;}
			p#owner_logo {padding: 10px 0;}

		.imprint_author {padding: 20px; }
			.imprint_author h2, .imprint_author h2 span {width:100px;height:40px;overflow:hidden;background-image:url(../images/imprint_logo.gif);}
			.imprint_author h2 {position: relative;padding:0 !important;}
			.imprint_author h2 a {}
			.imprint_author h2 span {display:block;position:absolute;top:0;left:0;*cursor:pointer;}

			h2#powerpages_logo, h2#powerpages_logo span {background-position: 0 -40px;}

	.imprint-center {text-align:center !important;}
	.imprint-center p {text-align:center !important;}
	.imprint-center h2 {margin-left: auto !important; margin-right: auto !important;}
				.sponsorship {padding:0 10px 10px;background:#f5f5f5;border:1px solid #e7e7e7;margin-top:10px;}				.sponsorship .title {display:block;font-size:11px;color:#b9b9b9;padding:2px 0;}				.sponsorship a img {border:0;display:block;}