/* CSS Document */
body {
min-width: 900px;
	  min-height: 537px; 
	text-align: center;
	margin: 0;
	padding: 0;
	color: #666666;
	background: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	voice-family: "\"}\""; voice-family:inherit;
    font-size:12px;
    } 
html > body {font-size: 12px;
      min-width: 900px;
	 min-height: 537px;} 

#container {
    clear: both;
	height: 544px;
	width: 896px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: center;
	
}
#headernavigation{
	height: 20px;
	width: 896px;
	margin: 0 auto 0 auto;
	background-color: #993300;
	float:left;
	padding:0;
	
}


/* ####################
	   beginn sliding doors
	   ####################
	*/
#header {
      margin: 0 0 0 1px;
	  padding: 0;
      float: left;
      width:896px;
	  background: url(http://www.petatrix.ist.org/test/css/bg.gif) repeat-x bottom;
      line-height: normal;
	
      }
	  
    #header ul {
      margin: 0;
      padding: 10px 10px 0;
      list-style: none;
	
      }
	  #header li {
      display:inline;
      margin:0;
      padding:0;
      }
	  

 
	  
	  
	  
    #header a {
      float: left;
      background: url(http://www.petatrix.ist.org/test/css/tab_graumittel.gif) no-repeat left top;
	  background-color: #999999;
	  margin: 0;
      padding: 0 0 0 9px;
	  text-decoration:none;
	
     /* border-bottom:1px solid #765;*/
      }
	 /*  #header #nav-home a {
	    padding: 0;
	   } */
	  
     #header a span{
	float: left;
	display: block;
	padding: 5px 15px 4px 6px;
	text-decoration : none;
	font-weight: bold;
    background-image: url(http://www.petatrix.ist.org/test/css/tab_graumittel.gif);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #999999;
	color: #cccccc;

}
	/*   #header #nav-home a span{
	   padding: 5px 15px 4px 0;
	   }
	   */
    
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
     #header a span {float:none;}
    /* End IE5-Mac hack */
     #header a:hover span {
	color: #990000;
      }
	  
	   #header #current a {
	    background-image: url(http://www.petatrix.ist.org/test/css/tab_grau.gif);
      background-position:left top;
      border-width:0px;
      }
    #header #current a span {
	background-image: url(http://www.petatrix.ist.org/test/css/tab_grau.gif);
      background-position:right top;
      padding-bottom:5px;
      color: #999999;
      }
    #header a:hover {
	background-image: url(http://www.petatrix.ist.org/test/css/tab_grau.gif);
      background-position:left top;
      }
    #header a:hover span {
	background-image: url(http://www.petatrix.ist.org/test/css/tab_grau.gif);
      background-position:right top;
      }
	  
	  
	  /* ###############
	  ende sliding doors
	  ################ */
	  
	  
	  
 
	  
	  
	  
#header form, header input{height: 20px; margin: 0; padding:0;}	  


	  
	


#frame 
{
    clear: both;
	width: 896px;
	height: 524px;
	margin: 0 auto 0 auto;
	padding: 0;
	background-image: url(http://www.petatrix.ist.org/aktphotos/hausbau736x524o.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	text-align: center;
	
	}

.tinyou{
	clear: left;
	float: left;
	height: 25px;
	width: 890px;
	margin: 0 auto 0 auto;
	font-size: 12px;
	padding: 0;
	}
.tinyou	h2{
	
	margin: 0px;
	font-size: 12px;
	padding: 5px 0 0 0;
	text-align: center;
	
	}
.tinyou	div{
float:left;
}	


.tinyou2 {
	clear: left;
	float: left;
	height: 25px;
	width: 890px;
	margin: 0;
	font-size: 12px;
	padding: 0;
	vertical-align: middle; 
	}

.tinyou2	div{
float:left;
padding: 7px 0 0 0;
margin: 0;
font: 9px bold "Lucida Console", Verdana, sans-serif;
}		

/*mac safari bug*/
.tinyou2 a, .tinyou2 div a, .navigationlr a 
{
background: none;
}

/*mac safari bug*/



.navigationlr{
	float: left;
	height: 474px;
	width: 80px;
	margin: 0;
	padding: 0;
	}
	
	   .navigationlr	ul{
		margin: 0;
		padding: 0;
		width: 78px;
		clear: left;
		text-align: center;
		}
		
	    .navigationlr	li{
	    margin-bottom: 5.5px;
        list-style: none;
	    }
	
   #contentleft {
	float: left;
	height: 474px;
	width: 368px;
	margin: 0;
	padding: 0;
	overflow: auto;
	}

	.multiimages {
	margin:  0 5px 10px 5px;
	padding: 0;
	vertical-align: middle;
}


   #contentright{
	float: left;
	width: 368px;
	height: 474px;
	min-width: 368px;
	min-height: 474px; 
	margin: 0;
	padding: 0;
    text-align: center;
	overflow: auto;
	}


/*schriften und absaetze und spezielles */	 
	a{
	color: #990000;
	text-decoration: none;
}
.bildweite
{
	
	height: 450px;
	background-color: #D4D0C8;
	
}
	.bildweite1
{ 
padding-top: 75px;
}
	#contentright .mail
	{
	width: 31px;
	height: 20px;
	margin: 5px 150px 0 0px;
	text-align: left;}


	
h1 {
	font-size: 13px;
	color: #999999;
	margin: 0;
	padding: 0;
}
h2 {
	font-size: 13px;
	}
h3 {
	font-size: 12px;
	}
		


#choco{
	text-align: justify;
	text-indent: 10px;
	padding: 10px;
	margin: 5px 10px 0px 0px;
	border: 1px solid #666666;

}
p {font-size: 12px;}
img {border: 0;}
acronym {border-bottom: 1px dotted #999999;
cursor: help; 
}