@charset "UTF-8";
/* CSS Document */

     
    body  {	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	position: relative;
		background: #ffffff;
    	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
    	padding: 0;
    	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
    	color: #000000;
		font-weight:normal;
		
    }
     
    
    .thrColHybHdr #container { 
    	width: 996px;
		margin: 5px auto;
		border: #6d9b2e solid 1px;
    	background: #FFFFFF;
		
    	/*margin: 0 auto;  Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite bei Bedarf zentriert. */
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
		
    }  
	
    .thrColHybHdr #header { 
    	height:45px;
		background-image:url(../pix/header031.jpg)
		
    } 
    .thrColHybHdr #header h1 {
    	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
    }
    
  
    .thrColHybHdr #sidebar1 {
    	min-height: 455px;
		float: left;
    	width: 136px; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	background:#0099FF ; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
    	padding: 15px 0; /* Durch die Auffüllung oben und unten entsteht in diesem div ein visueller Leerraum. */
    }
    .thrColHybHdr #sidebar {float: right;width: 265px;min-height: 90px;float:right;position:relative;margin-right: -10px;margin-top: -42px;}	
	.thrColHybHdr #sidebar_tiere {float: right;width: 245px;min-height: 80px;float:right;position:relative;margin-right: -10px;margin-top: -22px;}	
	.thrColHybHdr #sidebar2 {float: right;width: 245px;min-height: 90px;background-color:#E3F8DE;border-left:solid 1px;border-left-color:#6d9b2e;border-bottom:solid 1px;border-bottom-color:#6d9b2e;margin-top:0px;padding-top: 10px;margin-top: 22px;}
	.thrColHybHdr #sidebar2 p {font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#000000;padding-right: 5px; }
    .thrColHybHdr #sidebar2 ul {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000000; padding-left: 25px;}
	.thrColHybHdr #sidebar2 a {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000000; padding-right: 5px; text-decoration:none}
	.thrColHybHdr #sidebar2 a:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000000; padding-right: 5px; text-decoration:underline}
	.thrColHybHdr #sidebar2 li {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000000; padding-right: 5px;}
    
	.thrColHybHdr #sidebar3 {float: right;width: 245px;min-height: 90px;background-color:#E3F8DE;border-left:solid 1px;border-left-color:#6d9b2e;border-bottom:solid 1px;border-bottom-color:#6d9b2e; padding-top: 10px;margin-top:5px;text-align: left;padding-right: 0px; }
	.thrColHybHdr #sidebar3 p {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000000; padding-right: 5px; }
	.thrColHybHdr #sidebar3 a {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000000; padding-right: 5px; text-decoration:none}
	.thrColHybHdr #sidebar3 a:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000000; padding-right: 5px; text-decoration:underline}
	.thrColHybHdr #sidebar3 ul {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000000; padding-left: 25px;}
    .thrColHybHdr #sidebar3 li {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000000; padding-right: 5px;}
	
	.thrColHybHdr #sidebar4 {float: right;width: 245px;min-height: 40px;background-color:#E3F8DE;border-top:solid 1px;border-top-color:#6d9b2e;border-left:solid 1px;border-left-color:#6d9b2e;border-bottom:solid 1px;border-bottom-color:#6d9b2e; padding-top: ;margin-top:5px;text-align: left;padding-right: 0px; }
	.thrColHybHdr #sidebar4 p {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000000; padding-right: 5px; }
	.thrColHybHdr #sidebar4 a {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000000; padding-right: 5px; text-decoration:none}
	.thrColHybHdr #sidebar4 a:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000000; padding-right: 5px; text-decoration:underline}
	.thrColHybHdr #sidebar4 ul {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000000; padding-left: 25px;}
    .thrColHybHdr #sidebar4 li {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000000; padding-right: 5px;}
	.thrColHybHdr #sidebar4 p {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000000; padding-right: 5px;}
	
	.thrColHybHdr #sidebar5 {float: right;width: 245px;min-height: 5px;background-color:;border-top:solid 0px;border-top-color:;border-left:solid 0px;border-left-color:;border-bottom:solid 0px;border-bottom-color:; padding-top: ;margin-top:5px;text-align: left;padding-right: 0px; }
    
		
   
    .thrColHybHdr #mainContent { padding-left: 16px;margin-left: 0px;margin-top: 24px;text-indent: ;float:;min-height:320px;/* hier muss ggf. die Gesamthöhe des Contents angepasst werden */
	width: 970px; padding-right: 10px; z-index: 1;	} 
	.thrColHybHdr #mainContent_index { padding-left: 16px;margin-left: 0px;margin-top: 24px;text-indent: ;float:;min-height:380px;/* hier muss ggf. die Gesamthöhe des Contents angepasst werden */
	width: 970px; padding-right: 10px; z-index: 1; font-weight:normal} 
	.thrColHybHdr #footer {padding: 0 10px; height:45px;} 
    .thrColHybHdr #footer p {
    	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
    }
    
    /* Verschiedene wieder verwertbare Klassen */
    .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	#spider01 {
	background-image:url(../pix/spider01.png);
	width:514px;
	height:327px;
	position:absolute;
	margin-top:-175px;
	margin-left:-124px;

	
	
}
	#spider01_tiere { background-color:#FFFFFF;background-image:url(../pix/spider01.png);width:514px;height:327px; position:absolute;margin-top:-175px;margin-left:-124px;opacity:.25;filter: alpha(opacity=25); z-index:1;}
	
#header2 { background-color:#6d9b2e; width:996px; float:; height:100px; z-index:2}
.headline { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
.text-normal { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:;}
.text-klein {font-family:Arial, Helvetica, sans-serif;font-size:10px;font-weight:normal;}
#header2 img {opacity:.75;filter: alpha(opacity=75)}
#header2 img:hover{opacity:.99;filter: alpha(opacity=90); cursor:pointer}
#header3 { width: 996px; height: 25px; position: static; vertical-align:baseline; margin-top: -12px; background-image:url(../pix/header3back2.jpg)}
#header3 p {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#FFFFFF; font-weight: 550;  line-height: 20px; vertical-align:baseline; padding-left: 16px; padding-top: 5px;} 
#footer1 {height:20px; background-image:url(../pix/headline01.jpg); font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color:#FFFFFF; font-weight: bold; background-color:; width:235px; text-align:left; padding-right:0px; margin-left:741px;padding-left: 10px; margin-top: 5px;}
#footer2 {font-family:Arial, Helvetica, sans-serif; font-size: 9px; color:#6d9b2e; width:300px; text-align:right; padding-right:0px; margin-top:5px; margin-left:687px}
#line {height:20px; background-image:url(../pix/headline01.jpg); margin-top:-10px;font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#FFFFFF; font-weight: 550; line-height: 20px; text-indent: 10px;}
#line2 {height:20px; background-image:url(../pix/headline01.jpg); margin-top:px;font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#FF0000; font-weight:700; line-height: 20px; text-indent: 10px;}
#info {visibility:hidden;background-color:#E3F8DE;height:210px; width:166px; margin-left: 481px; margin-top: 25px;border-left:solid 1px;border-left-color:#6d9b2e;border-right:solid 1px;border-right-color:#6d9b2e; border-top:solid 1px;border-top-color:#6d9b2e}
#info p {font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#000000;padding-right: 5px; }
#agb { font-family:Arial, Helvetica, sans-serif; font-size:12px; height: 360px; width: 720px; overflow:auto;}
#mail {z-index:9; position:absolute;}
#anfahrt {z-index:9; position:absolute; width: 700px;}
#mail_kasten {opacity:.25;filter: alpha(opacity=25);}
#bildershow { position:absolute; margin-left: -10px; margin-top: -10px;}
#infothek { height: 320px; background-color:; overflow:auto;z-index:2; position:absolute; width: 700px}
#header3_bilder { width: 996px; height: 40px; position: static; vertical-align:baseline; margin-top: -12px; background-image:url(../pix/header3back2.jpg)}
#header3_bilder p {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#FFFFFF; font-weight: 550;  line-height: 20px; vertical-align:baseline; padding-left: 16px; padding-top: 10px;} 
#arzt {font-family:Arial, Helvetica, sans-serif;font-size: 12px;color:#000000;border:dashed 1px;border-color:#6d9b2e;padding-left: 5px;width: 650px; text-decoration: none;}
#arzt a {font-family:Arial, Helvetica, sans-serif;font-size: 12px;color:#000000; text-decoration: none;}
#arzt a:hover{font-family:Arial, Helvetica, sans-serif;font-size: 12px;color:#000000; text-decoration: underline;}
#vcard {padding-left: 420px; position:relative; top: -60px}