@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Layout definition fot the header element
 * (de) Layout Formatierung für das Element Header
 *
 * @copyright       Copyright 2008, Thomas Kalteis brainGuide AG
 * @version         1.0
 * @revision        $Revision: 10 $
 * @lastmodified    $Date: 2008-04-09
 */

@media all
{
  
/* 1 General Formats */  

    /* (en) containing floats in IE */
    /* (de) Einfassen der Floats im IE */
  #header img {
  float:left;
  font-size:10px;
  width:16.7em;
  height:4.0em;
	
  }
  
  #header h1 {
  	float:right;
	width:auto;
	margin-top: 1.5em;
	font-size:1.1em;
	text-align:right;
	color: #003399;
	letter-spacing:0;
	line-height:2em;
	margin-right: 1.5em;
  }
  
div#helpToggle {
	width: 100%;
	/*border-top: 5px solid #cfd6e9;*/ 
	text-align: center;
	padding: 0;
	margin: 0;
	height:10px;
	overflow:hidden;
}

#helpToggle a { 
	width: 50px; 
	margin:0;
	padding:0; 
	}
	
#helpToggle a { margin:0; padding:0; }	

/* Check */

#introduction {
	padding:0;
	margin:0;
	height:auto
}
#help {
	padding-top: 0px;
	padding-left: 10px
}
#help .SlidingPanelsContentGroup {
	width: 8000em;
	float: left;
	height:auto;
}
#introduction div.subcolumns {
	position:relative;
	width:100%;
	margin:0;
	padding:0;
}
div.subcolumns .c62l {
	margin-top: 20px;
	height: 140px;
}
div.SlidingPanels {
	height:auto;
}
div.SlidingPanelsContent {
	float: left;
	width: 495px;
	height: 115px;
	padding: 0 10px;
}
/*#help img {
	float: left;
	margin-right: 4px;
}*/
#help .SlidingPanelsContent .content {
	margin: 4px auto;
	float: left;
}
#help .content {
	height: 80px;
	padding: 0px 4px;
}
#help p {
	margin: 4px 4px;
}
#help p.navLinks a.prev {
	display:block;
	width:15px;
	height:12px;
	position:absolute;
	left: 2px;
	top: 5px;
	margin:0;
	padding:0;
	border:none;
}
#help p.navLinks a.next {
	display:block;
	width:15px;
	height:12px;
	position:absolute;
	right: 10px;
	top: 5px;
	margin:0;
	padding:0;
	border:none;
}
#help p.navLinks a.next:hover, #help p.navLinks a.prev:hover, #help p.navLinks a.next:focus, #help p.navLinks a.prev:focus {
	background:none;
}
.SlidingPanelsAnimating * {
	overflow: visible !important;
}
#help p.navLinks {
	clear: both;
	text-align: left;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #fff;
	background-image:  url(../../images/navigation/bg_header_nav.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
}
div#help ul li {
	margin: 0;
	margin-left: 5px;
	padding: 0;
	font-size: 9pt;
}
#help .navLinks a {
	margin: 0;
	padding: 0px 10px;
	font-size: 95%;
	border-right: 1px solid #e6eaf6;
}
#help .navLinks a.first {
	margin-left: 20px;
}
#help .navLinks a.last {
	border-right: none;
	clear:left;
}
#help .navLinks a:hover, #help .navLinks a:active, #help .navLinks a:focus {
	background-color: #c0c6d4;
	text-decoration:none;
}
div.subcolumns .c38r {
	height: auto;
	margin: 15px 0px 15px 0px;
}


/* 2 Color-Settings  */ 

/* (en) Color coding for the help toggle  */
/* (de) Farbleitsystem */ 
	
	#helpToggle.home {
	/* (en) Home: Setting top-border for the help toggle  */
	/* (de) Home: Setzt die Top-Border für den Help toggle */
		border-top: 5px solid #ced6e9;
	}
	
	#helpToggle.home a {
	/* (en) Home: Setting background-color for the link element  */
	/* (de) Home: Setzt die Hintergrund-Frabe für das Link Element */
		background: #ced6e9 url(../../images/icons/arrow_down_blue.gif) center bottom no-repeat;
	}

	#helpToggle.allarea {
	/* (en) Allarea: Setting top-border for the help toggle  */
	/* (de) Allarea: Setzt die Top-Border für den Help toggle */
		border-top: 5px solid #ced6e9;
	}
	
	#helpToggle.allarea a {
	/* (en) Allarea: Setting background-color for the link element  */
	/* (de) Allarea: Setzt die Hintergrund-Frabe für das Link Element */
		background: #ced6e9 url(../../images/icons/arrow_down_blue.gif) center bottom no-repeat;
	}	

	div#helpToggle.expert {
	/* (en) Experts: Setting top-border for the help toggle  */
	/* (de) Experts: Setzt die Top-Border für den Help toggle */
		border-top: 5px solid #c4dbd3;
	}
	
	#helpToggle.expert a {
	/* (en) Experts: Setting background-color for the link element  */
	/* (de) Experts: Setzt die Hintergrund-Frabe für das Link Element */
		background: #c4dbd3 url(../../images/icons/arrow_down_green.gif) center bottom no-repeat;
	}	

	#helpToggle.company {
	/* (en) Companys: Setting top-border for the help toggle  */
	/* (de) Companys: Setzt die Top-Border für den Help toggle */
		border-top: 5px solid #d5bbc4;
	}
	
	#helpToggle.company a {
	/* (en) Companys: Setting background-color for the link element  */
	/* (de) Companys: Setzt die Hintergrund-Frabe für das Link Element */
		background: #d5bbc4 url(../../images/icons/arrow_down_red.gif) center bottom no-repeat;
	}	
	
	#helpToggle.publication {
	/* (en) Publications: Setting top-border for the help toggle  */
	/* (de) Publications: Setzt die Top-Border für den Help toggle */
		border-top: 5px solid #afaecd;
	}
	
	#helpToggle.publication a {
	/* (en) Publications: Setting background-color for the link element  */
	/* (de) Publications: Setzt die Hintergrund-Frabe für das Link Element */
		background: #afaecd url(../../images/icons/arrow_down_blue.gif) center bottom no-repeat;
	}
	
	#helpToggle.event {
	/* (en) Events: Setting top-border for the help toggle  */
	/* (de) Events: Setzt die Top-Border für den Help toggle */
		border-top: 5px solid #bf7325;
	}
	
	#helpToggle.event a {
	/* (en) Events: Setting background-color for the link element  */
	/* (de) Events: Setzt die Hintergrund-Frabe für das Link Element */
		background: #bf7325 url(../../images/icons/arrow_down_orange.gif) center bottom no-repeat;
	}	

	
}