/*mit freundlicher Unterstuetzung von Stefan Muenz SELFHTML,  Stylesheet f&uumlr die introseiten*/

 body {
color: white; 
background-image:url(seitenhintergrund.jpg);
font-size: 12px;
font-family: sans-serif;
text-align: center;  /* Zentrierung im Internet Explorer */
  }

h1 {
	 display:inline;
    font-size: 24px;
    font-family:'Trebuchet MS','Lucida Grande',  'Verdana', sans-serif; 
    font-weight:bolder;
}

 h2 {
	 display:inline;
    font-size: 12px;
    font-family:'Trebuchet MS','Lucida Grande',  sans-serif;
    font-weight:bolder;
    padding: 14px 2px 2px 2px;
    margin:6px 0px 0px 0px;
} 

h3 {
	 display:inline;
    font-size: 10px;
    font-family:'Trebuchet MS','Lucida Grande', sans-serif;
    font-weight:bolder;
    padding: 4px 2px 2px 2px;
    margin:2px 0px 0px 0px;
}
h4{
	 display:inline;
    font-size: 10px;
    font-family:'Trebuchet MS','Lucida Grande', sans-serif;
    padding: 2px 0px 0px 0px;
    margin:1px 0px 0px 0px;
} 

p{
	 font-size: 10px;
    font-family: 'Verdana', sans-serif;
    padding: 2px;
    margin:1px 0px 0px 0px;
}
#Layer1 {
	position:absolute;
	width:40px;
	height:40px;
	z-index:3;
	left: 759px;
	top: 420px;
}

/*Der Hauptkasten mittig*/

 .Seite {
background-image:url(HG_tourismus_mit-Textfeld.png);
background-repeat: no-repeat;
position:relative ; top:20px;
margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
width: 800px;
height:600px;
padding: 0;
border: 1px solid #6E3F3F ;
  }
   
  div#Seite-intro {
	color: white;
	position:relative;
	top:20px;
	text-align: left;    /* Seiteninhalt wieder links ausrichten */
	margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
	width: 500px;
	height:600px;
	padding: 0;
	border: 0px solid #C9A268;
	z-index: 2;
  }
  

/* Und die Dekoration */

div#schatten-rechts {
	font-size: 10%;
	background-image:url(schatten-rechts.jpg);
	background-repeat: repeat-x;
	position: absolute;
	top:5px;
	right:-9px;
	width: 7px;
	height:600px;
	border: 0px solid #13201B;
	z-index: 3;
										  }
div#schatten-unten {
	font-size: 10%;
	background-image:url(schatten-rechts.jpg);
	background-repeat: repeat-x;
	position: absolute;
	top:605px;
	right:-9px;
	width: 805px;
	height:7px;
	border: 0px solid #13201B;
	z-index: 5;
										  }
    
 /* die crazy papyrusspulen*/    
 
 div#papyrus {
	position: absolute;
	top:0px;
	right:2px;
	bottom:0px;
	left:780px;
	overflow:hidden;
	width: 20px;
	height:460px;
	padding: 2px;
	margin: 1px;
	border: 0px solid green;
	z-index: 2;
										  } 
div#papyruslinks {
position: absolute;   top:0px; right:0px; bottom:0px; left:8px;
overflow:hidden;
width: 20px;
height:460px;
padding: 2px;
margin: 1px;
border: 0px solid green;
										  } 
	
	/*und überhaupt unglaubelig seltensame popups für intro*/ 									  
										  
	#intropop {
	position: absolute;
	top: 40px;
	left: 300px;
	width: 470px;
	height:400px;
	padding:4px;
	font-size: 101%;
	border: 0px solid silver;
	text-decoration: none;
	z-index: 4;
    }									  
							
				#intropop  a:hover span.kastentext {
		position: absolute;
		top: 200px;
		right: 400px;
		width: 280px;
		padding: 2px 10px 2px 4px;
      border-top: 1px solid #696969;
		border-right: 4px solid black;
		border-bottom: 3px solid black;
		border-left: 1px solid #696969;
		font-size: 10px;
		text-decoration: none;
		background-image:url(HG-lexitab.png);
         }						  

					#intropop a:link, #intropop a:visited, #intropop  a:active {
		color: white;
		background-color:transparent;
		cursor:crosshair;
         }

				#intropop a span.kastentext {
		display: none;
    		}

		#intropop  a:hover span.kastentext {
		font-variant: normal;
		font-size: 90% ;
		color: white;
		background-image:url(HG-lexitab.png);
		display: block;
			}
			
  /*	 hier nun neue intro-biopops*/ 
  
	#intro-biopop {
position: absolute;
top: 168px;
left: 489px;
width: 130px;
height: auto;
font-size: 90%;
border: 0px solid silver;
text-decoration: none; 
    }
    									    
	#intro-biopop  a:hover span.biotext 
	{		
color:#E6E6FA;
position: absolute;   top:1px; right:0px; bottom:0px; left:1px;
overflow:hidden; 
text-align:center;
width: 190px;
height:190px;
padding: 0px;
margin: 0;
font-size:12px;
font-weight:normal;
border: 0px solid red;
 }
					#intro-biopop a:link, #intro-biopop a:visited, #intro-biopop  a:active {
		color: white;
		background-color:transparent;
		cursor:crosshair;
         }

				#intro-biopop a span.biotext {
		display: none;
    		}

		#intro-biopop  a:hover span.biotext {
		font-variant: normal;
		font-size: 12px ;
		color: white;
		background-image:url(HG-biotab3.jpg);
		display: block;
			}

 /* Das auch für  habitatus*/
 
 	#intro-habipop {
position: absolute;
top: 12px;
left: 330px;
width: 130px;
height: auto;
font-size: 90%;
padding:5px;
border: 0px solid silver;
text-decoration: none; 
    }
    									    
	#intro-habipop  a:hover span.habitext 
	{		
color:#E6E6FA;
position: absolute;   top:1px; right:0px; bottom:0px; left:0px;
overflow:hidden; 
width: 298px;
height:298px;
padding: 4px;
margin: 0px;
font-size:12px;
font-weight:normal;
border: 0px solid red;
 }
					#intro-habipop a:link, #intro-habipop a:visited, #intro-habipop  a:active {
		color: white;
		background-color:transparent;
		cursor:crosshair;
         }

				#intro-habipop a span.habitext {
		display: none;
    		}

		#intro-habipop  a:hover span.habitext {
		font-variant: normal;
		font-size: 12px ;
		color: white;
		background-image:url(HG-habitab2.jpg);
		display: block;
			}

 	#intro-habipop1 {
position: absolute;
top: 12px;
left: 630px;
width: 130px;
height: auto;
font-size: 90%;
padding:5px;
border: 0px solid silver;
text-decoration: none; 
    }
    									    
	#intro-habipop1  a:hover span.habitext1 
	{		
color:#E6E6FA;
position: absolute;   top:1px; right:0px; bottom:0px; left:-152px;
overflow:hidden; 
width: 298px;
height:298px;
padding: 4px;
margin: 0px;
font-size:12px;
font-weight:normal;
border: 0px solid red;
 }
					#intro-habipop1 a:link, #intro-habipop1 a:visited, #intro-habipop1  a:active {
		color: white;
		background-color:transparent;
		cursor:crosshair;
         }

				#intro-habipop1 a span.habitext1 {
		display: none;
    		}

		#intro-habipop1  a:hover span.habitext1 {
		font-variant: normal;
		font-size: 12px ;
		color: white;
		background-image:url(HG-habitab9.jpg);
		display: block;
			}



 	#intro-habipop2 {
position: absolute;
top: 314px;
left: 28px;
width: 130px;
height: auto;
font-size: 90%;
padding:5px;
border: 0px solid silver;
text-decoration: none; 
    }

	#intro-habipop2  a:hover span.habitext2 
	{		
color:#E6E6FA;
position: absolute;   top:-154px; right:0px; bottom:0px; left:-1px;
overflow:hidden; 
width: 340px;
height:298px;
padding: 4px;
margin: 0px;
font-size:12px;
font-weight:normal;
border: 0px solid red;
 }
					#intro-habipop2 a:link, #intro-habipop2 a:visited, #intro-habipop2  a:active {
		color: white;
		background-color:transparent;
		cursor:crosshair;
         }

				#intro-habipop2 a span.habitext2 {
		display: none;
    		}

		#intro-habipop2  a:hover span.habitext2 {
		font-variant: normal;
		font-size: 12px ;
		color: white;
		background-image:url(HG-habitab8.jpg);
		display: block;
			}


 	#intro-habipop3 {
position: absolute;
top: 314px;
left: 480px;
width: 130px;
height: auto;
font-size: 90%;
padding:5px;
border: 0px solid silver;
text-decoration: none; 
    }

	#intro-habipop3  a:hover span.habitext3 
	{		
color:#E6E6FA;
position: absolute;   top:-152px; right:0px; bottom:0px; left:-150px;
overflow:hidden; 
width: 298px;
height:298px;
padding: 4px;
margin: 0px;
font-size:12px;
font-weight:normal;
border: 0px solid red;
 }
					#intro-habipop3 a:link, #intro-habipop3 a:visited, #intro-habipop3  a:active {
		color: white;
		background-color:transparent;
		cursor:crosshair;
         }

				#intro-habipop3 a span.habitext3 {
		display: none;
    		}

		#intro-habipop3  a:hover span.habitext3 {
		font-variant: normal;
		font-size: 12px ;
		color: white;
		background-image:url(HG-habitab5.jpg);
		display: block;
			}


     
 /* Kopfbereich ab hier*/
     
div#Logos {
			text-align: left;    /* Seiteninhalt wieder links ausrichten */
			margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
			width: 800px;
			height:100px;
			padding: 0;
			border: 0px solid #499484; 
  } 
 		.logo {
				 		position: absolute;  top:12px;  left:230px;
				 		background-color:transparent;
				      text-align: right;    /* Seiteninhalt rechts ausrichten */
				      vertical-align: top;
				      margin: 2px 4px  2px 4px;
  } 		
 		.flags {
				 		position: absolute ;  top:12px;  left:30px;
				      text-align: left;    /* Seiteninhalt  links ausrichten */
				      margin: 2px  4px  2px  4px;
				     height: 60px;
				     width:300px;
				      border: 0px solid red;
  }	
		div#header {
	position: absolute;
	top:1px;
	left:4px;
	margin: 0;
	height: 100px;
	width:790px;
	border: 0px solid red;
	z-index: 8;
  }	 		

/*Die gruene Hauptnavigation oben*/

div#Navig {
	background-image:url(Haupt_Navi_Leiste_HG.png);
	background-repeat: no-repeat;
	position: absolute;
	top:100px;
	left:0px;
	text-align: left;
	font-size: 12px;
	font-weight:bolder;
	font-family: Verdana, sans-serif;
	margin: 0;
	padding: 2px 20px 2px 10px;
	width: 800px;
	height:18px;
	overflow:auto;
	border: 0px solid red;
	z-index: 2;
  }
div#Language {
	position:absolute;
	width:20px;
	height:14px;
	z-index:1;
	left:775px;
	top: 4px;
}
 
   /* Container fuer Seiteninhalte ab hier */
   
  div#Inhalt {
	background-image:url(transparent.png);
	position: absolute;
	top:120px;
	width: 800px;
	height:480px;
	text-align: left;
	margin: 0;
	padding: 0;
	border: 0px solid #EE2E2E;
	z-index: 7;
  }
  
 
  div#geotextrechts {
						position: absolute;   top:348px; right:2px; bottom:0px; left:462px;
						overflow:hidden;
						width: 296px;
						height:100px;
						padding: 2px;
						margin: 1px;
						border: 0px solid red; 
										  } 
										   
	div#geo2textlinks {
						position: absolute;   top:210px; right:2px; bottom:0px; left:38px;
						overflow:hidden;
						width: 250px;
						height:230px;
						padding: 1px;
						margin: 1px;
						border: 0px solid red; 
										  }  

   /* Administrations visitenkarte */
			
							a#admin-fl {
							position: absolute;   top:208px; right:0px; bottom:0px; left:4px;  
							width: 92px;
							height:12px;
							text-decoration:none;
							font-size:10px;
							font-weight:bolder; 
							border: 0px solid red;
				    }
				      	 a#admin-fl:hover {
							position: absolute;   top:200px; right:0px; bottom:0px; left:10px; 
							width: 322px;
							height:252px;
							padding: 0;
							margin: 0px;
							border: 1px solid green;
							color:transparent;
							font-size:0px;
							background-image:url(admin-fl.png);
							background-repeat:no-repeat;
							background-color:transparent;
				    }   
			
	

  
  /* Die Link-Leiste rechts unten*/
  div#Navig-unten {
	position: absolute;
	top:590px;
	right:0px;
	bottom:0px;
	left:0px;
	margin: 0;
	padding: 0px 0px 0px 0px;
	width: 800px;
	height:20px;
	border: 0px dotted green;
	z-index: 9;
  }

div#ganz-unten{
position: absolute;  top:670px; right:0px; bottom:0px; left:0px;
text-align:center;
font-size:50%;
color:#AFB607;
   } 
div#ganz-unten:hover{
position: absolute;  top:670px; right:0px; bottom:0px; left:0px;
text-align:center;
font-size:150%;
color:#AFB607;
   }    
      
a:visited {
   color: #EADDCE;
	text-decoration:none;
}
a:active {
   color:#E3E3E3;
	text-decoration:none;
}
a:link {
   color:#E3E3E3;
	text-decoration:none;
}
a:hover {
	color: #A65353;
	background-color:#B2D3FF;
	text-decoration:underline;
} 
a.news:link {
	
	color:            #0000CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
}

a.news:visited {
  
  color:            #0099FF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
}

a.news:hover {
  
  color:            #FFCC66;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
}

a.news:active {
  
  color:            #CC0000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
}