@charset "UTF-8";
/* CSS Document */

#logo-transformation-1 a {
	position:fixed;
	background: url(../bilder/logo-transformation-1.png) no-repeat 0 0;
	bottom: 35%;
	left: 50%;
	margin-left:-168px;
	display: block;
	width: 336px;
	height: 308px;
}
#logo-transformation-1 a:hover {
	background: url(../bilder/logo-transformation-1.png) no-repeat 0 -308px;
}


#logo-transformation-2 a {
	position:fixed;
	background: url(../bilder/logo-transformation-2.png) no-repeat 0 0;
	bottom: 35%;
	left: 50%;
	margin-left:-168px;
	display: block;
	width: 336px;
	height: 308px;
}
#logo-transformation-2 a:hover {
	background: url(../bilder/logo-transformation-2.png) no-repeat 0 -308px;
}


#logo-transformation-3 a {
	position:fixed;
	background: url(../bilder/logo-transformation-3.png) no-repeat 0 0;
	bottom: 35%;
	left: 50%;
	margin-left:-168px;
	display: block;
	width: 336px;
	height: 308px;
}
#logo-transformation-3 a:hover {
	background: url(../bilder/logo-transformation-3.png) no-repeat 0 -308px;
}



#logo-identitaet-1 a {
	position:fixed;
	background: url(../bilder/logo-identitaet-1.png) no-repeat 0 0;
	bottom: 35%;
	left: 50%;
	margin-left:-168px;
	display: block;
	width: 336px;
	height: 308px;
}
#logo-identitaet-1 a:hover {
	background: url(../bilder/logo-identitaet-1.png) no-repeat 0 -308px;
}

#logo-identitaet-2 a {
	position:fixed;
	background: url(../bilder/logo-identitaet-2.png) no-repeat 0 0;
	bottom: 35%;
	left: 50%;
	margin-left:-168px;
	display: block;
	width: 336px;
	height: 308px;
}
#logo-identitaet-2 a:hover {
	background: url(../bilder/logo-identitaet-2.png) no-repeat 0 -308px;
}


#logo-identitaet-3 a {
	position:fixed;
	background: url(../bilder/logo-identitaet-3.png) no-repeat 0 0;
	bottom: 35%;
	left: 50%;
	margin-left:-168px;
	display: block;
	width: 336px;
	height: 308px;
}
#logo-identitaet-3 a:hover {
	background: url(../bilder/logo-identitaet-3.png) no-repeat 0 -308px;
}

#logo-oekologie-1 a {
	position:fixed;
	background: url(../bilder/logo-oekologie-1.png) no-repeat 0 0;
	bottom: 35%;
	left: 50%;
	margin-left:-168px;
	display: block;
	width: 336px;
	height: 308px;
}
#logo-oekologie-1 a:hover {
	background: url(../bilder/logo-oekologie-1.png) no-repeat 0 -308px;
}

#logo-oekologie-2 a {
	position:fixed;
	background: url(../bilder/logo-oekologie-2.png) no-repeat 0 0;
	bottom: 35%;
	left: 50%;
	margin-left:-168px;
	display: block;
	width: 336px;
	height: 308px;
}
#logo-oekologie-2 a:hover {
	background: url(../bilder/logo-oekologie-2.png) no-repeat 0 -308px;
}


#logo-oekologie-3 a {
	position:fixed;
	background: url(../bilder/logo-oekologie-3.png) no-repeat 0 0;
	bottom: 35%;
	left: 50%;
	margin-left:-168px;
	display: block;
	width: 336px;
	height: 308px;
}
#logo-oekologie-3 a:hover {
	background: url(../bilder/logo-oekologie-3.png) no-repeat 0 -308px;
}

#logo-interaktion-1 a {
	position:fixed;
	background: url(../bilder/logo-interaktion-1.png) no-repeat 0 0;
	bottom: 35%;
	left: 50%;
	margin-left:-168px;
	display: block;
	width: 336px;
	height: 308px;
}
#logo-interaktion-1 a:hover {
	background: url(../bilder/logo-interaktion-1.png) no-repeat 0 -308px;
}

#logo-interaktion-2 a {
	position:fixed;
	background: url(../bilder/logo-interaktion-2.png) no-repeat 0 0;
	bottom: 35%;
	left: 50%;
	margin-left:-168px;
	display: block;
	width: 336px;
	height: 308px;
}
#logo-interaktion-2 a:hover {
	background: url(../bilder/logo-interaktion-2.png) no-repeat 0 -308px;
}

#logo-interaktion-3 a {
	position:fixed;
	background: url(../bilder/logo-interaktion-3.png) no-repeat 0 0;
	bottom: 35%;
	left: 50%;
	margin-left:-168px;
	display: block;
	width: 336px;
	height: 308px;
}
#logo-interaktion-3 a:hover {
	background: url(../bilder/logo-interaktion-3.png) no-repeat 0 -308px;
}

#logo-interaktion-4 a {
	position:fixed;
	background: url(../bilder/logo-interaktion-4.png) no-repeat 0 0;
	bottom: 35%;
	left: 50%;
	margin-left:-168px;
	display: block;
	width: 336px;
	height: 308px;
}
#logo-interaktion-4 a:hover {
	background: url(../bilder/logo-interaktion-4.png) no-repeat 0 -308px;
}