/* Hier sind die wesentlichen Design-Elemente definiert! */


/* Hintergrund */
body 	
	{
	background-color:#69002A; /*rot*/
	}
	
/* Main-Bereich */	
#main
	{
	position:absolute;
   	top:20px;
   	left:20px;
   	width:980px;
	height:564px;
	background-color:#FEECB6;	
	z-index:1;
	font-family:Lucida Blacklet,Arial;	   
	color:#006EA5;
	}

/* horizontale Linie im Main-Bereich*/
#horizontal
	{
	position:absolute;
	top:508px;
	left:200px;
	color:#69002A;
	z-index:2;
	width:800px;
	}

/* vertikale Linie im Main-Bereich*/
#vertikal
	{
	position:absolute;
	top:20px;
	left:200px;
	color:#69002A;
	z-index:2;
	height:800px;	
	}	
	
/* Positionierung der Bärenkralle*/
#baeren
	{
	position:absolute;
   	top:480px;
   	left:50px;
   	z-index:3;
	}  	
	
/*Textfeld in der Mitte*/
#text
	{
	position:absolute;
	top:5px;
	left:5px;
	width:600px;
	font-family:Arial;
	color:#006EA5;
	z-index:3;
	}
	
/*Inhalte im unteren Bereich*/
#unten
	{
	position:absolute;
	top:530px;
	left:220px;
	width:600px;
	height:20px;
	font-family:Arial;
	font-size:0.75em;
	color:#006EA5;
	z-index:2;
	}	

/*Textfeld auf der Index1.php*/
#text_index
	{
	position:absolute;
	top:30px;
	left:220px;
	width:640px;
	height:460px;
	overflow:auto;
	font-family:Arial;
	font-size:0.87em;
	color:#006EA5;
	z-index:2;
	}		

/*Grafik auf der index1.php*/
#titelbild
	{
	position:absolute;
	top:80px;
	left:5px;
	width:630px;
	height:380px;	
	z-index:3;
	}

/*Grafik auf der index1.php*/
#titelbild1
	{
	position:absolute;
	top:100px;
	left:15px;
	width:580px;
	height:360px;	
	z-index:3;
	}		
	
	
		
/*Textfeld in der Mitte mit Grafik am Rand - auch für die Navi!*/
#textgrafik
	{
	position:absolute;
	top:50px;
	left:220px;
	width:770px;
	height:420px;
	overflow:auto;
	color:#006EA5;
	z-index:2;
	}

#grafik
	{
	position:absolute;
	top:3px;
	right:3px;
	}
	
#navi
	{
	position:absolute;
	top:30px;
	left:3px;
	
	height:200px;
	width:250px;
	}

/*Links*/
a	{
	text-decoration:none;
  	font-size: 1.0em;

	}

/*Linksbox1*/
#links1
	{
	position:absolute;
	top:450px;
	left:5px;
	width:200px;
	color:#006EA5;
	z-index:3;
	font-size:1em;	
	}
	
/*Linksbox2*/
#links2
	{
	position:absolute;
	top:450px;
	left:250px;
	width:200px;
	color:#006EA5;
	z-index:3;
	font-size:1em;		
	}

/*Linksbox3*/
#links3
	{
	position:absolute;
	top:450px;
	left:450px;
	width:200px;
	color:#006EA5;
	z-index:3;
	font-size:1em;		
	}
	
/*Box für Eintritt-Grafik auf Seite Ausblick*/

#eintritt
  {
  position:absolute;
	top:20px;
	left:650px;
		z-index:3;
  }	
	
/*Überschriften auf Textseiten*/

h1	{
	font-family:Lucida Blacklet,Arial;
	font-size:1.5em;	
}

h2	{
	font-family:Arial;
	font-size:1.2em;	
}
td
	{
	text-align:center;}

#td1	
	{
	text-align:left;
	font-size: 1.0em;
	}
	
/*Titelseite - Positionierungen*/

	#grafik1  {
		position:absolute;
   		top:140px;
   		left:230px;
   		z-index:5;
	}

	#titel1  {
		position:absolute;
   		top:10px;
   		left:80px;
	}
	
	#titel2  {
		position:absolute;
   		top:440px;
   		left:200px;
   		z-index:4;
	}

	#counter {
	    position:absolute;
	    top:390px;
	    left:110px;
	    font-family:Arial;
	    color:#006EA5;
	    z-index:5;
	    width:800px;
	}	
	
	#fotos	{
		position:absolute;
		top:220px;
		left:700px;
		z-index:4;
	}
	
/*Programmseite - Tabelle*/
	#td1	{
	text-align:left;
		font-family:Arial;
	font-size:0.9em;	
	}