@media handheld, only screen and (max-width: 1350px) {
	#SidfotOppettider {
		 width:100%;
		 max-width:1200px;
		 margin-top:30px;
    }
}
@media handheld, only screen and (max-width: 1200px) {
    .Marginal {
        padding-left: 50px;
        padding-right: 50px;
    }

    .Bredd50.Halv {
        width: 50%;
    }
    .Bredd25.Halv {
        width: 50%;
    }
    .Bredd25.Hel {
        width: 30%;
    }
    .Bort {
        display: none;
    }
	
	 
}
@media handheld, only screen and (max-width: 1140px) {
    #nav li a {
        letter-spacing: 0.16em;
    }
    #SidfotKontakt {
        padding-left: 0px;
    }
    #SidfotUsine {
        display: none;
    }
}
@media handheld, only screen and (max-width: 1100px) {
    .Marginal {
        padding-left: 40px;
        padding-right: 40px;
    }
    .Bredd100 {
        width: 100%;
    }
    .Bredd75 {
        width: 70%;
    }
    .Bredd50 {
        width: 50%;
    }
    .Bredd33 {
        width: 33.3%;
    }
    .Bredd25 {
        width: 25%;
    }
    .Bredd25.Hel {
        width: 30%;
    }
    #Menyikon {
        display: block;
    }
    #Sprakikon {
        display: block;
    }
    #UndermenyHallareMobil {
        display: block;
    }
    #HuvudmenyHallareMobil {
        width: 50%;
        border-left: solid 1px #111;
        float: left
    }
    #navMarginal {
        padding-left: 0px;
    }
    #nav li a {
        letter-spacing: 0.16em;
    }
	

}
@media handheld, only screen and (max-width: 970px) {
    #BildspelText {
        top: 50%;
        margin-top: -56px;
        font-size: 26px;
        line-height: 29px;
    }
    #BildspelHallare {
        height: auto;
        background-attachment: scroll;
        background-position: center bottom;
        background-size: cover;
    }
    #nav li a {
        letter-spacing: 0.16em;
        font-size: 15px;
    }
    h1 {
        font-size: 32px;
        line-height: 35px;
        margin-bottom: 6px;
        letter-spacing: 0.08em;
    }
    h2 {
        font-size: 23px;
        line-height: 26px;
    }
}
@media handheld, only screen and (max-width: 900px) {
    .Bredd100 {
        width: 100%;
    }
    .Bredd75 {
        width: 60%;
    }
    .Bredd50 {
        width: 100%;
    }
    .Bredd40 {
        width: 50%;
    }
    .Bredd33 {
        width: 50%;
    }
    .Bredd30 {
        width: 50%;
    }
    .Bredd40.RamVanster {
        background-image: none;
    }
    .Bredd25 {
        width: 40%;
    }
    .Bredd50.Halv {
        width: 50%;
    }
    .Bredd33.Hel {
        width: 100%;
    }
    .Bredd30.Hel {
        width: 100%;
    }
    .Bredd25.Hel {
        width: 40%;
    }
    .Bredd25.Halv {
        width: 50%;
    }
    .Bredd40.Halv {
        width: 100%;
        float: none;
        display: inline-block;
    }
    .Bredd30.Halv {
        width: 100%;
        float: none;
        display: inline-block;
    }
    .Bort50 {
        display: none;
    }
    #Cafe {
        border-top: solid 6px #383535;
    }
    .RutaMarginalUppNer {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .RutaMarginalSidor {
        padding-left: 35px;
        padding-right: 35px;
    }
    .UndersidaHuvudRubrikHallare h1 {
        font-size: 25px;
        line-height: 28px;
    }
    #BildspelHallare {
        margin-top:0px;
    }
	.BildspelTextHallare { bottom:0px; margin-top:0px; margin-bottom:0px; }
	
	.body .carousel .nav-buttons {
	bottom: 10px;
	}
    #nav {
        display: inline-block;
        float: none;
  
    }
	
	 #navHallareMarginal {
	padding-left:25px;
	padding-right:25px;
 }
 
 #nav { border-top:none; }
	
    #navHallare {
        display: none;
        position: absolute;
        top: -50px;
        padding-top: 20px;
        padding-bottom: 20px;
        background-image: url(Grafik/RutaMorkd3.jpg);
        z-index: 120;
        width: 100%;
        background-color: #3c3b3d;
		background-color:#FFF;
        text-align: center;
    }
	
	#nav li {
    width: 100%;
    display: block;
	float:left;
	}
	
	#nav li a {
    padding-bottom: 10px;
    padding-top: 10px;
	background-color:#010101;
	background-color: #e7e7e3;
	color:#313131;
	margin-bottom:1px;
	}
	
    #Menypil {
        display: block;
    }
    #MobilIkonHallare {
        padding: 7px;
        padding-right: 6px;
        display: block;
        padding-top: 7px;
        padding-bottom: 9px;
        text-align: center;
        border: solid 1px #ccc;
        float: right;
        margin-top: 6px;
        width: auto;
        margin-right: 0px;
    }
/*    #nav li a {
        color: #d7d5d2;
    }
    #nav a:hover {
        color: #e9e7e4;
    }*/
    #LoggaHallare {
        margin-top: 20px;
    }
    #Logga {
        margin-left: 40px;
    }
    #nav-icon4 {
        display: inline-block;
        float: none;
    }
    #Logga {
        width: 100%;
        max-width: 200px;
        height: auto;
        padding-top: 0px;
    }
    #SidhuvudInne {
        padding-top: 10px;
    }
    #Kontakt {
        width: 100%;
        float: right;
        height: auto;
        word-wrap: break-word;
        padding-top: 0px;
        padding-bottom: 6px;
    }
    #Adress {
        width: 100%;
        float: right;
        display: inline-block;
        height: auto;
        word-wrap: break-word;
        padding-top: 0px;
        padding-bottom: 0px;
        display: none;
    }
   
    #SidfotUsine {
        max-width: 450px;
        width: 33%;
        border-right: none;
        padding-left: 0px;
        display: block;
        margin-bottom: 35px;
    }
    #SidfotHittaHit {
        max-width: 450px;
        width: 33%;
        border-right: none;
        padding-left: 0px;
        margin-bottom: 35px;
    }
    #SidfotKontakt {
        max-width: 450px;
        width: 33%;
        float: left;
        border-right: none;
        padding-left: 0px;
        margin-bottom: 35px;
    }
	
		#Kontakt { display:none;  }
	#KontaktMobil { display:block;  }
	
	a.PlatsKnapp,
a.PlatsKnapp:link,
a.PlatsKnapp:visited {
	margin-right:0px;
	width: auto;
	float:left;
	padding:0px;
	line-height:27px;
	text-align:center;
	background-color:#cdcdcb;
}

a.PlatsKnapp:hover { border-bottom:none; text-decoration:underline; color:#231f20; }

a.AktivPlats,
a.AktivPlats:link,
a.AktivPlats:visited { color:#231f20 !important; border-bottom:none; background-color:#e7e7e3;  font-weight:bold; padding-left: 0px;
	padding-right:0px; }

a.AktivPlats:hover {
	border-bottom:solid 0px #222;
	text-decoration:underline;
}
.PlatsKnappMarginal { padding-left:10px; padding-right:10px; }

}
@media handheld, only screen and (max-width: 760px) {
    .RutaMarginalLunch {
        padding-left: 0px!important;
        padding-right: 0px !important;
    }
    .RamLunch {
        border-top: none !important;
        padding-top: 0px !important;
    }
    .RutaMarginalLunch {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    #BildspelHallare {
        border-top: solid 3px #383535;
    }
    #Adress.RamVanster {
        background-image: none;
        border-bottom: solid 6px #383535;
    }
    #Kontakt.RamHoger {
        background-image: none;
        border-bottom: solid 6px #383535;
    }
    .Bredd50.Halv {
        width: 100%;
        height: auto !important;
    }
    .Bredd25.Halv {
        width: 100%;
        height: auto !important;
    }
    .RamHoger {
        background-image: none;
       /* border-bottom: solid 6px #383535;*/
    }
    .RamVanster {
        background-image: none;
        /*border-bottom: solid 6px #383535;*/
    }
    .Bredd25Bildgalleri.RamVanster {
        border-bottom: none;
        background-image: url(Grafik/RamLodrat.png);
        background-position: top left;
        background-repeat: repeat-y;
    }
    .Bredd33Bildgalleri.RamVanster {
        border-bottom: none;
        background-image: url(Grafik/RamLodrat.png);
        background-position: top left;
        background-repeat: repeat-y;
    }
    .Bredd50Bildgalleri.RamVanster {
        border-bottom: none;
        background-image: url(Grafik/RamLodrat.png);
        background-position: top left;
        background-repeat: repeat-y;
    }
    .RamHogerBred {
        background-image: none;
       /* border-bottom: solid 6px #383535;*/
    }
    .RamVansterBred {
        background-image: none;
        /*border-bottom: solid 6px #383535;*/
    }
}
@media handheld, only screen and (max-width: 700px) {
    #SidfotUsine {
        max-width: 450px;
        float: left;
        margin-bottom: 25px;
        display: none;
    }
    #SidfotOppettider {
        max-width: 700px;
        float: right;
        margin-right: 0px;
        margin-bottom: 25px;
    }
    #SidfotHittaHit {
        max-width: 700px;
        float: left;
        width: 50%;
        margin-bottom: 25px;
    }
    #SidfotKontakt {
        max-width: 700px;
        width: 50%;
        float: left;
        margin-bottom: 25px;
    }
}
@media handheld, only screen and (max-width: 600px) {
	
	
	#UndersidaLankar li { width:auto;  padding-left:0px; text-align:left; padding-left:0px; margin-right:10px; margin-left:10px; padding-right:0px; margin-bottom:5px; }
	#UndersidaLankar li a { text-align:left; border-bottom:solid 2px #e7e7e3; text-align:left;  max-width:200px; display:inline-block; font-size: 14px;  }
	
	
	
    .RutaMarginalNerBildgalleri {
        padding-bottom: 12px;
    }
    #Cafe {
        border-top: none;
    }
    #Logga {
        width: 100%;
        max-width: 200px;
        display: inline-block;
        height: auto;
    }
    #Sidhuvud {
        width: 100%;
        float: left;
        padding-top: 0px;
        padding-bottom: 0px;
        clear: both;
    }
    #BildspelHallare {
        /*sborder-left:none;
	border-right:none;*/
        
        height: auto;
    
        max-height: 800px;
        background-position: center center;
    }
    #BildspelTextHallare {
        margin-top: 100px;
        margin-bottom: 0px;
    }
    .Marginal {
        padding-left: 10px;
        padding-right: 10px;
    }
    .Bredd100 {
        width: 100%;
        height: auto !important;
    }
    .Bredd67 {
        width: 100%;
        height: auto !important;
    }
    .Bredd75 {
        width: 100%;
        height: auto !important;
    }
    .Bredd50 {
        width: 100%;
        height: auto !important;
    }
    .Bredd33 {
        width: 100%;
        height: auto !important;
    }
    .Bredd40 {
        width: 100%;
        height: auto !important;
    }
    .Bredd30 {
        width: 100%;
        height: auto !important;
    }
    .Bredd25 {
        width: 100%;
        height: auto !important;
    }
	   .Minst50 {
        width: 50% !Important;
    }
    .Bredd50.Halv {
        width: 100%;
        height: auto !important;
    }
    .Bredd25.Hel {
        width: 100%;
        height: auto !important;
    }
    .Bredd25.Halv {
        width: 100%;
        height: auto !important;
    }
    .RutaMarginalUppNer {
        padding-top: 35px;
        padding-bottom: 40px;
    }
    .RutaMarginalUppNerMindre {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .RutaMarginalSidor {
        padding-left: 30px;
        padding-right: 30px;
    }
    .RutaMarginalSidorMindre {
        padding-left: 8px;
        padding-right: 8px;
    }
    .RamHoger {
        background-image: none;
       /* border-bottom: solid 6px #383535;*/
    }
    .RamVanster {
        background-image: none;
       /* border-bottom: solid 6px #383535;*/
    }
    .Bredd25Bildgalleri.RamVanster {
        border-bottom: none;
        background-image: url(Grafik/RamLodrat.png);
        background-position: top left;
        background-repeat: repeat-y;
    }
    .Bredd33Bildgalleri.RamVanster {
        border-bottom: none;
        background-image: url(Grafik/RamLodrat.png);
        background-position: top left;
        background-repeat: repeat-y;
    }
    .Bredd50Bildgalleri.RamVanster {
        border-bottom: none;
        background-image: url(Grafik/RamLodrat.png);
        background-position: top left;
        background-repeat: repeat-y;
    }
    .RamHogerBred {
        background-image: none;
        /*border-bottom: solid 6px #383535;*/
    }
    .RamVansterBred {
        background-image: none;
        /*border-bottom: solid 6px #383535;*/
    }
}
@media handheld, only screen and (max-width: 450px) {
    #navHallare {
        top: -34px;
    }
    a.OrangeKnapp,
    a.OrangeKnapp:link,
    a.OrangeKnapp:visited {
        margin-top: 8px;
    }
    .UndersidaBildHallare {
        min-height: 370px;
    }
    .RutaMarginalUndersidaRubrik {
        padding-bottom: 0px !important;
    }
    #LunchenBild {
        display: none;
    }
    #MiddagenBild {
        display: none;
    }
    #map-canvas {
        margin: 0px;
        margin-top: 10px;
    }
    .InstagrambilderSidfot {
		height: 150px;
    }
    #SidfotInstagrambilderHallare {
        margin-right: -10px;
    }
    #SidfotInstagrambilder {
        margin-left: -5px;
    }
    #Tbana {
        display: none;
    }
    h1 {
        font-size: 29px;
        line-height: 32px;
        margin-bottom: 6px;
        letter-spacing: 0.06em;
    }
    h2 {
        font-size: 21px;
        line-height: 24px;
    }
    .white-popup {
        padding: 20px !important;
        padding-top: 40px !important;
        font-size: 14px;
        line-height: 21px;
        padding-bottom: 40px;
    }
    #LoggaHallare {
        margin-top: 0px;
    }
    #SidhuvudInne {
        padding-top: 17px;
        padding-bottom: 21px;
    }
    #Logga {
        max-width: 180px;
    }
    .FaktaHallare {
        width: 100%;
        float: left;
        max-width: 600px;
    }
    .FaktaRutaText {
        width: 100%;
        margin-top: 10px;
        float: left;
    }
    .FaktaRadVanster {
        width: 70%;
    }
    .FaktaRadHoger {
        width: 30%;
    }
    .UndersidaUnderRubrikHallare {
        margin-bottom: 10px;
    }
    .FaktaMarginalNer {
        margin-bottom: 10px;
    }
    .FaktaHallareHogerMarginal {
        padding-left: 0px;
    }
    .Bredd40.Halv {
        width: 100%;
        float: none;
        display: inline-block;
    }
    .Bredd30.Halv {
        width: 100%;
        float: none;
        display: inline-block;
    }
    .Bredd30.Hel {
        width: 100%;
        float: none;
        display: inline-block;
    }
    .RutaMarginalUppNer {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .RutaMarginalNer {
        padding-bottom: 35px;
    }
    .RutaMarginalUpp {
        padding-top: 35px;
    }
    .UndersidaHuvudRubrikHallare {
        margin-bottom: 25px;
    }
    .RutaMarginalSidor {
        padding-left: 25px;
        padding-right: 25px;
    }
    .Marginal {
        padding-left: 10px;
        padding-right: 10px;
    }
	
	.MarginalBortSidor { padding-left:0px; padding-right:0px; }
	.MarginalBortUppNer { padding-top:0px; padding-bottom:0px; }
	
	.KantFix {
	padding-left:0px;
	padding-right:0px;
	
}

.BokaRutaMarginal {
	padding-left:5px;
	padding-right:5px;
	
}

.BokaPlatsMarginalInne { padding-left:0px; }

.BokaRestaurangRutaInneMarginal {
	padding-left:25px;
	padding-right:25px;
	
}

#BokaRutaPlatsHallare { width:100%; float:left;  text-align:center; border-bottom:solid 0px #383535;  }


.body .carousel {
	height: 460px;
	overflow: hidden;
}

.BildspelMorkRuta { padding-bottom:43px !important; }

    


#SidhuvudInne { padding-top:17px; }

}