/* thanks to http://sebsauvage.eu/ for some piece of code from shaarli */
 body {
 	font-family: serif, georgia;
 	background: #222 url('img/design/imperfcetion.png') no-repeat right top;
 	background-attachment: fixed;
 	margin: 0;
 	padding: 0;
 	min-height: 100%;
 }

 noscript {
 	background-color: red;
 	color: white;
 	font-weight: bold;
 	font-family: consolas;
 }

 .mainTitle {
 	color: white;
 	font-weight: bold;
 	font-size: 1.2em;
 	letter-spacing: 10px;
 	/*! position:fixed; */
 	margin: 0;
 	padding: 5px;
 	/*! width:100%; */
 	height: 1.5em;
 	/*! z-index:0; */
 	text-indent: 2%;
 	/*! z-index: 10; */
 	/*! background-color: black; */
 	/*! top: 0; */
 }

 .return2home {
 	text-decoration: none;
 	color: white;
 	width: 100%;
 	position: absolute;
 	top: 0;
 	left: 0;
 }

 .mainTitle:hover {
 	background-color: white;
 }

 .mainTitle:hover .return2home {
 	color: #222;
 }

 #allLinks {
 	width: 100%;
 	/*! min-height: 100%; */
 	/*! height: auto; */
 	/*! margin: 0 auto -20px; */
 	/* -0.8em est lie a #foot, .push plus bas */
 	/*! margin: 0 auto; */
 	text-align: center;
 }

 #v {
 	width: 250px;
 	height: 60px;
 	margin-top: -60px;
 	z-index: -10;
 }

 #playingVideo {
 	width: 99%;
 	float: none;
 	border: 1px dotted white;
 	background-repeat: repeat;
 	margin: 0 auto;
 	padding: 0;
 	padding-bottom: 30px;
 }

 #playingVideo h2 {
 	color: black;
 	background: white;
 	padding: 8px;
 	margin: 0;
 	margin-bottom: 30px;
 	/*! box-shadow: 0px 8px 10px black; */
 }

 #puerileContent {
 	width: 540px;
 	box-shadow: 0px 0px 20px #6e6e6e;
 	margin: auto;
 	background-color: black;
 }

 .thumbnail {
 	position: relative;
 	width: 160px;
 	height: 60px;
 	overflow: hidden;
 	/*! text-align:center; */
 	/*! float:left; */
 	border: 1px dotted #000;
 	margin: 0;
 	padding: 0;
 	text-decoration: none;
 	color: white;
 	display: inline-grid;
 	/*transition: transform 1s;
    transition-delay: .15s;*/
 }

 .thumbnail a {
 	color: white;
 }

 .thumbnail img {
 	margin: 0;
 	padding: 0;
 }

 .thTitle {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 160px;
 	height: 60px;
 	font-family: sans serif;
 	color: rgba(255, 255, 255, .05);
 }

 .thumbnail:hover {
 	border: 1px dotted white;
 	/*  transform: rotateY(360deg);*/
 }

 .thumbnail:hover .thTitle {
 	display: block;
 	position: absolute;
 	top: 0;
 	left: 0;
 	font-weight: bold;
 	width: 160px;
 	height: 60px;
 	background-image: url("img/design/bgd01.png");
 	text-shadow: 0.1em 0.1em 0.3em #000, 0.1em 0.1em 0.3em #000, -0.1em -0.1em 0.3em #000, -0.1em -0.1em 0.3em #000;
 	color: white;
 	transition: color .25s;
 }

 #niceFakeEmptySpace {
 	width: 50%;
 	height: 20px;
 }

 #foot {
 	position: fixed;
 	width: 100%;
 	text-align: right;
 	bottom: 0;
 	right: 0;
 	padding-right: 5px;
 	color: white;
 	background-color: #444;
 	margin-top: 20px;
 	height: 20px;
 	font-size: 15px;
 }

 #foot a {
 	text-decoration: none;
 	color: white;
 }

 #foot a:hover {
 	color: #444;
 }

 #foot img {
 	margin-bottom: -3px;
 }

 /*** LIST MOD ***/
 .thumbnailList {
 	position: relative;
 	width: 100%;
 	height: 60px;
 	text-align: left;
 	line-height: 60px;
 	border: 1px dotted #000;
 }

 .thumbnailList a {
 	width: 100%;
 	position: absolute;
 	text-decoration: none;
 	color: white;
 }

 .thumbnailList img {
 	vertical-align: middle;
 	margin-right: 2%;
 }

 .thTitleList {
 	font-weight: bold;
 	text-shadow: 0.1em 0.1em 0.3em #000, 0.1em 0.1em 0.3em #000, -0.1em -0.1em 0.3em #000, -0.1em -0.1em 0.3em #000;
 }

 .thumbnailList:hover {
 	background-color: white;
 }

 #kontaktGlobale {
 	margin: auto;
 	width: 75%;
 	padding: 4pt;
 	color: white;
 }

 .dontDoDat {
 	display: none
 }

 #kontakt input, #kontakt textarea{
	 background: #222;
	 color: white;
	 border: 1pt solid white;
	 padding: 2pt;
	 margin: 1pt;
 }

 #sender_msg {
 	width: 100%;
 	height: 30vh;
 }