/* 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;
}

.vl3 {
	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;
}



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

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

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


.unternehmen .bg .hl-en {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../img/hl_unternehmen_en.gif) no-repeat left top;
	width:		263px;
	height:		48px;
	
}
.unternehmen .vl1 {
	position: absolute;
	left: 0px;
	top: 100px;
	background: url(../img/vl_unternehmen_1.jpg) no-repeat left top;
	width:		278px;
	height:		98px;
}
.unternehmen .vl2 {
	position: absolute;
	top: 		0px;
	left:		280px;
	background: url(../img/vl_unternehmen_2.jpg) no-repeat left top;
	width:		138px;
	height:		278px;
}

/*** verstaendnis ***/
.verstaendnis {
	margin:	2px 0 0 420px;
	
}

.verstaendnis .bg {
	position: absolute;
	top: 	100px;
	left:	140px;
	background: #00CCFF;
	width:		278px;
	height:		98px;
}

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

.verstaendnis .bg .hl-en {
	position: absolute;
	top: 	0px;
	left:	0px;
	background: url(../img/hl_verstaendnis_en.gif) no-repeat left top;
	width:		246px;
	height:		67px;
}
.verstaendnis .vl1 {
	background: url(../img/vl_verstaendnis_1.jpg) no-repeat left top;
	width:		278px;
	height:		98px;
}
.verstaendnis .vl2 {
	position: absolute;
	top: 0px;
	left:	280px;
	background: url(../img/vl_verstaendnis_2.jpg) no-repeat left top;
	width:		138px;
	height:		98px;
}
.verstaendnis .colorbx {
	position: absolute;
	top: 100px;
	background: #D0F636;
	width:		138px;
	height:		98px;
}
/*** Architektur  ***/
.architektur {
	margin:	2px 0 0 280px;
}

.architektur .bg {
	position: 	absolute;
	top: 		100px;
	left:		140px;
	background: #339999;
	width:		278px;
	height:		98px;
}
.architektur .bg .hl-de {
	position: 	absolute;
	top: 		0px;
	left:		0px;
	background: url(../img/hl_architektur_de.gif) no-repeat left top;
	width:		176px;
	height:		67px;
}

.architektur .bg .hl-en {
	position: 	absolute;
	top: 		0px;
	left:		0px;
	background: url(../img/hl_architektur_en.gif) no-repeat left top;
	width:		239px;
	height:		45px;
}

.architektur .vl1 {
	background: url(../img/vl_architektur_1.jpg) no-repeat left top;
	width:		138px;
	height:		198px;
}
.architektur .vl2 {
	background: url(../img/vl_architektur_2.jpg) no-repeat left top;
	width:		138px;
	height:		98px;
	top: 		0px;
	left:		280px;
}
.architektur .vl3 {
	background: url(../img/vl_architektur_3.jpg) no-repeat left top;
	width:		138px;
	height:		98px;
	top: 		0px;
	left:		140px;
}

.architektur .middle h3 span {
	width:		150px;
	height:		60px;
}