@import url("main.css");

#mitte {
	height: 400px;
	width: 600px;
}
body {
	color: #FFF;
	background-color: #695c50;
}

/* STYLESWITCHER */
a.styleSwitcher1, a.styleSwitcher2, a.styleSwitcher3, a.styleSwitcher4, a.styleSwitcher5, a.styleSwitcher6 {
	padding-right:2px;
	background-repeat: no-repeat;
	display:block;
	height:22px;
	width:22px;	
	float:left;
}
a.styleSwitcher1:link, a.styleSwitcher1:visited {
	background-image: url(../images/b_farbe_1.png);
}
a.styleSwitcher1:hover, a.styleSwitcher1:focus, a.styleSwitcher1:active { 
	background-image: url(../images/b_farbe_1_a.png);
}
a.styleSwitcher2:link, a.styleSwitcher2:visited {
	background-image: url(../images/b_farbe_2.png);
}
a.styleSwitcher2:hover, a.styleSwitcher2:focus, a.styleSwitcher2:active { 
	background-image: url(../images/b_farbe_2_a.png);
}
a.styleSwitcher3:link, a.styleSwitcher3:visited {
	background-image: url(../images/b_farbe_3_a.png);
}
a.styleSwitcher3:hover, a.styleSwitcher3:focus, a.styleSwitcher3:active { 
	background-image: url(../images/b_farbe_3_a.png);
}
a.styleSwitcher4:link, a.styleSwitcher4:visited {
	background-image: url(../images/b_farbe_4.png);
}
a.styleSwitcher4:hover, a.styleSwitcher4:focus, a.styleSwitcher4:active { 
	background-image: url(../images/b_farbe_4_a.png);
}
a.styleSwitcher5:link, a.styleSwitcher5:visited {
	background-image: url(../images/b_farbe_5.png);	
}
a.styleSwitcher5:hover, a.styleSwitcher5:focus, a.styleSwitcher5:active { 
	background-image: url(../images/b_farbe_5_a.png);
}
a.styleSwitcher6:link, a.styleSwitcher6:visited {
	background-image: url(../images/b_farbe_6.png);	
}
a.styleSwitcher6:hover, a.styleSwitcher6:focus, a.styleSwitcher6:active { 
	background-image: url(../images/b_farbe_6_a.png);
}