@charset "utf-8";
/* CSS Design mb Systemhaus GmbH 2010 */

/* ***************************************************** */
.small
{
	color:#666;
	font-size:9px;
	text-decoration:none;
	font-style:italic;
}
/* ***************************************************** */
.query {
	list-style:none;
	margin:0;
	padding:0;
	float: left;
	position:relative;
}
.query a {
	font-weight:bold;
	text-decoration:none;
	color:#000;
}
.qm {
	width:150px;
	height:45px;
	display:none;
	position:absolute;
	top:-85px;
	left: -15px;
	text-align:center;
	font-weight:bold;
	padding:10px 20px 15px 10px;
	background:url(images/bilder/id7_link_bg.png) no-repeat;
}
/* ***************************************************** */
.container {
	width:425px;
	height:auto;
	margin:0 auto;
}
h2.button {
	width:425px;
	height:25px;
	background:transparent;
	border-bottom:1px dotted #666;
}
h2.button a {
	color:#000;
	text-decoration:none;
	font-family:arial;
	font-size:12px;
}
h2.button a:hover {
	color:#fff;
}
h2.active {
	border:0;
	border-bottom:1px dotted #000;
}
.txt_container {
	margin:0 0 5px 0; 
	padding:0;
	overflow:hidden;
	background:#f0f0f0;
	border:1px solid #d6d6d6;
}
.txt_container .block {
	padding:10px;
}
/* ***************************************************** */
.stripe {
	float:left;
	width:10px;
	height:388px;
}
.stripe2 {
	float:left;
	width:10px;
	height:490px;
}
.stripe3 {
	float:left;
	width:10px;
	height:240px;
}
/* ***************************************************** */
.galerie {
	width:100%;
	height:496px;
	margin:0;
}
.pics {
	width:456px;
	height:108px;
	float:left;
}
.pics a img {
	width:150px;
	height:108px;
	border:1px solid #e6e3dd;
	float:left;
}
div.pics a span {
	display: none;
}
div.pics a:hover span {
	width:456px;
	height:388px;
	display: block;
	position:absolute;
	margin:-388px 0 0 0;
	left:0%
}
a#pic1:hover span { background:url(images/bilder/id1_1.jpg);}
a#pic2:hover span { background:url(images/bilder/id1_2.jpg);}
a#pic3:hover span {	background:url(images/bilder/id1_3.jpg);}

a#pic4:hover span { background:url(images/bilder/id2_1.jpg);}
a#pic5:hover span { background:url(images/bilder/id2_2.jpg);}
a#pic6:hover span {	background:url(images/bilder/id2_3.jpg);}

a#pic7:hover span { background:url(images/bilder/id4_1.jpg);}
a#pic8:hover span { background:url(images/bilder/id4_2.jpg);}
a#pic9:hover span {	background:url(images/bilder/id4_3.jpg);}

a#pic10:hover span { background:url(images/bilder/id6_1.jpg);}
a#pic11:hover span { background:url(images/bilder/id6_2.jpg);}
a#pic12:hover span { background:url(images/bilder/id6_3.jpg);}

a#pic13:hover span { background:url(images/bilder/id9_1.jpg);}
a#pic14:hover span { background:url(images/bilder/id9_2.jpg);}
a#pic15:hover span { background:url(images/bilder/id9_3.jpg);}

a#pic16:hover span { background:url(images/bilder/id8_1.jpg);}
a#pic17:hover span { background:url(images/bilder/id8_2.jpg);}
a#pic18:hover span { background:url(images/bilder/id8_3.jpg);}

a#pic19:hover span { background:url(images/bilder/id12_1.jpg);}
a#pic20:hover span { background:url(images/bilder/id12_2.jpg);}
a#pic21:hover span { background:url(images/bilder/id12_3.jpg);}