/*
Name: max-g.net style
Date: November 2012
Description: 
Version: 0.2
Author: Max Gröning
Author URI: http://www.max-g.net
*/

/* Imports */
/* @import url(http://fonts.googleapis.com/css?family=Open+Sans); */
/* @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700); */
/* @import url(http://fonts.googleapis.com/css?family=Metrophobic); */
/* @import url(http://fonts.googleapis.com/css?family=Lilita+One); */
/* @import url(http://fonts.googleapis.com/css?family=Ubuntu); */
/* @import url(http://fonts.googleapis.com/css?family=Arbutus+Slab); */

/* Fonts */
@font-face {
  font-family: 'Arbutus Slab';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ArbutusSlab.eot');
  src: local('Arbutus Slab'), local('ArbutusSlab-Regular'), url('../fonts/ArbutusSlab.eot') format('embedded-opentype'), url('../fonts/ArbutusSlab.woff') format('woff');
} /* License: max-g.net/fonts/OpenFontLicense.txt */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/OpenSans.eot');
  src: local('Open Sans'), local('OpenSans'), url('../fonts/OpenSans.eot') format('embedded-opentype'), url('../fonts/OpenSans.woff') format('woff');
} /* License: max-g.net/fonts/ApacheLicense.txt */

/* Body */
body {
  background: url('../images/muster12.png') repeat;
  font-family: 'Open Sans', sans-serif;
  /* font-family: 'Metrophobic', sans-serif; */
  /* font-family: 'Lilita One', cursive; */
  /* font-family: 'Ubuntu', sans-serif; */
  font-size: 16pt;
  /* font-weight: 400; */
  /* text-shadow: 0px 2px 3px #555; */
}

p {
  line-height: 1.6;
}

a {
  color: #000;
  /* text-decoration: none; */
}

a:hover {
  color: #11AACC;
}

#card {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0px;
  margin-top: -135px;
  margin-left: -210px;
  height: 250px;
  width: 400px;
  border-radius: 15px;
  border-width: 0px;
  padding: 10px;
  background-color: #cccccc;
  background: url('../images/papier4.png') repeat;
  background-size: 50%;
  box-shadow: 3px 3px 5px #000, 0px 0px 250px rgba(255,255,255,0.5);
}

.entry {
  font-size: 0.6em;
}

.al {
  text-align: right;
  padding: 1em 1em 0em 0em;
  width: 30%;
}

.table {
  display: table;
  position: absolute;
  top: 105px;
  left: 220px;
}

.tr {
  display: table-row;
}

.th {
  display: table-caption;
  width: 200px;
  /* text-shadow: 0 -1px 1px #fff, 0 1px 1px #666; */
  /* text-shadow: 1px 1px 1px #666; */
}

.td {
  display: table-cell;
}

#initials {
  position: absolute;
  top: 50%;
  left: 35px;
  margin-top: -0.75em;
  font-size: 64pt;
  font-family: 'Arbutus Slab', serif;
  color: #11AACC;
  letter-spacing: -0.15em;
  text-shadow: 0 -1px 1px #666666, 0 1px 1px #FFFFFF;
  /* text-shadow: 0 -1px 1px #FFFFFF, 0 1px 1px #666666; */
}

#lang {
  position: absolute;
  /* top: 10px; */
  right: 1em;
  font-size: 0.5em;
}

#info {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0px;
  margin-top: 135px;
  margin-left: -210px;
  width: 400px;
  padding: 10px;
  margin-top: 135px;
  /* border: solid 1px; */
  overflow: hidden;
}

#infosym {
  position: relative;
  font-family: 'Arbutus Slab', serif;
  font-size: 0.75em;
  font-style: italic;
  text-align: center;
  /* margin: 1em; */
  padding: 0.5em;
  /* border: solid 1px; */
}

#infotext {
  position: relative;
  /* border: solid 1px; */
  /* display: none; */
  /* top: -80px; */
  overflow: hidden;
  height: auto;
  max-height: 0%;
  font-size: 0.5em;
  text-align: center;
  border-radius: 15px;
  background-color: rgba(255,255,255,0.2);
  width: 66%;
  margin-top: -80px;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: margin-top 1s ease-in-out;
  -moz-transition: margin-top 1s ease-in-out;
  -o-transition: margin-top 1s ease-in-out;
  -ms-transition: margin-top 1s ease-in-out;
  transition: margin-top 1s ease-in-out;
}

.showinfo {
  /* top: 0px !important; */
  margin-top: 0px !important;
  /* overflow: auto; */
  /* height: auto !important; */
  /* display: block !important; */
}