/* weiß detail */
.arr-w a {
	color: #FFF;
}

.arr-w, .arr-w:link, .arr-w:visited, .arr-w:hover, .arr-w:active{
	font-weight: bold;
	color:		#FFF;
	voice-family: "\"}\""; /* start bmh */
	font-weight: normal;
	voice-family: inherit;
	padding-left: 0px;
	background: url(../img/alle/arr_w.gif) no-repeat left top;
	color:		#FFF;
	text-decoration: none;
}
/* alle nicht-ie bekommen hier die richtige anweisung*/
html>body .arr-w, html>body .arr-w:link, html>body .arr-w:visited, html>body .arr-w:hover, html>body .arr-w:active {
	font-weight: normal;
	padding-left: 0px;
	background: url(../img/alle/arr_w.gif) no-repeat left top;
	color:		#FFF;
	text-decoration: none;	/* end bmh */
}
/* hack: versteckt vor ie5.0, aber nicht ie5.5 => so kommt der ie5.5 noch in's boot*/
html*#inhalt .arr-w, html*#inhalt .arr-w:link, html*#inhalt .arr-w:visited, html*#inhalt .arr-w:hover, html*#inhalt .arr-w:active {
	font-weight: normal;
	padding-left: 10px;
	background: url(../img/alle/arr_w.gif) no-repeat left top;
	color:	#FFF;
	width:	100px;
	text-decoration: none;
}
/* teilweise fehlerhafte Darstellung im IE */
.white-text {
	color: #FFF;
}

/* schwarz detail */
.arr-b a {
	color: #000;
}

.arr-b, .arr-b:link, .arr-b:visited, .arr-b:hover, .arr-b:active{
	color:#000;
	voice-family: "\"}\""; /* start bmh */
	voice-family: inherit;
	padding-left: 10px;
	background: url(../img/arr_b.gif) no-repeat left top;
	color:	#000;
	text-decoration: none;
}
/* alle nicht-ie bekommen hier die richtige anweisung*/
html>body .arr-b, html>body .arr-b:link, html>body .arr-b:visited, html>body .arr-b:hover, html>body .arr-b:active {
	padding-left: 10px;
	background: url(../img/arr_b.gif) no-repeat left top;
	color: #000;
	text-decoration: none;	/* end bmh */
}
/* hack: versteckt vor ie5.0, aber nicht ie5.5 => so kommt der ie5.5 noch in's boot*/
html*#inhalt .arr-b, html*#inhalt .arr-b:link, html*#inhalt .arr-b:visited, html*#inhalt .arr-b:hover, html*#inhalt .arr-b:active {
	padding-left: 10px;
	background: url(../img/arr_b.gif) no-repeat left top;
	color:	#000;
	width:	100px;
	text-decoration: none;
}

#area-row {
	position:	relative;
	height:		198px;
	width: 		418px;
}

.vl1 {
	position:	absolute;
	left:		0;	/* muss für IE angegeben werden */
	margin:		0 2px 0 0;
}

.vl2 {
	position:	absolute;
	left:		0;	/* muss für IE angegeben werden */
	margin:		0 2px 0 0;
}

h3 {
	text-indent:	-10000px;
	text-decoration:	none;
}

h3 span {
	margin:			0 0 0 10px;
	position:		absolute;
	left:			0;
	top:			15px;
	display:		block;
	cursor: 		pointer;
}

.detail {
	position:	relative;
	left:			15px;
	top:			60px;
	width:			50px;
}

.detail a {
	text-decoration:	none;
}

.de {
	width:	278px;
	height:	198px;
}

.en {
	width:	278px;
	height:	198px;
}



/*** Workshops  ***/
.workshops {
	margin:	5px 0 0 140px;
}

.workshops .bg{
	width: 418px;
	height: 98px;
	background: #F03C07;
	position: absolute;
	top: 0px;
	left: 0px;
}

.workshops .bg .hl-de {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../img/hl_workshops_de.gif) no-repeat left top;
	width: 280px;
	height: 50px;

}

.workshops .bg .hl-en {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../img/hl_workshops_en.gif) no-repeat left top;
	width: 285px;
	height: 50px;

}

.workshops .vl1 {
	position: absolute;
	top: 100px;
	background: url(../img/vl_workshops_1.jpg) no-repeat left top;
	width:		278px;
	height:		98px;
}
.workshops .vl2 {
	position: absolute;
	top: 100px;
	left:	280px;
	background: url(../img/vl_workshops_2.jpg) no-repeat left top;
	width:		138px;
	height:		98px;
}

/*** Museumspädagogik  ***/
.museumspaedagogik {
	margin: 2px 0 0 420px;
}

.museumspaedagogik .bg{
	width: 278px;
	height: 98px;
	background: #FFCC2A;
	position: absolute;
	top: 0px;
	left: 0px;
}

.museumspaedagogik .bg .hl-de {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../img/hl_museumspaedagogik_de.gif) no-repeat left top;
	width: 195px;
	height: 67px;

}

.museumspaedagogik .bg .hl-en {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../img/hl_museumspaedagogik_en.gif) no-repeat left top;
	width: 187px;
	height: 67px;

}

.museumspaedagogik .vl1 {
	position: absolute;
	left: 280px;
	top: 0;
	background: url(../img/vl_museumspaedagogik_1.jpg) no-repeat left top;
	width:		138px;
	height:		198px;
}

.museumspaedagogik .colorbx {
	position: absolute;
	top: 100px;
	background: #D70041;
	width: 138px;
	height: 98px;
}

.museumspaedagogik .vl2 {
	position: absolute;
	top: 100px;
	left:	140px;
	background: url(../img/vl_museumspaedagogik_2.jpg) no-repeat left top;
	width:		138px;
	height:		98px;
}

/*** descircle ***/
.descircle {
	margin:	2px 0 0 140px;

}

.descircle .bg {
	position: absolute;
	top: 	100px;
	left:	140px;
	background: #EF3E8F;
	width:		278px;
	height:		98px;
}

.descircle .bg .hl-de {
	position: absolute;
	top: 	0px;
	left:	0px;
	background: url(../img/hl_descircle_de.gif) no-repeat left top;
	width:		227px;
	height:		67px;
}

.descircle .bg .hl-en {
	position: absolute;
	top: 	0px;
	left:	0px;
	background: url(../img/hl_descircle_en.gif) no-repeat left top;
	width:		236px;
	height:		64px;
}
.descircle .vl1 {
	background: url(../img/vl_descircle_1.gif) no-repeat left top;
	width:		138px;
	height:		98px;
}
.descircle .vl2 {
	position: absolute;
	top: 0px;
	left:	140px;
	background: url(../img/vl_descircle_2.gif) no-repeat left top;
	width:		278px;
	height:		98px;
}
.descircle .colorbx {
	position: absolute;
	top: 100px;
	background: #6B7A81;
	width:		138px;
	height:		98px;
}
/*** Miniaturen  ***/
.miniaturen {
	margin:	2px 0 0 0px;
}

.miniaturen .bg {
	position: 	absolute;
	top: 		0px;
	left:		140px;
	background: #0394F1;
	width:		278px;
	height:		98px;
}
.miniaturen .bg .hl-de {
	position: 	absolute;
	top: 		0px;
	left:		0px;
	background: url(../img/hl_miniaturen_de.gif) no-repeat left top;
	width:		270px;
	height:		47px;
}
.miniaturen .bg .hl-en {
	position: 	absolute;
	top: 		0px;
	left:		0px;
	background: url(../img/hl_miniaturen_en.gif) no-repeat left top;
	width:		208px;
	height:		64px;
}

.miniaturen .vl1 {
	background: url(../img/vl_miniaturen_1.jpg) no-repeat left top;
	width:		138px;
	height:		198px;
}
.miniaturen .vl2 {
	background: url(../img/vl_miniaturen_2.jpg) no-repeat left top;
	width:		138px;
	height:		98px;
	top: 		100px;
	left:		280px;
}
.miniaturen .colorbx {
	position: 	absolute;
	top:		100px;
	left:		140px;
	background: #75CB10;
	width:		138px;
	height:		98px;
}
.miniaturen .middle h3 span {
	width:		150px;
	height:		60px;
}

/*** Re-Editionen  ***/
.reeditionen {
	margin:	2px 0 0 140px;
}

.reeditionen .bg {
	position: 	absolute;
	top: 		0px;
	left:		140px;
	background: #A99C12;
	width:		278px;
	height:		98px;
}
.reeditionen .bg .hl-de {
	position: 	absolute;
	top: 		0px;
	left:		0px;
	background: url(../img/hl_reeditionen_de.gif) no-repeat left top;
	width:		196px;
	height:		64px;
}
.reeditionen .bg .hl-en {
	position: 	absolute;
	top: 		0px;
	left:		0px;
	background: url(../img/hl_reeditionen_en.gif) no-repeat left top;
	width:		207px;
	height:		64px;
}

.reeditionen .vl1 {
	background: url(../img/vl_reeditionen_1.jpg) no-repeat left top;
	width:		138px;
	height:		198px;
}
.reeditionen .vl2 {
	background: url(../img/vl_reeditionen_2.jpg) no-repeat left top;
	width:		138px;
	height:		98px;
	top: 		100px;
	left:		280px;
}
.reeditionen .colorbx {
	position: 	absolute;
	top:		100px;
	left:		140px;
	background: #D801CB;
	width:		138px;
	height:		98px;
}
.reeditionen .middle h3 span {
	width:		150px;
	height:		60px;
}

/*** publikationen ***/
.publikationen {
	margin:	2px 0 0 420px;
}
.publikationen .vl {
	position: absolute;
	top: 		100px;
	left:		0px;
	width:		278px;
	height:		98px;
	background: url(../img/vl_publikationen.jpg) no-repeat left top;
}

.publikationen .colorbx1 {
	position: absolute;
	top: 	0px;
	left:	0px;
	background: #900548;
	width:		138px;
	height:		98px;
}

.publikationen .colorbx2 {
	position: absolute;
	top: 100px;
	left:	280px;
	background: #900548;
	width:		138px;
	height:		98px;
	}

.publikationen .bg {
	position: absolute;
	top: 	0px;
	left:	140px;
	width:		278px;
	height:		98px;
	background: #E18613;
}

.publikationen .bg .hl-de {
	position: absolute;
	top: 	0px;
	left:	0px;
	width:		178px;
	height:		68px;
	background: url(../img/hl_publikationen_de.gif) no-repeat left top;
}

.publikationen .bg .hl-en {
	position: absolute;
	top: 	0px;
	left:	0px;
	width:		253px;
	height:		48px;
	background: url(../img/hl_publikationen_en.gif) no-repeat left top;
}
.publikationen .right h3 span {
	width:		180px;
	height:		40px;
}