/* Stylesheets für BORG Homepage 
   4.2.07
   gold-gelb-grün:   #939300
   hover-farbe:      #cece26

   blau              #256a91
   grau (Rahmen):    #555
   weiß:             #EEE
   schwarz (Schrift):#333
*/

* {
   padding: 0;
   margin: 0;
  }

body {             
  text-align: center; 
  background-color: #EEE;
  background: transparent url(images/bg.jpg) repeat-y center top;
  behavior: url(csshover.htc);             
  }					
 
#rahmen {
  width: 800px;
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0 auto;
  background-color: #256a91;
  border: 1px solid #256a91;
  border-top: 1px solid #256a91;
  }
	           
#header {  
  height: 94px;            
  width: 100%; 
  background:  #256a91 url(images/bg_header.jpg) left top no-repeat; 
  border-bottom: 1px solid #256a91;              
  }
              
#header img {
  visibility: hidden; 
  }   
             
#header h1 {
  margin-left: -999px;
}            

#header a {
  margin-left: -999px;
}            
/* Styles für den Navigationsbereich */


#nav  {
  float: left;               
  margin-top: 60px;
  margin-bottom: 300px;
  width: 180px;     
 }
              
#nav ul {                                     
  width: 180px;
  color: #EEE;
  font-size: 13px;
  font-weight: normal;
  font-style: normal; 
  list-style-type: none;
  }
                                                    
#nav li a {
  display: block;          
  padding: 4px 0px 4px 5px;
  margin: 2px 0;
  border: 1px solid #AAA;
  color: #EEE;
 
  text-decoration: none; 
  width: 180px;           /* fuer IE55 */
  margin-left: -16px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 173px;    
  margin-left: 0;           
  }
   
#nav a:hover {
  background-color: #cece26;
  color: #256a91; 
  }  
 
#nav li.submenu {  
   position: relative;
   display: block; 
   padding: 4px 0px 4px 5px;
   margin: 2px 0;
   border: 1px solid #AAA;                                    
   background: url(images/pfeil.gif) 95% 50% no-repeat; 
   color: #EEE;
  
   width: 180px;             /* Breite für ie55 */
   margin-left: -16px;       /* Position für ie55 */
   voice-family: "\"}\""; 
   voice-family:inherit;
   width: 173px; 
   margin-left: 0;  
   }

#nav a:hover {
   background-color: #cece26;
   color: #256a91; 
   }   
             
#nav li.submenu:hover {
   background: #cece26 url(images/pfeil_hover.gif) 95% 50% no-repeat; 
   color: #256a91;                 
   } 

#nav ul li.submenu ul {
   position: absolute; 
   width: 240px;
   top: -4px;           
   background-color: #256a91;      
   border: 1px solid #555;      
   display: none;
   left: 175px;
   voice-family: "\"}\""; 
   voice-family:inherit;
   left: 179px;
   }    

#nav ul li.submenu:hover ul {
   display:block;
   }               

#nav ul li.submenu ul a{
   width: 233px;
   }      
   
#nav .rss {
}  

#nav .rss img {
	margin: 5px;
	float:left;
	border: none;
	padding: 0;
}                      
              
/* Styles für den Content */
#content {
   /* margin-left: 180px; */ 
   float: right;
   width: 579px;            
   background-color: white;
   color: #333;          
   padding: 0 20px 10px;
   }
							 
#content h1   {           
   font-size: 32px;            
   padding: 20px 0;    
   } 
              
#content h2   { 
   clear: right;                            
   font-size: 17px;
   font-weight: bold;
   margin: 25px 0 5px 0;
   border-bottom: 1px solid #555;            
   } 
              
#content h3,h4   {
   font-size: 16px;
   font-weight: bold;
   margin: 15px 0 5px 0;                               
   } 
                           
#content h5   {
   font-size: 15px;
   font-weight: bold;
   margin: 10px 0 5px 0;                                        
   } 
            
#content .rechts {
   text-align: right;
              }                            
#content .invers {
   background-color: #256a91;
   color: #EEE;
   }                
              
#content a    {
   text-decoration: none;
   border-bottom: 1px solid #256a91;
   color: #256a91;            
   }                                     
                           
#content p    {               
   padding: 5px 0 5px 0; 
   font-size: 15px;
   line-height: 1.4;       
   }  

#content p.untertitel {
	font-size: 17px;
	font-style: italic;
}       
	          
#content p.datum {
   text-align: right;
   font-size: 12px;
   }     
   
   
#content dl {
	padding: 5px 0 5px 15px;
}

#content dt {
	font-style: italic;
	
}         

#content dd {
	padding:  0 10px 10px;
}                                            

img  {
   float: right;
   border: 1px solid #Ddd;
   padding: 4px;
   margin: 10px 0 5px 10px;
}  
 
#content .bildrahmen {
    float: right;
    border: 1px solid #ddd;
    margin: 10px 0 5px 10px;
}

#content .bildrahmen img {
    border: none;
    margin: 0;
    padding-bottom: 2px;
    }

#content .bildtitel {
    font-size: 55%;
    text-align: right;
    padding: 0 4px 2px 4px;
} 
 
 
/* Styles für 350 Pixel Bild mit Unterschrift */  
              
#bild {
  width: 350px;                 
  float: right;
  margin: 10px 20px 5px 10px;
  padding: 0;
  border: 1px solid #333;
  font-size: 15px;
  } 
              
             
              
#bild p {      
  padding: 5px;
  margin: 0;
  font-size:13px;
  }
        
#bild img {
  padding:0;
  }                                           
/* Styles für Tabellen */

#content table {
  width: 577px;
  border-collapse: collapse;
  margin: 20px 0 40px 0;
  } 
              
#content th {
  font-weight: bold;
  font-size:15px;
  background-color: #256a91;
  color: #EEE;
  text-align: left;
  padding: 0.25em 0.5em 0.25em 0.5em;
  border: 1px solid #CCC;
  }  
            
#content td {             
  font-size: 15px;
  color: #333;
  text-align: left;
  vertical-align: top;
  padding: 0.25em 0.5em 0.25em 0.5em;
  border: 1px solid #CCC;
  }  
            
#content fieldset {
  font-size: 15px;                             
  color: #333;
  border: 1px solid #CCC;
  margin: 20px;
  }
    
#content ol {
	list-style-type: lower-latin;
}
  
#content ol li {
  margin: 0 20px 0 50px;
  font-size: 15px;
  line-height: 1.2;
  color: #333;
  padding: 0em 0 0em 0.5em ;
}          
  
#content ul {
  list-style-type: square;        
  }  
          
#content ul li {
  margin: 0.5em 20px 0.5em 20px;
  font-size: 15px;
  line-height: 1.4;
  color: #333;
  padding: 0.1em 0 0.1em 1em ;
  }   
       
#content blockquote.gedicht {
	font-size:14px;
	margin: 20px;
	font-style: italic;
	
}	 


	                   
/* Styles für 350 Pixel Bild mit Unterschrift */ 
                
#linkliste a {
  display: block;
  border:none;
  padding: 0.3em 0 0.3em 40px; 
  color: #256a91; 
  text-decoration: none;                 
  }
              
#linkliste p {
  margin:0 235px 0 50px;
  padding:0.3em 0 0.3em 0;
  border-bottom: 1px solid #CCC;           
  }   
             
#linkliste a:hover {
  border-left: 5px solid #256a91;
  padding-left: 35px;               
  }        
             
/* Styles für Listen mit Links und Kommentaren */

#linkliste2 a {
  border: none;
  /* padding: 0.3em 0em 0.3em 40px; */
  color: #256a91;
  border-bottom: 1px solid #256a91;                 
  }
              
#linkliste2 p {
  margin:0 20px 0 60px;
  text-indent: -40px; 
  text-align: left;
  padding:1em 0 1em 40px;
  border-bottom: 1px solid #CCC;            
  }   
             
#linkliste2 a:hover {
  background-color: #256a91;
  color: #EEE;
  } 

/* Styles für Fotos */


#album  {
  display: inline;
  float: left;
  /* width: 577px; 	*/			 
  }	
  			
/* id fotos wird fehlerhaft verwendet. Muss durch Klasse foto ersetzt werden */			
												 
#fotos {
  display: inline;
  float: left; 
  height: 275px; 
  width: 275px;
  padding: 0; 
  margin: 10px 0 10px 5px;
  border: 1px solid; 
  border-color: #AAA #444 #444 #AAA;
  text-align: center;
}



#fotos img {
  float: none;      
  margin-top: 10px;
  padding: 0 8px 0 0;
  border-style: none;					  
  }

#fotos a {         
  border: none;
  }  					
														
#fotos p {
  margin: 0.5em; 
  padding: 0;
  font-size: 13px;
  text-align: center;
  }
		
/* ersetzt #fotos */
		
#album div.foto {
  display: inline;
  float: left; 
  height: 275px; 
  width: 275px;
  padding: 0; 
  margin: 10px 0 10px 5px;
  border: 1px solid; 
  border-color: #AAA #444 #444 #AAA;
  text-align: center;
}

#album div.foto img {
  float: none;      
  margin: 10px 0 0 0;
  padding: 0;
  border: 1px solid #AAA;					  
  }

#album div.foto a {         
  border: none;
  }  					
														
#album div.foto p {
  margin: 5px; 
  padding: 0;
  font-size: 13px;
  text-align: center;
  }	
  	
/* Styles für das Datum */

.postdate {
  position: relative;
  width: 51px;
  height: 50px;
  float: right;
  margin: 0 0 0px 8px;
}
.month, .day, .year {
  position: absolute;
  text-indent: -1000em;
  background-image: url(images/datum.png);
  background-repeat: no-repeat;
}
.month { top: 10px; left: 0; width: 32px; height: 15px;}
.day { bottom: 0px; left: 0; width: 34px; height: 23px;}
.year { bottom: 0; right: 0; width: 14px; height: 41px;}

.m-01 { background-position: 0 0px;}
.m-02 { background-position: 0 -23px;}
.m-03 { background-position: 0 -44px;}
.m-04 { background-position: 0 -66px;}
.m-05 { background-position: 0 -86px;}
.m-06 { background-position: 0 -108px;}
.m-07 { background-position: 0 -131px;}
.m-08 { background-position: 0 -152px;}
.m-09 { background-position: 0 -174px;}
.m-10 { background-position: 0 -195px;}
.m-11 { background-position: 0 -217px;}
.m-12 { background-position: 0 -238px;}



.d-01 { background-position: -42px 0;}
.d-02 { background-position: -42px -26px;}
.d-03 { background-position: -42px -51px;}
.d-04 { background-position: -42px -73px;}
.d-05 { background-position: -42px -100px;}
.d-06 { background-position: -42px -124px;}
.d-07 { background-position: -42px -149px;}
.d-08 { background-position: -42px -174px;}
.d-09 { background-position: -42px -199px;}
.d-10 { background-position: -42px -224px;}
.d-11 { background-position: -42px -249px;}
.d-12 { background-position: -42px -272px;}
.d-13 { background-position: -42px -298px;}
.d-14 { background-position: -42px -323px;}
.d-15 { background-position: -42px -347px;}
.d-16 { background-position: -42px -372px;}
.d-17 { background-position: -42px -397px;}
.d-18 { background-position: -42px -422px;}
.d-19 { background-position: -42px -447px;}
.d-20 { background-position: -42px -471px;}
.d-21 { background-position: -42px -496px;}
.d-22 { background-position: -42px -521px;}
.d-23 { background-position: -42px -545px;}
.d-24 { background-position: -42px -570px;}
.d-25 { background-position: -42px -595px;}
.d-26 { background-position: -42px -619px;}
.d-27 { background-position: -42px -644px;}
.d-28 { background-position: -42px -669px;}
.d-29 { background-position: -42px -692px;}
.d-30 { background-position: -42px -719px;}
.d-31 { background-position: -42px -744px;}


.y-2009 { background-position: -97px 0;}
.y-2010 { background-position: -97px -47px;}
.y-2011 { background-position: -97px -95px;}
.y-2012 { background-position: -97px -143px;}
.y-2013 { background-position: -97px 0;}
.y-2014 { background-position: -97px -47px;}
.y-2015 { background-position: -97px -95px;}
.y-2016 { background-position: -97px -143px;}
	
	
			 
/* Styles für den Fussbereich */


#footer {
  clear: both;
  }

#footer p {
  font-size: 12px;
  color: #EEE;
  text-align: right;
  margin: 0px;
  padding: 3px 10px 3px 10px;
  }