/**
 * ITWissen.info
 *
 * styles for all the containers
 *
 * @package         yaml
 * @version         3.1
 * @project			ITWissen.info
 * @site			www.itwissen.info
 * @id				$Id: my_basemod.css 89 2009-09-30 08:43:53Z sebastian_schreiber $
 */

@media screen, projection
{
  /*-------------------------------------------------------------------------*/

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { margin: 10px 0 0 10px; background: #fff url("../../gfx/main_bg.gif") top left; width: 1200px; } 

  /* Layout Properties | Layout-Eigenschaften */
  .page_margins { width: auto;  padding:0 20px 20px 0; }
  .page 
  { 
  		background:#fff url("../../gfx/bg_navi.png") repeat-x top left;
		border: 1px solid #fff;
		float: left;
		width: 985px;
		padding: 0 20px 10px 10px; 
  }
  
  /* ------------ Top Area ---------------------------------------- */
  #header { margin: 20px 0 10px 0; height: 70px; }	
  #topnav { right: 0 !important; top: 0 !important; width: 400px; height: 100%; }
  #login_status { position: absolute; top: 0; right: 0; }
  #fullbanner { position: absolute; bottom: 0; right: 0; }
  
  /* ------------ Navigation Area ---------------------------------------- */
  #nav { overflow:hidden; }
  #rootlinerow 
  { 
    background: #f6f6f6;
    height: 45px;
    border: 1px solid #e4e4e4;
    padding: 2px;
	padding-left: 10px; 
  }  
  #rootlineWrap { width: 468px; padding-left: 0px; position: relative; float: left; font-size: 10px; margin-top: 3px; }  
  #rootline { position: relative; float: left; width: 637px; margin-top: 2px; font-size: 10px; }
  #search { position: relative; float: right; margin-top: 2px; margin-right: 10px; }
  #date { position: relative; float: left; width: 165px; margin-top: 2px; font-size: 10px; }     
  #dateWrap { margin-left:10px; font-size: 10px; }
  
  /* Gruppenübersicht, Abk. */ 
  #catalogue_menu { margin-top: 20px; }
  
  /* ------------ Content Area ---------------------------------------- */
  #main { margin: 10px 0; background: #fff; }
  
  /* ------------ Footer Area ---------------------------------------- */  
  #footer { text-align: center; width: 1024px !important; border-top: 3px solid #e4e4e4; background: #f6f6f6; padding-top: 15px; padding-bottom: 15px; }
  #copyright, #bookmarks
  {
	float: left; 	
	width: 50%; 
  }
  #bookmarks { margin-right: 5%; width: 45%; }
  #footer_inner { margin: 10px 40px 20px 35px; }
  #footer_inner h1 { color: #666666; border-bottom: 1px solid #c8c8c8; margin-bottom: 10px; } 
  
  .printlink_topWrap { float: left; width: 100% }
  .printlink_top { text-align: right; }
  .printlink_bottom { text-align: right; margin-top: 10px; }
    	
  /*-------------------------------------------------------------------------*/

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */
  #col1 { float: left; width: 160px;  margin: 0; border-top: 1px solid #c8c8c8; }
  #col2 { float: left; width: 475px; margin: 0 }  
  #col3 { float: left; width: 340px; margin: 0; padding: 0; margin-left: 5px; }
  #col2_content { padding: 0 10px 0 10px; }
  #mcontent_searchform { margin-left: 0; display: none; }
 
  #mcontent_content { clear: both; }
  #col3_content { padding: 0; margin: 0; }
  
  /* ------------ Two Column Layout ---------------------------------------- */
  .two_column_wrapper #col2 { width: 638px; margin-right: 10px; }
  .two_column_wrapper #col2_content { padding: 0 }
  .two_column_wrapper #mcontent_content { margin-left: 0; }	
  /*-------------------------------------------------------------------------*/
}