function citymappointup(city){
  document.getElementById(city+"_img").src = './files/punkt2.png';;
  document.getElementsByName(city)[0].style.color = '#f82972';
  document.getElementById(city+"_img").style.zIndex="199";
}
function citymappointdown(city){
  document.getElementById(city+"_img").src = './files/punkt.png';;
  document.getElementById(city+"_img").style.zIndex="";
  mapcity_verlauf();
}
function citymaplinkup(city){
  document.getElementById(city+"_img").src = './files/punkt2.png';;
  document.getElementById(city+"_img").style.zIndex="199";
  document.getElementsByName(city)[0].style.color="#f82972";
}
function citymaplinkdown(city){
  document.getElementById(city+"_img").src = './files/punkt.png';;
  document.getElementById(city+"_img").style.zIndex="";
  mapcity_verlauf();
}
function mapcity_verlauf(){
  document.getElementById('city_table').getElementsByTagName("ul")[0].getElementsByTagName("a")[0].style.color='#eee';
  document.getElementById('city_table').getElementsByTagName("ul")[0].getElementsByTagName("a")[0].style.textShadow='#000';
  document.getElementById('city_table').getElementsByTagName("ul")[0].getElementsByTagName("a")[1].style.color='#000';
  document.getElementById('city_table').getElementsByTagName("ul")[0].getElementsByTagName("a")[1].style.textShadow='#000';
  document.getElementById('city_table').getElementsByTagName("ul")[0].getElementsByTagName("a")[2].style.color='#000';
  document.getElementById('city_table').getElementsByTagName("ul")[0].getElementsByTagName("a")[2].style.textShadow='#000';
  document.getElementById('city_table').getElementsByTagName("ul")[0].getElementsByTagName("a")[3].style.color='#eee';
  document.getElementById('city_table').getElementsByTagName("ul")[0].getElementsByTagName("a")[3].style.textShadow='#000';
  document.getElementById('city_table').getElementsByTagName("ul")[0].getElementsByTagName("a")[4].style.color='#ddd';
  document.getElementById('city_table').getElementsByTagName("ul")[0].getElementsByTagName("a")[5].style.color='#ddd';
  document.getElementById('city_table').getElementsByTagName("ul")[0].getElementsByTagName("a")[6].style.color='#000';
  document.getElementById('city_table').getElementsByTagName("ul")[0].getElementsByTagName("a")[7].style.color='#000';
  document.getElementById('city_table').getElementsByTagName("ul")[0].getElementsByTagName("a")[8].style.color='#ccc';
  document.getElementById('city_table').getElementsByTagName("ul")[0].getElementsByTagName("a")[9].style.color='#ccc';
  document.getElementById('city_table').getElementsByTagName("ul")[0].getElementsByTagName("a")[10].style.color='#555';
  document.getElementById('city_table').getElementsByTagName("ul")[0].getElementsByTagName("a")[11].style.color='#555';
  document.getElementById('city_table').getElementsByTagName("ul")[0].getElementsByTagName("a")[12].style.color='#444';
  document.getElementById('city_table').getElementsByTagName("ul")[0].getElementsByTagName("a")[13].style.color='#333';
  document.getElementById('city_table').getElementsByTagName("ul")[0].getElementsByTagName("a")[14].style.color='#222';
  document.getElementById('city_table').getElementsByTagName("ul")[0].getElementsByTagName("a")[15].style.color='#111';
  document.getElementById('city_table').getElementsByTagName("ul")[0].getElementsByTagName("a")[16].style.color='#000';
  document.getElementById('city_table').getElementsByTagName("ul")[0].getElementsByTagName("a")[17].style.color='#000';

  document.getElementById('city_table').getElementsByTagName("ul")[3].getElementsByTagName("a")[0].style.color='#eee';
  document.getElementById('city_table').getElementsByTagName("ul")[3].getElementsByTagName("a")[1].style.color='#eee';
  document.getElementById('city_table').getElementsByTagName("ul")[3].getElementsByTagName("a")[2].style.color='#ddd';
  document.getElementById('city_table').getElementsByTagName("ul")[3].getElementsByTagName("a")[3].style.color='#ccc';
  document.getElementById('city_table').getElementsByTagName("ul")[3].getElementsByTagName("a")[4].style.color='#ccc';
  document.getElementById('city_table').getElementsByTagName("ul")[3].getElementsByTagName("a")[5].style.color='#666';
  document.getElementById('city_table').getElementsByTagName("ul")[3].getElementsByTagName("a")[6].style.color='#555';
  document.getElementById('city_table').getElementsByTagName("ul")[3].getElementsByTagName("a")[7].style.color='#444';
  document.getElementById('city_table').getElementsByTagName("ul")[3].getElementsByTagName("a")[8].style.color='#333';
  document.getElementById('city_table').getElementsByTagName("ul")[3].getElementsByTagName("a")[9].style.color='#222';
  document.getElementById('city_table').getElementsByTagName("ul")[3].getElementsByTagName("a")[10].style.color='#111';
  document.getElementById('city_table').getElementsByTagName("ul")[3].getElementsByTagName("a")[11].style.color='#000';
  document.getElementById('city_table').getElementsByTagName("ul")[3].getElementsByTagName("a")[12].style.color='#000';
  
  document.getElementById('city_table').getElementsByTagName("ul")[4].getElementsByTagName("a")[0].style.color='#eee';
  document.getElementById('city_table').getElementsByTagName("ul")[4].getElementsByTagName("a")[1].style.color='#ddd';
  document.getElementById('city_table').getElementsByTagName("ul")[4].getElementsByTagName("a")[2].style.color='#ccc';
  document.getElementById('city_table').getElementsByTagName("ul")[4].getElementsByTagName("a")[3].style.color='#ccc';
  document.getElementById('city_table').getElementsByTagName("ul")[4].getElementsByTagName("a")[4].style.color='#666';
  document.getElementById('city_table').getElementsByTagName("ul")[4].getElementsByTagName("a")[5].style.color='#555';
  document.getElementById('city_table').getElementsByTagName("ul")[4].getElementsByTagName("a")[6].style.color='#444';
  document.getElementById('city_table').getElementsByTagName("ul")[4].getElementsByTagName("a")[7].style.color='#333';
  document.getElementById('city_table').getElementsByTagName("ul")[4].getElementsByTagName("a")[8].style.color='#333';
  document.getElementById('city_table').getElementsByTagName("ul")[4].getElementsByTagName("a")[9].style.color='#222';
  document.getElementById('city_table').getElementsByTagName("ul")[4].getElementsByTagName("a")[10].style.color='#111';
  document.getElementById('city_table').getElementsByTagName("ul")[4].getElementsByTagName("a")[11].style.color='#000';
  document.getElementById('city_table').getElementsByTagName("ul")[4].getElementsByTagName("a")[12].style.color='#000';
}