/* CSS Document */

body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	min-width:750px;    /* Minimum width of layout - remove line if not required */
	/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
	text-align:center;
	background-image:url(../bilder/bodybackground3.png);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	background-color: #fff;
		
		
    }


	
#wrapper{
		       
   		width:750px;   /* you can use px, em or % */
  		text-align:left;
		margin:0 auto;
		
}	



p.layoutstyle {
		float:right;
}
	
	a {
    	color:#4f6a40;
		text-decoration:none;
		font-weight:bold;
		
	}
	a:hover {
		color:#876032;
		
		text-decoration:none;
	}
    h1, h2, h3 {
        margin:.8em 0 .2em 0;
        padding:0;
		color:#4f6a40;
		font-style:oblique;
		text-transform:uppercase;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		}
		
h4{
        margin:.8em 0 .2em 0;
        padding:0;
		color:#333333;
		font-style:oblique;
		text-transform:uppercase;
		font-family:Geneva, Arial, Helvetica, sans-serif;				
		
    }
    p {
        margin:.4em 0 .8em 0;
        padding:0;
    }
	img {
		margin:10px 0 5px;
	}
	/* Header styles */
    #header {
        clear:both;
        float:left;
        width:100%;
		height:170px;
		margin-top:20px;
		background-image: url(../bilder/logo_orionis3.png);
		background-repeat:no-repeat;
		background-position: left bottom;
    }
	#header {
		border-bottom:0px solid #4f6a40;
	}
	#header p,
	#header h1,
	#header h2 {
	    padding:.4em 15px 0 15px;
        margin:0;
		text-align:right;
	}
	#header ul {
	    clear:left;
	    float:right;
	    width:100%;
	    list-style:none;
	    margin:1px 0 0 0;
	    padding:0;
	}
	#header ul li {
	    display:inline;
	    list-style:none;
	    margin:0;
	    padding:0;
	}
	#header ul li a {
	    display:block;
	    float:left;
	    margin:0 0 0 1px;
	    padding:3px 10px;
	    text-align:center;
	    background:#eee;
	    color:#000;
	    text-decoration:none;
	    position:relative;
	    left:15px;
		line-height:1.3em;
	}
	#header ul li a:hover {
	    background:#369;
		color:#fff;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
	    color:#fff;
	    background:#000;
	    font-weight:bold;
	}
	#header ul li a span {
	    display:block;
	}
	
	/*linkes Menue stylen*/
	
	.col2 ul {
	    line-height:1.9em;
	    width:100%;
	    list-style:none;
	    margin:100px 0 0 0;
	    padding:0;
	}
	.col2 ul li {
	    
	    list-style:none;
	    margin:0;
	    padding:0;
		
	}
	.col2 ul li a 
	
	 {
	    
	    
	    margin:6px 0 12px 1px;
	    padding:1px 1px;
	    text-align:center;
	    background:#;
	    color:#4f6a40;
	    text-decoration:none;
			    
	}
	
	body.name a.navname,
	body.warum a.navwarum, body.katzen a.navkatzen,
	body.kittens a.navkittens, body.zuhause a.navzuhause,
	body.kind a.navkind, body.som a.navsom,
	body.galerie a.navgalerie, body.links a.navlinks,
	body.fotos a.navfotos 	
	 {	    	    
	
	font-size:110%;
	font-weight:bold;
	border-left: 6px solid #876032;
	text-decoration: none;
	color: #876032;
	padding-left:10px;
	text-align:right;

		
	    
	}	
	
body.index a.navindex, body.kontakt a.navkontakt 	
	 {	    	    
	
	font-size:110%;
	font-weight:bold;
	text-decoration: none;
	color: #876032;
	

		
	    
	}	
	
	
	.col2 ul li a:hover {
	    background-color:#;
		color:#876032;
		border-left:6px solid #876032;
	}
	
	
	.col2 ul li a.active,
	.col2 ul li a.active:hover {
	    color:#fff;
	    background:#000;
	    font-weight:bold;
	}
	.col2 ul li a span {
	    display:block
	}
	
/*Ende linkes Menue*/		
	
	
	
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#;
		border-top:0px solid #4f6a40;
		margin:0;
		padding:140px 15px 6px 15px !important;
		text-align:right;
		
	}
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
		border:1px solid #4f6a40;
		background-image:url(../bilder/hintergrundmenue.gif);
		background-repeat: repeat-y;
		
	}
	/* 2 column left menu settings */
	.leftmenu {
	    
	}
    .leftmenu .colright {
        float:left;
        width:200%;
		position:relative;
		left:215px;
        background:#fff;
		
		
		
    }
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:215px;
	    padding-bottom:1em;
		
		
		
	}
	.leftmenu .col1 {
        margin:0 15px 0 230px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
		
		
		
	}
    .leftmenu .col2 {
        float:left;
        width:185px;
        position:relative;
        right:200px;
		font-size:0.8em;
		background-image:url(../bilder/ganymedbackground.png);
		background-repeat:no-repeat;
		background-position: left top;
		
		
    }
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		height:100px;
		font-size:75%;
		font-weight:bold;
		font-style:italic;
		color:#bca972;
		
		
    }
    #footer p {
        padding:10px 0px 50px 0px;
        margin:0px;
    }
	
	.crdesign {
	    float:right;
	}
	
	.imglogo{
	
	    float:left;
	
	}
	
	#topnavi{
	
	}
	
.sternkarte{
    float:right;
	padding-right:200px;
	display:block;
	z-index:-200;

}	
	

/* -----Bild Indexseite-------*/	
	.picturetop {
	
	   margin-top:30px;
	   border: 1px solid #876032;
	   padding: 3px;
	
	}
	
/*---------*/	

.updated{
   padding-top:100px;
   color:#4f6a40;
   font-style:italic;

}

.picturekatzen{

     
	 
	 border:1px solid #000;
	 padding:2px;
	 margin-right:2px;
	 margin-bottom:1px;
	 
	 
}




.tabkatze{  
    
	font-size:85%;
	color:876032;
	
}


.ttimagesnap_style {
  text-align: center;
  font: 10px Arial,Helvetica,sans-serif;
  border:solid 1px #666666;
  background-color: #ffffff;
  padding:2px;
  position:absolute;
  z-index:100;
}

.up {

    font-size: 80%;
	text-align: right;
	font-style:italic;
	padding-top:50px;


}

.zitat{
     font-style:italic;
	 color:#FF0000;
	 text-align:center;
	 font-size:90%;
	 padding:2px 10px;
}

.zentrieren{
     text-align:center;
	 margin-top:50px;
}

.fotogalerie{
     border-collapse:collapse;
	 border-spacing:0;
	 background-color:#666666;
	 display:block;
    
    
}



.picturetabelle{
     padding:0;
}

.tabbilder{

   position:relative;
   left:75px;
   margin-top:75px;
   width:350px;
   text-align:center;
   padding:10px;
   border:1px solid #876032;
   background-color:#BDCCB9;
   display:block;

}

.red{
   color:#FF0000;
   font-size:80%;
   font-style:italic;
   text-align:center;
}

.rahmen {
   border: 1px solid #4f6a40;
}


/* Formularformatierung */

.formbox {
  width: 410px;
  color: #4f6a40;
  font-weight:bold;
  background-color: #BDCCB9;
  background-image:url(../bilder/schilf.gif);  
  border: 1px solid #876032;
  margin-top:20px;
  margin-bottom:100px;
  padding-top:50px;
}

.reihe {
  clear: both;
  padding: 2px 0px;
}

.label {
  float: left;
  width: 100px;
  text-align: right;
  padding-top: 3px;
  padding-right: 5px;
}

.feld {
  float: right;
  width: 300px;
  text-align: left;
} 

.knopf {
  clear: both;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 30px;
}

.defbreite {
  width: 260px;
}