/* CSS Document */



/* Stylesheet Hortus Animalis*/

* { padding: 0; margin: 0; }

body { 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-color: #ffb849;
}


#wrapper {
  width: 954px;
  margin: 10px auto;
}

#top { 
       background-color: white;
       width: 954px;
       height: 200px; }
       
#here {
  font-size: 10px;
  padding: 7px 20px;
  font-weight: bold;}
  
#main {
  position: absolute;
  top: 250px;
  margin-left: 150px;
  padding: 50px;
  background-color: #f9f5ec;
  background-image: url(images/dekor.gif);
  background-repeat: no-repeat;
  min-height: 350px;
  width: 680px;
  z-index:1;}



#navi {
position:relative;
z-index:1000;
font-size:12px;
width:196px;
height:413px;
background-image: url(images/navi_back.png);
background-repeat: no-repeat;
margin-left:10px;}


#navi ul {
padding:0;
margin:0;
list-style-type:none;
width:196px;
position:relative;


}

#navi li {
background:transparent;
}

* html #navi li {margin-left:-16px; margin-lef\t:0;}


#navi table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; width:0; height:0;}

/* aussehen navi punkte */
#navi a, #navi a:visited {
display:block; 
text-decoration:none;
height:25px;
line-height:25px;
width:192px;
color:#000;
text-indent:5px;
border-bottom:1px solid #fff;
background:transparent;
}
/* hover atyle */
* html #navi a:hover {color:#000;
					  background:#faf5ec;}

#navi :hover > a {
color:#000; 
font-weight: bold;
background:#faf5ec;
}

/* position und groesse der subnavi */
#navi ul ul {
visibility:hidden;
position:absolute;
top:-1px;
left:150px;
width:192px;}

/*aussehen float*/
#navi ul li:hover ul,
#navi ul a:hover ul {
visibility:visible;
background:#b9d165;
}
/*hoehenangaben für die Subnavi*/
#navi ul.not {top:26px;}
#navi ul.zhg {top:52px;}

#navi ul.zhf {top:78px;}

#navi ul.ver {top:104px;}
#navi ul.kon {top:130px;}


div#bilder { float:left; padding-left:10px;}
div#bilder ul { float:left; margin-right:20px;
				list-style-type:none; }
div#bilder a img  {border:0px; line-height:1px;}
div#bilder a span {display: none;}

div#bilder a:hover span {display: block;

   position: absolute; top: 250px; left: 200px; width:400px; height:400px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #AAA; background: #CCCCCC; border:1px; border-color:#666666;
   }




h1 {font-size:16px;
	text-align: center;}
	
h2 {font-size:14px;
	padding-left: 100px;}

p {	padding: 0; margin: 0;
	padding-top:10px;
	padding-left:120px;
	width:450px;
	line-height:18px;
	}

.deaktiv {display:block; 
text-decoration:none;
height:25px;
line-height:25px;
width:192px;
color:#000;
text-indent:5px;
border-bottom:1px solid #fff;
background:transparent;}

.cs {text-align: center;
	word-spacing:5em;}

.linkzhg {
text-decoration:none;
height:25px;
line-height:25px;
color:#000;
border-bottom:1px solid;
background:transparent;}




.vorstellung { 	padding-left:50px;
				height: 220px;
				width:650px;}

.fl {float:left;
	padding-right:20px;
	width:200px;}
	
table {table-layout:fixed;
		width: auto;
		min-width: 400px;
		font-size:12px;
		line-height:16px;}
		
.zellengr{width: 300px}

.weiter {
text-decoration:none;
height:40px;
color:#000;
text-indent:5px;
border:0;}

.unten td {line-height:80px;
}

.clear{padding:0; margin:0; 
		width: auto;
		padding-top:0px;}

/* hide hack from Mac-IE5 \*/
* html .mehr { height: 1%; }
/* end hiding */

a:link {color:#000; text-decoration:none; border:0;}
a:visited {color:#000; text-decoration:none; border:0;}
a:active {color:#000; text-decoration:none; border:0;}
a:hover {color:#000; text-decoration:none; border:0;}

.einzug{ padding-left:150px;}
.liste {padding-left:180px;
 			line-height:18px;}
			
.center{ padding-left:100px;}

.klein {font-size: 10px;
		font-style:italic;}
		
.einzugl{  padding-left: 120px;
line-height:30px;}