


 body {
  background-image: url('images/body.png') ; 
  background-repeat: repeat-y;  
  background-color:#000033;
  margin-top: 0px;
  /*overflow-y: hidden;*/
 
}


#seitenbereich { 
  position: relative;
  min-width:1024px;
  max-width:1200px;
  width: 100%;   
    
  margin: 0 auto 0 auto;
  
}



#formular {
                
		box-shadow: 2px 2px 2px 1px #8E8E8E;
                padding: 5px;
                border: 1px solid black;
                border-radius: 4px; 
		overflow: auto;		
		background-color:#EAEAEA;  		
                width:490px;               
                height:400px;
                margin-top: 30px;
                margin-left: 30px;
                float:left;
}

#admininfofenster {
                
		box-shadow: 2px 2px 2px 1px #8E8E8E;
                padding: 5px;
                border: 1px solid black;
                border-radius: 4px; 
		overflow: auto;		
		background-color:#EAEAEA;  		
                width:300px;               
                height:400px;
                margin-top: 30px;
                margin-left: 5px;
                float:left;
}
#adminvorschau2 {
                
		box-shadow: 2px 2px 2px 1px #8E8E8E;
                padding: 5px;
                border: 1px solid black;
                border-radius: 4px; 
		overflow: auto;		
		background-color:#EAEAEA;  		
                width:96%;               
                /*height:150px;*/
                margin-top: 5px;
                margin-left: 30px;
                margin-right: 30px;
                float:left;
}
#bilderkasten {
                
		
		overflow: auto;		
		background-color:#000000;  		
                width:181px;               
                height:136px;
                margin-top: 4px;
                margin-left: 4px;
		padding: 3px;
                float:left;
                overflow: hidden;
}


#formular1 {
                
		box-shadow: 2px 2px 2px 1px #8E8E8E;
                padding: 5px;
                border: 1px solid black;
                border-radius: 4px; 
		overflow: auto;		
		background-color:#EAEAEA;  		
                width:300px;               
                height:400px;
                margin-top: 30px;
                margin-right: 30px;
                float:right;
}



#header {
		 /*position: absolute;      Kommentartext */
		background-image: url('images/header.png') ;             
                background-attachment:fixed;
                background-position: 45% 0%;
                background-repeat: no-repeat;
		/*background-color:#fff000;*/
		  float:left;
		  width:100%;
		  height: 68px;
               
}

#kopf1

 {
  margin-top: 10px; /*50px*/
  float:right;
  width: 70px; 
  height: 110px;  
  background-color: transparent;  
  background-image: url('images/kopf1.png'); 
  

 }

  


.content {
                
		
		overflow: auto;
		box-shadow: 5px 5px 5px 0px black;
		background-color:#ffffff;
                background-image: url('images/content.png') ;
                background-repeat:no-repeat; 
                background-position:center center;
                background-attachment:fixed;

		/*font-size: 14px;*/
  		
		
                width:1200px; /*700*/
               
                min-height:660px; /*550*/
                /*max-height:570px;*/
                margin-top: 30px;
}

#anzeige {      
                font-family: 'Arial', 'Shanti', sans-serif;
		padding: 20px;
		overflow: auto; 		
		
                
}
h2 {
                font-family: 'Aclonica', sans-serif;
                text-align: left;
                padding-left: 5px;
                margin-left: 7px ;
                padding-top: 6px;
                padding-bottom: 6px;	 
		background-color:#000033;
		font-size: 20px;
  		color:#FFFFCC;
		width:99%;
                 
                 
                
}

h3 {
                font-family: 'Aclonica', sans-serif;
                text-align: center;
                padding-left: 20px;
                margin-left: 20px ;
                padding-top: 4px;	 
		background-color:#000033;
		font-size: 24px;
  		color:#FFFFCC;
		width:95%;
                height:30px; 
                 
               margin-left: 20px ;
}
#infotext {     

                position: absolute;
                font-family:'Aclonica',courier new;
                background-image: url('images/tafel_vorlage.png') ;
                color:#F0FF0C;           
                padding-top: 35px;
                padding-left: 120px;
                line-height: 17.2pt;
                font-size: 14px;}     /*Pferdetafel*/

#vorschau1    /* Hauptfenster */

 {
  /* text-align: center;*/
  /*font-size:14pt;*/
  position: relative;
  border: 1px solid black; 
  width: 99%; /* 970*/
  max-width: 980px;
  height: 280px;
  margin-right: 3%;
  margin-left: 2%;
  margin-bottom: 26px;
  float: left;
  box-shadow: 1px 1px 1px black;
  border-radius: 4px;
  background-color: #ffffff;
 
}

#vorschau2name  /* Bilderrahmen Namensfeld */

 {background:url(menu/menubilder/menu-bg.gif) top left repeat-x;  
  text-align: center;
  font-size:14pt;
  border: 1px solid black; 
  font-family: 'Arial', 'Shanti', sans-serif;  
  font-size:14pt;
  color:#ffffff;  
  width: 40%;    /* 320 */
  max-width: 320px;
  height: 257px;
  margin: 5px;
  padding-top: 10px;
  float: left;
}

#vorschau2bild  /* Bilderrahmen Namensfeld */

 {    
  color:#ffffff;
  padding-top: 5px; 
  width: 100%;    /* 208 */
  height: 100%;
}

.verk  /* Bilderrahmen Namensfeld verkauftbild*/

 {
  position: absolute;    
  color:#ffffff;
  margin-top: 45px;
  padding-left: 16px;
  width: 208px;    /* 208 */
  height: 250px;
}

#vorschau3  /* Abstammung -info-*/

 {
  text-align: left;
  font-size:10pt;
  border-top: 1px solid black; 
  
  border-bottom: 1px solid black; 
  font-family: 'Shanti','Arial', sans-serif;
  width: 130px;    /* 130 */
  height: 257px;
  margin-right: 5px;
  margin-top: 5px;
  padding-top: 10px;
  padding-left: 10px;
  float: left;
}
#vorschau3a  /* Abstammung - Listenname anzeigen*/

 {
  text-align: left;
  font-size:10pt;
  border-top: 1px solid black; 
  border-left: 1px solid black; 
  border-bottom: 1px solid black; 
  font-family: 'Shanti','Arial', sans-serif;
  width: 9%;    /* 80 */
  height: 257px;
  margin-right: 0px;
  margin-top: 5px;
  padding-top: 10px;
  padding-left: 10px;
  float: left;
}

#vorschau4  /* Beschreibung */

 {
  position: absolute;
  overflow: auto;
  text-align: left;
  font-size:10pt;
  border-top: 1px solid black; 
  border-right: 1px solid black; 
  border-bottom: 1px solid black; 
  font-family: 'Shanti','Arial', sans-serif;  
  min-width: 100px;
    
  width: 33%;    /* 373*/
  height: 257px;
  margin-left: 55%;
  margin-right: 5px;
  margin-top: 5px;
  padding-top: 10px;
  padding-left: 10%; /*10px*/
  
  padding-right: 1%;
  float: left;
 
}

.aufz {
                text-align: left;        
                padding-left: 70px;}  /*Aufzählungen*/

 

.mitte  {
                text-align: center;} 
.left  {
                text-align: left;
                padding-left: 50px;}


		
#clear{clear:both;}

#footer {
  font-family: 'Aclonica', sans-serif;
  text-align: center;
  font-size:8pt;
  width:100%;
  height:20px;
  color:#FFFFCC;
  background-image: url('images/bg.png') ;
  padding-top: 10px;
  margin-left: 0px;
  margin-top:  0px;
}

#javinfo {
  position: absolute;
  font-family: 'Arial', 'Aclonica', sans-serif;
  text-align: center;
  font-size:12pt;
  padding-top: 25px;
  width:100%;
  height:28px;
  color:#fa0000;
 margin-top: -40px;
 margin-left: -20px;
}






a:link { font-weight:bold; color: #777777; text-decoration:none; text-shadow: 2px 1px 1px black;
	 
}
a:visited { font-weight:none; color:#777777; text-decoration:none; }
a:focus { font-weight:bold; color:red; text-decoration:none; }
a:hover { font-weight:none; color: #FFFFCC; text-decoration:none;
           }
a:active { font-weight:bold; color: white; text-decoration:underline; }
