function tabtest (tab) {
//var tabarray = document.URL.split("#");
//var tab = tabarray[1];
//alert(tab);

/* klappt irgendwie nicht... nochmal ausprobieren... besser auch eigentlich mit class-Manipulation
var t=1;
while (t<=5) {
  alert ('tab'+t);
  var test = 'tab'+t;
  document.getElementById('tab'+t).style.display = "none";
  t++;
}
*/
document.getElementById('tab1').style.display = "none";
document.getElementById('tab2').style.display = "none";
document.getElementById('tab3').style.display = "none";
document.getElementById('tab4').style.display = "none";
document.getElementById('tab5').style.display = "none";
document.getElementById('tab6').style.display = "none";
document.getElementById('tab7').style.display = "none";
document.getElementById('tab8').style.display = "none";
document.getElementById('tab10').style.display = "none";
document.getElementById('tab11').style.display = "none";
document.getElementById('tab13').style.display = "none";
document.getElementById('tab14').style.display = "none";
document.getElementById('tab15').style.display = "none";
document.getElementById('tab12').style.display = "none";
document.getElementById('tab20').style.display = "none";

document.getElementById('tab'+tab).style.display = "block";

/*Das hat im IE nciht funktioniert, deshalb die Holzhammer-Methode unten
document.getElementById('navi1').setAttribute('class', '');
document.getElementById('navi2').setAttribute('class', '');
document.getElementById('navi3').setAttribute('class', '');
document.getElementById('navi'+tab).setAttribute('class', 'active');
*/

/* klappt irgendwie nicht... nochmal ausprobieren... besser auch eigentlich mit class-Manipulation
var i=1;
while (i<=30) {
  document.getElementById('navi'+i).style.backgroundColor = "#DDD6C3";
  document.getElementById('navi'+i).style.border = "0px solid #BDAC7D";
  document.getElementById('navi'+i).style.color = "#513722";
  i++;
}
*/

  document.getElementById('navi1').style.backgroundColor = "#DDD6C3";
  document.getElementById('navi2').style.backgroundColor = "#DDD6C3";
  document.getElementById('navi3').style.backgroundColor = "#DDD6C3";
  document.getElementById('navi3').style.backgroundColor = "#DDD6C3";
  document.getElementById('navi4').style.backgroundColor = "#DDD6C3";
  document.getElementById('navi5').style.backgroundColor = "#DDD6C3";
  document.getElementById('navi6').style.backgroundColor = "#DDD6C3";
  document.getElementById('navi7').style.backgroundColor = "#DDD6C3";
  document.getElementById('navi8').style.backgroundColor = "#DDD6C3";
  document.getElementById('navi1').style.border = "0px solid #BDAC7D";
  document.getElementById('navi2').style.border = "0px solid #BDAC7D";
  document.getElementById('navi3').style.border = "0px solid #BDAC7D";
  document.getElementById('navi4').style.border = "0px solid #BDAC7D";
  document.getElementById('navi5').style.border = "0px solid #BDAC7D";
  document.getElementById('navi6').style.border = "0px solid #BDAC7D";
  document.getElementById('navi7').style.border = "0px solid #BDAC7D";
  document.getElementById('navi8').style.border = "0px solid #BDAC7D";
  document.getElementById('navi1').style.color = "#513722";
  document.getElementById('navi2').style.color = "#513722";
  document.getElementById('navi3').style.color = "#513722";
  document.getElementById('navi4').style.color = "#513722";
  document.getElementById('navi5').style.color = "#513722";
  document.getElementById('navi6').style.color = "#513722";
  document.getElementById('navi7').style.color = "#513722";
  document.getElementById('navi8').style.color = "#513722";
  
  document.getElementById('navi10').style.backgroundColor = "#DDD6C3";
  document.getElementById('navi11').style.backgroundColor = "#DDD6C3";
  document.getElementById('navi12').style.backgroundColor = "#DDD6C3";
  document.getElementById('navi13').style.backgroundColor = "#DDD6C3";
  document.getElementById('navi14').style.backgroundColor = "#DDD6C3";
  document.getElementById('navi15').style.backgroundColor = "#DDD6C3";    
  document.getElementById('navi10').style.border = "0px solid #BDAC7D";
  document.getElementById('navi11').style.border = "0px solid #BDAC7D";
  document.getElementById('navi12').style.border = "0px solid #BDAC7D";
  document.getElementById('navi13').style.border = "0px solid #BDAC7D";
  document.getElementById('navi14').style.border = "0px solid #BDAC7D";
  document.getElementById('navi15').style.border = "0px solid #BDAC7D";
  document.getElementById('navi10').style.color = "#513722";
  document.getElementById('navi11').style.color = "#513722";
  document.getElementById('navi12').style.color = "#513722";
  document.getElementById('navi13').style.color = "#513722";
  document.getElementById('navi14').style.color = "#513722";
  document.getElementById('navi15').style.color = "#513722";
  
  document.getElementById('navi20').style.backgroundColor = "#DDD6C3";
  document.getElementById('navi20').style.border = "0px solid #BDAC7D";
  document.getElementById('navi20').style.color = "#513722";

document.getElementById('navi'+tab).style.backgroundColor = "#DDD6C3";
document.getElementById('navi'+tab).style.border = "1px solid #BDAC7D";
document.getElementById('navi'+tab).style.borderBottom = "1px solid #DDD6C3";
document.getElementById('navi'+tab).style.color = "black";


}

function uncheck (id) {
  document.getElementById(id).checked=false;
}