var height_kai = 160;
		 var height_kati = 160;
		 var height_birgit = 160;
		 var height_lutz = 160;
		 var diff = 30;
		 
		 function aufklappen_kai() 
		 {
		 	if(height_kai<230){height_kai=height_kai+diff;}
		  if(height_kai<230) 
		  {
		   document.getElementById("kai").style.height = height_kai + "px";
		   window.setTimeout("aufklappen_kai()",1);
		  }
		 }
			
		 function zuklappen_kai() 
		 {
		 	if(height_kai>159){height_kai=height_kai-diff;}
		  if(height_kai>159) 
		  {
		   document.getElementById("kai").style.height = height_kai + "px";
		   window.setTimeout("zuklappen_kai()",1);
		  }
		 }		
		
		 function aufklappen_kati() 
		 {
		 	if(height_kati<=230){height_kati=height_kati+diff;}
		  if(height_kati<=230) 
		  {
		   document.getElementById("kati").style.height = height_kati + "px";
		   window.setTimeout("aufklappen_kati()",1);
		  }
		 }
			
		 function zuklappen_kati() 
		 {
		 	if(height_kati>159){height_kati=height_kati-diff;}
		  if(height_kati>159) 
		  {
		   document.getElementById("kati").style.height = height_kati + "px";
		   window.setTimeout("zuklappen_kati()",1);
		  }
		 }		
		 
		  function aufklappen_birgit() 
		 {
		 	if(height_birgit<=230){height_birgit=height_birgit+diff;}
		  if(height_birgit<=230) 
		  {
		   document.getElementById("birgit").style.height = height_birgit + "px";
		   window.setTimeout("aufklappen_birgit()",1);
		  }
		 }
			
		 function zuklappen_birgit() 
		 {
		 	if(height_birgit>159){height_birgit=height_birgit-diff;}
		  if(height_birgit>159) 
		  {
		   document.getElementById("birgit").style.height = height_birgit + "px";
		   window.setTimeout("zuklappen_birgit()",1);
		  }
		 }		
		
		 function aufklappen_lutz() 
		 {
		 	if(height_lutz<=230){height_lutz=height_lutz+diff;}
		  if(height_lutz<=230) 
		  {
		   document.getElementById("lutz").style.height = height_lutz + "px";
		   window.setTimeout("aufklappen_lutz()",1);
		  }
		 }
			
		 function zuklappen_lutz() 
		 {
		 	if(height_lutz>159){height_lutz=height_lutz-diff;}
		  if(height_lutz>159) 
		  {
		   document.getElementById("lutz").style.height = height_lutz + "px";
		   window.setTimeout("zuklappen_lutz()",1);
		  }
		 }		
		
		function button_kai()
		{
			document.getElementById('buttontext-kai').className='buttontext-grey'; 
			document.getElementById('button-kai').className='button-grey';
			document.getElementById('bild-kai').className='myopacity';
		}
		
		function button_kai_hover()
		{
			document.getElementById('buttontext-kai').className='buttontext'; 
			document.getElementById('button-kai').className='button';
			document.getElementById('bild-kai').className='myopacity_hover';
		}

		
		function button_kati()
		{
			document.getElementById('buttontext-kati').className='buttontext-grey'; 
			document.getElementById('button-kati').className='button-grey';
			document.getElementById('bild-kati').className='myopacity';
		}
		
		function button_kati_hover()
		{
			document.getElementById('buttontext-kati').className='buttontext'; 
			document.getElementById('button-kati').className='button';
			document.getElementById('bild-kati').className='myopacity_hover';
		}

		function button_birgit()
		{
			document.getElementById('buttontext-birgit').className='buttontext-grey'; 
			document.getElementById('button-birgit').className='button-grey';
			document.getElementById('bild-birgit').className='myopacity';
		}
		
		function button_birgit_hover()
		{
			document.getElementById('buttontext-birgit').className='buttontext'; 
			document.getElementById('button-birgit').className='button';
			document.getElementById('bild-birgit').className='myopacity_hover';
		}
		
		function button_lutz()
		{
			document.getElementById('buttontext-lutz').className='buttontext-grey'; 
			document.getElementById('button-lutz').className='button-grey';
			document.getElementById('bild-lutz').className='myopacity';
		}
		
		function button_lutz_hover()
		{
			document.getElementById('buttontext-lutz').className='buttontext'; 
			document.getElementById('button-lutz').className='button';
			document.getElementById('bild-lutz').className='myopacity_hover';
		}
		
		
		
		
		
		
		function initResize()
		{
			// die Groesse einstellen
			checkBrowserSize();
			// das automatische Resize starten
			attachEventListener(window, "resize", checkBrowserSize, false);
		}
		
		
		
		function addLoadListener(fn)
		{
			if (typeof window.addEventListener != 'undefined')
			{
				window.addEventListener('load', fn, false);
			}
			else if (typeof document.addEventListener != 'undefined')
			{
				document.addEventListener('load', fn, false);
			}
			else if (typeof window.attachEvent != 'undefined')
			{
				window.attachEvent('onload', fn);
			}
			else
			{
				return false;
			}
			
			return true;
		};




		function attachEventListener(target, eventType, functionRef, capture)
		{
	    if (typeof target.addEventListener != "undefined")
	    {
	        target.addEventListener(eventType, functionRef, capture);
	    }
	    else if (typeof target.attachEvent != "undefined")
	    {
	        target.attachEvent("on" + eventType, functionRef);
	    }
	    else
	    {
	        return false;
	    }
	
	    return true;
		};


		function checkBrowserSize()
		{
			var theHeight = getBrowserHeight()-54;
			var theWidth = getBrowserWidth();
			
			
			if (theHeight == 0)
			{
				addLoadListener(checkBrowserSize);
				return false;
			}
			
			if(document.getElementById("outer")) {
				document.getElementById("outer").style.height = (theHeight-5)+"px";
			}
			
			document.getElementById("content_div").style.height = (theHeight)+"px";
			document.getElementById("content_div").style.width = (theWidth-115)+"px";
			
			document.getElementById("pic_side").style.height = (theHeight)+"px";
			document.getElementById("pic_side").style.width = (theWidth/100*30)+"px";
			return true;
		};

		function getBrowserHeight()
		{
			if (window.innerHeight)
			{
				return window.innerHeight;
			}
			else if (document.documentElement && document.documentElement.clientHeight != 0)
			{
				return document.documentElement.clientHeight;
			}
			else if (document.body)
			{
				return document.body.clientHeight;
			}
			return 0;
		};


		function getBrowserWidth()
		{
			if (window.innerWidth)
			{
				return window.innerWidth;
			}
			else if (document.documentElement && document.documentElement.clientWidth != 0)
			{
				return document.documentElement.clientWidth;
			}
			else if (document.body)
			{
				return document.body.clientWidth;
			}
			return 0;
		};