body 
{
	background-color : #ffffff;
	margin : 0px;
	padding:0px;
	text-align:center;
	background-image: url(../img/rasen.jpg);
}

#container
{
	color:black;
	background-color: transparent;
	background-image: url(../img/zookazoorasen.jpg) ;
	background-repeat: no-repeat;
	border: 0px solid black;
	width:1016px;
	height:684px;
	padding:0px;
	text-align:left;
	margin:auto;
	margin-top:0px;
}
#topcont
{
	color:black;
	border: 0px solid black;
	width:1016px;
	height:200px;
	padding:0px;
	text-align:left;
	margin:auto;
	margin-top:0px;
}
#topcont1
{
	color:black;
	border: 0px solid black;
	width:1016px;
	height:170px;
	padding:0px;
	text-align:left;
	margin:auto;
	margin-top:0px;
}
#topcontleft
{
	color:black;
	float:left;
	border: 0px solid black;
	width:340px;
	height:20px;
	padding:0px;
	text-align:left;
	margin:auto;
	margin-top:0px;
}
#topcontright
{
	color:black;
		background-color : #000000;
	float:left;
	border: 1px solid black;
	width:643px;
	height:20px;
	padding:0px;
	text-align:left;
	margin:auto;
	margin-top:0px;
}
#left
{
	color:#000000;
		float:left;
	border: 0px solid black;
	width:365px;
	height:500px;
	padding:0px;
	text-align:left;
	margin-right:0px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	font-family:verdana, helvetica, sans-serif;
    font-size:10px;
}


#center
{
	color:#000000;
		float:left;
/*	background-image: url(../img/mikrofische.gif) ;
    background-repeat:no-repeat;
     background-position:5px 120px;
     */
	border: 0px solid black;
	width:110px;
	height:500px;
	padding:0px;
	text-align:left;
	margin-right:0px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	font-family:verdana, helvetica, sans-serif;
    font-size:10px;
    
}
#centertext
{
	color:#000000;
		float:left;
/*	background-image: url(../img/muschel.gif) ;
    background-repeat:no-repeat;
     background-position:5px 200px;
*/	border: 0px solid black;
	width:150px;
	height:500px;
	padding-top:0px;
	text-align:left;
	margin-right:0px;
	margin-left:0px;
	margin-top:15px;
	margin-bottom:0px;
	font-family:verdana, helvetica, sans-serif;
    font-size:10px;
    overflow:auto;
}

#textblock
{
	color:#000000;
		float:left;

	border: 0px solid black;
	width:400px;
	height:432px;
	padding-top:0px;
	text-align:justify;
	margin-right:0px;
	margin-left:0px;
	margin-top:15px;
	margin-bottom:0px;
	font-family:verdana, helvetica, sans-serif;
    font-size:10px;
    overflow: auto;
}

#textblocktexte
{
	color:#000000;
		float:left;
		background-image: url(../img/mikrofische.gif) ;
    background-repeat:no-repeat;
     background-position:280px 80px;

	border: 0px solid black;
	width:400px;
	height:432px;
	padding-top:0px;
	text-align:justify;
	margin-right:0px;
	margin-left:0px;
	margin-top:15px;
	margin-bottom:0px;
	font-family:verdana, helvetica, sans-serif;
    font-size:10px;
}
#impressum
{
	color:#000000;
		float:left;

	border: 0px solid black;
	width:400px;
	height:15px;
	padding-top:0px;
	text-align:center;
	margin-right:0px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	font-family:verdana, helvetica, sans-serif;
    font-size:10px;
}

a.links { font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 9px; }

a.links:link    { color:#ffffff; text-decoration:none; }
a.links:visited { color:#ffffff; text-decoration:none; }
a.links:hover   { color:#cccccc; text-decoration:none; }
a.links:active  { color:#cccccc; text-decoration:none; }

a.bilder {
text-decoration: none;
}
#navcontainer
{
	color:#ffffff;
	float:left;
	background-color : #000000;
	border: 0px solid black;
	width:700px;
	height:20px;
	padding-top:0px;
	text-align:center;
	margin-right:0px;
	margin-left:338px;
	margin-top:170px;
		margin-bottom:0px;
			font-family:verdana, helvetica, sans-serif;
    font-size:10px;
}
* html #navcontainer  {  /* nur fuer Internet Explorer */
  width:645px;     /* Version 5.x */
  w\idth:600px;    /* Version 6 */
  	ma\rgin-left:173px;
	margin-left:173px;
}
html*#navcontainer  { width:645px; }


#topcontright a
{
padding:3px;
background-color: #000;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
			font-family:verdana, helvetica, sans-serif;
    font-size:10px;
}

#topcontright a:hover
{
background-color: #cccccc;
color: #000;
}





/*formular*/

label.left {
 text-align:   right;
 width:        80px;
 margin-right: 20px;
}


.input
{
	margin: 3px;
	width: 241px;
	font-size: 10px;
	border: 1px solid #ccc;
	padding: 2px 0 2px 0;
}

 div#textblock textarea
{
	margin: 3px;
	width: 241px;
	height: 80px;
	font-size: 10px;
	border: 1px solid #ccc;
	padding: 2px 0 2px 0;
}

a.menu { font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 9px; line-height: 10pt; }

a.menu:link    { color:#ffffff; text-decoration:none; background-color:000000; padding-left:1px; }
a.menu:visited  { color:#ffffff; text-decoration:none; background-color:000000; padding-left:1px; }
a.menu:hover   { color:#000000; text-decoration:none; background-color:c0c0c0; padding-left:1px;}
a.menu:active  { color:#000000; text-decoration:line-through; background-color:c0c0c0; padding-left:1px;}

/*
#logocontainer
{
	color:black;
		float:left;
		background-image: url(../img/ocelogo.gif) ;
			background-repeat: no-repeat;
	border: 0px solid black;
	width:220px;
	height:91px;
	padding:0px;
	text-align:left;
	margin-right:0px;
	margin-top:10px;
}
#contcontainer
{
	color:black;
	background-color : #ffffff;
	border: 0px solid black;
	width:848px;
	height:376px;
	padding:0px;
	text-align:left;
	margin-left:10px;
	margin-top:0px;
}
#content
{
	color:black;
	float:left;
	background-image: url(../img/ocelotbg.jpg) ;
			background-repeat: no-repeat;
	border: 0px solid black;
	width:650px;
	height:381px;
	padding:0px;
	text-align:left;
	margin-left:0px;
	margin-top:0px;
}
#content1
{
	color:black;
	float:left;
	border: 0px solid black;
	width:650px;
	height:381px;
	padding:0px;
	text-align:left;
	margin-left:0px;
	margin-top:0px;
}
#formularblock
{
	color:#653204;
	font-family:verdana, helvetica, sans-serif;
    font-size:10px;
	border: 0px solid black;
	width:300px;
	height:300px;
	padding:0px;
	text-align:left;
	margin-left:60px;
	margin-top:80px;
}
#imprblock
{
	color:#ffffff;
	font-family:verdana, helvetica, sans-serif;
    font-size:12px;
	border: 0px solid black;
	width:300px;
	height:300px;
	padding:0px;
	text-align:left;
	margin-left:40px;
	margin-top:80px;
}

label.left {
 text-align:   right;
 width:        80px;
 margin-right: 20px;
}


.input
{
	margin: 3px;
	width: 241px;
	font-size: 10px;
	border: 1px solid #ccc;
	padding: 2px 0 2px 0;
}

 div#formularblock textarea
{
	margin: 3px;
	width: 241px;
	height: 80px;
	font-size: 10px;
	border: 1px solid #ccc;
	padding: 2px 0 2px 0;
}

#right
{
	color:black;
	float:left;
	background-color : #ffffff;
	border: 0px solid black;
	width:190px;
	height:381px;
	padding:0px;
	text-align:left;
	margin-left:3px;
	margin-top:0px;
}
#blue
{
	color:black;
	background-color : #3689bf;
	border: 0px solid black;
	width:190px;
	height:125px;
	padding:0px;
	text-align:left;
	margin-left:0px;
	margin-top:0px;
}
#brown
{
	color:black;
	float:left;
	background-color : #e5e3d4;
	border: 0px solid black;
	width:190px;
	height:125px;
	padding:0px;
	text-align:left;
	margin-left:0px;
	margin-top:3px;
}
#green
{
	color:black;
	float:left;
	background-color : #abc83a;
	border: 0px solid black;
	width:190px;
	height:125px;
	padding:0px;
	text-align:left;
	margin-left:0px;
	margin-top:3px;
}

#footer
{
	color:black;
	float:left;
	background-color : #ffffff;
	border: 0px solid black;
	width:820px;
	height:70px;
	padding:0px;
	text-align:left;
	margin-left:10;
	margin-top:0px;
}
#footerhead
{
	color:black;
	background-image: url(../img/01ocelot.gif) ;
	background-repeat: no-repeat;
	background-color : #ffffff;
	border: 0px solid black;
	width:64px;
	height:49px;
	padding:0px;
	text-align:left;
	margin-left:0px;
	margin-top:0px;
}
#footerheadleist
{
	color:black;
	background-image: url(../img/02leistung.gif) ;
	background-repeat: no-repeat;
	background-color : #ffffff;
	border: 0px solid black;
	width:80px;
	height:49px;
	padding:0px;
	text-align:left;
	margin-left:0px;
	margin-top:0px;
}
#footerheadkont
{
	color:black;
	background-image: url(../img/03kontakt.gif) ;
	background-repeat: no-repeat;
	background-color : #ffffff;
	border: 0px solid black;
	width:64px;
	height:49px;
	padding:0px;
	text-align:left;
	margin-left:0px;
	margin-top:0px;
}
#footerheadimpr
{
	color:black;
	background-image: url(../img/04impressum.gif) ;
	background-repeat: no-repeat;
	background-color : #ffffff;
	border: 0px solid black;
	width:80px;
	height:49px;
	padding:0px;
	text-align:left;
	margin-left:0px;
	margin-top:0px;
}
#footerleft
{
	color:#653204;
	font-family:verdana, helvetica, sans-serif;
    font-size:10px;
	float:left;
	background-color : #ffffff;
	border: 0px solid black;
	width:182px;
	height:40px;
	padding:0px;
	text-align:left;
	margin-left:0px;
	margin-top:5px;
}
#footercenter
{
	color:#653204;
	font-family:verdana, helvetica, sans-serif;
    font-size:10px;
	float:left;
	background-color : #ffffff;
	border: 0px solid black;
	width:183px;
	height:40px;
	padding:0px;
	text-align:left;
	margin-left:28px;
	margin-top:5px;
}
#footerright
{
	color:#653204;
	font-family:verdana, helvetica, sans-serif;
    font-size:10px;
	float:left;
	background-color : #ffffff;
	border: 0px solid black;
	width:350px;
	height:40px;
	padding:0px;
	text-align:left;
	margin-left:28px;
	margin-top:5px;
}

       a#homebt          { display:block; 
                     background-image:url(../img/nav/home.gif);
                     width:71px; height:21px; text-decoration:none; }
       a#homebt:hover     { background-image:url(../img/nav/homeover.gif); }
       a#homebt1          { display:block; 
                     background-image:url(../img/nav/homeover.gif);
                     width:71px; height:21px; text-decoration:none; }
       a#homebt1:hover     { background-image:url(../img/nav/homeover.gif); }
       
       a#leistungbt          { display:block; 
                     background-image:url(../img/nav/leistung.gif);
                     width:77px; height:21px; text-decoration:none; }
       a#leistungbt:hover     { background-image:url(../img/nav/leistungover.gif); }
       a#leistungbt1          { display:block; 
                     background-image:url(../img/nav/leistungover.gif);
                     width:77px; height:21px; text-decoration:none; }
       a#leistungbt1:hover     { background-image:url(../img/nav/leistungover.gif); }

       a#kontaktbt          { display:block; 
                     background-image:url(../img/nav/kontakt.gif);
                     width:114px; height:21px; text-decoration:none; }
       a#kontaktbt:hover     { background-image:url(../img/nav/kontaktover.gif); }
       a#kontaktbt1          { display:block; 
                     background-image:url(../img/nav/kontaktover.gif);
                     width:114px; height:21px; text-decoration:none; }
       a#kontaktbt1:hover     { background-image:url(../img/nav/kontaktover.gif); }

       a#impressumbt          { display:block; 
                     background-image:url(../img/nav/impressum.gif);
                     width:114px; height:21px; text-decoration:none; }
       a#impressumbt:hover     { background-image:url(../img/nav/impressumover.gif); }
       a#impressumbt1          { display:block; 
                     background-image:url(../img/nav/impressumover.gif);
                     width:114px; height:21px; text-decoration:none; }
       a#impressumbt1:hover     { background-image:url(../img/nav/impressumover.gif); }


a.menu { font-family: Verdana, Arial, Helvetica, sans-serif; }

a.menu:link    { color:#ffffff; text-decoration:none; }
a.menu:visited { color:#ffffff; text-decoration:none; }
a.menu:hover   { color:#000000; text-decoration:none; }
a.menu:active  { color:#000000; text-decoration:none; }