/*	MAIN CSS *****************************/
@import url(../webfonts/fontawesome-all.min.css);
@import url(../webfonts/fonts.css);

@import url(basics.css);
@import url(rows.css);

/****************************
Project tim-kellner.net
Copyright Tim Kellner | tf-bureau.net
*****************************/


html {
	min-height: 100%;
	margin-bottom: 1px;
}


/*	website *****************************/
#wrapper {
	position:relative;
/*	display: flex;*/
/*	margin:0 2em;*/
}


/*	header *****************************/
header {
	position:relative;
	display:flex;
	height:6em;
	background-color:#fff;
	padding: 2em 0.5em 4em;
}


/*	navigation ----------------------------*/

nav {
	font-size: 1.2em;	
}

nav a.logo {
	padding: 0;
	text-decoration: none;
}
nav a.logo:hover {
	background: none; 
}

nav a.logo img {
	vertical-align: text-bottom;
}

nav ul {}

nav ul li {
	display: inline-flex;
/*	margin: 0 0.5em;*/
}
nav ul li:first-child {
	margin: 0 1em 0 0;
}

nav ul li.active {}

nav ul li.active a,
nav ul li.active a:link {
	color: #000;
}

nav ul a,
nav ul a:link {
	padding: 0 0.6em;
}

nav ul.nav1st a:hover {}

nav ul.nav1st li ul.nav2nd li {}

nav ul.nav2nd a,
nav ul.nav2nd a:link {}

nav_foto ul.nav2nd a.current,
nav_foto ul.nav2nd a.current:link,
nav_foto ul.nav2nd a:hover {}


/* Main **************************/
main {
  -moz-flex-grow: 1;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  -moz-flex-shrink: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-shrink: 1;
  flex-shrink: 1;
  width: 100%; }
  main > .inner {
    padding: 0 4em 0.1em 4em ;
    margin: 0 auto;
    max-width: 110em; }
    main > .inner > section {
      padding: 2em 0 4em 0 ;
      border-top: solid 2px rgba(210, 215, 217, 0.75); }
      main > .inner > section:first-of-type {
        border-top: 0 !important; }
  @media screen and (max-width: 1680px) {
    main > .inner {
      padding: 0 5em 0.1em 5em ; }
      main > .inner > section {
        padding: 1em 0 3em 0 ; } }
  @media screen and (max-width: 1280px) {
    main > .inner {
      padding: 0 4em 0.1em 4em ; }
      main > .inner > section {
        padding: 1em 0 2em 0 ; } }
  @media screen and (max-width: 736px) {
    main > .inner {
      padding: 0 2em 0.1em 2em ; }
      main > .inner > section {
        padding: 1em 0 1em 0 ; } } 
@media screen and (orientation: landscape) and (max-width: 736px) {
    main > .inner {
      padding: 0 2em 0.1em 6em ; }
      main > .inner > section {
        padding: 1em 0 1em 0 ; } }

/*	Images ----------------------------*/

.image {
/*  border-radius: 0.375em;*/
  border: 0;
  display: inline-block;
  position: relative; }
  .image img {
/*    border-radius: 0.375em;*/
    display: block; }
  .image.left, .image.right {
    max-width: 40%; }
    .image.left img, .image.right img {
      width: 100%; }
  .image.left {
    float: left;
    padding: 0 1.5em 1em 0;
    top: 0.25em; }
  .image.right {
    float: right;
    padding: 0 0 1em 1.5em;
    top: 0.25em; }
  .image.fit {
    display: block;
/*    margin: 0 auto;*/
    width: 90%; }
    .image.fit img {
      width: 100%; }
@media screen and (orientation: portrait) and (max-width: 480px) {
  .image.fit {
    width: 100%; }
}
@media screen and (orientation: landscape) and (max-width: 480px) {
  .image.fit {
    width: 80%; }
}
  .image.main {
    display: block;
    margin: 0 0 3em 0;
    width: 100%; }
    .image.main img {
      width: 100%; }

a.image {
  overflow: hidden; }
  a.image img {
    -moz-transition: -moz-transform 0.2s ease;
    -webkit-transition: -webkit-transform 0.2s ease;
    -ms-transition: -ms-transform 0.2s ease;
    transition: transform 0.2s ease; }
  a.image:hover img {
    -moz-transform: scale(1.075);
    -webkit-transform: scale(1.075);
    -ms-transform: scale(1.075);
    transform: scale(1.075); }

/*figure ******************/

figure {
	position: relative;
	display: block;
	padding: 1em 0 2em;
}
figure.teaser {
	margin: 0 -0.5em 2em 0;
	max-width: 400px;
}
figure.teaser p {
	margin-right: 2em;
}


figcaption.bu, p.bu {
	padding-top: 1em;
	font-size: 0.8em;
}

/*texts *******************
section.text {
	width: 60%;
}
@media screen and (max-width: 736px) {
section.text {
	width: 100%;
}
}
*/

/*tables ********************/

/*
table {
	width: 80%;
}
*/
tr {}
tr td:first-child {
	width:20%;
}

/*sections ********************/

section {
	margin-bottom: 2em;
}

section.gallery .grid .grid-item {
	padding: 2em;
}
section.grid .grid-item {
	padding: 0;
}

/*	gallery *****************************/

.gal_txt {
	font-size: 0.8em;
	margin: 1em 0 1em 0;
	padding: 1em 0 1em 0;
	
}

/*	teaser *****************************/
section.teaser {}
section.teaser a {
	text-decoration: none;
}
/*	Footer *****************************/
footer {
	display:none;
	border-top:1px solid #ccc;
	margin-top: 4em;
	padding: 1em 1em 4em;
	clear:both;
}

footer p {
	font-size: 0.8em;
	color:#333;
	background:inherit;
}

footer p a,
footer p a:link {
}

footer p a:hover {
}