/*****************************************

		CUSTOM CSS

******************************************/

/*Simulate image border on divs*/
div.img {
  border-radius: 3px; 
  margin: 12px 1px 12px 0; 
  box-shadow: 0px 1px 3px rgba(0,0,0,0.20); 
  padding: 3px; 
  border: 1px solid #ddd; 
  border-color: #dddddd; 
  background: rgba(255,255,255,0.26);
}
/* Adapt the color of the horizintal ruler*/
/* Thick border */
hr.dark {
  border-top: 3px solid #aeaeae;
  border-radius: 2px;
}
/*
Kleiner Fehler: Im Template bei Effect Image 
werden die Bilder in dieser Auflösung untereinander
und nicht in zwei Spalten dargestellt.
*/

@media screen and (max-width: 979px) {
/** effect image 		**/
	
	[class*="effect-image"] {
	float: left;
	}
}

/*

Schatten unter dem Hauptfeld für die Anzeige passend zur Slideshow

*/
.website-content.light-shadow {
	box-shadow: 0px 0px 15px rgba(0,0,0,0.30);  
}

/*

Blickfangpunkte aus traditionellen Symbolen
*/

p.list {
    margin-left: 46px;
    min-height: 60px;}

p.list:before {
    display: block;
    background-color: red;
    width:  40px;
    height: 40px;
    border-radius: 3px;
    float: left;
    margin: 0 6px 0 0;
    margin-left:-46px;
    
}
p.list:after {
    content: "~";
    text-align: center;
    clear: both;
    display: table;
    width:100%;
    
    }
    
p.Culture:before{
    content: attr(typ) url("../../../images/icons/Icon_Culture_White_40x40.png");
    } 

p.Folklore:before{
    content: attr(typ) url("../../../images/icons/Icon_Folklore_White_40x40.png");
    } 

p.Food:before{
    content: attr(typ) url("../../../images/icons/Icon_Food_White_40x40.png");
    } 

p.Handicraft:before{
    content: attr(typ) url("../../../images/icons/Icon_Handicraft_White_40x40.png");
    } 

p.Hiker:before{
    content: attr(typ) url("../../../images/icons/Icon_Hiker_White_40x40.png");
    } 

p.HomeStay:before{
    content: attr(typ) url("../../../images/icons/Icon_HomeStay_White_40x40.png");
    } 

p.HorseRide:before{
    content: attr(typ) url("../../../images/icons/Icon_HorseRide_White_40x40.png");
    } 

p.Route:before{
    content: attr(typ) url("../../../images/icons/Icon_Route_White_40x40.png");
    } 

p.TransportCar:before{
    content: attr(typ) url("../../../images/icons/Icon_TransportCar_White_40x40.png");
    } 

p.YurtStay:before{
    content: attr(typ) url("../../../images/icons/Icon_YurtStay_White_40x40.png");
    } 


.isStuck {
	background: url("https://www.cbt-naryn.com/images/back2.png");
	}

/*

Blickfangpunkte aus Kalenderblätter für Reiseplan
*/

p.days {
    margin-left: 46px;
    min-height: 60px;}

p.days:before {
    display: block;
    background-color: white;
    width:  40px;
    height: 40px;
    border-radius: 3px;
    float: left;
    margin: 0 6px 0 0;
    margin-left:-46px;
    
}
p.days:after {
    content: "~";
    text-align: center;
    clear: both;
    display: table;
    width:100%;
    
    }
    
p.day01:before{
    content: attr(typ) url("../../../images/icons/day1.png");
    } 

p.day02:before{
    content: attr(typ) url("../../../images/icons/day2.png");
    } 

p.day03:before{
    content: attr(typ) url("../../../images/icons/day3.png");
    } 

p.day04:before{
    content: attr(typ) url("../../../images/icons/day4.png");
    } 

p.day05:before{
    content: attr(typ) url("../../../images/icons/day5.png");
    } 

p.day06:before{
    content: attr(typ) url("../../../images/icons/day6.png");
    } 

p.day07:before{
    content: attr(typ) url("../../../images/icons/day7.png");
    } 

p.day08:before{
    content: attr(typ) url("../../../images/icons/day8.png");
    } 

p.day09:before{
    content: attr(typ) url("../../../images/icons/day9.png");
    } 

/* 
Astrid Günther LeafLet anpassungen*/
img.leaflet-tile {
        padding: 0px !important;
        border: 0px !important;
        box-shadow: none !important;
        border-radius: 0px !important;
        margin: 0px !important;
    }
img.leaflet-marker-icon {
        padding: 0px !important;
        border: 0px !important;
        box-shadow: none !important;
        background: none !important;
    }
img.leaflet-marker-shadow {
        padding: 0px !important;
        border: 0px !important;
        box-shadow: none !important;
        background: none !important;
    }

div.leaflet-container {
    border-radius: 3px;
    margin: 12px 1px 12px 0;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.20);
    padding: 3px;
    border: 1px solid #ddd;
    border-color: rgba(0,0,0,0.10);
    background: rgba(255,255,255,0.26);
    }

/*
Hidden für Formularfelder, die das nicht per Oberfläche klickbar können...*/
div.not-visible {
    display: none;
}

figcaption, p.image_caption {
    margin-bottom: 12px;
}