@charset "UTF-8";

@media all
{
  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Formatting YAML's  basic layout elements
   * (de) Gestaltung des YAML Basis-Layouts
   */

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { 
  	background: #fff url("images/ifis4_01.png") repeat-x top left; 	
  	padding: 0; 
  }

  /* (en) Layout: width, background, borders */
  /* (de) Layout: Breite, Hintergrund, Rahmen */
  #page_margins { 
  	min-width: 780px; 
  	max-width: 100em; 
  	margin: 0 auto; 
  	border: 0px; }
  #page{ background: #fff; border: 0px; }

  /* (en) Centering layout in old IE-versions */
  /* (de) Zentrierung des Layouts in alten IE-versionen */
  body { text-align: center }
  #page_margins { text-align:left }

  /* (en) Designing main layout elements */
  /* (de) Gestaltung der Hauptelemente des Layouts */
  #header {
    color: #000;
    background: #fff url("images/ifis4_02.png") no-repeat left;
    height: 180px; /* 168 */
    padding: 0 0 0 45px;
}
  #header #logo {
	position: absolute;
	left: 30px;
	top: 25px; /* 20 */
}

  #topnav { 
    color: #aaa; 
    background: #fff url("images/ifis4_04.png") no-repeat right top; 
    height: 180px; /*168*/
    width: 292px;
    top: 0;
    right: 0;
    padding: 0px;
    text-align: left;
}
  #links {
	display: block;
	padding-top: 20px; /* 20 */
	padding-left: 120px;
	line-height: 150%;
}

  /* (en) adjustment of main navigation */
  /* (de) Anpassung der Hauptnavigation */
  #nav ul { margin-left: 20px; }
  #nav_main {background-color: #336}


  #main { 
  	background: transparent url(images/ifis3_06.png) top right repeat-y;
  	padding:  0;
}

  #main2 {
  	  background: #fff url(images/ifis3_05.png) repeat-y left;
  }

  #footer { 
    color:#666; 
    background: #fff url("images/ifis3_09.png") no-repeat left top; 
    padding: 15px;
    position:relative ;
  }
  #footer_right {
	position: absolute;
	top: 0;
	right: 0;
	background: #fff url("images/ifis3_10.png") no-repeat right top; 
	width: 90%;
	text-align: right;
	padding: 15px;
}
  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #col1   | #col3     | #col2   |
   * | 25%     | flexible  | 0%     |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */


  #col1 { 
  	width: 25%; 
  	border-right:  1px solid #ddd;
  }
  #col1_content { padding: 10px 10px 0px 20px; }

  #col2 { width: 25% }
  #col2_content { padding: 10px 20px 10px 10px; }

  #col3 { margin: 0 0 0 25%;
  	 }
  #col3_content { padding: 10px 10% 0 10px; min-height: 350px;}


	/* behelflösung für positionierung mit csc 
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: none; float: left; }
	*/
	DIV.csc-textpic-clear { clear: none; }


  /*
    #nav * { border: 0px none !important}
    #nav_main { background: #efefef }
    #nav_main ul { margin-left: 10px }
    #nav_main ul li { line-height: 1.2em}
    
    #nav_main ul li a,
    #nav_main ul li strong { color: #666; font-weight: normal; padding: 0.5em 0.8em 0.5em 0.8em;}
    
    #nav_main ul li a:focus,
    #nav_main ul li a:hover,
    #nav_main ul li a:active  { background: #182E7A; color: #fff }
    
    #nav_main ul li#current { background: transparent }
    
    #nav_main ul li#current strong,
    #nav_main ul li#current a,
    #nav_main ul li#current a:focus,
    #nav_main ul li#current a:hover,
    #nav_main ul li#current a:active { color: #4D87C7; font-weight: bold }
  */
}
