html { 
  background: url('../img/bg2.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {

	background-color:transparent;
	font-size:1.6em;
	font-family: 'The Girl Next Door', cursive;
}
h1 {
	font-family: 'The Girl Next Door', cursive;

}
h2 {
	font-family: 'The Girl Next Door', cursive;
}
h3 {
	font-family: 'The Girl Next Door', cursive;
}
a {
	color:#ffa200;
}

a:hover {
	color:#ffa200;
	text-decoration:underline;
}
a:active {
	color:#ffa200;
	text-decoration:underline;
}

#fon {
	-webkit-animation-duration: 0.2s;
	-moz-animation-duration: 0.2s;
	-o-animation-duration: 0.2s;

	-webkit-animation-iteration-count: 4;
	-moz-animation-iteration-count: 4;
	-o-animation-iteration-count: 4;

}
#tisch {
	-webkit-animation-duration: 1.8s;
	-moz-animation-duration: 1.8s;
	-o-animation-duration: 1.8s;

	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-o-animation-delay: 1s;	
}


.tafel {
	border-style: solid; 
	border-width:30px 30px;
	-moz-border-image: url(../img/rahmen.gif) 30 30 stretch;
	-webkit-border-image: url(../img/rahmen.gif) 30 30 stretch;
	-o-border-image: url(../img/rahmen.gif) 30 30 stretch;
	border-image: url(../img/rahmen.gif)  30 30 fill stretch;
	border-color:#7A390A;
	background-color: #02141c;
	color:white;
	text-align: center;
}
.row {
}
.footer {
	position: fixed ;
	bottom: 0;
	width:100%;
	max-height:250px;
}
.col-centered{
    float: none;
    margin: 0 auto;
}
.vorne {
	z-index:999;
}
.placeholder {
	min-height:100px;
}

@media (min-width: 1080px) {
	.img-col {
		width:70%;
		}
}