html, body {
  height: 100%;
}

* {
  margin: 0;
  padding: 0;
}

.clear {
  clear: both;
}

body {
  background-color: silver;
  background-image: url("/storage/themes/stedaho/img/background.png");
  background-repeat: repeat;
  background-attachment:fixed;
  font-family: "Segoe UI Light", "Open Sans Light", "Open Sans", "Frutiger Next", "Segoe UI", "Segoe", sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: black;
}

div#main {
  background-color: white;
  margin: 30px 200px;
}

@media (max-width: 1410px) { 
  div#main {
    margin: 10px 50px;
  }
}

@media (max-width: 1150px) { 
  body {
    font-size: 20px;
  }

  div#main {
    margin: 10px;
  }
}

a {
  color: black;
  text-decoration: none;
}

p {
  font-size: 1rem;
}

h1 {
  font-size: 1.8rem;
  margin-bottom: 20px;
}

h2 {
  font-site: 1.5rem;
}

h3 {
  font-size: 1.2rem;
}

header {
  background-color: #ccc6b8;
  padding: 10px 15px;
}

header > div#logo {
  //float: left;
  font-weight: bold;
  font-size: 2rem;
  color: #8f5d00;
  margin-bottom: 10px;
  line-height: 1;
}

/* Navigation */

header > nav ul {
	margin: 0;
	padding: 0;
}

header > nav ul li {
	display: inline-block;
	margin:0 25px 0 0;
}

header > nav ul li > a {
  font-size: 1.3rem;
  color: black;
  transition:.5s;
}

header > nav ul li > a:hover, header > nav ul li > a.k-nav-current {
  color: #8f5d00;
}

/* Allgemeine Seiteninhalte */
main {
  padding: 20px;
}

footer {
  background-color: #ccc6b8;
  color: black;
  padding: 10px;
}


/* albums.lens */
ol.album_grid {
	margin: 0;
	padding: 0;
  text-align: center;
  list-style-type: none;
}

ol.album_grid > li {
	display: inline-block;
	margin: 10px;
  width: 450px;
  height: 300px;
}

.album_grid_element {
  position: absolute;
  width: 450px;
  height: 300px;
}

div.album_grid_title {
  z-index: 1000;
  padding: 15px 20px;
  width: 410px;
  height: 270px;
  font-size: 3rem;
  line-height: 1;
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.85);
  text-align: left;
  color: white;
  transition: color 0.5s;
  transition: font-size 0.5s;
}

ol.album_grid li:hover div.album_grid_title {
  color: orange;
  font-size: 2rem;
}

div.album_grid_color {
  z-index: 900;
  background-color: orange;
  opacity: 0.2;
  transition: opacity 0.5s;
}

ol.album_grid li:hover div.album_grid_color {
  opacity: 0;
}

ol.album_grid_slideshow {
  list-style-type: none;
}

ol.album_grid_slideshow > li.album_grid_image {
	display: none;
}

ol.album_grid_slideshow > li.album_grid_image:first-of-type {
  display: list-item;
}

@media (max-width: 1020px) {
  ol.album_grid > li {
  	display: block;
  	margin: 10px 0;
    width: 100%;
    height: initial;
  }
  
  .album_grid_element {
    position: relative;
    width: initial;
    height: initial;
  }
  
  div.album_grid_title {
    position: absolute;
    width: initial;
    height: initial;
  }
  
  ol.album_grid_slideshow > li.album_grid_image > img {
    width: 100%;
    height: initial;
  }
  
  div.album_grid_color {
    display: none;
  }
}


/* album.lens */
ol.album_images {
  list-style-type: none;
}

ol.album_images > li {
	display: inline-block;
  margin-bottom: 30px;
	width: 100%;
}

div.map {
  margin-top: 20px;
}

div.map_height {
  height: 400px;
}

div.map_show_hint {
  cursor: pointer;
}

p.img_capture_date {
  margin-top: 5px;
}

div.album_navigation {
  width: 100%;
  height: 100px;
  margin-bottom: 20px;
}

div.album_navigation > div {
  width: 33.3%;
  height: 100%;
  float: left;
  text-align: center;
}

div.album_navigation > div > div {
  height: 100%;
  background-color: rgba(255, 165, 0, 0.4);
  padding: 0 10px;
  overflow: hidden;
}

div.album_navigation > div > div > a {
  vertical-align: middle;
  height: 100%;
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.85);
  color: white;
  font-size: 3rem;
}

@media (min-width: 1021px) {
  div.album_image_img {
    width: 66%;
    float: left;
  }
  
  div.album_image_desc {
    width: 34%;
    float: left;
  }
  
  div.album_image_desc > div {
    margin: 0 0 0 20px;
  }
  
  div.map_height {
    height: 300px;
  }
}


/* content.lens */
div.content_map {
  height: 500px;
  width: 100%;
  margin-top: 20px;
}

@media (max-width: 1020px) {
  div.content_map {
    height: 300px;
  }
}

.k-mosaic{position:relative;display:block;list-style:none;padding:0;margin:0}.k-mosaic:after,.k-mosaic:before{content:" ";display:table}.k-mosaic:after{clear:both}.k-mosaic>li{display:inline;height:auto;float:left;font-size:0!important;line-height:0!important;box-sizing:border-box}.k-mosaic img{max-height:none!important;vertical-align:baseline}.k-mosaic-1>li{width:100%}.k-mosaic-1>li:nth-of-type(n){clear:none}.k-mosaic-1>li:nth-of-type(1n+1){clear:both}.k-mosaic-2>li{width:50%}.k-mosaic-2>li:nth-of-type(n){clear:none}.k-mosaic-2>li:nth-of-type(2n+1){clear:both}.k-mosaic-3>li{width:33.333333333%}.k-mosaic-3>li:nth-of-type(n){clear:none}.k-mosaic-3>li:nth-of-type(3n+1){clear:both}.k-mosaic-4>li{width:25%}.k-mosaic-4>li:nth-of-type(n){clear:none}.k-mosaic-4>li:nth-of-type(4n+1){clear:both}.k-mosaic-5>li{width:20%}.k-mosaic-5>li:nth-of-type(n){clear:none}.k-mosaic-5>li:nth-of-type(5n+1){clear:both}.k-mosaic-6>li{width:16.66667%}.k-mosaic-6>li:nth-of-type(n){clear:none}.k-mosaic-6>li:nth-of-type(6n+1){clear:both}.k-mosaic-7>li{width:14.28571%}.k-mosaic-7>li:nth-of-type(n){clear:none}.k-mosaic-7>li:nth-of-type(7n+1){clear:both}.k-mosaic-8>li{width:12.5%}.k-mosaic-8>li:nth-of-type(n){clear:none}.k-mosaic-8>li:nth-of-type(8n+1){clear:both}.k-mosaic-9>li{width:11.11111%}.k-mosaic-9>li:nth-of-type(n){clear:none}.k-mosaic-9>li:nth-of-type(9n+1){clear:both}.k-mosaic-10>li{width:10%}.k-mosaic-10>li:nth-of-type(n){clear:none}.k-mosaic-10>li:nth-of-type(10n+1){clear:both}.k-mosaic.edge>li{margin:1px 1px 0 0}.k-mosaic-1.edge li:first-child,.k-mosaic-2.edge>li:nth-of-type(-n+2),.k-mosaic-3.edge>li:nth-of-type(-n+3),.k-mosaic-4.edge>li:nth-of-type(-n+4),.k-mosaic-5.edge>li:nth-of-type(-n+5),.k-mosaic-6.edge>li:nth-of-type(-n+6),.k-mosaic-7.edge>li:nth-of-type(-n+7),.k-mosaic-8.edge>li:nth-of-type(-n+8),.k-mosaic-9.edge>li:nth-of-type(-n+9),.k-mosaic-10.edge>li:nth-of-type(-n+10){margin-top:0!important}.k-mosaic-1.edge li,.k-mosaic-2.edge>li:nth-of-type(2n),.k-mosaic-3.edge>li:nth-of-type(3n),.k-mosaic-4.edge>li:nth-of-type(4n),.k-mosaic-5.edge>li:nth-of-type(5n),.k-mosaic-6.edge>li:nth-of-type(6n),.k-mosaic-7.edge>li:nth-of-type(7n),.k-mosaic-8.edge>li:nth-of-type(8n),.k-mosaic-9.edge>li:nth-of-type(9n),.k-mosaic-10.edge>li:nth-of-type(10n),.k-mosaic-uneven:last-child{margin-right:0!important}.k-mosaic-2.edge>li:nth-of-type(2n+1),.k-mosaic-3.edge>li:nth-of-type(3n+1),.k-mosaic-4.edge>li:nth-of-type(4n+1),.k-mosaic-5.edge>li:nth-of-type(5n+1),.k-mosaic-6.edge>li:nth-of-type(6n+1),.k-mosaic-7.edge>li:nth-of-type(7n+1),.k-mosaic-8.edge>li:nth-of-type(8n+1),.k-mosaic-9.edge>li:nth-of-type(9n+1),.k-mosaic-10.edge>li:nth-of-type(10n+1){margin-left:0!important}