@charset "utf-8";
/* Für die Bilder der arbeiten */

/* Pre Load */

#preload {
	width:1px;
	height:1px;
	display:none;
}

.ref_1 {
	background-image:url(Bilder/arbeiten/pre/01.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none;
}

.ref_1:hover {
	background-image:url(Bilder/arbeiten/over/01_hover.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none
}

.ref_2 {
	background-image:url(Bilder/arbeiten/pre/02.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none;
}

.ref_2:hover {
	background-image:url(Bilder/arbeiten/over/02_hover.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none
}

.ref_3 {
	background-image:url(Bilder/arbeiten/pre/03.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none;
}

.ref_3:hover {
	background-image:url(Bilder/arbeiten/over/03_hover.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none
}

.ref_4 {
	background-image:url(Bilder/arbeiten/pre/04.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none;
}

.ref_4:hover {
	background-image:url(Bilder/arbeiten/over/04_hover.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none
}

.ref_5 {
	background-image:url(Bilder/arbeiten/pre/05.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none;
}

.ref_5:hover {
	background-image:url(Bilder/arbeiten/over/05_hover.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none
}

.ref_6 {
	background-image:url(Bilder/arbeiten/pre/06.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none;
}

.ref_6:hover {
	background-image:url(Bilder/arbeiten/over/06_hover.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none
}

.ref_7 {
	background-image:url(Bilder/arbeiten/pre/07.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none;
}

.ref_7:hover {
	background-image:url(Bilder/arbeiten/over/07_hover.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none
}

.ref_8 {
	background-image:url(Bilder/arbeiten/pre/08.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none;
}

.ref_8:hover {
	background-image:url(Bilder/arbeiten/over/08_hover.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none
}

.ref_9 {
	background-image:url(Bilder/arbeiten/pre/09.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none;
}

.ref_9:hover {
	background-image:url(Bilder/arbeiten/over/09_hover.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none
}

.ref_10 {
	background-image:url(Bilder/arbeiten/pre/10.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none;
}

.ref_10:hover {
	background-image:url(Bilder/arbeiten/over/10_hover.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none
}

.ref_11 {
	background-image:url(Bilder/arbeiten/pre/11.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none;
}

.ref_11:hover {
	background-image:url(Bilder/arbeiten/over/11_hover.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none
}

.ref_12 {
	background-image:url(Bilder/arbeiten/pre/12.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none;
}

.ref_12:hover {
	background-image:url(Bilder/arbeiten/over/12_hover.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none
}

.ref_13 {
	background-image:url(Bilder/arbeiten/pre/13.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none;
}

.ref_13:hover {
	background-image:url(Bilder/arbeiten/over/13_hover.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none
}

.ref_14 {
	background-image:url(Bilder/arbeiten/pre/14.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none;
}

.ref_14:hover {
	background-image:url(Bilder/arbeiten/over/14_hover.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none
}

.ref_15 {
	background-image:url(Bilder/arbeiten/pre/15.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none;
}

.ref_15:hover {
	background-image:url(Bilder/arbeiten/over/15_hover.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none
}

.ref_16 {
	background-image:url(Bilder/arbeiten/pre/16.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none;
}

.ref_16:hover {
	background-image:url(Bilder/arbeiten/over/16_hover.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none
}

.ref_16 {
	background-image:url(Bilder/arbeiten/pre/16.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none;
}

.ref_16:hover {
	background-image:url(Bilder/arbeiten/over/16_hover.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none
}

.ref_17 {
	background-image:url(Bilder/arbeiten/pre/17.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none;
}

.ref_17:hover {
	background-image:url(Bilder/arbeiten/over/17_hover.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none
}

.ref_18 {
	background-image:url(Bilder/arbeiten/pre/18.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none;
}

.ref_18:hover {
	background-image:url(Bilder/arbeiten/over/18_hover.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none
}

.ref_19 {
	background-image:url(Bilder/arbeiten/pre/19.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none;
}

.ref_19:hover {
	background-image:url(Bilder/arbeiten/over/19_hover.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none
}

.ref_20 {
	background-image:url(Bilder/arbeiten/pre/20.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none;
}

.ref_20:hover {
	background-image:url(Bilder/arbeiten/over/20_hover.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none
}

.ref_21 {
	background-image:url(Bilder/arbeiten/pre/21.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none;
}

.ref_21:hover {
	background-image:url(Bilder/arbeiten/over/21_hover.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none
}

.ref_22 {
	background-image:url(Bilder/arbeiten/pre/22.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none;
}

.ref_22:hover {
	background-image:url(Bilder/arbeiten/over/22_hover.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none
}

.ref_23 {
	background-image:url(Bilder/arbeiten/pre/23.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none;
}

.ref_23:hover {
	background-image:url(Bilder/arbeiten/over/23_hover.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none
}

.ref_24 {
	background-image:url(Bilder/arbeiten/pre/24.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none;
}
	
.ref_24:hover {
	background-image:url(Bilder/arbeiten/over/24_hover.jpg);
	width:308px;
	height:208px;
	display:block;
	outline:none
}