/* ------------------------------------------------------ */
/* Container / ClearFix / Sidebar / Main right Column
--------------------------------------------------------- */



/*    Container 
----------------------------- */ 

#outer_container {
	width:1000px;
	margin:auto; 						/* center container for compliant browsers */
	text-align:left;
	margin-top:30px; 					/* oberer Abstand */	
	margin-bottom:30px; 					/* Unterer Abstand */
	}
#top_container {
	height:187px;
	text-align:center;
	background-image:url('bhakti-yoga-zentrum.png');
	background-repeat:no-repeat;
	}
#top_menu_link_leiste {
	height:32px;
	background-image: url('bg-gradient-navi.png');
	background-repeat:repeat;
	padding: 0 20px;
	}
#middle_container {
	text-align:center;
	background-image: url('bg-gradient-middle.png');  	/* needed side-border / bg-gradient-middle.png */
	background-repeat:repeat;  				/* needed side-border / trans_bg_inner1.png */
	}
#bottom_container {
	height:55px;
	background-image:url('bg-gradient-bottom.png');
	background-repeat:no-repeat;
	}

/*     ClearFix 
----------------------------- */ 

/* WICHTIG SCHLIESST GAP ZWISCHEN FOOTER AND MIDDLE  */
/* clear without structural mark-up from PIE website */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
    }

.clearfix {
  display:inline-block;
  }

 /* mac hide \*/
    * html .clearfix {height: 1%;}
      .clearfix {display: block;}
 /* End hide */
/* do not change or amalgamate clearfix styles*/


 
/*     Sidebar 
----------------------------- */  
#sidebar {
	float: left;
	width: 250px;
	padding: 0;
	margin:0;
	background: url(gradient-blue2.png); 	/* Sidebar Background */
	margin-left: 32px;
  	}  
#sidebar h1 {
	margin-top: 10px;
	font: bold .8em Verdana, Arial, Sans-serif;
	color: #555;
	background: url(gradient-white1.png) repeat-x left bottom;  /* BG #EEF0F1 fuer h1-headers */
	border: 1px solid #EFF0F1;
	padding: 5px 0 3px 10px;
	}
#sidebar .left-box {
	border: 3px double #EFF0F1; 		/* Abstand zwischen den einzelnen boxen */
  }
#sidebar .left-box p {
  margin: 5px;
  }

#sidebar ul.sidemenu {
  list-style: none;
  text-align: left;
  margin: 3px 0 0 0; 
  padding: 0;
  text-decoration: none;
  font-size: .9em;
  }
#sidebar ul.sidemenu li {
  border-bottom: 1px solid #EFF0F1;
  background: url(gradient-white2.png---); 		/* BG fuer sidebar Links */
  padding: 3px 0 5px 25px; 				/* Hoehen Abstand der links  */	
  margin: 3px 2px 0px 0;  	
  }
#sidebar ul.sidemenu a {
	font-weight: lighter;
	text-decoration: none;
	background-image: none;
	font: normal 1em Verdana, Arial, Sans-serif;
	}