/******** Modal Box ******/
.modal {
    width: 280px;
    position: absolute;
    top: 0px; 
    left: 50%;
    margin-left: -152px;
    z-index: 11; 
    padding: 12px 12px 10px;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.3);
}
.modalText {
  width: 80%;
  line-height: 1.4em;
  color: #333;
  margin: 0px 0px 0px;
  float: left;
}
.close-modal {
	margin-top: 4px;
	width: 16px;
	height: 16px;
	text-indent: -3000px;
	background-image: url(img/close-sprite.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	float: right;
	cursor: pointer;
}
.close-modal:hover {
	background-position: 0px -16px;
}

/* ----------- */
#network {
	max-width: 940px;
	height: 400px;
	margin: 0px auto;
	position: relative;
}
.map-network .page-title-container {
	background-image: url(/investment-and-human-rights/files/2014/02/140201-network-map-bg.jpg) !important;
	background-position: center center;
 	background-color: #dfdfdf;
	background-size: cover; 
}

/* Text */
.tp-caption.avada_big_white_text {
    font-size: 36px; 
	-webkit-text-shadow: 0px 0.5px 5px rgba(0,0,0,0.8);
	-moz-text-shadow: 0px 0.5px 5px rgba(0,0,0,0.8);
	-o-text-shadow: 0px 0.5px 5px rgba(0,0,0,0.8);
         text-shadow: 0px 0.5px 5px rgba(0,0,0,0.8);
}

/* Labels */
.node a p,
.subnode a p {
	position: absolute;
	line-height: 1.2em !important;
	margin: 0px;
	text-indent: 0px;
	font-size: 13px !important;
}
.node a p {
	text-transform: uppercase;
	top: 30px;
	left: 55px;
	padding-left: 12px;
	min-width: 190px;
}
.subnode a p {	top: 4px;
	left: 10px;
	padding-left: 16px;
	min-width: 160px;
}

/* Allgemeine Positionierung und Formatierung */

.node, .subnode {
	position: absolute;
	z-index: 2;
}

/* nodes Formatierung */ 
.node {
	margin-left: -30px;
	margin-top: -30px;
}
.node a{
	display: block;
	width: 60px;
	height: 60px;
	background: #f4f4f4;
	text-indent: -3000px;
	border-radius: 30px;
	
		-webkit-box-shadow: 0px 0px 3px #000;
		   -moz-box-shadow: 0px 0px 3px #000;
		        box-shadow: 0px 0px 3px #000;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	        transition: all 0.3s ease;
}
.node a:hover {
		-webkit-box-shadow: 0px 0px 6px #000;
		   -moz-box-shadow: 0px 0px 6px #000;
		        box-shadow: 0px 0px 6px #000;
}

.node a .inner {
	width: 50px;
	height: 50px;
	position: relative; 
	top: 5px;
	left: 5px;
	border-radius: 25px;
	border: 2px solid #848484;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box; 
	        box-sizing: border-box;
	-webkit-box-shadow: 0px 0px 1px #000;
	   -moz-box-shadow: 0px 0px 1px #000;
	        box-shadow: 0px 0px 1px #000;
  	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjclIiBzdG9wLWNvbG9yPSIjZWZlZmVmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTYlIiBzdG9wLWNvbG9yPSIjZmYwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 30%, #efefef 67%, #ff0000 96%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(30%,#ffffff), color-stop(67%,#efefef), color-stop(96%,#ff0000));
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 30%,#efefef 67%,#ff0000 96%);
	background: -o-radial-gradient(center, ellipse cover,  #ffffff 30%,#efefef 67%,#ff0000 96%);
	background: -ms-radial-gradient(center, ellipse cover,  #ffffff 30%,#efefef 67%,#ff0000 96%);
	background: radial-gradient(ellipse at center,  #ffffff 30%,#efefef 67%,#ff0000 96%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ff0000',GradientType=1 );
}

.node a .inner .icon {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}


/* Subnodes Formatierung */ 
.subnode {
	margin-left: -10px;
	margin-top: -10px;
}
.subnode a {
	display: block;
	width: 20px;
	height: 20px;
	text-indent: -3000px;
	border-radius: 25px;
		-webkit-box-shadow: 0px 0px 3px #000;
		   -moz-box-shadow: 0px 0px 3px #000;
		        box-shadow: 0px 0px 3px #000;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	        transition: all 0.3s ease;
    background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iODUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9yYWRpYWxHcmFkaWVudD4KICA8cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 85%, #e0e0e0 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(85%,#ffffff), color-stop(100%,#e0e0e0));
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 85%,#e0e0e0 100%);
	background: -o-radial-gradient(center, ellipse cover,  #ffffff 85%,#e0e0e0 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #ffffff 85%,#e0e0e0 100%);
	background: radial-gradient(ellipse at center,  #ffffff 85%,#e0e0e0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=1 );
}

.subnode a .inner {
	width: 14px;
	height: 14px;
	position: relative; 
	top: 3px;
	left: 3px;
	background: #b0b0b0;
	border-radius: 7px;
	-webkit-box-shadow: 0px 0px 1px #000;
	   -moz-box-shadow: 0px 0px 1px #000;
	        box-shadow: 0px 0px 1px #000;
}

.subnode a:hover {
	-webkit-box-shadow: 0px 0px 6px #000;
	   -moz-box-shadow: 0px 0px 6px #000;
	        box-shadow: 0px 0px 6px #000;
}

/* ******** Positionierung  ******** */

/* Node 1 */
#n1-0 {
	left: 44.5%;
	top: 54.94%;
}
#n1-1 {
	left: 42.06%;
	top: 87.36%;
}
#n1-2 {
	left: 38.16%;
	top: 31%;
}
#n1-3 {
	left: 51.41%;
	top: 76.88%;
}
#nc1{
	top: 31%;
	left: 38.2%;
	width: 13.26%;
	height: 56.36%;
}
/* Node 2 */
#n2-0 {
	left: 19.27%;
	top: 21.45%;
}
#n2-1 {
	left: 23.11%;
	top: 47.18%;
}
#n2-2 {
	left: 9.08%;
	top: 7.39%;
}
#n2-3 {
	left: 3.35%;
	top: 36.93%;
}
#nc2{
	left: 3.5%;
	top: 6.6%;
	width: 19.74%;
	height: 39.71%;
}
/* Node 3 */
#n3-0 {
	left: 76.0%;
	top: 67.51%;
}
#n3-1 {
	left: 71.39%;
	top: 90.99%;
}
#nc3{
	left: 71.0%;
	top: 67.1%;
	width: 5.43%;
	height: 23.48%;
}
/* Node 4 */
#n4-0 {
	left: 14.73%;
	top: 75.35%;
}
#n4-1 {
	left: 7.28%;
	top: 58.37%;
}
#n4-2 {
	left: 6.65%;
	top: 88.97%;
}
#nc4{
	left: 6.65%;
	top: 58.37%;
	width: 8.07%;
	height: 30.59%;
}
/* Node 5 */
#n5-0 {
	left: 72.76%;
	top: 12.73%;
}
#n5-1 {
	left: 64.77%;
	top: 40.04%;
}
#n5-2 {
	left: 80.59%;
	top: 32.29%;
}
#nc5{
	left: 64.77%;
	top: 11%;
	width: 15.81%;
	height: 27.38%;
}

/* GCs */
#gc12 {
	left: 19.28%;
	top: 21.35%;
	width: 25.19%;
	height: 33.89%;
}
#gc13 {
	left: 44.48%;
	top: 55.24%;
	width: 31.86%;
	height: 13.32%;
}
#gc14 {
	left: 14.57%;
	top: 55.24%;
	width: 29.91%;
	height: 20.55%;
}
#gc15 {
	left: 44.48%;
	top: 12.53%;
	width: 27.72%;
	height: 42.71%;
}
#gc23 {
	left: 19.31%;
	top: 21.75%;
	width: 57.07%;
	height: 46.75%;
}
#gc24 {
	left: 14.57%;
	top: 21.83%;
	width: 4.82%;
	height: 53.96%;
}
#gc25 {
	left: 19.31%;
	top: 12.54%;
	width: 52.84%;
	height: 9.21%;
}
#gc34 {
	left: 14.68%;
	top: 68.13%;
	width: 63.1%;
	height: 7.69%;
}
#gc35 {
	left: 72.17%;
	top: 12.42%;
	width: 4.21%;
	height: 56.08%;
}
#gc45 {
	left: 14.63%;
	top: 12.54%;
	width: 57.51%;
	height: 63.26%;
}



/* ******** Colors / Appearance ******** */

#n1.active .node .inner,
#n1.hover .node .inner, 
#n1 .node.active .inner {
	border-color: #a11823;
}
#n1.active .subnode .inner, 
#n1.hover .subnode .inner {
	background-color: #a11823;
}
#n1 .node a:hover .inner,
#n1.active .node a:hover .inner {
	border-color: #66101b;
} 
#n1 .subnode a:hover .inner, 
#n1.active .subnode a:hover .inner, 
#n1 .subnode.active a:hover .inner {
	background-color: #66101b;
}

#n2.active .node .inner,
#n2.hover .node .inner, 
#n2 .node.active .inner {
	border-color: #63a882;
}
#n2.active .subnode .inner, 
#n2 .subnode.active .inner {
	background-color: #63a882;
}
#n2 .node a:hover .inner,
#n2.active .node a:hover .inner {
	border-color: #3b634d;
} 
#n2 .subnode a:hover .inner, 
#n2.active .subnode a:hover .inner, 
#n2 .subnode.active a:hover .inner {
	background-color: #3b634d;
}

#n3.active .node .inner,
#n3.hover .node .inner,
#n3 .node.active .inner  {
	border-color: #dda00a;
}
#n3.active .subnode .inner, 
#n3.hover .subnode .inner {
	background-color: #dda00a;
}
#n3 .node a:hover .inner,
#n3.active .node a:hover .inner {
	border-color: #704800;
} 
#n3 .subnode a:hover .inner, 
#n3.active .subnode a:hover .inner, 
#n3 .subnode.active a:hover .inner {
	background-color: #704800;
}

#n4.active .node .inner,
#n4.hover .node .inner,
#n4 .node.active .inner {
	border-color: #7777b7;
}
#n4.active .subnode .inner, 
#n4.hover .subnode .inner {
	background-color: #7777b7;
}
#n4 .node a:hover .inner,
#n4.active .node a:hover .inner {
	border-color: #575784;
} 
#n4 .subnode a:hover .inner, 
#n4.active .subnode a:hover .inner, 
#n4 .subnode.active a:hover .inner {
	background-color: #575784;
}

#n5.active .node .inner,
#n5.hover .node .inner,
#n5 .node.active .inner {
	border-color: #3b809e;
}
#n5.active .subnode .inner, 
#n5.hover .subnode .inner {
	background-color: #3b809e;
}
#n5 .node a:hover .inner,
#n5.active .node a:hover .inner {
	border-color: #003c53;
} 
#n5 .subnode a:hover .inner, 
#n5.active .subnode a:hover .inner, 
#n5 .subnode.active a:hover .inner {
	background-color: #003c53;
}
/* ******* Current Colors / Appearance ****** */

#n1.current .node .inner,
#n1.hover .node .inner, 
#n1 .node.current .inner {
	border-color: #a11823;
}

#n1.current .subnode .inner, 
#n1.hover .subnode .inner {
	background-color: #a11823;
}
#n1 .node a:hover .inner,
#n1.current .node a:hover .inner {
	border-color: #66101b;
}
#n1 .subnode a:hover .inner, 
#n1.current .subnode a:hover .inner, 
#n1 .subnode.current a:hover .inner {
	background-color: #66101b;
}

#n2.current .node .inner,
#n2.hover .node .inner, 
#n2 .node.current .inner {
	border-color: #63a882;
}
#n2.current .subnode .inner, 
#n2 .subnode.current .inner {
	background-color: #63a882;
}
#n2 .node a:hover .inner,
#n2.current .node a:hover .inner {
	border-color: #3b634d;
} 
#n2 .subnode a:hover .inner, 
#n2.current .subnode a:hover .inner, 
#n2 .subnode.current a:hover .inner {
	background-color: #3b634d;
}

#n3.current .node .inner,
#n3.hover .node .inner,
#n3 .node.current .inner  {
	border-color: #dda00a;
}
#n3.current .subnode .inner, 
#n3.hover .subnode .inner {
	background-color: #dda00a;
}
#n3 .node a:hover .inner,
#n3.current .node a:hover .inner {
	border-color: #704800;
} 
#n3 .subnode a:hover .inner, 
#n3.current .subnode a:hover .inner, 
#n3 .subnode.current a:hover .inner {
	background-color: #704800;
}

#n4.current .node .inner,
#n4.hover .node .inner,
#n4 .node.current .inner {
	border-color: #7777b7;
}
#n4.current .subnode .inner, 
#n4.hover .subnode .inner {
	background-color: #7777b7;
}
#n4 .node a:hover .inner,
#n4.current .node a:hover .inner {
	border-color: #575784;
} 
#n4 .subnode a:hover .inner, 
#n4.current .subnode a:hover .inner, 
#n4 .subnode.current a:hover .inner {
	background-color: #575784;
}

#n5.current .node .inner,
#n5.hover .node .inner,
#n5 .node.current .inner {
	border-color: #3b809e;
}
#n5.current .subnode .inner, 
#n5.hover .subnode .inner {
	background-color: #3b809e;
}
#n5 .node a:hover .inner,
#n5.current .node a:hover .inner {
	border-color: #003c53;
} 
#n5 .subnode a:hover .inner, 
#n5.current .subnode a:hover .inner, 
#n5 .subnode.current a:hover .inner {
	background-color: #003c53;
}



/* ******* Connections ******* */
.nc {
	position: absolute;
	z-index: 1;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#n1 .nc {
	background-image: url(img/nc1-sprite.png);
	background-size: 100% 459px;	
}
#n1.active .nc, #n1.current .nc {
	background-position: 0px -229px;	
}
#n2 .nc {
	background-image: url(img/nc2-sprite.png);
	background-size: 100% 344px;	
}
#n2.active .nc, #n2.current .nc {
	background-position: 0px -163px;
}

#n3 .nc {
	background-image: url(img/nc3-sprite.png);
	background-size: 100% 197px;	
}
#n3.active .nc, #n3.current .nc {
	background-position: 0px -92px;
}

#n4 .nc {
	background-image: url(img/nc4-sprite.png);
	background-size: 100% 255px;	
}
#n4.active .nc, #n4.current .nc {
	background-position: 0px -127px;
}

#n5 .nc {
	background-image: url(img/nc5-sprite.png);
	background-size: 100% 228px;	
}
#n5.active .nc, #n5.current .nc {
	background-position: 0px -114px;
}


/* ******** Group Connections ******** */

.gc {
	position: absolute;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#gc12 {
	background-image: url(img/gc12-sprite.png);
	background-size: 100% 272px;
}
#gc12.active, #gc12.current {
	background-position: 0px -136px;
}
#gc13 {
	background-image: url(img/gc13-sprite.png);
	background-size: 100% 108px;
}
#gc13.active, #gc13.current {
	background-position: 0px -54px;
}
#gc14 {
	background-image: url(img/gc14-sprite.png);
	background-size: 100% 166px;
}
#gc14.active, #gc14.current {
	background-position: 0px -83px;
}
#gc15 {
	background-image: url(img/gc15-sprite.png);
	background-size: 100% 346px;
}
#gc15.active, #gc15.current {
	background-position: 0px -173px;
}
#gc23 {
	background-image: url(img/gc23-sprite.png);
	background-size: 100% 376px;
}
#gc23.active, #gc23.current {
	background-position: 0px -188px;
}
#gc24 {
	background-image: url(img/gc24-sprite.png);
	background-size: 100% 432px;
}
#gc24.active, #gc24.current {
	background-position: 0px -216px;
}
#gc25 {
	background-image: url(img/gc25-sprite.png);
	background-size: 100% 76px;
}
#gc25.active, #gc25.current {
	background-position: 0px -38px;
}
#gc34 {
	background-image: url(img/gc34-sprite.png);
	background-size: 100% 64px;
}
#gc34.active, #gc34.current {
	background-position: 0px -32px;
}
#gc35 {
	background-image: url(img/gc35-sprite.png);
	background-size: 100% 448px;
}
#gc35.active, #gc35.current {
	background-position: 0px -224px;
}
#gc45 {
	background-image: url(img/gc45-sprite.png);
	background-size: 100% 508px;
}
#gc45.active, #gc45.current {
	background-position: 0px -254px;
}


/* ******** Icons ******** */
.node .icon {
	background-repeat: no-repeat;
	background-image: url(img/network-icon-sprite.png); 
}

#n1 .node .icon { background-position: -12px -82px;}
#n1.active .node .icon, #n1 a:hover .icon, #n1.current .node .icon {background-position: -12px -10px;}
#n2 .node .icon { background-position: -85px -84px;}
#n2.active .node .icon, #n2 a:hover .icon, #n2.current .node .icon  {background-position: -85px -12px;}
#n3 .node .icon { background-position: -157px -84px;}
#n3.active .node .icon, #n3 a:hover .icon, #n3.current .node .icon  {background-position: -157px -12px;}
#n4 .node .icon { background-position: -228px -85px;}
#n4.active .node .icon, #n4 a:hover .icon, #n4.current .node .icon  {background-position: -228px -13px;}
#n5 .node .icon { background-position: -301px -82px;}
#n5.active .node .icon, #n5 a:hover .icon, #n5.current .node .icon  {background-position: -301px -10px;}

#ajax-loader{
	  position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -36px;	
	margin-left: -36px;
}
.map-network {
	position: relative;
}

.map-network .overlay {
    position: absolute;
    top: 0;
    left: 0;
	right: 0;
	bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 10;
}


@media only screen and (max-width: 1024px) {
    .node a p {
    	min-width: 0px;
	}
	.subnode a p {
		min-width: 140px;
	}
}
	#network-mobile {
		display: none;
	}
@media only screen and (max-width: 760px) {
	#network {
		display: none;
	}
	.map-network .page-title {
		height: auto;
	}
	#network-mobile {
		display: block;
	}
	#network-mobile img {
		display: block;
		width: auto;
	}
	body.page-id-4592 #sidebar {
		display: none;
	}
}