/** BEGIN Geschäftsführung **/
#geschaeftsfuehrung {
	text-decoration: none;
	border-left: 4px solid #ececed;
	height:440px;
	width:208px;
	float:right;
	background:url(../media/geschaeftsfuehrung_kl.jpg) top left no-repeat;	
}

#geschaeftsfuehrung:hover {
	/* border: 0; */
	position: relative;
	border-left: 4px solid #ececed;
	cursor:pointer;
}
#geschaeftsfuehrung span.text {
	width: 188px;
	height: 124px;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	border-top: 4px solid #ececed;
	display: block;	
	background:#dadada;
	color: white;
}

#geschaeftsfuehrung span.border {
	display:block;
	border: 4px solid #8baf2e;
	height:284px;
	width:200px;
	background: transparent;
	visibility: hidden; 
}
#geschaeftsfuehrung:hover span.border {
	display: block;
	border: 4px solid #8baf2e;
	height:284px;
	width:200px;
	background: transparent;
	visibility: visible;
}

/** END Geschäftsführung **/



/** BEGIN Philosophie **/
#philosophie {
	text-decoration: none;
	border-bottom: 4px solid #ececed;
	width: 632px;
	height:144px;
	background:url(../media/philosophie_kl.jpg) no-repeat right top; 
	float:left;
}

#philosophie:hover {
	position: relative;	
	cursor:pointer;
}

#philosophie span.text{
	width: 188px;
	height: 124px;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	
	display: block;
	float:left;
	background:#dadada;
	color: white;
	text-decoration: none;
	border-right: 4px solid #ececed;
}
/** END Philosophie **/


/** BEGIN Ambition **/
#ambition {
	text-decoration: none;
    border-bottom: 4px solid #ececed;
    width: 632px;
    height:144px;
    background:url(../media/ambition_kl.jpg) left top no-repeat; 
	float:left;
}
#ambition:hover {
	position: relative;	
	cursor:pointer;
}

#ambition span.text {
    width: 188px;
	height: 124px;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
    display: block;
	border-left: 4px solid #ececed;
	float:right;
	background:#dadada;
	color: white;
}

#geschichte {
	text-decoration: none;
	width: 632px;
	height:144px;
	background:url(../media/geschichte_kl.jpg) right no-repeat; 
	float:left;
}

#geschichte:hover {
	position: relative;
	cursor:pointer;
}

#geschichte span.text {
	width: 188px;
	height: 124px;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
    display: block;
	border-right: 4px solid #ececed;
	float:left;
	background:#dadada;
	color: white;
	text-decoration: none;
}

#geschichte:hover  span.text , 
#ambition:hover  span.text , 
#philosophie:hover  span.text,
#geschaeftsfuehrung:hover span.text {
	background: #8baf2e;
}


#geschichte:hover span.border ,
#ambition:hover span.border, 
#philosophie:hover span.border {
	display:block;
	border: 4px solid #8baf2e;
	background: transparent;
    height:136px;
	width:412px;
}

#geschichte:hover span.border ,
#philosophie:hover span.border {
	float: right;
}
#ambition:hover span.border {
    float: left;
}

#unternehmenGeschichte {
	z-index: 50;
	width:200px;
	height: 200px;
	margin: 100px 0 0 40px;
	bottom: 40px; 
	position: absolute;
	border: 1px solid gray;
}


#geschichteContainer {
	z-index: 50;
	width:844px;
	height: 440px;
	position: absolute;
}


#ambitionContainer {
	z-index: 50;
	width:844px;
	height: 440px;
	position: absolute;
}

#philosophieContainer {
	z-index: 50;
	width:844px;
	height: 440px;
	position: absolute;
}

#geschaeftsfuehrungContainer {
    z-index: 50;
    width:844px;
    height: 440px;
    position: absolute;
}

#geschaeftsfuehrungContainer #tabBoxContainer {
    position: absolute;
    width: 480px;
    top: 275px;
    left: 55px  	
}

#tabBoxContainer {
	position: absolute;
	width: 480px;
	bottom: 20px;
	left: 55px	
}