.container-kompetenzmodell { 
	font-size: 12px;
	font-family: 'Open Sans','Helvetica Neue',Arial,Verdana, sans-serif;
	background-color: white;
	line-height: normal;
	margin: 50px auto 0 auto; width: 960px; position: relative; }
.kompsvg {display: block}
.kompimg {display: none}
.blocker { z-index: 3; }
a.persoenlickeit, a.erfahrung, a.interaktion, a.wissen, a.methoden { 
	color: white; font-size: 18px; font-weight: bold; text-transform: uppercase; text-decoration: none;
	position: absolute; z-index: 2; 
}
a.persoenlickeit { top: 28%; left: 38%;}
a.erfahrung { top: 28%; left: 63%; }
a.interaktion { top: 58.5%; left: 26%; }
a.wissen { top: 58.5%; left: 50.7%; }
a.methoden { top: 58.5%; left: 76%; }

@media only screen and (max-width: 960px) {
	/* große */
a.persoenlickeit, a.erfahrung, a.interaktion, a.wissen, a.methoden { font-size: 16px; }
a.persoenlickeit { top: 28%; left: 36%; }
a.methoden { top: 58.5%; left: 75%; }
a.interaktion { top: 58.5%; left: 25%; }	
}

a.grey.title01, a.grey.title02, a.grey.title03, a.grey.title04, a.grey.title05, a.grey.title06, a.grey.title07,
a.winered.title01, a.winered.title02, a.winered.title03, a.winered.title04,
a.sangriared.title01, a.sangriared.title02,
a.chillired.title01, a.chillired.title02, a.chillired.title03, a.chillired.title04,
a.darkgrey.title01, a.darkgrey.title02, a.darkgrey.title03 {
	color: white; font-size: 10px; font-weight: normal; text-align: center; text-transform: uppercase; text-decoration: none;
	position: absolute; z-index: 1;  
	-moz-hyphens: auto; -o-hyphens: auto;  -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;
	display: none;
}
a.grey.title01 { top: 11%; left: 17%; } /*Selbstregulation*/
a.grey.title02 { top: 13%; left: 28.5%; } /*Unabhängigkeit*/
a.grey.title03 { top: 12%; left: 41.2%; } /*Werteorientierung*/
a.grey.title04 { top: 26.2%; left: 11%; } /*Urteilsfähigkeit*/
a.grey.title05 { top: 27.5%; left: 22.2%; } /*Wahrnehmungsfähigkeit*/
a.grey.title06 { top: 40.5%; left: 3.5%; } /*Lern- und Entwicklungsfähigkeit*/
a.grey.title07 { top: 41%; left: 17%; } /*Motivation*/
a.winered.title01 { top: 39.5%; left: 27.2%; } /*Beziehungsfähigkeit*/
a.winered.title02 { top: 54%; left: 10%; } /*Kommunikationsfähigkeit*/
a.winered.title03 { top: 68.5%; left: 15.5%; } /*Selbstsicherheit*/
a.winered.title04 { top: 82%; left: 36%; } /*Reflexibilität*/
a.sangriared.title01 { top: 12%; left: 65.5%; } /*Funktionserfahrung*/
a.sangriared.title02 { top: 12%; left: 77%; } /*Mikropolitisches Geschick*/
a.chillired.title01 { top: 40.5%; left: 53.5%;} /*Rechnungswesen*/
a.chillired.title02 { top: 66.5%; left: 40%; } /*Governance, Risikomanagement und Compliance*/
a.chillired.title03 { top: 83%; left: 48.5%; } /*Strategie*/
a.chillired.title04 { top: 68.5%; left: 66%; } /*Leadership*/
a.darkgrey.title01 { top: 26%; left: 84%; } /*Analytische Kompetenz*/
a.darkgrey.title02 { top: 39.5%; left: 76.5%; } /*Organisationale Kompetenz*/
a.darkgrey.title03 { top: 68%; left: 90%; } /*Dialogkompetenz*/


@media only screen and (max-width: 960px) {
	/* kleine */
a.grey.title01, a.grey.title02, a.grey.title03, a.grey.title04, a.grey.title05, a.grey.title06, a.grey.title07,
a.winered.title01, a.winered.title02, a.winered.title03, a.winered.title04,
a.sangriared.title01, a.sangriared.title02,
a.chillired.title01, a.chillired.title02, a.chillired.title03, a.chillired.title04,
a.darkgrey.title01, a.darkgrey.title02, a.darkgrey.title03 { font-size: 8px;}
a.grey.title03 { top: 13%; left: 39%; } /*Werteorientierung*/
a.chillired.title01 { top: 39.5%; left: 51.5%;} /*Rechnungswesen*/

}


a.grey.active, a.winered.active, a.sangriared.active, a.chillired.active, a.darkgrey.active { display: block; }

#greytitle01 h2, #greytitle02 h2, #greytitle03 h2, #greytitle04 h2, #greytitle05 h2, #greytitle06 h2, #greytitle07 h2 {
	color: #989698; text-transform: uppercase;
}
#wineredtitle01 h2, #wineredtitle02 h2, #wineredtitle03 h2, #wineredtitle04 h2 {
	color: #6d1718; text-transform: uppercase;
}
#sangriaredtitle01 h2, #sangriaredtitle02 h2 {
	color: #ac3417; text-transform: uppercase;
}
#chilliredtitle01 h2, #chilliredtitle02 h2, #chilliredtitle03 h2, #chilliredtitle04 h2 {
	color: #e0140c; text-transform: uppercase;
}
#darkgreytitle01 h2, #darkgreytitle01 h2, #darkgreytitle01 h2 {
	color: #6a6868; text-transform: uppercase;
}
.jquery-modal.blocker.current {z-index: 120;}
.modal a { color: #ccc; font-weight: bold; text-decoration: none; }
.modal p { color: #999; font-weight: bold; text-align: right; }
.modal ul { margin: 0 0 10px 0; padding: 0 0 20px 0; display: block; border-bottom: 1px solid #ccc;}
.modal ul li { margin: 0 0 5px 0; padding: 0; color: #777777; list-style: none; font-size: 14px; font-weight: bold; }
.modal ul li> ul.sec2 { margin: inherit; padding: inherit; border: inherit; margin-top: 5px; }


@media only screen and (max-width: 767px) {
	.kompsvg {display: none}
	.kompimg {display: block}
}