* {
	margin: 0;
	padding: 0;
	list-style: none;
}
body {
	background: url(bg.jpg);
}

.separator {
	padding-bottom: 100px;
}
/*h1 {
 text-align: center;
 font-family: 'Nothing You Could Do', cursive;
 padding: 10px;
 text-shadow: 1px 1px #333;
 background-color: #000;
 color: #fff;
 }*/
/****** Zettel **********************************************/

#zettel1 {
	margin: auto;
	position: relative;
	height: auto;
	width: 628px;
	padding-bottom: 10px;
	padding-left: 50px;
}
#zettel1 a {
	text-decoration: none;
}

#zettel1 h1 {
	text-align: center;
	font-family: 'Nothing You Could Do', cursive;
	font-size: 32px;
	padding: 0;
	margin-top: -185px;
	text-shadow: 1px 1px #333;
	color: #555;
	-webkit-transform: rotate(-2deg) scale(1,1);
	-moz-transform: rotate(-2deg) scale(1,1);
	transform: rotate(-2deg) scale(1,1);
}

/***** ZETTEL 2 *****/
#zettel2 {
	margin: auto;
	position: relative;
	height: auto;
	width: 628px;
	padding-bottom: 90px;
	margin-top: -150px;
	-webkit-transform: rotate(-2deg) scale(1,1);
	-moz-transform: rotate(-2deg) scale(1,1);
	transform: rotate(-2deg) scale(1,1);
}
#zettel2 a {
	text-decoration: none;
}

#zettel2 h1 {
	text-align: center;
	font-family: 'Nothing You Could Do', cursive;
	font-size: 28px;
	padding: 0;
	margin-top: -220px;
	text-shadow: 1px 1px #333;
	color: #555;
}



/****** Turnierbilder **********************************************/
.turnier {
	margin: auto;
	margin: 0px auto;
	position: relative;
	height: 3400px;
	width: 800px;
}
.turnier a {

	background: #fff;
	display: inline;
	float: left;
	width: auto;
	padding: 10px 10px 10px 10px;
	text-align: center;
	text-decoration: none;
	color: #333;
	font-size: 24px;
	font-family: 'Nothing You Could Do', cursive;
	font-weight: bold;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,1);
	box-shadow: 0px 0px 10px rgba(0,0,0,1);
	-webkit-transition: all .30s;
	-moz-transition: all .30s;
	-o-transition: all .30s;
	transition: all .30s;
	position: absolute;
}
.turnier img {
	display: block;
	/*padding-bottom:20px;*/
}

.turnier a:hover {
	z-index: 100;
}
.turnier a:after {
	content: attr(title);
}

/* Pictures placement, scaling and rotation */

.turnier li:nth-child(1n) a {
	-webkit-transform: rotate(-5deg) scale(0.5,0.5);
	-moz-transform: rotate(-5deg) scale(0.5,0.5);
	transform: rotate(-5deg) scale(0.5,0.5);
	top: 0%;
	left: -5%;
}
.turnier li:nth-child(2n) a {
	-webkit-transform: rotate(4deg) scale(0.5,0.5);
	-moz-transform: rotate(4deg) scale(0.5,0.5);
	transform: rotate(4deg) scale(0.5,0.5);
	top: -1%;
	left: 7%;
}
.turnier li:nth-child(3n) a {
	-webkit-transform: rotate(10deg) scale(0.5,0.5);
	-moz-transform: rotate(10deg) scale(0.5,0.5);
	transform: rotate(10deg) scale(0.5,0.5);
	top: -1%;
	left: 30%;
}
.turnier li:nth-child(4n) a {
	-webkit-transform: rotate(-1deg) scale(0.5,0.5);
	-moz-transform: rotate(-1deg) scale(0.5,0.5);
	transform: rotate(-1deg) scale(0.5,0.5);
	top: -1%;
	left: 50%;
}
.turnier li:nth-child(5n) a {
	-webkit-transform: rotate(7deg) scale(0.5,0.5);
	-moz-transform: rotate(7deg) scale(0.5,0.5);
	transform: rotate(7deg) scale(0.5,0.5);
	top: 0%;
	left: 65%;
}
.turnier li:nth-child(6n) a {
	-webkit-transform: rotate(4deg) scale(0.5,0.5);
	-moz-transform: rotate(4deg) scale(0.5,0.5);
	transform: rotate(4deg) scale(0.5,0.5);
	top: 6%;
	left: -5%;
}
.turnier li:nth-child(7n) a {
	-webkit-transform: rotate(1deg) scale(0.5,0.5);
	-moz-transform: rotate(1deg) scale(0.5,0.5);
	transform: rotate(1deg) scale(0.5,0.5);
	top: 3%;
	left: 71%;
}
.turnier li:nth-child(8n) a {
	-webkit-transform: rotate(-6deg) scale(0.45,0.45);
	-moz-transform: rotate(-6deg) scale(0.45,0.45);
	transform: rotate(-6deg) scale(0.45,0.45);
	top: 9%;
	left: -5%;
}
.turnier li:nth-child(9n) a {
	-webkit-transform: rotate(-11deg) scale(0.5,0.5);
	-moz-transform: rotate(-11deg) scale(0.5,0.5);
	transform: rotate(-11deg) scale(0.5,0.5);
	top: 10.5%;
	left: 62%;
}
.turnier li:nth-child(10n) a {
	-webkit-transform: rotate(8deg) scale(0.5,0.5);
	-moz-transform: rotate(8deg) scale(0.5,0.5);
	transform: rotate(8deg) scale(0.5,0.5);
	top: 15%;
	left: -4%;
}
.turnier li:nth-child(11n) a {
	-webkit-transform: rotate(3deg) scale(0.5,0.5);
	-moz-transform: rotate(3deg) scale(0.5,0.5);
	transform: rotate(3deg) scale(0.5,0.5);
	top: 16%;
	left: 13%;
}
.turnier li:nth-child(12n) a {
	-webkit-transform: rotate(4deg) scale(0.5,0.5);
	-moz-transform: rotate(4deg) scale(0.5,0.5);
	transform: rotate(4deg) scale(0.5,0.5);
	top: 15%;
	left: 34%;
}
.turnier li:nth-child(13n) a {
	-webkit-transform: rotate(-3deg) scale(0.45,0.45);
	-moz-transform: rotate(-3deg) scale(0.45,0.45);
	transform: rotate(-3deg) scale(0.45,0.45);
	top: 14%;
	left: 50%;
}
.turnier li:nth-child(14n) a {
	-webkit-transform: rotate(6deg) scale(0.45,0.45);
	-moz-transform: rotate(6deg) scale(0.45,0.45);
	transform: rotate(6deg) scale(0.45,0.45);
	top: 15%;
	left: 66%;
}
.turnier li:nth-child(15n) a {
	-webkit-transform: rotate(6deg) scale(0.5,0.5);
	-moz-transform: rotate(6deg) scale(0.5,0.5);
	transform: rotate(6deg) scale(0.5,0.5);
	top: 21%;
	left: -2%;
}
.turnier li:nth-child(16n) a {
	-webkit-transform: rotate(-5deg) scale(0.45,0.45);
	-moz-transform: rotate(-5deg) scale(0.45,0.45);
	transform: rotate(-5deg) scale(0.45,0.45);
	top: 21%;
	left: 20%;
}
.turnier li:nth-child(17n) a {
	-webkit-transform: rotate(2deg) scale(0.5,0.5);
	-moz-transform: rotate(2deg) scale(0.5,0.5);
	transform: rotate(2deg) scale(0.5,0.5);
	top: 22%;
	left: 51%;
}
.turnier li:nth-child(18n) a {
	-webkit-transform: rotate(-1deg) scale(0.5,0.5);
	-moz-transform: rotate(-1deg) scale(0.5,0.5);
	transform: rotate(-1deg) scale(0.5,0.5);
	top: 19.5%;
	left: 77%;
}
.turnier li:nth-child(19n) a {
	-webkit-transform: rotate(-4deg) scale(0.45,0.45);
	-moz-transform: rotate(-4deg) scale(0.45,0.45);
	transform: rotate(-4deg) scale(0.45,0.45);
	top: 24%;
	left: -2%;
}
.turnier li:nth-child(20n) a {
	-webkit-transform: rotate(2deg) scale(0.4,0.4);
	-moz-transform: rotate(2deg) scale(0.4,0.4);
	transform: rotate(2deg) scale(0.4,0.4);
	top: 26%;
	left: 13%;
}
.turnier li:nth-child(21n) a {
	-webkit-transform: rotate(5deg) scale(0.45,0.45);
	-moz-transform: rotate(5deg) scale(0.45,0.45);
	transform: rotate(5deg) scale(0.45,0.45);
	top: 26.5%;
	left: 34%;
}
.turnier li:nth-child(22n) a {
	-webkit-transform: rotate(-2deg) scale(0.45,0.45);
	-moz-transform: rotate(-2deg) scale(0.45,0.45);
	transform: rotate(-2deg) scale(0.45,0.45);
	top: 26%;
	left: 60%;
}
.turnier li:nth-child(23n) a {
	-webkit-transform: rotate(1deg) scale(0.65,0.65);
	-moz-transform: rotate(1deg) scale(0.65,0.65);
	transform: rotate(1deg) scale(0.65,0.65);
	top: 32%;
	left: 0%;
	z-index: 30; /* liegt oben! */
}
.turnier li:nth-child(24n) a {
	-webkit-transform: rotate(3deg) scale(0.7,0.7);
	-moz-transform: rotate(3deg) scale(0.7,0.7);
	transform: rotate(3deg) scale(0.7,0.7);
	top: 34%;
	left: 29%;
	z-index: 31; /* liegt oben! */
}
.turnier li:nth-child(25n) a {
	-webkit-transform: rotate(1deg) scale(0.65,0.65);
	-moz-transform: rotate(1deg) scale(0.65,0.65);
	transform: rotate(1deg) scale(0.65,0.65);
	top: 32%;
	left: 70%;
	z-index: 32; /* liegt oben! */
}
.turnier li:nth-child(26n) a {
	-webkit-transform: rotate(-4deg) scale(0.5,0.5);
	-moz-transform: rotate(-4deg) scale(0.5,0.5);
	transform: rotate(-4deg) scale(0.5,0.5);
	top: 40.6%;
	left: -2%;
}
.turnier li:nth-child(27n) a {
	-webkit-transform: rotate(2deg) scale(0.5,0.5);
	-moz-transform: rotate(2deg) scale(0.5,0.5);
	transform: rotate(2deg) scale(0.5,0.5);
	top: 39.5%;
	left: 20%;
}
.turnier li:nth-child(28n) a {
	-webkit-transform: rotate(-2deg) scale(0.5,0.5);
	-moz-transform: rotate(-2deg) scale(0.5,0.5);
	transform: rotate(-2deg) scale(0.5,0.5);
	top: 39%;
	left: 46%;
}
.turnier li:nth-child(29n) a {
	-webkit-transform: rotate(-5deg) scale(0.48,0.48);
	-moz-transform: rotate(-5deg) scale(0.48,0.48);
	transform: rotate(-5deg) scale(0.48,0.48);
	top: 41.3%;
	left: 60%;
}
.turnier li:nth-child(30n) a {
	-webkit-transform: rotate(2deg) scale(0.7,0.7);
	-moz-transform: rotate(2deg) scale(0.7,0.7);
	transform: rotate(2deg) scale(0.7,0.7);
	top: 47.5%;
	left: -2%;
	z-index: 31; /* liegt oben! */
}
.turnier li:nth-child(31n) a {
	-webkit-transform: rotate(-2deg) scale(0.45,0.45);
	-moz-transform: rotate(-2deg) scale(0.45,0.45);
	transform: rotate(-2deg) scale(0.45,0.45);
	top: 45.5%;
	left: 33%;
}
.turnier li:nth-child(32n) a {
	-webkit-transform: rotate(3deg) scale(0.35,0.35);
	-moz-transform: rotate(3deg) scale(0.35,0.35);
	transform: rotate(3deg) scale(0.35,0.35);
	top: 46%;
	left: 46%;
}
.turnier li:nth-child(33n) a {
	-webkit-transform: rotate(1deg) scale(0.45,0.45);
	-moz-transform: rotate(1deg) scale(0.45,0.45);
	transform: rotate(1deg) scale(0.45,0.45);
	top: 45.5%;
	left: 79%;
}
.turnier li:nth-child(34n) a {
	-webkit-transform: rotate(-3deg) scale(0.45,0.45);
	-moz-transform: rotate(-3deg) scale(0.45,0.45);
	transform: rotate(-3deg) scale(0.45,0.45);
	top: 53%;
	left: -7%;
}
.turnier li:nth-child(35n) a {
	-webkit-transform: rotate(-2deg) scale(0.45,0.45);
	-moz-transform: rotate(-2deg) scale(0.45,0.45);
	transform: rotate(-2deg) scale(0.45,0.45);
	top: 54.7%;
	left: 10%;
	z-index: 30; /* liegt oben! */
}
.turnier li:nth-child(36n) a {
	-webkit-transform: rotate(-3deg) scale(0.45,0.45);
	-moz-transform: rotate(-3deg) scale(0.45,0.45);
	transform: rotate(-3deg) scale(0.45,0.45);
	top: 51%;
	left: 32%;
}
.turnier li:nth-child(37n) a {
	-webkit-transform: rotate(6deg) scale(0.5,0.5);
	-moz-transform: rotate(6deg) scale(0.5,0.5);
	transform: rotate(6deg) scale(0.5,0.5);
	top: 51%;
	left: 65%;
}
.turnier li:nth-child(38n) a {
	-webkit-transform: rotate(5deg) scale(0.45,0.45);
	-moz-transform: rotate(5deg) scale(0.45,0.45);
	transform: rotate(5deg) scale(0.45,0.45);
	top: 56%;
	left: 39%;
}
.turnier li:nth-child(39n) a {
	-webkit-transform: rotate(-2deg) scale(0.5,0.5);
	-moz-transform: rotate(-2deg) scale(0.5,0.5);
	transform: rotate(-2deg) scale(0.5,0.5);
	top: 57%;
	left: 65%;
}
.turnier li:nth-child(40n) a {
	-webkit-transform: rotate(2deg) scale(0.45,0.45);
	-moz-transform: rotate(2deg) scale(0.45,0.45);
	transform: rotate(2deg) scale(0.45,0.45);
	top: 59.3%;
	left: -6%;
}
.turnier li:nth-child(41n) a {
	-webkit-transform: rotate(-4deg) scale(0.48,0.48);
	-moz-transform: rotate(-4deg) scale(0.48,0.48);
	transform: rotate(-4deg) scale(0.48,0.48);
	top: 60.8%;
	left: 6%;
}
.turnier li:nth-child(42n) a {
	-webkit-transform: rotate(2deg) scale(0.45,0.45);
	-moz-transform: rotate(2deg) scale(0.45,0.45);
	transform: rotate(2deg) scale(0.45,0.45);
	top: 60.5%;
	left: 24%;
}
.turnier li:nth-child(43n) a {
	-webkit-transform: rotate(4deg) scale(0.42,0.42);
	-moz-transform: rotate(4deg) scale(0.42,0.42);
	transform: rotate(4deg) scale(0.42,0.42);
	top: 59.8%;
	left: 51%;
}
.turnier li:nth-child(44n) a {
	-webkit-transform: rotate(-1deg) scale(0.45,0.45);
	-moz-transform: rotate(-1deg) scale(0.45,0.45);
	transform: rotate(-1deg) scale(0.45,0.45);
	top: 65%;
	left: -6%;
}
.turnier li:nth-child(45n) a {
	-webkit-transform: rotate(3deg) scale(0.5,0.5);
	-moz-transform: rotate(3deg) scale(0.5,0.5);
	transform: rotate(3deg) scale(0.5,0.5);
	top: 65%;
	left: 18%;
}
.turnier li:nth-child(46n) a {
	-webkit-transform: rotate(-4deg) scale(0.5,0.5);
	-moz-transform: rotate(-4deg) scale(0.5,0.5);
	transform: rotate(-4deg) scale(0.5,0.5);
	top: 65.5%;
	left: 37%;
}
.turnier li:nth-child(47n) a {
	-webkit-transform: rotate(2deg) scale(0.5,0.5);
	-moz-transform: rotate(2deg) scale(0.5,0.5);
	transform: rotate(2deg) scale(0.5,0.5);
	top: 66%;
	left: 53%;
	z-index: 30; /* liegt oben! */
}
.turnier li:nth-child(48n) a {
	-webkit-transform: rotate(8deg) scale(0.45,0.45);
	-moz-transform: rotate(8deg) scale(0.45,0.45);
	transform: rotate(8deg) scale(0.45,0.45);
	top: 66%;
	left: 68%;
}
.turnier li:nth-child(49n) a {
	-webkit-transform: rotate(-4deg) scale(0.45,0.45);
	-moz-transform: rotate(-4deg) scale(0.45,0.45);
	transform: rotate(-4deg) scale(0.45,0.45);
	top: 71.5%;
	left: -7%;
}
.turnier li:nth-child(50n) a {
	-webkit-transform: rotate(4deg) scale(0.45,0.45);
	-moz-transform: rotate(4deg) scale(0.45,0.45);
	transform: rotate(4deg) scale(0.45,0.45);
	top: 72%;
	left: 9%;
}
.turnier li:nth-child(51n) a {
	-webkit-transform: rotate(-6deg) scale(0.45,0.45);
	-moz-transform: rotate(-6deg) scale(0.45,0.45);
	transform: rotate(-6deg) scale(0.45,0.45);
	top: 72.5%;
	left: 33%;
	z-index: 34; /* liegt oben! */
}
.turnier li:nth-child(52n) a {
	-webkit-transform: rotate(2deg) scale(0.5,0.5);
	-moz-transform: rotate(2deg) scale(0.5,0.5);
	transform: rotate(2deg) scale(0.5,0.5);
	top: 72%;
	left: 55%;
	z-index: 35; /* liegt oben! */
}
.turnier li:nth-child(53n) a {
	-webkit-transform: rotate(-1deg) scale(0.5,0.5);
	-moz-transform: rotate(-1deg) scale(0.5,0.5);
	transform: rotate(-1deg) scale(0.5,0.5);
	top: 72.5%;
	left: 72%;
}
.turnier li:nth-child(54n) a {
	-webkit-transform: rotate(3deg) scale(0.5,0.5);
	-moz-transform: rotate(3deg) scale(0.5,0.5);
	transform: rotate(3deg) scale(0.5,0.5);
	top: 78.5%;
	left: -2%;
}
.turnier li:nth-child(55n) a {
	-webkit-transform: rotate(-2deg) scale(0.45,0.45);
	-moz-transform: rotate(-2deg) scale(0.45,0.45);
	transform: rotate(-2deg) scale(0.45,0.45);
	top: 78%;
	left: 17%;
}
.turnier li:nth-child(56n) a {
	-webkit-transform: rotate(3deg) scale(0.45,0.45);
	-moz-transform: rotate(3deg) scale(0.45,0.45);
	transform: rotate(3deg) scale(0.45,0.45);
	top: 79.5%;
	left: 31%;
}
.turnier li:nth-child(57n) a {
	-webkit-transform: rotate(-2deg) scale(0.4,0.4);
	-moz-transform: rotate(-2deg) scale(0.4,0.4);
	transform: rotate(-2deg) scale(0.4,0.4);
	top: 79%;
	left: 50%;
}
.turnier li:nth-child(58n) a {
	-webkit-transform: rotate(4deg) scale(0.4,0.4);
	-moz-transform: rotate(4deg) scale(0.4,0.4);
	transform: rotate(4deg) scale(0.4,0.4);
	top: 78.5%;
	left: 74%;
}
/* POSITION 44 */
.turnier li:nth-child(59n) a {
	-webkit-transform: rotate(1deg) scale(0.45,0.45);
	-moz-transform: rotate(1deg) scale(0.45,0.45);
	transform: rotate(1deg) scale(0.45,0.45);
	top: 60%;
	left: 72%;
}
.turnier li:nth-child(60n) a {
	-webkit-transform: rotate(-4deg) scale(0.8,0.8);
	-moz-transform: rotate(-4deg) scale(0.8,0.8);
	transform: rotate(-4deg) scale(0.8,0.8);
	top: 86.5%;
	left: 3%;
}
.turnier li:nth-child(61n) a {
	-webkit-transform: rotate(3deg) scale(0.7,0.7);
	-moz-transform: rotate(3deg) scale(0.7,0.7);
	transform: rotate(3deg) scale(0.7,0.7);
	top: 98%;
	left: -3%;
	z-index: 35; /* liegt oben! */
}
.turnier li:nth-child(62n) a {
	-webkit-transform: rotate(-2deg) scale(1,1);
	-moz-transform: rotate(-2deg) scale(1,1);
	transform: rotate(-2deg) scale(1,1);
	top: 87%;
	left: 54%;
}

/* BILD MIT TEXT */
.turnier li:nth-child(63n) a {
	-webkit-transform: rotate(-3deg) scale(1,1);
	-moz-transform: rotate(-3deg) scale(1,1);
	transform: rotate(-3deg) scale(1,1);
	top: 8%;
	left: 32%;
	z-index: 30; /* liegt oben! */
}



/* Pictures rotation and scaling on hover */
.turnier li:nth-child(n) a:hover {
	-webkit-transform: rotate(0deg) scale(1,1);
	-moz-transform: rotate(0deg) scale(1,1);
	transform: rotate(0deg) scale(1,1);
	z-index: 100;
}

/******* TT ***************************************************************************/

/* Pics */
.pics {
	margin: auto;
	margin: 0px auto;
	position: relative;
	height: 1200px;
	width: 800px;
	padding-bottom: 60px;
}
.pics a {

	background: #fff;
	display: inline;
	float: left;
	width: auto;
	padding: 10px 10px 10px 10px;
	text-align: center;
	text-decoration: none;
	color: #333;
	font-size: 22px;
	font-family: 'Nothing You Could Do', cursive;
	font-weight: bold;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,1);
	box-shadow: 0px 0px 10px rgba(0,0,0,1);
	-webkit-transition: all .30s;
	-moz-transition: all .30s;
	-o-transition: all .30s;
	transition: all .30s;
	position: absolute;
}
.pics img {
	display: block;
	/*padding-bottom:20px;*/
}
#extra {
	padding-bottom: 20px;
	display: block;
}
#extra img {
	padding-bottom: 20px;
}

.pics a:hover {
	z-index: 100;
}
.pics a:after {
	content: attr(title);
}

/