/* =Layout
-----------------------------------------------------------------------------*/
.centerDiv {
	max-width:1280px;
	margin:auto;
}


.DivPadding {
	padding: 2em 1em 4em 1em
}

.DivPadding {
	padding: 2em 1em 2em 1em;
}

.CentralDiv {
	min-height: 10em;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.Footer {
	background-color: #6E716E;
	height: 10em;
}


/* images */

.KonstnarGalleryImage {
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
.KonstnarGalleryImage:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
/* =Typography
-----------------------------------------------------------------------------*/
html {
    font-size: 62.5%;
}

/* prevents sidebar jumping  https://aykevl.nl/2014/09/fix-jumping-scrollbar */
@media screen and (min-width: 960px) {
    html {
        margin-left: calc(100vw - 100%);
        margin-right: 0;
    }
}

body {
font-family: 'Quattrocento', serif;
	font-size: 2em;
	background-color: #efefef;
    overflow-y: scroll;
    color: #4c4f4c;
}


h1 {
	font-family: 'Quattrocento Sans', sans-serif;
	font-weight: 700;
    line-height: 1.2em;
    font-size: 1.5em;
    text-transform: uppercase;
    margin: 1em 0em 1.5em 0em;
	color: #6E716E;
    }

h2 {
	font-family: 'Quattrocento Sans', sans-serif;
	font-weight: 400;
    line-height: 2em;
    text-transform: uppercase;
    }

h3 {
	font-family: 'Quattrocento Sans', sans-serif;
	font-weight: 300;
    }


p {
	font-size: 1.0em;
	line-height: 1.4em;
    }

.small {
	font-size: .8em;
	line-height: 1.2em;
}
.small a, .small a:hover {
	text-decoration: underline;
}

hr {
	width: 90%;
	height: .2em;
	background-color: #4c4f4c;
	color: #4c4f4c;
	border: 0 none;
	margin: .5em auto;
}

/* links

---------------------------------------------------------------------------*/

a:link {
	text-decoration: none;
	color: #BF4426;
}

a:visited {
	text-decoration: none;
	color: #BF4426;
}

a:hover {
	text-decoration: none;
	color: #801900;
	background-color: #D56348;
}

a:active {
	text-decoration: none;
	color: #BF4426;
}

.calendarMonthLinks a {
	color: red;
}

.DayActivity {
	width:4em;
    height:4em;
    border-radius:2em;
    font-size:larger;
    color:#fff;
    text-align:center;
    background:red;
}
.numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 4em;
    height: 4em;
    padding: .4em;
    background: white;
    border: .2em solid red;
    color: red;
    text-align: center;
	color: red;
}

.switch {
	background-color: silver;
}

/* =Header
-----------------------------------------------------------------------------*/
.BgImage {
	background-image:url(http://www.stonezone.se/edit/site_images/logo_stonezone2.jpeg);
	background-position:center center;
	background-repeat:no-repeat;
	height: 219px;
}



/* =Footer
-----------------------------------------------------------------------------*/
.Footer {
	background-color:#d6d6d6;
	min-height: 10em;
}

/* =Colors
-----------------------------------------------------------------------------*/
.oranje {
	#BF4426;
}
.Dark_oranje1 {
	#801900;
}
.Light_oranje2 {
	#D56348;
}

.antracit {
	#4c4f4c;
}

.Dark_antracit {
	#252725;
}

.Light_antracit {
	#6E716E;
}
.colorGray {
	background-color: #efefef;
}

.colorWhite {
	background-color: white;
}

.colorTest {
	background-color: green;
}

/* =Nav
-----------------------------------------------------------------------------*/
/* s-navbar */
.navbar {
  font-size: 1.1em;
  background-color:white;
  margin-bottom: .187em;
  webkit-box-shadow:	0px 5px 10px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:		0px 5px 10px 0px rgba(50, 50, 50, 0.75);
  box-shadow:			0px 5px 10px 0px rgba(50, 50, 50, 0.75);
}

/* toggle */
.navigation-toggle {
  display: none;
  text-transform: uppercase;
  position: relative;
  color: #0f0f0f;
  background-color: #ffffff;
}
.navigation-toggle:after {
  position: absolute;
  z-index: 1;
  top: 50%;
  margin-top: -12px;
  left: 10px;
  content: "\2630";
  font-size: 24px;
  line-height: 1em;
}
.navigation-toggle.navigation-toggle-black {
  background-color: #0f0f0f;
  color: #ffffff;
}
.navigation-toggle.navigation-toggle-show {
  margin-bottom: 1.65em;
}
.navigation-toggle span {
  position: relative;
  z-index: 2;
  cursor: pointer;
  display: block;
  padding: 10px 20px 10px 40px;
}

.navigation-fixed {
	width: 100%;
}
@media(max-width:767px) {
    .navbar, .navbar-black-example, .navbar-red-example {
        padding: 20px
    }

    .navbar-pills-black-example, .navbar-pills-red-example {
        padding: 20px 0
    }

    .navbar li, .navbar-black-example li, .navbar-red-example li {
        margin: 10px 0
    }
}