header h1.rato{cursor: pointer;}

#content{
	position: absolute; top: 0; left:0; width: 100%; height: 100%; overflow: hidden; z-index: 100; background:#fff;
}

/* Background elements */
#city1{
	position:absolute; left: 0; top:-160px; width:250%; height:830px; z-index: 120; 
	background: #fff url(../images/bg.jpg) repeat-x; margin: 0 0 0 -300px;
}


/* Levels*/
#CevreciBandGorsel, #CevreciBandSummary, #CevreciBandTitle, #CevreciBand, #CevreciCar, #CevreciButton, #HesapliBandGorsel, #HesapliBandSummary, #HesapliBandTitle, #HesapliBand, #HesapliCar, #HesapliButton, #KonforBandGorsel, #KonforBandSummary, #KonforBandTitle, #KonforBand, #KonforCar, #KonforButton, #SeyahatozgurluguBandGorsel, #SeyahatozgurluguBandSummary, #SeyahatozgurluguBandTitle, #SeyahatozgurluguBand, #SeyahatozgurluguCar, #SeyahatozgurluguButton, #WifiBandGorsel, #WifiBandSummary, #WifiBandTitle, #WifiBand, #WifiCar, #WifiButton, #homeSlider, #homeButton  
{z-index: 150; position: absolute; left: 0; top: 0; height: 100%;}

#homeButton{z-index: 9999;} 
#homeSlider{z-index: 9999;} 

#WifiButton{z-index: 190;} 
#WifiCar{z-index: 195;}  
#WifiBand{z-index: 1200; width:100%;}
#WifiBandTitle{z-index: 1300;}
#WifiBandSummary{z-index: 1350;}
#WifiBandGorsel{z-index: 1400;}

#SeyahatozgurluguButton{z-index: 200;}
#SeyahatozgurluguCar{z-index: 280;}
#SeyahatozgurluguBand{z-index: 1210; width:100%;}  
#SeyahatozgurluguBandTitle{z-index: 1300;}
#SeyahatozgurluguBandSummary{z-index: 1350;}
#SeyahatozgurluguBandGorsel{z-index: 1400;}

#KonforButton{z-index: 290;}
#KonforCar{z-index: 295;}
#KonforBand{z-index: 1220; width:100%;}
#KonforBandTitle{z-index: 1300;}
#KonforBandSummary{z-index: 1350;}
#KonforBandGorsel{z-index: 1400;}

#HesapliButton{z-index: 305;} 
#HesapliCar{z-index: 310;} 
#HesapliBand{z-index: 1230; width:100%;} 
#HesapliBandTitle{z-index: 1300;}
#HesapliBandSummary{z-index: 1350;}
#HesapliBandGorsel{z-index: 1400;}

#CevreciButton{z-index: 320;}  
#CevreciCar{z-index: 325;}
#CevreciBand{z-index: 1240; width:100%;}
#CevreciBandTitle{z-index: 1300;}
#CevreciBandSummary{z-index: 1350;}
#CevreciBandGorsel{z-index: 1400;}


.homeButton {position: absolute;  left:560px; top:605px; }
.homeSlider {position: absolute; left:240px; top: 125px; }

.WifiButton {position: absolute; left: 1024px; top:145px;}
.WifiCar {position: absolute; left: 1270px; top: 145px; }
.WifiBand {position: absolute; left: 100%; top: 577px;}
.WifiBandTitle {position: absolute;  left: 1024px; top: 647px;}
.WifiBandSummary {position: absolute;  left: 1024px; top: 707px;}
.WifiBandGorsel {position: absolute;  left: 1680px; top: 627px;}

.SeyahatozgurluguButton {position: absolute; left:2050px; top: 145px;}
.SeyahatozgurluguCar {position: absolute; left: 2210px; top: 145px; }
.SeyahatozgurluguBand {position: absolute; left:1960px; top: 577px;}
.SeyahatozgurluguBandTitle {position: absolute;  left: 2050px; top: 647px;}
.SeyahatozgurluguBandSummary {position: absolute;  left: 2050px; top: 707px;}
.SeyahatozgurluguBandGorsel {position: absolute;  left: 2400px; top: 627px;}

.KonforButton {position: absolute; left: 3010px; top: 145px;}
.KonforCar {position: absolute; left: 3334px; top: 95px; }
.KonforBand {position: absolute; left: 2940px; top: 577px;}
.KonforBandTitle {position: absolute;  left: 3010px; top: 627px;}
.KonforBandSummary {position: absolute;  left: 3010px; top:667px;}
.KonforBandGorsel {position: absolute;  left: 3680px; top: 627px;}

.HesapliButton {position: absolute; left:3970px; top: 145px; }
.HesapliCar {position: absolute; left: 4200px; top: 145px; }
.HesapliBand {position: absolute; left: 3920px; top: 577px;}
.HesapliBandTitle {position: absolute;  left:3970px; top: 647px;}
.HesapliBandSummary {position: absolute;  left:3970px; top: 707px;}
.HesapliBandGorsel {position: absolute;  left: 4650px; top: 627px;}

.CevreciButton {position: absolute; left:4950px; top:145px; }
.CevreciCar {position: absolute; left:5200px; top: 95px; }
.CevreciBand {position: absolute; left:4900px; top: 577px; }
.CevreciBandTitle {position: absolute;  left: 4950px; top: 647px;}
.CevreciBandSummary {position: absolute;  left: 4950px; top: 707px;}
.CevreciBandGorsel {position: absolute;  left:5600px; top: 627px;}


@media only screen 
and (min-width : 1224px) {
.homeButton {position: absolute;  left:560px; top:605px; }
.homeSlider {position: absolute; left:240px; top: 125px; }

.WifiButton {position: absolute; left: 1480px; top:145px;}
.WifiCar {position: absolute; left: 1670px; top: 145px; }
.WifiBand {position: absolute; left: 100%; top: 477px;}
.WifiBandTitle {position: absolute;  left: 1480px; top: 547px;}
.WifiBandSummary {position: absolute;  left: 1480px; top: 607px;}
.WifiBandGorsel {position: absolute;  left: 2180px; top: 527px;}

.SeyahatozgurluguButton {position: absolute; left:2780px; top: 145px;}
.SeyahatozgurluguCar {position: absolute; left: 2889px; top: 145px; }
.SeyahatozgurluguBand {position: absolute; left:2560px; top: 477px;}
.SeyahatozgurluguBandTitle {position: absolute;  left: 2780px; top: 547px;}
.SeyahatozgurluguBandSummary {position: absolute;  left: 2780px; top: 607px;}
.SeyahatozgurluguBandGorsel {position: absolute;  left: 3480px; top: 527px;}

.KonforButton {position: absolute; left: 4050px; top: 145px;}
.KonforCar {position: absolute; left: 4370px; top: 95px; }
.KonforBand {position: absolute; left: 3840px; top: 477px;}
.KonforBandTitle {position: absolute;  left: 4050px; top: 527px;}
.KonforBandSummary {position: absolute;  left: 4050px; top: 567px;}
.KonforBandGorsel {position: absolute;  left: 4780px; top: 527px;}

.HesapliButton {position: absolute; left: 5330px; top: 145px; }
.HesapliCar {position: absolute; left: 5600px; top: 115px; }
.HesapliBand {position: absolute; left: 5120px; top: 477px;}
.HesapliBandTitle {position: absolute;  left: 5330px; top: 547px;}
.HesapliBandSummary {position: absolute;  left: 5330px; top: 607px;}
.HesapliBandGorsel {position: absolute;  left: 6050px; top: 527px;}

.CevreciButton {position: absolute; left:6610px; top:145px; }
.CevreciCar {position: absolute; left: 6900px; top: 95px; }
.CevreciBand {position: absolute; left:6400px; top: 477px; }
.CevreciBandTitle {position: absolute;  left: 6610px; top: 547px;}
.CevreciBandSummary {position: absolute;  left: 6610px; top: 607px;}
.CevreciBandGorsel {position: absolute;  left: 7330px; top: 527px;}
}

@media only screen 
and (min-width : 1400px) {
.homeButton {position: absolute;  left:700px; top:515px; }
.homeSlider {position: absolute; left:380px; top: 125px; height:395px; }
.homeSlider img { height:390px !important;}

.WifiButton {position: absolute; left: 1730px; top:145px;}
.WifiCar {position: absolute; left: 1930px; top: 125px; }
.WifiBand {position: absolute; left: 100%; top: 407px;}
.WifiBandTitle {position: absolute;  left: 1730px; top: 477px;}
.WifiBandSummary {position: absolute;  left: 1730px; top: 537px;}
.WifiBandGorsel {position: absolute;  left: 2440px; top: 457px;}
.wirelessCar img { height:380px !important;}

.SeyahatozgurluguButton {position: absolute; left:3160px; top: 145px;}
.SeyahatozgurluguCar {position: absolute; left: 3259px; top: 145px; }
.SeyahatozgurluguBand {position: absolute; left:2880px; top: 447px;}
.SeyahatozgurluguBandTitle {position: absolute;  left: 3160px; top: 517px;}
.SeyahatozgurluguBandSummary {position: absolute;  left: 3160px; top: 547px;}
.SeyahatozgurluguBandGorsel {position: absolute;  left: 3680px; top: 457px;}

.KonforButton {position: absolute; left: 4600px; top: 145px;}
.KonforCar {position: absolute; left: 4950px; top: 115px; }
.KonforBand {position: absolute; left: 4320px; top: 417px;}
.KonforBandTitle {position: absolute;  left: 4600px; top: 487px;}
.KonforBandSummary {position: absolute;  left: 4600px; top: 517px; font-size:16px !important;}
.KonforBandGorsel {position: absolute;  left: 4780px; top: 467px;}

.HesapliButton {position: absolute; left: 6040px; top: 145px; }
.HesapliCar {position: absolute; left: 6360px; top: 115px; }
.HesapliBand {position: absolute; left: 5760px; top: 397px;}
.HesapliBandTitle {position: absolute;  left: 6040px; top: 467px;}
.HesapliBandSummary {position: absolute;  left: 6040px; top: 517px;}
.HesapliBandGorsel {position: absolute;  left: 6710px; top: 427px;}

.CevreciButton {position: absolute; left:7490px; top:145px; }
.CevreciCar {position: absolute; left: 7860px; top: 95px; }
.CevreciBand {position: absolute; left:7200px; top: 407px; }
.CevreciBandTitle {position: absolute;  left: 7490px; top: 477px;}
.CevreciBandSummary {position: absolute;  left: 7490px; top: 537px;}
.CevreciBandGorsel {position: absolute;  left: 7330px; top: 497px;}
}

@media only screen 
and (min-width : 1600px) {
.homeButton {position: absolute;  left:780px; top:525px; }
.homeSlider {position: absolute; left:480px; top: 125px; height:345px !important; }

.WifiButton {position: absolute; left: 1960px; top:145px;}
.WifiCar {position: absolute; left: 2210px; top: 125px; }
.WifiBand {position: absolute; left: 100%; top: 407px;}
.WifiBandTitle {position: absolute;  left: 1960px; top: 457px;}
.WifiBandSummary {position: absolute;  left: 1960px; top: 517px;}
.WifiBandGorsel {position: absolute;  left: 2640px; top: 457px;}
.wirelessCar img { height:380px !important;}

.SeyahatozgurluguButton {position: absolute; left:3560px; top: 145px;}
.SeyahatozgurluguCar {position: absolute; left: 3739px; top: 145px; }
.SeyahatozgurluguBand {position: absolute; left:3198px; top: 447px;}
.SeyahatozgurluguBandTitle {position: absolute;  left: 3560px; top: 517px;}
.SeyahatozgurluguBandSummary {position: absolute;  left: 3560px; top: 547px;}
.SeyahatozgurluguBandGorsel {position: absolute;  left: 3980px; top: 457px;}

.KonforButton {position: absolute; left: 5170px; top: 145px;}
.KonforCar {position: absolute; left: 5540px; top: 115px; }
.KonforBand {position: absolute; left: 4800px; top: 417px;}
.KonforBandTitle {position: absolute;  left: 5170px; top: 487px;}
.KonforBandSummary {position: absolute;  left: 5170px; top: 517px; font-size:16px !important;}
.KonforBandGorsel {position: absolute;  left: 4780px; top: 467px;}

.HesapliButton {position: absolute; left: 6760px; top: 145px; }
.HesapliCar {position: absolute; left: 7040px; top: 115px; }
.HesapliBand {position: absolute; left: 6400px; top: 397px;}
.HesapliBandTitle {position: absolute;  left: 6760px; top: 467px;}
.HesapliBandSummary {position: absolute;  left: 6760px; top: 517px;}
.HesapliBandGorsel {position: absolute;  left: 7420px; top: 447px;}

.CevreciButton {position: absolute; left:8360px; top:145px; }
.CevreciCar {position: absolute; left: 8730px; top: 95px; }
.CevreciBand {position: absolute; left:8000px; top: 407px; }
.CevreciBandTitle {position: absolute;  left: 8360px; top: 477px;}
.CevreciBandSummary {position: absolute;  left: 8360px; top: 537px;}
.CevreciBandGorsel {position: absolute;  left:9050px; top: 447px;}
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
.homeButton {position: absolute;  left:980px; top:655px; }
.homeSlider {position: absolute; left:570px; top: 95px; width:860px !important; }
.homeSlider img { height:auto !important;}

.WifiButton {position: absolute; left: 2440px; top:145px;}
.WifiCar {position: absolute; left:2570px; top: 145px; }
.WifiBand {position: absolute; left: 100%; top: 573px;}
.WifiBandTitle {position: absolute;  left: 2440px; top: 647px;}
.WifiBandSummary {position: absolute;  left: 2440px; top: 707px;}
.WifiBandGorsel {position: absolute;  left: 3130px; top: 627px;}
.wirelessCar img { height:auto !important;}

.SeyahatozgurluguButton {position: absolute; left:4360px; top: 145px;}
.SeyahatozgurluguCar {position: absolute; left: 4529px; top: 205px; }
.SeyahatozgurluguBand {position: absolute; left:3840px; top: 573px;}
.SeyahatozgurluguBandTitle {position: absolute;  left: 4360px; top: 647px;}
.SeyahatozgurluguBandSummary {position: absolute;  left: 4360px; top: 687px;}
.SeyahatozgurluguBandGorsel {position: absolute;  left: 3480px; top: 627px;}

.KonforButton {position: absolute; left: 6280px; top: 145px;}
.KonforCar {position: absolute; left: 6560px; top: 85px; }
.KonforBand {position: absolute; left: 5760px; top: 573px;}
.KonforBandTitle {position: absolute;  left: 6280px; top: 627px;}
.KonforBandSummary {position: absolute;  left: 6280px; top: 667px;}
.KonforBandGorsel {position: absolute;  left: 6780px; top: 527px;}

.HesapliButton {position: absolute; left: 8200px; top: 145px; }
.HesapliCar {position: absolute; left: 8450px; top: 115px; }
.HesapliBand {position: absolute; left: 7680px; top:573px;}
.HesapliBandTitle {position: absolute;  left: 8200px; top: 647px;}
.HesapliBandSummary {position: absolute;  left: 8200px; top: 707px;}
.HesapliBandGorsel {position: absolute;  left: 8870px; top: 607px;}

.CevreciButton {position: absolute; left:10120px; top:145px; }
.CevreciCar {position: absolute; left: 10420px; top: 85px; }
.CevreciBand {position: absolute; left:9600px; top: 573px; }
.CevreciBandTitle {position: absolute;  left: 10120px; top: 647px;}
.CevreciBandSummary {position: absolute;  left: 10120px; top: 707px;}
.CevreciBandGorsel {position: absolute;  left: 10810px; top: 597px;}
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

#navigationMap { bottom:auto; top:30%;}
.homeButton {position: absolute;  left:420px; top:745px; }
.homeSlider {position: absolute; left:180px; top:155px; width:700px !important; }
.homeSlider img { height:465px !important;}

.WifiButton {position: absolute; left:1050px; top:145px;}
.WifiCar {position: absolute; left:1150px; top: 145px; }
.WifiBand {position: absolute; left: 100%; top: 673px;}
.WifiBandTitle {position: absolute;  left: 1050px; top: 747px;}
.WifiBandSummary {position: absolute;  left: 1050px; top: 807px;}
.WifiBandGorsel {position: absolute;  left: 1700px; top: 727px;}
.wirelessCar img { height:auto !important;}

.SeyahatozgurluguButton {position: absolute; left:2020px; top: 145px;}
.SeyahatozgurluguCar {position: absolute; left: 2150px; top: 205px; }
.SeyahatozgurluguBand {position: absolute; left:1960px; top: 673px;}
.SeyahatozgurluguBandTitle {position: absolute;  left:2020px; top: 727px;}
.SeyahatozgurluguBandSummary {position: absolute;  left: 2020px; top: 767px; width:820px}
.SeyahatozgurluguBandGorsel {position: absolute;  left: 2250px; top: 747px;}

.KonforButton {position: absolute; left: 3000px; top: 145px;}
.KonforCar {position: absolute; left: 3250px; top: 85px; }
.KonforBand {position: absolute; left: 2940px; top: 673px;}
.KonforBandTitle {position: absolute;  left: 3000px; top: 707px;}
.KonforBandSummary {position: absolute;  left: 3000px; top: 747px; font-size:200%;}
.KonforBandGorsel {position: absolute;  left: 3250px; top: 627px;}

.HesapliButton {position: absolute; left: 3960px; top: 145px; }
.HesapliCar {position: absolute; left: 4200px; top: 115px; }
.HesapliBand {position: absolute; left: 3920px; top:673px;}
.HesapliBandTitle {position: absolute;  left: 3960px; top: 727px;}
.HesapliBandSummary {position: absolute;  left: 3960px; top: 767px;}
.HesapliBandGorsel {position: absolute;  left: 4610px; top: 727px;}

.CevreciButton {position: absolute; left:4960px; top:145px; }
.CevreciCar {position: absolute; left: 5260px; top: 85px; }
.CevreciBand {position: absolute; left:4900px; top: 673px; }
.CevreciBandTitle {position: absolute;  left: 4960px; top: 747px;}
.CevreciBandSummary {position: absolute;  left: 4960px; top: 767px;}
.CevreciBandGorsel {position: absolute;  left: 5570px; top: 697px;}
}


/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 748px) 
and (max-device-width : 1044px) 
and (orientation : landscape) {
/* Styles */
}

/*-------------------------------------------------------------------------
=FOOTER
-------------------------------------------------------------------------*/
footer{
	position: fixed; width:100%; bottom:0; z-index: 1000;
}