/*------------------Importieren der anderen css Dateien----------------*/

 
@import url("diashow/fotogroesser.css") screen; 
@import url("diashow/dia.css") screen;     
/*------------------alles auf null stellen----------------*/

*{margin:0; padding:0; }

/* ---------------- Hauptseite------------*/
body {  
	font-size: 100%; font-family:  arial,vanda, sans-Serif; 
	background: #cfc /*-Hellgruen*/; color: #000;margin: 2em}
	


/* ---------------- Ueberschriften------------*/

	h1 {color: #363; text-align:center;font-weight:bold;font-size:300%;}
	h2 {color: #363; font-weight: bold;font-size:  250%;margin: 0 0 20px;}
	h3 {color: #363; font-weight: bold; font-size: 200%;margin: 20px 0 20px;}
	h4 {color: #363; font-weight: bold;font-size: 150%;margin: 20px 0 20px;}
	h5 {color: #363; font-weight: bold;font-size: 120%;margin: 0 0 20px;}
	h6 {color: #363; font-weight: bold;font-size: 100%;font-style: italic;margin: 0 0 20px;}

/*-----------------Links Farben--------------*/
	
	a {COLOR: maroon; text-decoration: none;
		font-weight:bold;font-size: 100%}
	a:visited {COLOR: blue; text-decoration: none;
		font-weight:bold;}
	a:hover {COLOR: red; text-decoration: none;
		font-weight:bold;}
	a:active { color:#000;font-weight:bold;}
	
	

/*-----------------Kopfzeile--------------*/

#header {
	background: #363; ; width: 100%; position: absolute; top: 0; left: 0
	}
#header h1 {
	color: #cfc; letter-spacing: +3px; padding: 22px ;z-index:3; 
	}
#header h2 {
	color: #cfc; font-size: 200%; text-align: center;z-index: 3;
	}
#box1 { position:absolute;left: 20px; top: 0px;  width: 90px;
	height: 150px; z-index: 1;
	}
#box2 {position:absolute; right:20px; top :0px ; width: 90px;
	height: 150px; z-index:2;
	}	


/*------------- navigationsliste aufklappend---------------------- */


		/*-------- kasten gross  mittelere Farbe ----------*/

#links {float: right; 
	top:0; 
	left:0; 
	width: 190px;
	background-color:#9c9;
	min-height:600px;
	margin-bottom: 20px;
	margin-top: 20px;
	padding: 1em 
	}
	
		/*-------- kasten mittelkasten mittlere Farbe ----------*/

  ul#navi {
        margin: 0;padding: .1em ; 
        background-color:#9c9;
  }
  
  
  * html ul#navi {  /* Korrekturen fuer IE 5.x */
    width: 11.6em;
    w\idth: 10em;
    padding-left: 0;
    padd\ing-left: 0.8em;
  }


  
  ul#navi li {
  	  list-style: none;
  	  margin-left: 0.2em; 
  	  padding-left: 0.4em;
  	  padding-bottom: 0.3em;
  	  padding-top: 0.3em
  }

  
		  /*-------- k�stli dunkle farbe ----------*/

  ul#navi a,
  ul#navi span,
  ul#navi h2 {
  	  display:block;
  	  padding: 0.1em;
  	  text-decoration: none;
  	  border: 1px solid black;
  	  border-left-color: white; 
  	  border-top-color: white;
  	  background-color: #363;  	 
  }
  
  		  /*-------- k�stli helle farbe ----------*/

  
  ul#navi li ul a,
  ul#navi li ul span,	
  ul#navi li ul h2 {
  	  display:block;
  	  padding: 0.1em;
  	  text-decoration: none;
  	  border: 3px solid #363;
  	  border-left-color: white; 
  	  border-top-color: white;
  	  background-color: #9c9; 
  	  color: maroon;	 
  }
  
  		/*-------- ueberfahren grau schrift weiss ----------*/
  ul#navi a:hover,
  ul#navi li ul a:hover {
  	 border-color: white;
  	 border-left-color: black; 
  	 border-top-color: black;
  	 color: white; background-color: gray;
  	 	 
  }
  
  
  
  
  * html ul#navi a, * html ul#navi span, * html ul#navi h2 {
    width: 100%;    /* Breitenangabe fuer IE 5.x */
    w\idth: 8.8em;  /* Breitenangabe fuer IE 6 */
  }
     
	
/*-----------------links zu den anderen meiner Seiten -------------*/

	#rechts {float: left;
		background: #9c9;
		min-height:600px; 
		margin:20px;  
		padding: 20px;
		width: 190px }
	
	
	#picture-left{float: left; height: 30pt}
	
		ul #seiten{
			border: 1px solid black;
  	  		border-left-color: white; border-top-color: white;}
		
	#rechts a:link, a:visited {color:#000;text-decoration:none}
	#rechts a:active {color:red;text-decoration:none}

	
	
	
	li#homelink{list-style: none;
		position: relative;
		background-image:url('../../alle/home.jpg'); 
		width:90%;
		height: 45px;
		margin-top:1em;
		padding:10px;
		text-align:right;
		}
		
			
	li#zughundlink{ list-style: none;
		position: relative;
		background-color:  #c90;
		width:90%;height: 45px;
		margin-top:1em ;
		padding:10px;
		text-align:right;
		}
	
		
	
	li#tgzlink{list-style: none;
		position: relative; 
		background-color:  #363;
		width:90%;height: 45px;
		margin-top:1em ;
		padding: 10px;
		text-align:right;
	}
		
		
		
	li#hfslink{list-style: none;
		position: relative;
		background-color:  #017;
		width:90%;
		height: 45px;
		margin-top:1em ;
		padding: 10px;
		text-align:right;
		}
		 
/*----------------- links horizontal ----------------------------*/	
		 


 	 ul#Navigation {
 	 	 margin: 0; padding: 0.8em;
 	 	 text-align: center;
 	 	 background-color:#cfc;
 	 }
 	 ul#Navigation li {
 	 	 list-style: none;
 	 	 display: inline;
 	 	 margin: 0.4em; padding: 0px;
 	 }

 	 ul#Navigation a,
 	 ul#Navigation span {
 	 	 margin-bottom: 1em;
 	 	 padding: 0.1em;
 	 	 text-decoration: none;
 	 	 font-weight: bold;
 	 	 border: 3px solid #363;
 	 	 border-left-color: white; 
 	 	 border-top-color: white;
 	 	 color: maroon;
 	 	 background-color: #9c9;
 	 }
  
  
    
 	 * html ul#Navigation a,
 	 * html ul#Navigation span {
 	 	 width: 1em;    /* nur fuer IE 5.0x erforderlich */
 	 	 w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
 	 }
 	 ul#Navigation a:hover,
 	 ul#Navigation span {
 	 	 border-color: white;
 	 	 border-left-color: black; 
 	 	 border-top-color: black;
 	 	 color: white; background-color: gray;
 	 }

 	 
 /*------unter links Horizontal-----*/	 
 	ul#Navigation li ul a,
 	 ul#Navigation li ul  span {
 	 	 margin-bottom: 1em;
 	 	 padding: 0.1em;
 	 	 text-decoration: none;
 	 	 font-weight: bold;
 	 	 border: 3px solid #363;
 	 	 border-left-color: white; 
 	 	 border-top-color: white;
 	 	 color: maroon;
 	  	 background-color: #cfc;
 	 }
 	 ul#Navigation li ul li{
 	 	 list-style: none;
 	 	 display: inline;
 	 	 margin: 0.4em; padding: 0;
 	 }
 	 	 

/*--Haupttext--*/


	#text	{position: static; position:top;  min-height:600px;}
	
	#textli {position:static; width: 100% }
 
  
/*--- Bild im Haupttext---*/  
   
	div.bildre {
		float: right;
		width: 250px;
		margin-left: 0.5em;
	}

   
	div.bildli {
		float: left;
		width: 250px;
		margin-right: 0.5em;
	}
  
	div.bildli p, div.bildre p  {
		text-align: center;
		font-style: italic;
		text-indent: 0;
		color:#363;
	}
	img.bildgrosse {
		width: 100%;
		margin-bottom:0.5em;
	}

	.clearer {
		clear: both;
	}

	
/*-----------------trennlinie definieren--------------*/
		


	.linie { border :none; border-top: 1px solid #363;
		background-color: #363;
		height: 1px;
		margin: 0px 80px 40px 80px; 
		}



	.linienbild { background-image: url('../../alle/logo-tatzegluck_minimi.gif'); 
		width:25px;
		height:29px;
		margin-right: 10px;
		margin-left: 95%
	
	}

/*--- listenpunkt mit kleinem Logo versehen--*/

	ul.logo	{list-style-image: url('../../alle/logo-tatzegluck_minimi.gif');
		margin-left: 80px; 
		
		}	
		
	li.logos{padding-bottom: 20px/*line-height: 40px*/
	}
		
/*-----------------Fusszeile--------------*/
#fussbereich {
    position:absolute;
    bottom: 0;
    width: 100%;
      height: 20px;
    text-align: center;
    border-top: 2px solid #363
    }


