/*
 * table definition classes
 * html-entity: table 
 */
.eco_home_button,
.eco_print_button 
{
color: #222;font-size: 11px;font-family: Arial, Helvetica, sans-serif;text-decoration:none;position:relative;top:-15px
}

.eco_tbl_individual_route,
.eco_tbl_note,
.eco_tbl_display
{
  font-family: Arial, sans-serif;
  font-size: 10px;
}

.eco_tbl_legend 
{
  margin-left:28px;
  font-family: Arial, sans-serif;
  font-size: 10px;
}


/*
 * cells for decribing titles
 * html-entitiy: td
 */

.eco_tbl_edit_type_title { 
  padding-top: 7px;
  vertical-align:top; 
  text-align:right; 
  font-weight:bold; 
  white-space:nowrap;
  color: #333333;
  background-color: white;
  font-family: Arial, sans-serif;
  font-size: 11px;
 }

.eco_tbl_base_origin_title,
.eco_tbl_base_destination_title,
.eco_tbl_base_transportmodes_title,
.eco_tbl_base_cargo_title,
.eco_tbl_base_energy_title,
.eco_tbl_individual_route_title,
.eco_tbl_individual_route_switch_title,
.eco_tbl_note_title,
.eco_tbl_display_title 
{
  padding-top: 7px;
  vertical-align:top; 
  text-align:left; 
  font-weight:bold; 
  white-space:nowrap;
  color: #333333;
  background-color: white;
  font-family: Arial, sans-serif;
  font-size: 11px;
}

.eco_tbl_display_title 
{
  padding-right: 1em;
}

.eco_div_result_title { 
  color: #333333;
  background-color: white;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight:bold; 
  padding-top: 1.5em;
 }

/*
 * cells for data elements
 * html-entitiy: td
 */

.eco_tbl_edit_type_value
{
  text-align:left;
  font-family: Arial, sans-serif;
  font-size: 11px;
  white-space:nowrap;
  font-weight:normal; 
}

.eco_tbl_base_origin_value,
.eco_tbl_base_destination_value,
.eco_tbl_base_transportmodes_value,
.eco_tbl_base_cargo_value,
.eco_tbl_base_energy_value,
.eco_tbl_note_value,
.eco_tbl_individual_route_value,
.eco_tbl_individual_route_switch_value,
.eco_tbl_individual_route_arrow,
.eco_tbl_display_value {
  text-align:left;
  font-family: Arial, sans-serif;
  font-size: 11px;
  white-space:nowrap;
}

.eco_tbl_individual_route_buttons_td { 
  font-family: Arial, sans-serif;
  font-size: 11px;
  white-space:nowrap;
}

.eco_tbl_individual_route_buttons { 
  text-align:right;
}

.eco_tbl_individual_route_buttons_row { 
  text-align:right;
}

/*
 * error message cells
 * html-entitiy: td
 */
.eco_tbl_base_origin_error,
.eco_tbl_base_destination_error,
.eco_tbl_individual_route_switch_error {
  color: red; 
  background-color: white; 
  text-align:left; 
  font-weight:bold;
  font-family: Arial, sans-serif;
  font-size: 11px;
  white-space:normal;
}



/* 
 * area for input of individual route
 * html-entitiy: div
 */

.eco_tbl_base_transportmodes_value_individual_route {
  padding-left:20px;
  padding-bottom:15px;
}


/* 
 * classes for gaps between logical blocks
 * html-entitiy: div
 */

.eco_spacer_query_button,
.eco_spacer_button_display,
.eco_spacer_display_tables {
  margin-top:20px;
}


/*
 * classes for changing title of diagrams
 * html-entitiy: span
 */
.eco_txt_graphs_title
{
  color: black;
  background-color: #a0a0a0;
  font-family: Arial, sans-serif;
  font-size: 12px;
}      

.eco_txt_graphs_subtitle
{
  color: black;
  background-color: #c0c0c0;
  font-family: Arial, sans-serif;
  font-size: 11px;
}      

/* 
 * classes for changing text of diagram elements
 * html-entitiy: span
 */
.eco_txt_graphs_abscissa,
.eco_txt_graphs_ordinate,
.eco_txt_graphs_values
{
  color: black;
  background-color: white;
  font-family: Arial, sans-serif;
  font-size: 10px;
}      

.eco_txt_table_abscissa,
.eco_txt_table_ordinate
{
  font-family: Arial, sans-serif;
  font-size: 10px;
}      

.eco_txt_graphs_unit 
{
  color: black;
  background-color: #c0c0c0;
  font-family: Arial, sans-serif;
  font-size: 10px;
}      

/*
 * cells for buttons
 * html-entitiy: td
 */
.eco_tbl_buttons_calculate,
.eco_tbl_buttons_recalculate,
.eco_tbl_buttons_change
{
  text-align: right; 
}

.eco_tbl_buttons_change
{
  width: 1%;
  text-align: right; 
}

.eco_tbl_buttons
{ 
 width: 100%;
}

/* 
 * stinnes classes
 */ 

body 
{ 
  color: rgb(51, 51, 51);
  background-color: white;
  margin: 0px;
  padding: 0px;

  font-family: Arial, sans-serif;
  font-size: 11px;
}

input,
select
{ 
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: rgb(51, 51, 51);
}


.stinnes_tbl_main, 
.stinnes_tbl_footer
{
  width: 768px;
}

.stinnes_tbl_main_logo
{ 
  text-align: right;
}


.stinnes_tbl_main_title
{ 
  height: 36px;

  color: #FFFFFF;
  background-color: rgb(0, 0, 102);

  font-family: 'DB Sans', Arial, sans-serif;
  font-weight: bold;
  font-size: 16px;

 }

.stinnes_tbl_main_title  a
{ 
  color: #FFFFFF;
  background-color: rgb(0, 0, 102);

  text-decoration: none;

}
.stinnes_tbl_main_title  a:hover
{ 
  color: #FFFFFF;
  background-color: rgb(0, 0, 102);

  text-decoration: none;

}
.stinnes_tbl_main_menu
{ 
  height: 36px;
  text-align: right;
  vertical-align: bottom;
  
  padding-right: 25px;

  color: #FFFFFF;
  background-color: rgb(0, 0, 102);

  font-family: Arial, sans-serif;
  font-size: 10px;

 }

.stinnes_tbl_main_menu a
{ 
  color: #FFFFFF;
  background-color: rgb(0, 0, 102);

  text-decoration: none;

}
.stinnes_tbl_main_menu a:hover
{ 
  color: #FF0000;
  background-color: rgb(0, 0, 102);

  text-decoration: none;

}

.stinnes_tbl_anker
{ 
  color: #FFFFFF;
  background-color: rgb(0, 0, 102);

  width: 192px;
  height: 35px;
  
}

.stinnes_tbl_main_languages
{ 
  width: 99%;

  color: #000000;
  background-color: rgb(231, 231, 231);

  text-align: right;

  padding-right: 25px;

  font-family: Arial, sans-serif;
  font-size: 10px;
}
.stinnes_tbl_main_spacer_middle {
  height:18px;
}

a.language                
{
  color: #000000;
  background-color: rgb(231, 231, 231);

  text-decoration: none;

  font-family: Arial, sans-serif;
  font-size: 10px;
}

a.language:hover          
{
  color: #CC0000;
  text-decoration: none;
}

a.activelanguage
{
  color: #000000;
  background-color: rgb(231, 231, 231);

  text-decoration: none;

  font-weight: bold; 

  font-family: Arial, sans-serif;
  font-size: 10px;
}

a.activelanguage:hover
{
  color: #CC0000;
  text-decoration: none;
  font-weight: bold; 
}

.stinnes_tbl_footer_left 
{ 
  color: #FFFFFF;
  background-color: rgb(0, 0, 102);

  height:18px;
  

  text-decoration: none;

  font-family: Arial, sans-serif;
  font-size: 10px;

}
.stinnes_tbl_footer_right
{ 
  color: #FFFFFF;
  background-color: rgb(0, 0, 102);

  height:18px;
  
  text-align: right;
  text-decoration: none;

  padding-right: 20px;

  font-family: Arial, sans-serif;
  font-size: 10px;

}

.eco_btn_node_edit_link,
.eco_btn_define_route_link,
.eco_btn_switch_add_link,
.eco_btn_switch_delete_link,
.eco_btn_calculate_link,
.eco_btn_recalculate_link,
.eco_btn_show_link,
.eco_btn_change_link
{
  color: #333333;
  background-color: #e0e0e0;
  text-decoration: none;
  font-family: Arial, sans-serif;
  font-size: 11px;
  border-color:#a0a0a0;
  border-width:1px;
  border-style:solid;
  padding:0px;  
}

.eco_btn_node_edit_link:hover,
.eco_btn_define_route_link:hover,
.eco_btn_switch_add_link:hover,
.eco_btn_switch_delete_link:hover,
.eco_btn_calculate_link:hover,
.eco_btn_recalculate_link:hover,
.eco_btn_show_link:hover,
.eco_btn_change_link:hover
{
  color: #cc0000;
  background-color: #ffffff;
  border-color: #cc0000;
  border-width:1px;
  border-style:solid;
  padding:0px;
}



.stinnes_div_main 
{ 
  width: 768px;
  border-style: solid;
  border-color:#c0c0c0;
  border-width:1px; 
  margin: 0px;
}

.eco_ruler_1,
.eco_ruler_2,
.eco_ruler_3,
.eco_ruler_3,
.eco_ruler_4,
.eco_ruler_5,
.eco_ruler_6,
.eco_ruler_7,
.eco_ruler_distances
{
  border:none;
  color:#cccccc;
  background-color:#cccccc;
  height:1px;
  width:100%;
}

#eco_txt_progress_title 
{
  text-align:center; 
  font-weight:bold; 
  font-size:large; 
  white-space:nowrap;
}

.eco_tbl_distances_title
{
  font-size:large;
  font-weight:bold;
  text-align:left;
  font-family: Arial, sans-serif;
  font-size: 12px;
}
.eco_tbl_distances_header
{
  font-weight:bold;
  font-family: Arial, sans-serif;
  font-size: 11px;
}

.eco_tbl_distances_data
{
  font-family: Arial, sans-serif;
  font-size: 11px;
}
.eco_tbl_distances_sums
{
  font-weight:bold;
  font-family: Arial, sans-serif;
  font-size: 11px;
}