/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Vertical list navigation "vlist"
 * (de) Vertikale Navigationsliste "vlist"
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.3
 * @revision        $Revision: 118 $
 * @lastmodified    $Date: 2007-08-18 16:03:42 +0200 (Sa, 18 Aug 2007) $
 */
/*@import url(../../includes/yaml/navigation/nav_shinybuttons.css);*/
/*@import url(../../includes/yaml//navigation/nav_vlist.css);*/

@media screen {
/*** navigation elements in the header ***/
  
  /** metanav - help, contact, imprint etc.**/
  
  /* metanav: navigation elements */

#header_metanav ul {
	margin:0;
}

#header_metanav ul li {
	border: 0.0625em solid #aaadad;
	float: left;
	display: block;
	background-color: #e8eeee;
	line-height: 0.85em;
	margin-left: 0.6em;
	padding: 0.09em 0.3125em 0.125em 0.3125em;
}
#header_metanav ul li#startpage {
	background: url(../images/icons/icon_home.gif) no-repeat #e8eeee;
	background-position: 0.2em center;
}
#header_metanav ul li#help {
	background: url(../images/icons/icon_help.gif) no-repeat #e8eeee;
	background-position: 0.2em center;
}
#header_metanav ul li#contact {
	background: url(../images/icons/icon_contact.gif) no-repeat #e8eeee;
	background-position: 0.2em center;
	padding-left: 22px;
}
#header_metanav ul li#imprint {
	background: url(../images/icons/icon_imprint.gif) no-repeat #e8eeee;
	background-position: 0.2em center;
}
#header_metanav ul li#sitemap {
	background: url(../images/icons/icon_sitemap.gif) no-repeat #e8eeee;
	background-position: 0.2em center;
}
#header_metanav ul li#evanet {
	background: url(../images/icons/icon_evanet.gif) no-repeat #e8eeee;
	background-position: 0.2em center;
}
#header_metanav ul li#mail {
	background: url(../images/icons/icon_mail.gif) no-repeat #e8eeee;
	background-position: 0.2em center;
	padding-left:21px;
}
#header_metanav ul li#search {
	background: url(../images/icons/icon_search.gif) no-repeat #e8eeee;
	background-position: 0.2em center;
}
#header_metanav ul li#font-size {
	background: url(../images/icons/icon_font-size.gif) no-repeat #e8eeee;
	background-position: center;
	padding-left: 17px;
}
#header_metanav ul li#language_en {
	background: url(../images/icons/icon_english.gif) no-repeat #e8eeee;
	background-position: 0.2em center;
	padding-left: 22px;
}
#header_metanav ul li#language_de {
	background: url(../images/icons/icon_german.gif) no-repeat #e8eeee;
	background-position: 0.2em center;
	padding-left: 22px;
}
#header_metanav ul li#language.german {
	background: url(../images/icons/icon_german.gif) no-repeat #e8eeee;
	background-position: 0.2em center;
	padding-left: 22px;
}
/*
#header_metanav ul li#font-size a {
	width: 30px;
	height: 14px;
}
#header_metanav ul li#font-size:hover {
	background: url(../images/icons/icon_font-size_hover.gif) no-repeat #e8eeee;
	background-position: center;
	padding-left: 17px;
}
*/
#header_metanav ul li a {
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 1em;
}
#header_metanav ul li a:hover, #header_metanav ul li a:focus, #header_metanav ul li a:active {
	color: #000;
}
#header_metanav ul li {
	padding-left: 18px;
}
/* metanav: links */
  
  #header_metanav ul li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.625em;
	text-decoration: none;
	color: #666;
	display: block;
}
/**topnav - browsing the departments**/
  
   #nav {
	border-top: 1px solid #FFFFFF;
	padding: 0;
	margin: 0;
}
/* for the colored stripes above the topnav menu */
  
  #topnav_colors {
	margin: 0;
	padding: 0;
}
#topnav_colors ul {
	padding: 0;
	margin: 0;
}
#topnav_colors ul li {
	font-size: 0.7em;
	display: block;
	float: left;
	border-left: 1px solid #ffffff;
	line-height: 0.5em;
	margin: 0em;
	padding: 0em;
 /*width: 10.768em;*/
	width: 10.48em;
	position: relative;
}
#header #topnav {
	position: relative;
	left: 0;
	top: 0;
}
#topnav_colors ul li.home {
	background-color: #89b0af;
}
#topnav_colors ul li.genetics {
	background-color: #6e92ad;
}
#topnav_colors ul li.evolution {
	background-color: #a9b787;
}
#topnav_colors ul li.primatology {
	background-color: #6a8214;
}
#topnav_colors ul li.linguistic {
	background-color: #ae8c3f;
}
#topnav_colors ul li.psychology {
	background-color: #b6412d;
}
#topnav_colors ul li.research_groups {
	width: 16em;
	background-color: #b7011f;
}
#topnav_colors ul li.leipzig_school {
	background-color: #58585a;
}
#topnav_colors ul li:first-child {
	border-left: 0;
}
/* topnav: navigation elements */
 
  #topnav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
/* general definition of the first level of topnav-list */
	
  #topnav ul li {
	float: left;
	display: block;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #FFFFFF;
	background-color: #d3ddde;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0em;
	padding: 0em;
 	/*width: 10.768em;*/
	width: 10.48em;
	line-height: 1.8em;
	font-size: 0.7em;
}

  /* color and backgroundcolor of the topnav-links */
#topnav ul li a { display: block; color: #000000; text-decoration: none; font-size: 1em;}
#topnav ul li a:hover { font-weight: normal; color: #FFFFFF;}
 /*#topnav ul li a:active { font-weight: bold; color: #FFFFFF;}*/

#topnav ul li.home a  { }
#topnav ul li.home a:hover { background-color: #89b0af;}
#topnav ul.institute li.home a { background-color: #89b0af; color: #FFFFFF; }

#topnav ul li.genetics a { }
#topnav ul li.genetics a:hover { background-color: #6e92ad;}
#topnav ul.genetics li.genetics a { background-color: #6e92ad; color: #FFFFFF;}  

#topnav ul li.evolution a { }
#topnav ul li.evolution a:hover { background-color: #a9b787;}
#topnav ul.evolution li.evolution a { background-color: #a9b787; color: #FFFFFF;}
  
#topnav ul li.primatology a { }
#topnav ul li.primatology a:hover { background-color: #6a8214;}
#topnav ul.primatology li.primatology a { background-color: #6a8214; color: #FFFFFF;}
   
#topnav ul li.linguistic a { }
#topnav ul li.linguistic a:hover { background-color: #ae8c3f;}
#topnav ul.linguistic li.linguistic a { background-color: #ae8c3f; color: #FFFFFF;}
  
#topnav ul li.psychology a { }
#topnav ul li.psychology a:hover { background-color: #b6412d;}
#topnav ul.psychology li.psychology a { background-color: #b6412d; color: #FFFFFF;}
           
#topnav ul li.research_groups a { }
#topnav ul li.research_groups a:hover { background-color: #b7011f;}
#topnav ul.research_groups li.research_groups a { background-color: #b7011f; color: #FFFFFF;}
  
#topnav ul li.leipzig_school a { }
#topnav ul li.leipzig_school a:hover { background-color: #58585a;}
#topnav ul.leipzig_school li.leipzig_school a { background-color: #58585a; color: #FFFFFF;}  
  

/* deleting of the left-border of the first list-element    */
#topnav ul li.home { border-left: 0px; }   

/* bigger width of the research groups-element */
  
#topnav ul li.research_groups {
	width: 16em;
	}
	
#topnav ul li.leipzig_school {
	width:10.49em;
}
	
#topnav ul li ul {
	padding: 0;
	margin: 0;
	position: absolute;
	width: 15.1em;
	left: -999em;
	list-style: none;
	z-index: 10;
	}

#topnav ul li ul li {
	width: 15.1em;
	border: none;
	border-top: 0.0625em solid white;
	font-size: 1em;
	}

#topnav ul li ul li a	{
  	height:100%;
	background: url(../images/layout/topnav_arrow_white.gif) no-repeat;
	background-position: 0.625em 0.7em;
	padding-left: 1.4em;
	text-align: left;
	color: #FFFFFF;
	}
#topnav ul li:hover a { 
	color: #FFFFFF;
	}

#topnav ul li.research_groups li { 
	width: 24.9em;
}

#topnav ul li:hover ul { 
	left: auto;
	}
#topnav ul li.sfhover ul {
	left: auto;
	background-color: #6e92ad;
	}
/*** navigation elements in the main div ***/
  
/** mainnav - browsing on the left side: institute, research, press, staff etc. **/
  
/* mainnav: navigation elements */
  
#mainnav { width: 100%;  }
	
 /*##################### mainnav: level 1 #####################################*/
	
#mainnav ul{
	border-bottom: 1px solid #d3ddde;
	margin: 0;
	}
 
#mainnav ul li {
	margin: 0;
   	display: block;
	border: 0.065em solid #d3ddde;
	border-bottom-style: hidden;
	background: #e8eeee url(../images/layout/mainnav_bg-left.gif) repeat-y ;
	padding-left: 1.65em;
}

 /*##################### mainnav: level 1 - links ######################################*/
  
#mainnav ul li a {
  	display: block;
	background: url(../images/layout/mainnav_bullet_green.gif) no-repeat;
	background-position: 1.25em 1.1em;
	font-weight: bold;
	font-size: 0.688em;
 	color: #407e7d;
  	line-height: 1.5em;
	text-decoration: none;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 2.1875em;
}
	

#mainnav ul li a:hover {
  	color: #FFFFFF;
	background: #729393 url(../images/layout/mainnav_bullet_white.gif) no-repeat ;
	background-position: 1.25em 1.1em;
}
	
#mainnav ul li.active {
    display: block;
	border: 1px solid #d3ddde;
	border-bottom-style: hidden;
	background: #729393 url(../images/layout/mainnav_box_green_institute.gif) repeat-y ;
}

#mainnav ul li.active a {
	background: url(../images/layout/mainnav_bullet_white.gif) no-repeat;
	background-position: 1.25em 1.1em;
	font-weight: bold;
	font-size: 0.688em;
  	color: #FFFFFF;
  	/*line-height: 1.5em;*/
	text-decoration: none;
}

 /*##################### mainnav: level 2 ######################################*/

#mainnav ul li ul li{
	margin-left: -1.69em;
	display: block;
	border-right-style: hidden;
	background: url(../images/layout/mainnav_bg-left_second.gif) repeat-y #fff;
	margin-bottom: -1px;
}


 /*##################### mainnav: level 2 - links ######################################*/
#mainnav ul li ul li a {
	background: transparent url(../images/layout/mainnav_bullet_second-level_institute.gif) no-repeat;
	background-position: 2.4em 1.1em;
	font-size: 0.688em;
  	color: #717171;
	text-decoration: none;
	padding-left: 3.4375em;
	font-weight: normal;
}

#mainnav ul li.active ul li a {
	background: transparent url(../images/layout/mainnav_bullet_second-level_institute.gif) no-repeat;
	background-position: 2.4em 1.1em;
	font-size: 0.688em;
  	color: #717171;
	text-decoration: none;
	padding-left: 3.4375em;
	font-weight: normal;
}

  	/*#mainnav ul li ul li:hover { border-right-color: #729393;}*/

#mainnav ul li ul li a:hover {
	color: #FFFFFF;
	background: url(../images/layout/mainnav_bullet_white_small.gif) no-repeat #729393;
	background-position: 2.4em 1.1em;
	margin-right: -0.15em;
}

#mainnav ul li ul li.active {
	background: url(../images/layout/mainnav_bg-left_second.gif) repeat-y #F1F1F1;
}
	
#mainnav ul li ul li.active a {
	background: url(../images/layout/mainnav_bullet_white_small.gif) no-repeat #729393;
	background-position: 2.4em 1.13em;	
	margin-right: -0.15em;
}


/*##################### mainnav: level 3 ######################################*/

#mainnav ul li ul li ul li{
/*	margin-left: -1.69em; */
	margin-left: -0.05em;
	display: block;
	border-right-style: hidden;
	background: #fff url(../images/layout/mainnav_bg-left_second.gif) repeat-y;
	margin-bottom: -1px;
}

div#mainnav ul li ul li.active ul li{
/*	margin-left: -1.69em; */
	margin-left: -0.05em;
	display: block;
	border-right-style: hidden;
	background: #fff url(../images/layout/mainnav_bg-left_second.gif) repeat-y;
	margin-bottom: -1px;
}

/*##################### mainnav: level 3 - links ######################################*/
#mainnav ul li ul li ul li a {
	background: transparent url(../images/layout/mainnav_bullet_second-level_institute.gif) no-repeat;
/*	background-position: 3.5em 1.1em; */
	background-position: 1.25em 1.1em;	
	font-size: 0.688em;
  	color: #717171;
	text-decoration: none;
/*	padding-left: 4.5em; */
	padding-left: 2.5em;
	font-weight: normal;
	
}
  
#mainnav ul li ul li ul li a:hover {
	color: #fff;
	background: url(../images/layout/mainnav_bullet_white_small.gif) no-repeat #729393;
/* 	background-position: 3.5em 1.1em; */
	background-position: 1.25em 1.1em;	
	margin-right: -0.15em;
	
}



#mainnav ul li ul li.active ul li a:hover {
	color:#fff;
	background: url(../images/layout/mainnav_bullet_white_small.gif) no-repeat #729393;
/*	background-position: 3.5em 1.1em; */
	background-position: 1.25em 1.1em;
}

#mainnav ul li ul li.active ul li a {
	background: transparent url(../images/layout/mainnav_bullet_second-level_institute.gif) no-repeat;
/*	background-position: 3.5em 1.1em; */
	background-position: 1.25em 1.1em;
	font-size: 0.688em;
  	color: #717171;
	text-decoration: none;
/*	padding-left: 4.5em; */
	padding-left: 2.5em;
	font-weight: normal;
}



#mainnav ul li ul li ul li.active a {
	background: url(../images/layout/mainnav_bullet_white_small.gif) no-repeat #729393;
/*	background-position: 3.5em 1.13em; */
	background-position: 1.25em 1.13em;		
	margin-right: -0.15em;
/*	padding-left: 4.5em; */
	padding-left: 2.5em;	
}


#mainnav ul li ul li ul li.active {
	background: url(../images/layout/mainnav_bg-left_second.gif) repeat-y #F1F1F1;
	}



/*##################### breadcrumb navigation ######################################*/


#breadcrumb a { 
  	color: #346665;
	text-decoration: none;
	background: url(../images/icons/icon_arrow_right.gif) no-repeat;
	background-position: 0em 0.4em;
	padding-left: 0.8em;
  	padding-right: 0.7em;
	font-size: 0.917em; /* 11px */
	}
	
#breadcrumb a:focus,
#breadcrumb a:hover,
#breadcrumb a:active { }	
	
/*** navigation elements in the footer ***/
/** footer_metanav - navigation elements: print, forward, top **/

#footer_options {
    margin: 0;	
	padding: 0;
	padding-top: 0em;
	float:right;
	margin-right:80px;
}
  
ul#footer_options li {
    padding: 0em;
	margin: 0em;
    display: block;
	float: left;
	font-size: 0.7em;
}

ul#footer_options li a { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #000000; font-weight: normal;}
ul#footer_options li a:hover { color: #000000; text-decoration: underline;}
ul#footer_options li a:visited { color: #000000;}

ul#footer_options li#print {
  	background: url(../images/icons/icon_print.gif) no-repeat;
  	background-position: 0.1875em 0.1875em;
  	padding-left: 2em;
	margin-left: 2.2em;  	
}

ul#footer_options li#top_link {
  	background: url(../images/icons/icon_arrow_up.gif) no-repeat;
	background-position: 0.1875em 0.55em;
  	padding-left: 1.3em;
	margin-left: 1.8em;  	
}

/** footer-nav - navigation elements: help, contact **/
ul#footer-links {
    margin: 0;
	padding: 0;
	padding-top: 0.8em;
}
  
ul#footer-links li {
  	display: block;
	float: left;
	padding: 0;
	margin: 0;
	padding-right: 2em;
	font-size: 0.7em;
}

ul#footer-links li a { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #000000; font-weight: lighter;}
ul#footer-links li a:hover {color: #000000; text-decoration: underline;}
ul#footer-links li a:visited { color: #000000;}
	
#footer_copyright{
	clear: both;
    margin-top: 1.8em;
	font-size: 0.7em;
}

}