@charset "UTF-8";

body {
	width:100%;
    height:100%;
    margin-left:2.6%;
    overflow-x:hidden;
    -webkit-font-smoothing: antialiased;
    
}

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

a:hover { 
    
    background: black; 
}

.links {
    float: left !important;
    margin-right:9px;
    
}

div {
    white-space: nowrap; 
}

.navigation {
    
    position:fixed;
    top: 35px;
    left: 2.5%;
    margin-left: 1px;
	font-family: 'GT-America-Standard-Regular', HelveticaNeueLTStdRegular, arial, sans-serif;
	font-size:0.9em;
	color:#000000;
	text-align:left;
    word-spacing: 2.0em;
    z-index: 99;
}

@font-face { 
    
     font-family: 'GT-America-Standard-Regular';
     src: url('GT-America-Standard-Regular.eot');
     src: url('GT-America-Standard-Regular.woff2') format('woff2'),
          url('GT-America-Standard-Regular.woff')  format('woff'),
          url('GT-America-Standard-Regular.ttf')  format('truetype'),
          url('GT-America-Standard-Regular.otf') format('opentype');  
     font-weight: normal;
     font-style: normal;
}

@font-face { 
    
    font-family: 'GT-America-Standard-Regular-Italic';
    src: url('GT-America-Standard-Regular-Italic.eot');
    src: url('GT-America-Standard-Regular-Italic.woff2') format('woff2'),
         url('GT-America-Standard-Regular-Italic.woff')  format('woff'),
         url('GT-America-Standard-Regular-Italic.ttf')  format('truetype'),
         url('GT-America-Standard-Regular-Italic.otf') format('opentype'); 
    font-weight: normal;
    font-style: normal;
}

.text_navigation_kursiv {
    
    font-family:'GT-America-Standard-Regular-Italic';
}

.absatz {margin: 9px;
}

.text {
    
	font-family:'GT-America-Standard-Regular', HelveticaNeueLTStdRegular, HelveticaNeue, arial, sans-serif; 
	font-size: 0.9em;
	line-height: 1.4em;
	color:#000000;
	text-align:left;	
}
    
.text_kursiv {
    
    font-family:'GT-America-Standard-Regular-Italic', HelveticaNeueLTStdRegular, HelveticaNeue, arial, sans-serif; 
	font-size:0.9em;
    line-height: 1.4em;
    color:#000000;
	text-align:left;
}
    
img.floatLeft { 
    
    float: left; 
    margin-right: 10px;
    margin-top: 80px;
}

#text_bilder {

   float:left; 
   margin-top:80px;
   overflow:hidden;
}

#about_text {
    
	clear:both;
	float:left; 
	margin-top:100px;
    max-width: 500px;
}

/* - - - - - - - Indexgalerie POS_A- - - - - - - */

.iOben {
    margin-top: 130px;
    float:left;
	margin-bottom: 5%;
    width:52%;
	z-index:10;
   
 
/* Black&White Effekt */
    
    filter: url("data:image/svg xml; nowhitespace: afterproperty;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%); 
    -webkit-transition: all .6s ease; 
    -webkit-backface-visibility: hidden;
    
    
/* Fade in Animation */
    
    animation: fadein 1s;
    -moz-animation: fadein 1s; 
    -webkit-animation: fadein 1s; 
    -o-animation: fadein 1s; 
}

/* Black&White Effekt Auflößung*/

/* - - - - - - - Indexgalerie neuer Eintrag- - - - - - - */

.iOben:hover { 
    
    filter: none;
    -webkit-filter: grayscale(0%);
}

.iNeben {
    margin-top: 130px;
    float:left;
    margin-left: 0.6%;
	margin-bottom: 5%;
    width:40%;
	z-index:10;
}

/* - - - - - - - Indexgalerie- - - - - - - */


.iindex {
	float:left;
    margin-right:0%;   
    margin-bottom: 5%;
	width:52%;
	z-index:10;
    
/* Black&White Effekt */
    
    filter: url("data:image/svg xml; nowhitespace: afterproperty;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%); 
    -webkit-transition: all .6s ease; 
    -webkit-backface-visibility: hidden;
    
    
/* Fade in Animation */
    
    animation: fadein 1s;
    -moz-animation: fadein 1s; 
    -webkit-animation: fadein 1s; 
    -o-animation: fadein 1s; 
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { 
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { 
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

/* Black&White Effekt Auflößung*/

.iindex:hover { 
    
    filter: none;
    -webkit-filter: grayscale(0%);
}

.iNebeni {
    margin-top: 0px;
    float:left;
    margin-left: 0.6%;
	margin-bottom: 5%;
    width:40%;
	z-index:10;
}

/* handmade in munich / (c) all rights reserved */