.c1{padding-top: 5px;}
.c2{padding-top: 9px;}
.c3{margin-top: 18px;}
.c4{margin-top: 51px;}
.c5{margin-top: 84px;}
.c6{margin-top: 125px;}
.c7{margin-top: 158px;}
.t1{margin-top: 191px;}
.t2{margin-top: 238px;}
.t3{margin-top: 280px;}
.t4{margin-top: 326px;}
.t5{margin-top: 371px;}
.t6{margin-top: 416px;}
.t7{margin-top: 461px;}
.t8{margin-top: 506px;}
.t9{margin-top: 551px;}
.t10{margin-top: 615px;}
.t11{margin-top: 679px;}
.t12{margin-top: 743px;}
.l1{margin-top: 807px;}
.l2{margin-top: 871px;}
.l3{margin-top: 935px;}
.l4{margin-top: 1020px;}
.l5{margin-top: 1100px;}
.s1{margin-top: 1187px;}
.s2{margin-top: 1390px;}

.spine{
	padding-top: 20px; background-image: url('../grafik/wirbelsaeule.jpg'); background-repeat:no-repeat;float:right; height:1560px;width: 360px; z-index: 300;
}
.spine > li
{
	list-style-type: none;
	margin: 0px;
}

.spine-1{
	height: 35px; 
	padding: 0px;
}
.spine > li > a {
	display: block;
	width: 100%;
	height: 100%;
	padding-left: 20px; 
}
.spine > li > a:hover {
	background-color: rgba(168,208,143,0.5);
	
}
.spine > li > a:focus {
	background-color: rgba(168,208,143,0.5);
	
}.spine-1{
	height: 35px; 
	padding: 0px;
}
.spine-2{height: 35px;}
.spine-3{height: 35px; }
.spine-4{height: 35px; }
.spine-5{height: 35px; }
.spine-6{height: 32px; }
.spine-7{height: 33px; }
.spine-8{height: 40px; }
.spine-9{height: 45px; }
.spine-9{height: 45px; }
.spine-10{height: 45px; }
.spine-11{height: 45px; }
.spine-12{height: 45px; }
.spine-13{height: 45px; }
.spine-14{height: 48px; }
.spine-15{height: 50px; }
.spine-16{height: 55px; }
.spine-17{height: 60px; }
.spine-18{height: 60px; }
.spine-19{height: 60px; }
.spine-20{height: 75px; }
.spine-21{height: 75px; }
.spine-22{height: 75px; }
.spine-23{height: 75px; }
.spine-24{height: 80px; }
.spine-25{height: 220px;}
.spine-26{height: 85px; }
.spine-1-a{padding-top: 5px;}
.spine-2-a{padding-top: 5px;}
.spine-3-a{padding-top: 4px;}
.spine-4-a{padding-top: 5px;}
.spine-5-a{padding-top: 5px;}
.spine-6-a{padding-top: 5px;}
.spine-7-a{padding-top: 5px;}
.spine-8-a{padding-top: 8px;}
.spine-9-a{padding-top: 10px;}
.spine-10-a{padding-top: 10px;}
.spine-11-a{padding-top: 10px;}
.spine-12-a{padding-top: 10px;}
.spine-13-a{padding-top: 13px;}
.spine-14-a{padding-top: 13px;}
.spine-15-a{padding-top: 15px;}
.spine-16-a{padding-top: 17px;}
.spine-17-a{padding-top: 17px;}
.spine-18-a{padding-top: 19px;}
.spine-19-a{padding-top: 19px;}
.spine-20-a{padding-top: 27px;}
.spine-21-a{padding-top: 27px;}
.spine-22-a{padding-top: 27px;}
.spine-23-a{padding-top: 27px;}
.spine-24-a{padding-top: 27px;}
.spine-25-a{padding-top: 103px;}
.spine-26-a{}
@media screen and (max-width: 768px) {
	.spine{
		width: 180px;
		height: 780px;
		padding-top: 10px; background-image: url('../grafik/wirbelsaeule_klein.jpg'); background-repeat:no-repeat;float:right;
	}
	.spine-1{
	height: 17px; 
	padding: 0px;
	}
	.spine-2{height: 17px;}
	.spine-3{height: 17px; }
	.spine-4{height: 17px; }
	.spine-5{height: 18px; }
	.spine-6{height: 16px; }
	.spine-7{height: 16px; }
	.spine-8{height: 20px; }
	.spine-9{height: 23px; }
	.spine-9{height: 23px; }
	.spine-10{height: 22px; }
	.spine-11{height: 22px; }
	.spine-12{height: 22px; }
	.spine-13{height: 22px; }
	.spine-14{height: 24px; }
	.spine-15{height: 25px; }
	.spine-16{height: 27px; }
	.spine-17{height: 30px; }
	.spine-18{height: 30px; }
	.spine-19{height: 30px; }
	.spine-20{height: 37px; }
	.spine-21{height: 37px; }
	.spine-22{height: 37px; }
	.spine-23{height: 37px; }
	.spine-24{height: 40px; }
	.spine-25{height: 110px;}
	.spine-26{height: 42px; }
	.spine-1-a{padding-top: 0px; text-align: right;}
	.spine-2-a{padding-top: 0px; text-align: right;}
	.spine-3-a{padding-top: 0px; text-align: right;}
	.spine-4-a{padding-top: 0px; text-align: right;}
	.spine-5-a{padding-top: 0px; text-align: right;}
	.spine-6-a{padding-top: 0px; text-align: right;}
	.spine-7-a{padding-top: 0px; text-align: right;}
	.spine-8-a{padding-top: 4px; text-align: right;}
	.spine-9-a{padding-top: 5px; text-align: right;}
	.spine-10-a{padding-top: 5px; text-align: right;}
	.spine-11-a{padding-top: 5px; text-align: right;}
	.spine-12-a{padding-top: 5px; text-align: right;}
	.spine-13-a{padding-top: 7px; text-align: right;}
	.spine-14-a{padding-top: 7px; text-align: right;}
	.spine-15-a{padding-top: 7px; text-align: right;}
	.spine-16-a{padding-top: 8px; text-align: right;}
	.spine-17-a{padding-top: 8px; text-align: right;}
	.spine-18-a{padding-top: 9px; text-align: right;}
	.spine-19-a{padding-top: 9px; text-align: right;}
	.spine-20-a{padding-top: 13px; text-align: right;}
	.spine-21-a{padding-top: 13px; text-align: right;}
	.spine-22-a{padding-top: 13px; text-align: right;}
	.spine-23-a{padding-top: 13px; text-align: right;}
	.spine-24-a{padding-top: 13px; text-align: right;}
	.spine-25-a{padding-top: 51px; text-align: right;}
	.spine-26-a{}
	.spine > li > a {
		font-size: 10px;
	}
	.c1, .c2, .c3, 	.c4, .c5, .c6, .c7, .t1, .t2, .t3, .t4,	.t5, .t6, .t7, .t8,	.t9, .t10, .t12, .l1, .l2, .l3, .l4, .l5, .s1, .s2{margin-top: 20px;}
}

