/*

	Design by TEMPLATED
	http://templated.co
	Released for free under the Creative Commons Attribution License

	Name       : Nameless Geometry
	Version    : 1.0
	Released   : 20130222
	
*/

@font-face { font-family: 'cambria';
             src: url('Cambria.ttf') format('truetype'); }

@font-face { font-family: 'candara';
             src: url('Aquarion.otf') format('opentype'); }
             
             
body {
    font-family: candara;
    background: #1f1f1f url('images/bg.png');
    color: #909090;
    margin:0;
    padding:0;
}

strong {
    color: #cfcfcf;
}

h1,h2,h3,h4 {
    font-weight: normal;
    color: #eaeaea;
    text-shadow: 0 2px 1px #181818;
}

h2,h3,h4 {
    font-size: 1.7em;
    margin-bottom: 1em;
    /*font-family: 'Yanone Kaffeesatz', sans-serif;*/
    font-family: candara;
    color: #ffffff;
}


#imagelightbox
{
    position: fixed;
    z-index: 9999;
 
    -ms-touch-action: none;
    touch-action: none;
    -webkit-box-shadow: 0 0 3.125 rgba( 0, 0, 0, .75);
    box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 );
}

#imagelightbox-loading,
#imagelightbox-loading div
{ border-radius: 50%; }

#imagelightbox-loading
{
    width: 2.5em;
    height: 2.5em;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 10003;
    top: 50%;
    left: 50%;
    padding: 0.625em;
    margin: -1.25em 0 0 -1.25em;
    -webkit-box-shadow: 0 0 2.5em rgba(0, 0, 0, .75);
    box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75);
}
#imagelightbox-loading div
{
    width: 1.25em;
    height: 1.25em;
    
    background-color: #fff;
    
    -webkit-animation: imagelightbox-loading .5s ease infinite;
    animation: imagelightbox-loading .5s ease infinite;
}

@-webkit-keyframes imagelightbox-loading
{
    from { opacity: .5; -webkit-transform: scale( .75); }
    50% { opacity: 1; -webkit-transform: scale( 1); }
    to { opacity: .5; -webkit-transform: scale( .75); }
}

@keyframes imagelightbox-loading
{
    from { opacity: .5; transform: scale( .75); }
    50% { opacity: 1; transform: scale( 1); }
    to { opacity: .5; transform: scale( .75); }
}


/* Titel */

#header {
	background: #262626 url('images/cbg.png') top left repeat-x;

}
/*
.sticky {
  /*position: fixed;
  top: 0;
}
*/

#logo_img {
    width: 120px;
    height: 120px;
    float:left;
    margin:0;
}


#logo {
    color: #ffffff;
    text-shadow: 0 2px 2px #000000;
    text-align: right;
    display: block;
}

#logo_small{
    color: #ffffff;
    font-family: cambria;
    text-shadow: 0 2px 2px #000000;
    text-align: right;
    display: none;
}

#logo_small h1 {
    font-family: cambria;
    font-style: italic;
}

#logo a {
    text-decoration: none;
    color: #ffffff;
    text-shadow: 0 2px 2px #000000;
}

#logo h1 {
    font-size: 4.5em;
    font-family: cambria;
    font-style: italic;
}



/* Inhalt */

#main_content{
    background: #262626 url('images/cbg.png') top left repeat-x;
    /*
    border-top: solid 1px #606060;
*/
    border-bottom: solid 1px #151515;
    text-shadow: 0 1px 0 #101010;
    min-height: 400px;   
    padding:0;
}


#main_content p {
    font-size: 1.2em;
}

#main_content li {
    font-size: 1.2em;
}

#main_nav {
 /*   background: #6f2f2f url('images/navbg.png') top left repeat-x;
  */
    /*Rahmen über ganze Seite*/
/*    background: #4f0952;*/
    font-family: cambria;
    font-size: 1.6em;
    font-style: italic;
    text-transform: lowercase;
    /*border-top: solid 1px #4f0952;*/
    z-index: 99999;

}

#navContainer {
    background: #4f0952;
}

#main_nav a {
    text-decoration: none;
    color: #ffffff;
    /*color: #4f0952;*/
    /*text-shadow: 0 2px 1px #3F1C1C;*/
    /*text-shadow: 0 2px 1px #4f0952;*/
}

#main_nav a:hover {
    text-decoration: none;
    color: #4f0952;
    /*text-shadow: 0 2px 1px #3F1C1C;*/
    /*text-shadow: 0 2px 1px #4f0952;*/
}

#main_nav li {
    margin: 0 0.2em 0 0.2em;
}

#main_nav ul {
    
    list-style: none;
}

#main_nav ul li {
    float: left;
}

#navigation_small {
    display:none;
    position: absolute;
    width: 200px;
    margin: 0px 0 0 185px;
    padding-top: 45px;
    background: #4f0952; 
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    /* to stop flickering of text in safari */
    transform-origin: 0% 0%;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    z-index: 9997;
}

footer {
    margin-top: 15px;
}

#menuToggle
{
    display: none;
    position: relative;
    float:left;
    margin-top: 8px;
    margin-bottom: 8px;
    z-index: 9998;
    -webkit-user-select: none;
    user-select: none;
}

#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px; 
  cursor: pointer; 
  opacity: 0; /* hide this */
  z-index: 9999; /* and place it over the hamburger */
  -webkit-touch-callout: none;
}

#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background: #cdcdcd;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-4px, -16px);
}

#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(-4px, 16px);
}


#menu li
{
  padding: 10px 0;
  font-size: 22px;
}


@media only screen and (max-width: 1200px) {
    #logo h1 {
        font-size: 4.5em;
        font-family: cambria;
        font-style: italic;
    }
    #logo_small {
        display: block;
    }
    #logo {
        display: none;
    }
    #nagigation_big {
        display: none;
    }
    #menuToggle {
        display:block;
    }
}