/*
Theme Name: Infografik T C I 3
Theme URI: –
Author: Simon Koschmieder
Author URI: http://www.simon-koschmieder.de
Description: Das Theme der T C I Seite
Version: 1.1
*/


body,html{
	padding:0px 0px 0px 0px !important;
	margin:0px 0px 0px 0px !important;
	padding-bottom:0px !important;
	width:100%;
	/*min-width:1024px;*/
	min-width:524px;
	height:100%;
}

#main{
	position:absolute;
	width:100%;
	height:100%;
	/*min-width:1024px;*/
	min-width:524px;
	min-height:672px;
}
h1,h2,h3,h4{
	font-weight:normal;
}
h1{
	font-size:24px;
	text-transform:uppercase;
}
h2{
	font-size:21px;
	text-transform:uppercase;
}
h3{
	font-size:16px;
}
#main h1,h2,h3,h4{
	width:600px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
}
#main p{
	font-size:21px;
	line-height:26px;
	width:600px;
	margin-left:auto;
	margin-right:auto;
}
#main p .small, .portrait .small{
	display:block;
	font-size:16px;
	line-height:18px;
	}
.portrait .small{
	margin-top: 4px;
}
#main .portrait{
	font-size:21px;
	line-height:26px;
	width:600px;
	margin-left:auto;
	margin-right:auto;
}
#main .portrait_img{
	float:left;
	width:120px;
}

#main .portrait_text{
	float:left;
	width:400px;
}


#main .pub{
	display:inline-block;
	
	width:600px;
	margin-left:auto;
	margin-right:auto;
	text-decoration:none;
	cursor:pointer;
}

#main .pub:hover{
	
	text-decoration:underline;
}
#main .pub .pub_title{
	font-size:21px;
	line-height:26px;
}

#main .pub .pub_author{
	font-size:16px;
	line-height:18px;
}

#main .pub .pub_date{
	font-size:16px;
	line-height:18px;
}

#main a{
	color:#288990;
}	
#main a:hover{
	color:#000;
	text-decoration:none;
}	
#maintitle{
	position:absolute;
	left:400px;
	top:265px;
	font-family:'oswald_extralight', 'Arial Narrow', Arial, sans-serif;
	text-transform:uppercase;
	font-size:40px;
	line-height:45px;
	letter-spacing:0px;
	
}
#subtitle{
	/*position:absolute;
	right:80px;
	top:5px;*/
	font-family:'oswald_regular', 'Arial Narrow', Arial, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:1px;
	line-height:11px;
}
#subtitle img{
}
#subtitle .legend{
	float:left;
	
	/*width:120px;*/
}
#subtitle .settings_dropdown{
	float:right;
	/*width:15px;*/
	margin-top:-14px;
}
#subtitle .legend .legend_icon{
	float:left;
	width:30px;
}
#subtitle .legend .legend_text{
	padding-top:2px;
	padding-right:8px;
	float:left;
	text-align:center;
}
#subtitle .legend_color{
	margin-top:2px;
	margin-right:1px;
	float:left;
	width:28px;
	height:8px;
	background-color:#ccc;
}
#header{
	width:100%;
	height:30px;
	/*background:#fff;*/
	background: #CCC2B8;
	position:absolute;
}
#footer_holder{
	position:absolute;
	width:100%;
	height:100%;
	min-height:680px;
}
#footer{
	width:100%;
	height:96px;
	background:#fff;
	position:absolute;
	bottom:0px;
	border-top:none;
	
	-webkit-box-shadow: 1px 0px 4px 0 rgba(0,0,0,0.8);
	box-shadow: 1px 0px 4px 0 rgba(0,0,0,0.8);
	z-index:1100000;
	/*-webkit-box-shadow:  0px 0px 0px 2px #333;/*#00BBFF;*/
	/*box-shadow: 		 0px 0px 0px 2px #333;/*#00BBFF;*/
}
#footer.dropitlikeitshot{
	border-top:96px solid #dadada !important;
	
}
#footer .switch_to_mobile{
	display:block;
	position:absolute;right:3px;bottom:5px;
	color:#444;
	
}
#draganddrop{
	position:absolute;
	z-index:1300000;
}
#searchbox{
	position:absolute;
	right:30px;
	top:55px;
	
	
}
#search{
	border:1px solid #666;
	padding:12px;
	height:34px;
	font-size:15px!important;
}
#logo{
	position:absolute;
	bottom:20px;
	left:20px;
	/*width:180px;*/
	font-size:32px;
	line-height:36px;
}
#logo .small{
	margin-top:9px;
	font-size:10px;
	line-height:11px;
	letter-spacing:1px;
}
#funded{
	position:absolute;
	width:550px;
	height:20px;
	color:#aaaaaa;
	right:-262px; 
	bottom:375px;
	transform: rotate(-90deg);
	margin-top:9px;
	font-size:10px;
	line-height:11px;
	/*letter-spacing:1px;*/
}

html,body{
	/*text-transform:uppercase;*/
	
		font-family:'oswald_light', 'Arial Narrow', Arial, sans-serif;
	font-size:10px;
	letter-spacing:1px;
	line-height:11px;
	color:#444;
	height:100%;
}
/*--------------------------------------*/
.toggle_timeline{
	cursor:pointer;
}
/*----------------- MAP ---------*/
#map_holder{

position:absolute;
width:100%;
height:100%;
}



#map{
	position:absolute;
		left:50%;
	top:50%;
	margin-left:-1240px;
	margin-top:-600px;
	width:2480;
height:1200;
}

.mapnavi{
	position:fixed;
	margin:101px 20px 20px 20px;
}
.mapnavi span{
	cursor:pointer !important;
	padding:12px;
	
	/*background-color:#fff;
	border:1px solid #888A85;*/
}
.mapnavi span:hover{
	border:1px solid #000;
	color:#000;
}
#zoomin{
	
	display:block;
	border-radius: 5px 5px 0px 0px;
}
#zoomout{
	display:block;
	border-radius: 0px 0px 5px 5px ;
	margin-top:-1px;
}
#zoomout.disabled,#zoomin.disabled{
	color:#888A85;
}
#centermap{
	
	display:block;
	border-radius: 5px;
	margin-top:10px;
}
/*--------------------------------------*/
#infopanel_holder{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	overflow:hidden;
	pointer-events: none;
}
.infopanel{
	pointer-events: auto;
	font-family:'oswald_light', 'Arial Narrow', Arial, sans-serif;
	
	letter-spacing:0;
	letter-spacing:0;
  	text-align: left;
  	font-size: 16px;
    line-height: 18px;
    letter-spacing: 0px;
  	width:332px;
  	/*height:591px;*/
  	padding:19px 20px 18px 20px;
	position:absolute;
	left:300px;
	top:100px;
	background-color:#fff;
	color:#333;
	/*-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;*/
	-webkit-box-shadow: 1px 1px 6px 0 rgba(0,0,0,0.8);
	box-shadow: 1px 1px 6px 0 rgba(0,0,0,0.8);
	z-index:1200000;
}
.infopanel .table_foot{
	font-size: 10px;
    line-height: 8px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-left: 1px solid #333;
    padding-top: 6px;
    padding-left: 2px;
    margin-top: -1px;
	
}
.infopanel .nodata .table_foot{
	
    border-top: 1px solid #333;
	
}
.infopanel .table_head, .highlighted_country_details .table_head, .weight_head{
	margin-top:10px;
	font-size:8px; 
	line-height:8px;
	letter-spacing:1px; 
	text-transform: uppercase;
	
}
.highlighted_country_details .table_head{
	position:absolute;
	margin-top:30px;
}
.weight_head{
	position:absolute;
	left:205px;
	border-left:1px solid #333;
	padding-left:2px;
	padding-bottom:1px;
	margin-top:12px;
}
#highlighted_country_labels .weight_head{
	left:187px;
}
.filtermenu .weight_head{
	left:165px;
	margin-top:-6px;
	padding-left:2px;
	padding-bottom:1px;
	padding-top:0px;
}
.infopanel .table_head .th_1, .highlighted_country_details .table_head .th_1{
	position:absolute;
	border-left:1px solid #333;
	padding-left:6px;
	padding-bottom:10px;
	margin-left:-19px;
    font-size: 16px;
    line-height: 0px;
	
}
.highlighted_country_details .table_head .th_1{
	display:none;
}
.infopanel .table_head .th_2, .highlighted_country_details .table_head .th_2{
	position:absolute;
	border-left:1px solid #333;
	padding-left:2px;
	padding-bottom:2px;
	left:31px;
}

.infopanel .table_head .th_3 { 
	position:absolute;
	border-left:1px solid #333;
	padding-left:2px;
	padding-bottom:2px;
	left:33px;
	display:none;
}

.infopanel.timeline_open .table_head .th_3 { 
	display:block;
}
.highlighted_country_details .table_head .th_3, #highlighted_country_labels .weight_head{
	display:none;
}

.infopanel .title{
	position:absolute;
	height:20px;
	font-size:24px;
	width:122px;
	right:20px;
	top:40px;
	
	/*margin:200px 0px 0px -100px;*/
}
.infopanel .body{
	/*position:absolute;*/
	width:332px;
	left:20px;
	margin-top:3px;
	margin-top:30px;
}
.infopanel .title_text{
	text-transform:uppercase;
	
	position:absolute;
	margin-top:-5px;
	
	font-size:24px;
	padding-top:6px;
	height:47px;
	
	
}
.infopanel .title_text img{

-webkit-box-shadow: 0px 0.5px 2px 0 rgba(0,0,0,0.7);
	box-shadow: 0px 0.5px 2px 0 rgba(0,0,0,0.7);
}
.infopanel .title_img{
	float:left;
	margin-right:10px;
}
.infopanel .title_textblock{
	float:left;
	margin-top:8px;
}
.infopanel .meta_1{
	margin-top:24px;
	padding-top:7px;
	padding-bottom:7px;
	border-top:1px solid #444;
	border-bottom:1px solid #444;
	width:122px;
}
.infopanel .meta_1 img{
	margin:0px;
	padding:0px;
	-webkit-box-shadow: 0px 0.5px 2px 0 rgba(0,0,0,0.7);
	box-shadow: 0px 0.5px 2px 0 rgba(0,0,0,0.7);
}
.infopanel .meta_2{
	/*height:40px;*/
	padding-top:3px;
	padding-bottom:4px;
	border-bottom:1px solid #444;
	width:122px;
}
.infopanel .meta_warning{
	/*height:40px;*/
	/*margin-top:21px;*/
	position:absolute;
	transform:rotate(-90deg);
	padding:6px 8px 7px 8px;
	/*background-color:#fff;*/
	color:#a00;/* #f00; */
	/*border:1px solid #a00;*//* #f00; */
	width: 506px;
    margin-left: -224px;
    margin-top: -310px;
    letter-spacing:2px;
    text-transform:uppercase;
	/*width:106px;*/
	
}
.infopanel .meta_col1{
	position:absolute;
	
}
.infopanel .meta_col2{
	position:absolute;
	left:40px;
	width:200px;
	text-align:right;
}
.infopanel .meta_col3{
	position:absolute;
	right:30px;
	-webkit-box-shadow: 0px 0.5px 2px 0 rgba(0,0,0,0.7);
	box-shadow: 0px 0.5px 2px 0 rgba(0,0,0,0.7);
}
.infopanel .col1{
	/*position:absolute;*/
	float:left;
	width:260px;
	
}
.infopanel .col2{
	/*position:absolute;
	margin-left:300px;*/
	float:left;
	position:relative;
	width:48px;
	
	/*border-left:1px solid #333;*/
}
.remove_higlighted_country{
position: absolute;
    margin-left: 55px;
    font-size: 20px;
    color: #fff;
    background: #333;
    padding: 2px 3px 1px 4px;
    border-radius: 12px;
   /* border: 2px solid #fff;*/
    margin-top:-5px;
    cursor:pointer;
    top:4px;

}
#highlighted_countries{
	
	/*min-width:622px;*/
	margin-left:280px;
	position:absolute;
	height:100%;
	overflow-x:auto;
	overflow-y:hidden;
	
	background:
    /* Shadow covers */
    linear-gradient(90deg, rgba(255,255,255,1) 1%,rgba(255,255,255,0) 4%,rgba(255,255,255,0) 100%),
    linear-gradient(90deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 96%,rgba(255,255,255,1) 99%),
    
   
    
    /* Shadows */
    linear-gradient(90deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 99%,rgba(0,0,0,0.3) 100%),
    linear-gradient(90deg, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0) 100%);
    
    
 
    
            
  background-repeat: no-repeat;
  background-color: #red;
    background-size: 100% , 100% , 100% , 100% ;

  background-attachment: local,local,  scroll,scroll;
	
}
.highlighted_country_details{
	font-family:'oswald_light', 'Arial Narrow', Arial, sans-serif;
	
	letter-spacing:0;
	letter-spacing:0;
  	text-align: left;
  	font-size: 16px;
    line-height: 18px;
    letter-spacing: 0px;
    height:48px;
    /*width:48px;
    margin:auto;*/
    position:relative;
    overflow:hidden;
}

.highlighted_country_details .small{

margin-top:-4px;

}

.highlighted_country_details .detail_holder {
    position: absolute;
    width: 80px;
    bottom: 0px;
}

#highlighted_country_labels{
	font-family:'oswald_light', 'Arial Narrow', Arial, sans-serif;
	
	letter-spacing:0;
	letter-spacing:0;
  	text-align: left;
  	font-size: 16px;
    line-height: 18px;
    letter-spacing: 0px;
    height:42px;
    position:absolute;
    left:19px;
    top:14px;
    width:261px;
    overflow:hidden;
}
#highlighted_country_labels .row,.highlighted_country_details .row{
/*	display:block !important;*/
}
#highlighted_country_labels .detail_holder {
    position: absolute;
    width: 260px;
    bottom: 0px;
}

.downloadOverlay{

	position:absolute;
	width:100%;
	height:100%;
	background-color:#fff;
	background-color:rgba(255,255,255,0.8);
	z-index: 2;
    margin-top: -30px;
    margin-left: -30px;
	
}
.downloadOverlayInner{
	position:absolute;
	left:50%;
	top:50%;
	width:200px;
	margin-left:-100px;
	margin-top:20px;
	font-size:42px;
	
}
.hide_downloadform{
z-index: 3;
}
.infopanel .info_rank,.highlighted_country_details .info_rank{
	position:absolute;
	margin-left:49px;
	border-left:1px solid #333;
	font-size:10px;
	padding-left:2px;
	padding-top:2px;
	line-height:10px;
}
.infopanel .nodata .info_rank,.nodata .highlighted_country_details  .info_rank{
	display:none !important;
}
.infopanel .borderleft, 
#highlighted_country_labels .borderleft,
.highlighted_country_details .borderleft{
	border-left:1px solid #333;
}
.infopanel .row, 
#highlighted_country_labels .row,
.highlighted_country_details .row{
	width:100%;
	height:21px;
	border-bottom:1px solid #333;
	margin-bottom:0px;
	padding-bottom:0px;
}

.infopanel .nodata .row, 
#highlighted_country_labels .nodata .row,
.highlighted_country_details .nodata .row{
	
	border-bottom:1px solid #fff;
}


.highlighted_country_details .row.first{
	width:100%;
	height:41px;
	border-bottom:1px solid #333;
	margin-bottom:0px;
	padding-bottom:0px;
}
.infopanel .row_tai , 
#highlighted_country_labels .row_tai,
.highlighted_country_details .row_tai{
	width:100%;
	height:40px;
	border-top:1px solid #333;
	border-bottom:2px solid #333;
	margin-bottom:0px;
	padding-bottom:0px;
	margin-top:-1px;
	font-size:24px;
}

.infopanel .nodata .row_tai , 
#highlighted_country_labels .nodata .row_tai,
.highlighted_country_details .nodata .row_tai{
	
	border-top:1px solid #fff;
	border-bottom:2px solid #fff;
	
}

.infopanel .nodata .row_tai.toprow , 
#highlighted_country_labels .nodata .row_tai.toprow,
.highlighted_country_details .nodata .row_tai.toprow{
	
	border-top:1px solid #333;
	border-bottom:2px solid #fff;
	
}


.infopanel .row .info_balken, 
#highlighted_country_labels .row .info_balken,
.highlighted_country_details .row .info_balken{
position:absolute;
	
}
.infopanel .row .info_value,  
#highlighted_country_labels .row .info_value,
.highlighted_country_details .row .info_value{
	position:absolute;
	margin-top:2px;
	/*margin-left:3px;*/
	margin-left:19px;
}
.highlighted_country_details .row .info_value .highlighted_country_head{
	position:absolute;
	margin-left:-19px;
	width:78px;
	margin-top:6px;
}
.infopanel .row .info_balken_label,
#highlighted_country_labels .row .info_balken_label,
.highlighted_country_details .row .info_balken_label{
	float:left;
	
	margin-top:2px;
	
	text-transform:none;
}
.infopanel .row_tai.indent1{
	margin-left:0px;
}
.infopanel .row.indent2{
	margin-left:14px;
}

.infopanel .row_tai .info_balken, 
#highlighted_country_labels .row_tai .info_balken,
.highlighted_country_details .row_tai .info_balken{
position:absolute;
	margin-top:20px;
}
.infopanel .row_tai .info_value,
#highlighted_country_labels .row_tai .info_value,
.highlighted_country_details .row_tai .info_value{
	position:absolute;
	margin-top:17px;
	/*margin-left:3px;*/
	margin-left:19px;
}

.infopanel .nodata .info_value,
#highlighted_country_labels .nodata  .info_value,
.nodata .highlighted_country_details   .info_value,
.infopanel .nodata .info_balken,
#highlighted_country_labels .nodata  .info_balken,
.nodata .highlighted_country_details  .info_balken{
	display:none;
}


.infopanel .row_tai .info_value .s,
#highlighted_country_labels .row_tai .info_value .s,
.highlighted_country_details .row_tai .info_value .s{
	font-size: 16px;
    line-height: 18px;
}
.infopanel .row_tai .info_balken_label,
#highlighted_country_labels .row_tai .info_balken_label,
.highlighted_country_details .row_tai .info_balken_label{
	float:left;
	width:260px;
	margin-top:15px;
	text-transform:none;
}

.infopanel .info_balken,
#highlighted_country_labels .info_balken,
.highlighted_country_details .info_balken{
	margin-top:3px;
	background-color:#333;
}
.infopanel .row.disabled,.infopanel .row_tai.disabled,
#highlighted_country_labels .row.disabled,
.highlighted_country_details .row.disabled,
#highlighted_country_labels .row_tai.disabled,
.highlighted_country_details .row_tai.disabled{
	/*color:#BBBAB5;*/
	color:rgba(20,20,20,0.3);
}
.infopanel .row.disabled .info_balken,.infopanel .row_tai.disabled .info_balken,
#highlighted_country_labels .row.disabled .info_balken,
.highlighted_country_details .row.disabled .info_balken,
#highlighted_country_labels .row_tai.disabled .info_balken,
.highlighted_country_details .row_tai.disabled .info_balken{
	background-color:rgba(30,30,30,0.1)!important;
	/*background-color:#DDDCD5!important;*/
}

#highlighted_country_labels .row.first .small{
	margin-top:-14px;
}
#highlighted_country_labels .row_tai .info_balken_label{
	/*font-size:18px;*/
}
#highlighted_country_labels .row_tai .icon_open, #highlighted_country_labels .row_tai .icon_closed{
	margin-left:0px;
	
}
.infopanel .de_highlight_country,.infopanel .highlight_country,.infopanel .show_timeline_country,.infopanel .hide_timeline_country, .show_filtersliders,.hide_filtersliders, .equalize_filtersliders,.reset_filtersliders,.zero_filtersliders, .infopanel .show_timeline_graph{
	
	padding:10px !important;
	display:inline-block;
	margin:10px 10px 0px 0px;

	width:100px;
	border:1px solid #288990;
	color:#288990;
	cursor:pointer;
	
}

.infopanel .de_highlight_country:hover,.infopanel .highlight_country:hover,.infopanel .show_timeline_country:hover,.infopanel .hide_timeline_country:hover, .show_filtersliders:hover,.hide_filtersliders:hover, .equalize_filtersliders:hover,.reset_filtersliders:hover,.zero_filtersliders:hover{
	
	border:1px solid #000;
	color:#000;
	
}
.show_filtersliders,.hide_filtersliders{
	font-size: 16px;
    line-height: 18px;
    width:180px;
    margin-left:20px;
}
.equalize_filtersliders,.zero_filtersliders{
	position:absolute;
	font-size: 16px;
    line-height: 18px;
    width:75px;
    margin-left:20px;
}
.reset_filtersliders{
position:absolute;
	font-size: 16px;
    line-height: 18px;
    width:180px;
    margin-left:20px;
    margin-top:60px;
}


.apply_weights{
position:absolute;
	font-size: 16px;
    line-height: 18px;
    width:180px;
    margin-left:20px;
    margin-top:110px;
    color:#288990;
    cursor:pointer;
}
.apply_weights:hover{
	color:#000;
}
.zero_filtersliders{
	
    margin-left:125px;
}
#makeyourownindex.alternative{
	padding:0px;
}
.alternative .show_filtersliders,.alternative  .hide_filtersliders{
	margin-left:10px;
	width:205px;
}
.alternative .apply_weights{
	margin-left:10px;
	margin-top:60px;
}
.filtermenu .alternative .pos_right{
	margin-left: 185px;
}
.equalize_filtersliders.alternative,.zero_filtersliders.alternative,.reset_filtersliders.alternative{
	position:absolute;
	font-size: 16px;
    line-height: 18px;
    width:47px;
    margin-left:10px;
    margin-top:10px;
}
.zero_filtersliders.alternative{
	
    margin-left:89px;
}
.reset_filtersliders.alternative{
	
    margin-left:168px;
}


.infopanel .show_timeline_country,.infopanel .hide_timeline_country{
	bottom:64px;
	
}
.infopanel .pos_right{
	display:block;
	position:absolute;
	margin-left: 85px;
	margin-top:2px;
}
.filtermenu .pos_right{
	display:block;
	position:absolute;
	margin-left: 165px;
	margin-top:2px;
}
.infopanel .highlight_country{
	/*background-color:#BBBAB5;
	background-color:#BBEAF5;*/
	border:1px solid #288990;
	color:#288990;
	
}
.infopanel .show_timeline_country, .infopanel .hide_timeline_country, .infopanel .show_timeline_graph{
	/*background-color:#BBBAB5;*//*#999A95;*/
	border:1px solid #288990;
	color:#288990;
	/*right:30px;*/
	cursor:pointer;
}
.infopanel .show_timeline_graph{
	display:block;
	position:absolute;
	margin-left:270px;
}
.hide_infopanel{
	position:absolute;
	right:8px;
	top:8px;
	cursor:pointer;
}
.info_button{
	font-size:14px!important;
	color:#0099DD;
	cursor:pointer;
}
#highlighted_country_labels .info_button {
    color: #444 !important;

}
.legend_text .info_button {
    color: #444 !important;
    margin-top: 1px;
    padding:0px;
    margin-left: 2px;
    display: inline-block;
        margin-top: -8px;
}
.accordion_trigger{
	cursor:pointer;
}
.accordion_trigger .icon_open{
	margin-left:-4px;
	padding-right:4px;
}
.accordion_trigger .icon_closed{
	margin-left:-4px;
	padding-left:4px;
}

.highlighted {

	
	/*-webkit-box-shadow:  0px 0px 0px 1px #00BBFF;
	box-shadow: 		 0px 0px 0px 1px #00BBFF;*/
	
	background-color:#dadada;
	
}
.geo.highlighted{
	background-color:inherit !important;
	-webkit-box-shadow: none;
	box-shadow: 		 none;
	border:none;
}
.found {
	/*background-color:#AAEEFF;*/
	background-color:#F5EABB;
	-webkit-box-shadow:  0px 0px 0px 1px #FFBB00;
	box-shadow: 		 0px 0px 0px 1px #FFBB00;
	
}
.highlighted_footer {
	position:absolute;
	bottom:12px;
	/*background-color:#BBEAF5;*/
	/*background-color: rgb(242, 237, 232);*/
	
	/*-webkit-box-shadow:  0px 0px 0px 1px #00BBFF;
	box-shadow: 		 0px 0px 0px 1px #00BBFF;*/
	
	/*-webkit-box-shadow:  0px 0px 0px 1px  #888A85;
	box-shadow: 		 0px 0px 0px 1px  #888A85;*/
	
}

#compare_highlights_button,#compress_highlights_button,#show_graph_selectedcountries{
	position:absolute;
	left:-5px;
	font-size:16px !important;
	margin-top:13px!important;
	margin-left:20px;
	/*right:13px;*/
	line-height:16px;
	padding:10px;
	
	border:1px solid #288990;
	color:#288990;
	background-color:#fff;
	cursor:pointer;

}

#show_graph_selectedcountries{
	margin-left:150px;
	background-color:#fff;
}

#compare_highlights_button:hover,#compress_highlights_button:hover, #show_graph_selectedcountries:hover{
	color:#000;
	border:1px solid #000;
}
#add_selected_country_button{
	position:absolute;
	margin-top:13px;
	cursor:pointer;
	bottom:40px;
}
#close_selected_country_searchbox{
	position:absolute;
	right:0px;
	margin-top:-14px;
	cursor:pointer;
}
#add_selected_country_searchbox{
	position:absolute;
	margin-top:-237px;
	background:#444;
	border-radius:10px;
	padding:20px;
	width: 180px;
    margin-left: -100px;
    height:200px;
    bottom:60px;
   /* border:1px solid #444;*/
   box-shadow: 1px 1px 6px 0 rgba(0,0,0,0.8);
}
#add_selected_country_search{
	border: 1px solid #666;
    padding: 2px 4px;
    height: 26px;
    font-size: 15px!important;
    width:142px;
}
#add_selected_country_list{
	height:155px !important;
}
#add_selected_country_list .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front{
	max-height:155px  !important;
}
.footer_label{
	position:absolute;
	font-size:21px;
	height:100%;
	/*margin-top:18px;
	margin-left:20px;*/
	
	color:#333/*#0099DD*/;
}
/*--------------------------------------*/
.infografik{
	position:absolute;
	overflow:auto;
	width:100%;
	/*background-color:#FFFAF5;*/
	background-color:#FFF;
	/*background-image:url("img/bg_white.png?v=1");*/
	height:100%;
	/*height:calc(100% - 96px);*/
	
}
.infografik_bg{
	position:absolute;
	padding-top:36px;
	
}

.infografik_bg_inner{
	padding-top:20px;
}

.infografik_inner{
	padding:36px;
}
#orderby_geo .infografik_inner{
	padding:0px;
}
.country_bygeo_holder{
	cursor:pointer;
}
.country_holder{
	left:50%;
	top:50%;
	width:78px;
	height:74px;
	position:absolute;
	padding-top:4px;
	border-radius:5px;
	margin-bottom:30px;
}
.country_holder.classic.nodata, .country_holder.nodata{
	display:none;
}

.country_holder.highlight_country_holder.nodata{
	display:block;
}
.country_holder.highlight_country_holder{
	left:auto;
	top:0px;
	margin-top:10px;
	margin-bottom:0px;
}
.country_holder.classic{
	height:550px;
}

.country_holder.geo{
	width:2px;/*24*/
	height:2px;/*24*/
	margin-left:-12px;margin-top:-12px;
	cursor:pointer !important;
	margin-bottom:0px;
}
.classic{
	
	width:12px;
	margin-left: 2px;
}
.number{
	color:#000;
}
.member .index_icon {
	
	/*margin-top:-3px;
	margin-bottom:-3px;
	border: 3px solid #944664;
	border-radius:28px ;
	box-shadow:none;*/
}
#menu li.highlightmember.selected{
	background-color: #944664;
	border: 1px solid #944664;
}
.member .index_icon .number{
	
	background-color: #944664;
	color:#fff;
}
.member.classic .grafikelement{
	
	background-color:#944664 !important;
	
}
.member .index_icon .number{

    border-radius:0px 0px 28px 28px;
}
.index_icon .number{
	background-color: #fff;
	margin-top: 24px !important;
    padding-top: 6px;
    padding-bottom: 7px;
    border-radius:0px 0px 24px 24px;
}

.classic .number{
	width:48px;
	margin-left:-18px;
	letter-spacing:0;
	/*font-weight:bold;*/
	
	-ms-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
	writing-mode: lr-tb;
	
}
.countrylabel, .info_value .small, .info_balken_label .small{
font-family:'oswald_regular', 'Arial Narrow', Arial, sans-serif;
text-transform:uppercase;
font-size:10px;
    letter-spacing: 1px;
    line-height: 11px;
}
.info_balken{
	width:14px;
	height:14px;
	border-radius:3px;
	margin-left: 2px; 
	margin-top:3px ;
}
.info_balken_label .small{
	margin-left: 190px;
    margin-top: -4px;
}

 .info_value .small{
 	text-align:center;
 	margin-bottom:-6px;
 	width:100%;
 }
 .weight_holder{
 	 display:none;
 }
 .timeline_open .weight_holder{
 	display:block;
 }
 .weight_holder .filter_weight_text{
 	left:52px;
 	position: absolute;
    /*margin-left: leftpx;*/
    text-align:left;
    /*height:40px;*/
    border-left: 1px solid #333;
    font-size: 10px;
    padding-left: 2px;
    padding-top: 2px;
    line-height: 10px;
   
 }
  .weight_holder .filter_weight_bar{
 	left:52px;
 	
    position: absolute;
    height: 4px;
    background-color: #333;
    margin-top: 14px;

 }
.classic .countrylabel{

width:150px;
height:150px;
text-align:right;
margin-top:30px;

-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	writing-mode: lr-tb;
	
	pointer-events: none;
	
}

.grafikelement{
	-webkit-border-radius: 24px 24px 24px 24px;
	border-radius: 24px 24px 24px 24px;
	-webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.5);
	box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.5);
	text-align:center;
	cursor:pointer !important;
	
}
#orderby_name .grafikelement .number,#orderby_ranking .grafikelement .number,#orderby_region .grafikelement .number,.filter .grafikelement .number, .grafikelement .number{
	width:48px;
	letter-spacing:0;
	/*font-weight:bold;*/
	font-size:16px;
	margin-top:20px;
	position:absolute;
	
}
img.index_icon_zylinder{
	display:none;
}

.grafikelement.index_icon_zylinder{
	-webkit-border-radius: none !important;
	border-radius: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	width:48px;
	height:96px;
	background:none !important;
}
.grafikelement.index_icon_rings{
	-webkit-border-radius: none !important;
	border-radius: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	
	background:none !important;
}
.grafikelement.index_icon_star{
	-webkit-border-radius: none !important;
	border-radius: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	
	background:#DDDAD5 !important;
}

.grafikelement.index_icon_rings .number{
	padding-top:42px;
}
.grafikelement.index_icon_zylinder img{
	width:96px !important;
	height:96px !important;
	margin-left:-48px !important;
	margin-top:-39px !important;
}
.region_holder .title{
	width:100%;
	margin-top:-10px;
	margin-bottom:14px;
	text-align:center;
}

/*------------ REGION HOLDER ---------*/

.region_holder{
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding:22px 18px 10px 18px;
	margin-left:30px;
	margin-top:30px;
	float:left;
	border:1px solid #777;
}
.region_Americas{
	width:404px;
	height:330px;
}

.region_Caribbean{
	width:163px;
	height:330px;
}

.region_Africa_and_Middle_East{
	width:404px;
	height:330px;
	/*margin-right:0px;*/
}

.region_Europe{
	width:720px;
	height:400px;
}

.region_Asia_Pacific{
	width:320px;
	height:400px;
	/*margin-right:0px;*/
}
.region_Americas.index_icon_zylinder, .region_Caribbean.index_icon_zylinder, .region_Africa_and_Middle_East.index_icon_zylinder {
	height:430px;
}
.region_Europe.index_icon_zylinder, .region_Asia_Pacific.index_icon_zylinder {
	height:520px;
}
/*-------CLASSIC REGIONS ---------*/

.classic_region_holder .title{
	width:100%;
	margin-top:-10px;
	margin-bottom:14px;
	text-align:left;
}
.classic_region_holder{
	position:absolute;
	padding:10px 18px 10px 18px;
	margin-left:30px;
	margin-top:52px;
	border-left:1px  solid #777;
}
.classic_region_holder.region_Americas{
	
	height:503px;
	left:0px;
}

.classic_region_holder.region_Caribbean{
	
	height:503px;
	left:270px;
}

.classic_region_holder.region_Africa_and_Middle_East{
	
	height:503px;
	left:372px;
	/*margin-right:0px;*/
}

.classic_region_holder.region_Europe{
	
	height:503px;
	left:630px;
}

.classic_region_holder.region_Asia_Pacific{
	
	height:503px;
	left:1165px;
	/*margin-right:0px;*/
}
/*------------- filterinfo ---------------------*/

.filterinfo_inner {
	cursor:pointer;
	}
.filterinfo_inner {
	
  position: absolute;
  top:50px;
  left:50%;
  font-size:20px;
  line-height:25px;
  letter-spacing:0px;
  background-color:#FFF;
  color:#444;
  padding:26px 30px;
  width:600px;
  margin-left:-300px;
  max-height:80%;
  overflow:auto;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -webkit-box-shadow: 0px 1px 3px 3px rgba(0,0,0,0.5);
	box-shadow:0px 1px 3px 3px rgba(0,0,0,0.5);
}

#filterinfo_tooltip{
	position: absolute;
  display:none;
  background-color:#FFF;
  color:#000;
  margin: 0;
  padding:16px;
  width:220px;
 -webkit-box-shadow: 0px 1px 4px 0 rgba(0,0,0,0.5);
	box-shadow: 0px 1px 4px 0 rgba(0,0,0,0.5);
	pointer-events: none;
	font-size:16px;
	line-height:18px;
	letter-spacing:0px;
	z-index: 1200001;
}
#linechart_tooltip{
	position: absolute;
  display:none;
  background-color:#FFF;
  color:#000;
  margin: 0;
  padding:16px;
  width:220px;
 -webkit-box-shadow: 0px 1px 4px 0 rgba(0,0,0,0.5);
	box-shadow: 0px 1px 4px 0 rgba(0,0,0,0.5);
	pointer-events: none;
	font-size:16px;
	line-height:18px;
	letter-spacing:0px;
	z-index: 1200001;
}

.downloadform_inner {
	
  position: absolute;
  top:100px;
  left:50%;
  font-size:14px;
	line-height:18px;
  letter-spacing:0px;
  background-color:#FFF;
  color:#444;
  padding:26px 30px;
  width:540px;
  margin-left:-300px;
  height:320px;
  max-height:90%;
  overflow:auto;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -webkit-box-shadow: 0px 1px 3px 3px rgba(0,0,0,0.5);
	box-shadow:0px 1px 3px 3px rgba(0,0,0,0.5);
}
.page_content {
	
  position: absolute;
  top:50px;
  left:50%;
  font-size:20px;
  line-height:25px;
  letter-spacing:0px;
  background-color:#FFF;
  color:#444;
  padding:0px;
  width:700px;
  
  margin-left:-350px;
 height:80%;
 overflow:hidden;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -webkit-box-shadow: 0px 1px 3px 3px rgba(0,0,0,0.5);
	box-shadow:0px 1px 3px 3px rgba(0,0,0,0.5);
}
.page_content iframe{
    border-width: 0px;
    border-style: none;
    border-color: none;
    border-image: none;
    width:100%;
    height:100%;
}
.filterinfo .title, .downloadform .title{
	font-size:24px;
	text-transform:uppercase;
}
.filterinfo .subtitle, .downloadform .subtitle{
	font-size:14px;
	line-height:20px;
}
.filterinfo, .downloadform, .page_overlay{
	position: absolute;
	width:100%;
	height:100%;
	background-image:url("./img/filterinfo_bg.png");
}
.hide_filterinfo, .hide_downloadform{
	position:absolute;
	right:10px;
	margin-top:-12px;
	cursor:pointer;
}

.hide_page{
	/*position:absolute;
	left:50%;
	top:50px;
	margin-left:292px;*/
	cursor:pointer;
	background-color:#fff;
	
	position:fixed;
	right:0px;
	top:0px;
}

.downloadform ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
.downloadform .col_0{
	width:100px;
}
.downloadform .col_1{
	margin-left: 96px;
	padding-left:4px;
	border-left: 1px solid #ccc;
	min-height:300px;
}
.downloadform .col_2{
	width:665px;
	margin-left: 296px;
	padding-left:4px;
	border-left: 1px solid #ccc;
	min-height:385px;
}
.downloadform .float_left{
	position: absolute;
	right:20px;
}
.downloadform .countrycol_0{
	position: absolute;
    margin-left: 0px;
    width: 130px;
    
}
.downloadform .countrycol_1{
	position: absolute;
    margin-left: 130px;
    width: 130px;
}
.downloadform .countrycol_2{
	position: absolute;
    margin-left: 260px;
    width: 130px;
}
.downloadform .countrycol_3{
	position: absolute;
    margin-left: 390px;
    width: 130px;
}
.downloadform .countrycol_4{
	position: absolute;
    margin-left: 520px;
    width: 130px;
}

.downloadform .personal_info{
	position:absolute;
	/*margin-top:400px;*/
	padding-top:20px;
	width:540px;
	/*border-top:1px solid #ccc;*/
	/*font-size:20px;*/
  	line-height:40px;
}
.downloadform .additional_info{
	position:absolute;
	left:460px;
	/*margin-top:400px;*/
	padding-top:20px;
	width:240px;
	/*border-top:1px solid #ccc;*/
	/*font-size:20px;*/
  	line-height:20px;
}
.downloadform .download_button_holder{
	position:absolute;
	margin-top:180px;
	padding-top:20px;
	width:540px;
	border-top:1px solid #ccc;
	font-size:16px;
  	
}
.downloadform li,.downloadform .link{
	cursor:pointer;
}
.downloadform li:hover,.downloadform .link:hover{
	text-decoration:underline;
}
.downloadform a{
	color:#000;
}
.downloadform .right{
	position:absolute;
	width:300px;
	margin-left:100px;
}

.downloadform .right input{
	width:400px;
	/*height:20px;*/
	padding: 4px;
    height: 26px;
    font-size: 15px!important;
	
}
.downloadform .downloadbutton{
	border-radius:5px;/*0px 0px 5px 5px;*/
	padding:10px;
	width:100px;
	/*background-color:#BBEAF5;
	border:1px solid #00BBFF;*//*#999A95;*/
	border:1px solid #888A85;
	cursor:pointer;
}
.downloadform .col_title{
	margin-bottom:6px;
}
.checkbox_agree{
	cursor:pointer;
}
#show_downloadform_simple, #show_downloadform_custom{
	border-radius:5px;/*0px 0px 5px 5px;*/
	position:absolute;
	text-align:center;
	border:1px solid #888A85;
	color:#888A85;
	cursor:pointer;
	width:450px;
	height:640px;
	font-size: 24px;
	line-height: 24px;
    text-transform: uppercase;
}

#show_downloadform_simple:hover, #show_downloadform_custom:hover{
	color:#000000;
}
#show_downloadform_simple{
	margin-left:460px;
}
#show_downloadform_custom{
	
}
#show_downloadform_simple .vcenter, #show_downloadform_custom .vcenter{
	margin-top:230px;
}

/* ----- LINECHART -------*/
#line_chart_holder{
	cursor:default;
	margin-top: 10px;
}
#line_chart_holder .left,#line_chart_holder .right,#line_chart_holder .center, #linechart_tooltip .left, #linechart_tooltip .center, #linechart_tooltip .right{
	/*display:inline-block;*/
	float:left;
		
}
#line_chart_holder .left, #linechart_tooltip .left{
	width:35px;
	border-right:2px solid #000;
}
.linechartHeader{
	width:100%;
	border-top:1px solid #000;
	/*margin-top:10px;*/
	padding-top:5px;
	height: 30px;
	font-size:16px;
}
.linechartCountryTitle{
	/*position:absolute;*/
	text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 11px;
    margin-left:10px;
    margin-bottom:1px;
	
	cursor:pointer;
}
.linechartCountryTitle.color_0{
	
	color: #288990;
}
.linechartCountryTitle.color_1{
	
	color: #f8b142;
}
.linechartCountryTitle.color_2{
	
	color: #6cc3da;
}
.linechartCountryTitle.color_0.selected, .linechartCountryTitle.color_1.selected, .linechartCountryTitle.color_2.selected{
	
	color: #000;
}
.linechartSubHeader{
	width:100%;
	border-top:1px solid #000;
	height: 20px;
	padding-bottom:10px;
}
.linechartSubHeader .left{
	
	padding-bottom:10px;
}
.linechartFullValue{
	width:100%;
	
	height: 20px;
}

.linechartFullValue .left, .linechartFullValue .right{
	height:100%;
	
}

.linechartScaleBreak .left, .linechartScaleBreak .right{
	height:100%;
}
.linechartScaleBreak{
	width:100%;
	height: 20px;
}
#line_chart_holder .linechartScaleBreak .left, #linechart_tooltip .linechartScaleBreak .left{
	border-right:2px dotted #000;
}
.lineFullValue{
	width:100%;
	margin-top:10px;
	border-bottom:1px solid #ccc;
}
.linechartBody{
	width:100%;
	border-bottom:2px solid #000;
}

.linechartFooter{
	width:100%;
}

.linechartFooter .left,.linechartFooter .center,.linechartFooter .right,
.linechartSubHeader .left,.linechartSubHeader .center,.linechartSubHeader .right{
	height:20px;
}
.linechart_circle.color_0{
	fill:#288990;
}
.linechart_circle.color_1{
	fill:#f8b142;
}
.linechart_circle.color_2{
	fill:#6cc3da;
}
.linechart_circle.selected{
	fill:#000;
}
.linechart_line.color_0{
	stroke:#288990;
}
.linechart_line.color_1{
	stroke:#f8b142;
}
.linechart_line.color_2{
	stroke:#6cc3da;
}
.linechart_line.color_0.selected, .linechart_line.color_1.selected, .linechart_line.color_2.selected{
	stroke:#000;
}
.chartXYear{
	float:left;
	border-right:2px solid #000;
	font-size:14px;
	text-align:center;
	margin:0px;
	padding:0px;
	height:20px;
}

/*----------------- Newsletter --------*/

.tnp-subscription, .tnp-profile{
	display:block;
	width: 600px !important;
	max-width: 600px !important;
	margin-left:auto;
	margin-right:auto;
}

/*----------------- tooltip ---------*/


.tooltip {
  position: absolute;
  
  background-color:#FFF;
  color:#000;
  margin: 0;
  padding:10px 0px 10px 10px;
  width:220px;
 /* -moz-border-radius:5px;
  -webkit-border-radius:5px;*/
  -webkit-box-shadow: 0px 1px 4px 0 rgba(0,0,0,0.5);
	box-shadow: 0px 1px 4px 0 rgba(0,0,0,0.5);
	pointer-events: none;
}
.tooltip.balloon{
 background-color:#fff;
}
.tooltip.balloon:after {
  position: absolute;
  display: block;
  content: "";  
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  bottom:-19px;
  left:110px;
  pointer-events: none;
}
.tooltip.geo{
	margin-left:-120px;
	margin-top:-100px;
}
.tooltip.classic{
	margin-left:-31px;
	margin-top:500px;
}
.tooltip .title{
	font-family:'oswald_light', 'Arial Narrow', Arial, sans-serif;
	font-size:21px;
	line-height:22px;
	text-transform:uppercase;
	letter-spacing:1px;
	margin-bottom:8px;
}
.meta_col1,.meta_col2,.meta_2, .meta_warning{
font-family:'oswald_light', 'Arial Narrow', Arial, sans-serif;
	font-size:16px;
	line-height:18px;
	letter-spacing:0px;
}
.meta_col1{
	
	float:left;
	width:170px;
}
.meta_col2{
	
	float:left;
	width:50px;
}
.tooltip .meta_col1.nodata{
	color:#a00;
}
/*--------- MENU ---------------*/
#menu{
	position:absolute;
	/*width:100%;*/
	height:34px;
	top:50px;
	margin-left:20px;
	
}
#menu li{
	background-color:#fff;
	border:1px solid #288990;
	color:#288990;
	margin-right:12px;
}
#menu li.selected{
	background-color:#288990;
	border:1px solid #288990;
	color:#fff;
	margin-right:12px;
}
.mapnavi span{
	
	
	background-color:#fff;
	border:1px solid #288990;
	color:#288990;
}
#filter_menu.modified{
	background-color:#FFCCCC;
}

/*----------- MODENAVI------------*/

.modenavi{
	position:absolute;
	margin:20px;
}
.modenavi span{
	cursor:pointer !important;
	padding:6px;
	
}
#menu li#mapmode{
	display:inline-block;
	/*position:absolute;*/
	/*background-color:#BBBAB5;
	border:1px solid #888A85;*/
	border-radius: 5px 0px 0px 5px ;
	margin-right:0px;
}
#menu li#iconmode{
	display:inline-block;
	/*position:absolute;*/
	/*background-color:#BBBAB5;
	border-top:1px solid #888A85;
	border-bottom:1px solid #888A85;*/
	border-radius: 0px ;
	margin-left:-1px;
	margin-right:-1px;
}
#menu li#barchartmode{
	display:inline-block;
	/*position:absolute;*/
	/*background-color:#BBBAB5;
	border:1px solid #888A85;*/
	border-radius: 0px 5px 5px 0px ;
	margin-left:0px;
	
}
#iconmode.disabled,#barchartmode.disabled{
	color:#888A85;
}
.modebuttontext{
	display:block;
	position:absolute;
	font-size:14px;
	padding:6px;
}
.modebuttontext.disabled{
	color:#999999;
}
#menu #indexmode{
	/*margin-left:58px;*/
	/*border-right:1px solid #333;*/
	margin-right:-1px;
	border-radius:5px 0px 0px 5px;
}
#rankmode{
	/*margin-left:102px;*/
	border-radius:0px 5px 5px 0px;
}

/*--------- DROPDOWN MENU COL----------*/
.newcol{
	margin-top:-95px;
}
.col_0{
	position:absolute;
	width:200px; 
	white-space:nowrap;
}
.col_1{
	position:absolute;
	margin-left:190px;
	width:200px;
}
.col_2{
position:absolute;
	margin-left:390px;
	width:200px;
}
.col_3{
position:absolute;
	margin-left:590px;
	width:200px;
}
.col_4{
position:absolute;
	margin-left:790px;
	width:200px;
}
.col_5{
position:absolute;
	margin-left:990px;
	width:200px;
}
.col_6{
	margin-left:1290px;
	width:210px;
}


.col_small_1{
	margin-left:160px;
	width:160px;
}
.col_small_2{
	margin-left:320px;
	width:160px;
}
.col_small_3{
	margin-left:480px;
	width:160px;
}


.col_mini_1{
	margin-left:80px;
	width:70px;
}
.col_mini_2{
	margin-left:160px;
	width:70px;
}
.col_mini_3{
	margin-left:240px;
	width:70px;
}
/*--------------- INTRO -------------------*/

#intro{
	position:absolute;
	z-index:1110000;
	right:35px;
	bottom:35px;
	width:334px;
	/*height:334px;*/
	border:1px solid #288990;
	background:#FFF;
	transition: bottom 1s, z-index 1s;
	
	
}
#intro a{
	color:#288990;
}
#intro a:hover{
	color:#000;
}
#intro.collapsed{
	bottom:115px;
	
	z-index:1099999;
	transition: bottom 1s, z-index 1s;
}
#intro.forcecollapsed{
	bottom:115px;
	
	z-index:1099999;
	transition: bottom 1s, z-index 0.02s;
}
.introheader{
	font-family: Cambria, Georgia, serif;
	color: #288990;
	height:56px;
	width:100%;
	border-bottom:1px solid #288990;
	
}
#introcontent{
	width:100%;
	height:279px;
	overflow:hidden;
	margin-top:-1px;
	transition: height 1s;
}
#introcontent.collapsed{
	height:0px;
	transition: height 1s;
}
#introcontent.forcecollapsed{
	height:0px;
	transition: height 1s;
}
#introslideholder{
	width:5000px;
	height:223px;
}
#introslideholder.slide0{
	margin-left:0px;
	transition: margin-left 1s;
}
#introslideholder.slide1{
	margin-left:calc(-334px * 1);
	transition: margin-left 1s;
}
#introslideholder.slide2{
	margin-left:calc(-334px * 2);
	transition: margin-left 1s;
}
#introslideholder.slide3{
	margin-left:calc(-334px * 3);
	transition: margin-left 1s;
}
#introslideholder.slide4{
	margin-left:calc(-334px * 4);
	transition: margin-left 1s;
}
#introslideholder.slide5{
	margin-left:calc(-334px * 5);
	transition: margin-left 1s;
}
#introslideholder.slide6{
	margin-left:calc(-334px * 6);
	transition: margin-left 1s;
}
#introslideholder.slide7{
	margin-left:calc(-334px * 7);
	transition: margin-left 1s;
}
#introslideholder.slide8{
	margin-left:calc(-334px * 8);
	transition: margin-left 1s;
}
#introslideholder.slide9{
	margin-left:calc(-334px * 9);
	transition: margin-left 1s;
}
#introslidenav{
	text-align:center;
	margin-top:10px;
}

.introslide_dot{
	display:inline-block;
	background-color:#A9D0D3;
	width:12px;
	height:12px;
	border-radius:6px;
	margin:2px 6px;
	cursor:pointer;
}
.introslide_dot:hover, .introslide_dot.selected{
	background-color:#000;
}
#introslide_prev, #introslide_next{
	cursor:pointer;
	padding-left:12px;
	padding-right:12px;
}
#introslide_prev:hover svg g path, #introslide_next:hover svg g path{
	stroke:#000;
}
#introslide_prev.disabled , #introslide_next.disabled{
	cursor:default;
}
#introslide_prev.disabled svg g path, #introslide_next.disabled svg g path{
	stroke:#ccc;
}
#intro h1{
	text-transform:none;
	font-size:24px;
	letter-spacing:0;
	padding-left:24px;
	padding-top:22px;
	margin:0px;
}
#toggleintro{
	position:absolute;
	width:56px;
	height:56px;
	background-color:#288990;
	right:0px;
	cursor:pointer;
}
#toggleintro:hover{
	
	background-color:#000;
}
.introslide h2{
	text-transform:none;
	font-size:24px;
	padding:0px;
	margin:0px;
}
.introslide{
	width:286px;
	float:left;
	font-family: Cambria, Georgia, serif;
	font-size:16px;
	line-height:18px;
	height:150px !important;
	overflow:visible;
	padding:24px;
	letter-spacing:0;
}
.introarrow{
	position:absolute;
	width:100px;
	height:100px;
	animation-duration: 1s;
  	animation-iteration-count: infinite;
  	display:none;
  	z-index:2000000;
}
.introarrow.up{
	margin-left:-50px;
	margin-top:5px;
	animation-name: arrow_up;
	
}
.introarrow.down{
	margin-left:-50px;
	margin-top:-105px;
	animation-name: arrow_down;
}
.introarrow.left{
	margin-left:5px;
	margin-top:-50px;
	animation-name: arrow_left;
}
.introarrow.right{
	margin-left:-105px;
	margin-top:-50px;
	animation-name: arrow_right;
}

@keyframes arrow_up {
  0% {margin-top: 5px;}
  50% {margin-top: 15px;}
  100% {margin-top: 5px;}
}
@keyframes arrow_down {
  0%  {margin-top: -105px;}
  50% {margin-top: -115px;}
  100%  {margin-top: -105px;}
}
@keyframes arrow_left {
  0%  {margin-left: 5px;}
  50% {margin-left: 15px;}
  100%  {margin-left: 5px;}
}
@keyframes arrow_right {
  0%  {margin-left: -105px;}
  50% {margin-left: -115px;}
  100%  {margin-left: -105px;}
}

/*--------------- TAB MENU -------------------*/
#tabmenu{
position:absolute;
left:0px;
top:0px;
width:100%;
	/*background-image: url("img/tab_bg.png") ;
    background-repeat: no-repeat;
    background-position: -470px 0px;*/
    background:#FFF;
	color:#288990;

    padding: 0px 0px 0px 0px;
   
    -webkit-box-shadow: 0px 0.5px 2px 0 rgba(0,0,0,0.7);
	box-shadow: 0px 0.5px 2px 0 rgba(0,0,0,0.7);
}
#tabmenu li.tab{
	display:inline-block;
	
	width:79px;
	padding:10px 10px 10px 10px;
	border-right:1px solid #666;
	border-left:1px solid #666;
	margin-right:-1px !important;
	
}
#tabmenu li.tab.selected{
	width:79px;
	padding:10px 10px 10px 10px;
	border-right:1px solid #666;
	border-left:1px solid #666;
	margin-right:-1px !important;
	background-color:#444;
	color:#fff;
}




/*--------- DROPDOWN MENU ----------*/

.pfeil{
	display:inline-block;
	font-size:10px;
}

ul.menu {
	font-family:'oswald_light', 'Arial Narrow', Arial, sans-serif;
	text-transform:uppercase;
	letter-spacing:0;
  text-align: left;
  font-size:14px;
  line-height:15px;
  display: inline;
  margin: 0;
  padding: 5px 4px 0px 0;
  list-style: none;
  
  
 
  
}
ul:focus, ul li:focus {
    outline:none;
}

ul.menu li {
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 10px 11px 8px 11px;
  
  cursor: pointer;
}
ul.menu li:hover {
  
  color: #000;
  /*text-decoration:underline;*/
}
#menu li span{
	height:13px;
}
#menu li ul {
  padding: 0;
  position: absolute;
  top:0px;
  left:0px;
  margin: -1px;
  padding-right:0px;
  padding-top:0px;
  padding-bottom:0x;
  background:#fff;
  z-index:80001;
  border:1px solid #000;
  
  
}

#menu li ul li { 
	
 /*padding: 6px 19px 6px 19px;*/
  display: block; 
  
  margin:-1px;
  
}
#menu  li:hover { 
	 color: #000;
	border:1px solid #000;
}
ul.menu li ul li.blank:hover{
	text-decoration:none ;
}
ul.menu li:hover ul, ul li:focus ul  {
  /*background:url(img/blank.png);*/
  
}
/*-----------------*/
/*--------- DROPDOWN OPTION MENU ----------*/

.pfeil{
	font-size:10px;
}
.pfeil_l{
	font-size: 10px;
    display: block;
    position: absolute;
    top: 10px;
}
#filter_menu .label{
	padding-left:16px;
}
#filter_menu{
	padding-bottom:10px;
	margin-right:0px;
}

ul.option_menu {

  display: block;
 width:150px;
 margin:0px 0px 36px 0px;
  padding: 2px 14px 2px 6px;
 
  list-style: none;
  
  background:#fff;
  
 
  
}

ul.option_menu li {
  display: inline-block;
  margin-right: -4px;
  position: relative;
 
  cursor: pointer;
}
ul.option_menu li:hover {
  
  color: #000;
  text-decoration:underline;
}
ul.option_menu li ul {
  padding: 0;
  position: absolute;
  top: 0px;
  left: -14px;
  width:190px;
  padding-right:10px;
  padding-top:10px;
  padding-bottom:10px;
  
  z-index:80000;
  background:#fff;
  -webkit-box-shadow: 	0 2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 		0 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 			0 2px 2px rgba(0, 0, 0, 0.3);
  
}

ul.option_menu li ul li { 
	
 padding: 2px 10px 2px 14px;
  display: block; 
  color: #000;
  
}
ul.option_menu li ul li:hover { 
	text-decoration:underline; 
	
}
ul.option_menu li ul li.blank:hover{
	text-decoration:none ;
}
ul.option_menu li:hover ul, ul li:focus ul  {
  /*background:url(img/blank.png);*/
  
}
/*-----------------*/
/*--------- DROPDOWN PAGE MENU ----------*/

.pfeil{
	font-size:10px;
}

ul.pagemenu {
position:absolute;
z-index:1700000;
right:0px;
	font-family:'oswald_light', 'Arial Narrow', Arial, sans-serif;
	text-transform:uppercase;
	letter-spacing:0;
  text-align: left;
  font-size:14px;
  line-height:15px;
  display: inline;
  margin: 0;
  padding: 5px 10px 9px 0;
  list-style: none;
  
  border-left:1px solid #444;
  background-color:#fff;
  color:#288990;
 
  
}


ul.pagemenu li {
  display: inline-block;
 
  position: relative;
  padding: 6px 0px 0px 10px;
  
  cursor: pointer;
}
ul.pagemenu li:hover {
  
  color: #000;
  /*text-decoration:underline;*/
}
ul.pagemenu li div{
display:none;
position:absolute;
z-index:3000000;
}
ul.pagemenu li ul {

  padding: 0;
  position: absolute;
  top: 0px;/*29px;*/
  right: -38px;
  padding-right:19px;
  padding-top:18px;
  padding-bottom:18px;
  width:160px;
  background:#fff;
  -webkit-box-shadow: 	0 2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 		0 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 			0 2px 2px rgba(0, 0, 0, 0.3);
  
}

ul.pagemenu li ul li { 
	
 padding: 2px 19px 2px 19px;
  display: block; 
  color: #000;
  
}
ul.pagemenu li ul li:hover { 
	text-decoration:underline; 
	
}
ul.pagemenu li ul li.blank:hover{
	text-decoration:none ;
}
ul.pagemenu li:hover ul, ul li:focus ul  {
  /*background:url(img/blank.png);*/
  
}

ul.pagemenu img{
	display:none;
}
/*--------- submenu ----------*/

ul.pagemenu .submenu ul{
	padding-right:0px;
	padding:0px;
	
}
ul.pagemenu .submenu ul li{
	border-bottom:1px solid #ccc;
	padding:0px;
}
ul.pagemenu .submenu ul a{
	color:#288990;
	text-decoration:none;
	display:block;
	padding:10px 20px 10px 16px;
}

/*---------------*/
input{
font-family:'oswald_light', 'Arial Narrow', Arial, sans-serif !important;
	
	letter-spacing:0;
  text-align: left;
  font-size:14px !important;;
  line-height:15px !important;;
}
.ui-autocomplete{
	border:0px;
width:100px;
font-family:'oswald_light', 'Arial Narrow', Arial, sans-serif !important;
	
  font-size:14px !important;;
  line-height:15px !important;;
  max-height:500px;
  overflow-y:auto;
  overflow-x:hidden;
   -webkit-box-shadow: 	0 2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 		0 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 			0 2px 2px rgba(0, 0, 0, 0.3);
}
.ui-autocomplete li{
	padding: 5px 6px 5px 6px !important;
	list-style-image:none !important;
}
.ui-state-focus{
	
	padding: 5px 8px 5px 8px !important;
	border-left:0px !important;
	border-right:0px !important;
}
/*-----------------*/

.filtermenu {
font-family:'oswald_light', 'Arial Narrow', Arial, sans-serif;
	
	letter-spacing:0;
  text-align: left;
  font-size:14px;
  line-height:15px;
  display: block;
  margin: 0px 0px 0px 0px !important;
  list-style: none;
  width:250px;
  height:100%;
  position: absolute;
  /*top: 35px;*/
  top:0px;
  left: 0px;
  padding-top:0px;
  padding-bottom:0px;
  background:#fff;
  /*border-right:1px solid #288990;*/
 
  
}
.filtermenu, .filtermenu .link{
	-webkit-box-shadow: 	inset -2px 0px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 		inset -2px 0px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 			inset -2px 0px 2px rgba(0, 0, 0, 0.3);
}
.filtermenu .info_button{
	color:#555 !important;
	    margin-top: 1px;
   /* position: absolute;*/
    margin-left: 2px;
}
.filtermenu{
	color:#000;
}
.filtermenu div { 
	
 padding: 2px 14px 2px 6px;
  display: block; 
  /*color: #444;*/
  
}
.filtermenu .link{
	height: 16px;
    border-bottom: 1px solid #000;
    padding: 5px 5px 4px 8px;
}
.filtermenu .link.mainfilter{
	font-size:18px;
  line-height:21px;
  	padding:12px 5px 8px 8px;
}
.filtermenu .link:hover { 
	/*text-decoration:underline; 
	cursor:pointer;*/
	
	
}
.filtermenu .filtercheckbox:hover { 
	/*text-decoration:underline; */
	cursor:pointer;
	
	
}
.filtermenu div.blank:hover{
	text-decoration:none ;
}
.filterslider_holder{
	position:absolute;
	padding:0px !important;
	margin:0px !important;
	
}
.filterslider.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all{
	height:2px;
}
.ui-slider .ui-slider-handle,.ui-slider  .ui-slider-handle.ui-state-hover,.ui-slider  .ui-slider-handle.ui-state-active,.ui-slider  .ui-slider-handle.ui-state-focus{
	width:12px !important;
	height:12px !important;
	margin-top:1px !important;
	background:#444 !important;
	padding:0px !important;
	border:none!important;
}

.ui-slider .ui-slider-handle.ui-corner-all{
	border-radius:6px;
}
/*--------------------*/

.filterslider{
	    display: block !important;
    width: 25px;
    margin-left: 10px;
    margin-right: 10px;
    position: absolute!important;
    left: 175px;
    margin-top: 4px;
}


.filtercheckbox{
	display: block !important;
    width: 30px;
    margin-left: 0px;
    margin-right: 0px;
    position: absolute!important;
        left: 215px;
    margin-top: -2px;
}

.filter_weight_text{
	position:absolute;
	font-size:10px;
	left:200px;
	width:25px;
	text-align:right;
}

.filter_weight_bar{
	position:absolute;
	height:8px;
	background-color:#CCC2B8;
	left:230px;
	margin-top:5px;
}
.filtermenu .filter_weight_text{
	left:155px;
	padding-top:1px;
}
.filtermenu .filter_weight_bar{
	left:195px;
	padding:0px;
	margin-top:4px;
	background-color:#444;
}
#highlighted_country_labels .filter_weight_text{
	left:180px;
	padding-top:1px;
}
#highlighted_country_labels .filter_weight_bar{
	left:210px;
	padding:0px;
	margin-top:4px;
	background-color:#444;
}
#highlighted_country_labels .row.disabled .filter_weight_bar{
background-color:rgba(30,30,30,0.1);
}

/* --- TÜRKIS --- */
.mainfilter.colorVersion0{
	/*background-color:rgb(126,184,188);*/
	background-color:#288990;

}
.colorVersion0{
	/*background-color:rgb(126,184,188);*/
	background-color:#288990;

}

/* --- BLAU --- */
.mainfilter.colorVersion2{
	/*background-color:rgb(172,223,238);*/
	background-color:#6cc3da;
}
.colorVersion2{
	/*background-color:rgb(172,223,238);*/
	background-color:#d0ecf4;
}

/* --- GELB --- */
.mainfilter.colorVersion1{
	
	/*background-color:rgb(255,211,126);*/
	background-color:#f8b142;
}
.colorVersion1{
	
	/*background-color:rgb(255,211,126);*/
	background-color:#f4ddb5;/*#d0ecf4;*/
}


.colorVersion2Sub{
	background-color:#8acdbd;
	/*background-color:#47d8c2;*/
}
.colorVersion1Sub{
	background-color:#d0b1d7;
	/*background-color:#d49ff6;*/
}
.colorVersion0.disabled, .colorVersion1.disabled, .colorVersion2.disabled{
	background-color:#dadada;
	color:#7a7a7a;
}


/*------ MOBILE STUFF ----*/
@media screen and (max-height: 690px) {
	.infopanel .row{
		height:18px;
	}
	.infopanel .row.first{
		height:20px;
	}
	.infopanel .row .info_balken_label{
		margin-top:1px;
		font-size: 14px;
    	line-height: 16px;
    	height: 18px;
	}
	.infopanel .info_balken{
		margin-top:2px;
	}
	.infopanel .row .info_value{
		font-size:15px;
		margin-top:1px;
	}
	#funded{
	
	font-size:9px;
	line-height:11px;
	/*letter-spacing:1px;*/
	}

}
/*------ MOBILE STUFF ----*/
@media screen and (max-height: 780px) {
	
	.filtermenu .link{
		line-height:15px;
		padding-top:2px !important;
		padding-bottom:2px !important;
	}
	.filtermenu .link.mainfilter{
		padding-top:7px !important;
		padding-bottom:10px !important;
	}
	.filtermenu .filter_weight_text {
    padding-top: 1px;
    }
	#highlighted_country_labels, .highlighted_country_details{
		max-height: 540px;
	}
	#highlighted_country_labels .row.first .small {
    	margin-top: -14px;
	}
	#highlighted_country_labels .weight_head{
		margin-top: 10px;
	}
	#highlighted_country_labels .row, .highlighted_country_details .row{
		font-size: 12px;
    	line-height: 14px;
    	height: 18px;
	}
	#footer{
		max-height: 580px;
	}
	#compress_highlights_button,#show_graph_selectedcountries{
		margin-top:5px !important;
	}
	
}
@media screen and (max-width: 1144px) {
	ul.pagemenu img{
	display:block;
	
}

ul.pagemenu span{
	display:none;
	
}
/*#subtitle{
	position:absolute;
	right:40px;
	}
}*/
/*------ MOBILE STUFF ----*/
@media screen and (max-width: 1100px) {


/*	#subtitle .legend_color{
		width:18px;
	}
	
#subtitle .legend{
	max-width:100px!important;
	overflow:visible;
	}
#subtitle .legend .legend_icon{
	float:left;
	width:30px;
}
#subtitle .legend .legend_text{
	min-width:50px !important;
	white-space: nowrap;
}*/

}