@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Screen layout for YAML examples
 * (de) Bildschirmlayout für YAML-Beispiele
 *
 * @copyright       Copyright 2005-2010, 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.2.1
 * @revision        $Revision: 443 $
 * @lastmodified    $Date: 2009-12-31 18:05:05 +0100 (Do, 31. Dez 2009) $
 */

@media screen, projection
{
	/** 
	 * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera 
	 * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera 
	 *
	 * @workaround
	 * @affected IE8, FF, Webkit, Opera
	 * @css-for all
	 * @valid CSS3
	 */
	
	/*------ body { overflow-y: scroll; }
	------------------------------------------------------------------------------------------------*/
	
	
	/**
	 * (en) Formatting YAML's  basic layout elements
	 * (de) Gestaltung des YAML Basis-Layouts
	 */
	
	/* (en) Marginal areas & page background */
	/* (de) Randbereiche & Seitenhintergrund */
	body {
		padding: 0;
		background: #eceded url(../../img/elements/page_shadow.png) top center repeat-y;
	}
	/* (en) Centering layout in old IE-versions */
	/* (de) Zentrierung des Layouts in alten IE-versionen */
	body {
		text-align: center;
	}
	
	.page_margins {
		text-align:left;
		margin: 0 auto;
		width:998px;
		background: #fff;
	}
	
	*+html .page_margins {width: 1000px;} /* nur für den IE7 */
	
	/* (en) Layout: width, background, borders */
	/* (de) Layout: Breite, Hintergrund, Rahmen */
	.page { padding: 0px; }
	
	/* (en) Designing main layout elements */
	/* (de) Gestaltung der Hauptelemente des Layouts */
	
	#header {
	  color: #000;
	  background: #fff repeat-x top left;
	  padding: 10px 0px 0px 0px;
	}

	#header h1 {
		position:absolute;
		left:0px;
		top:0px;
	}
	
	#header #topnav {
		position:relative;
		top:0px;
	}
	
	#topnav {
		float:right;
		color: #5b5b5b;
		background: transparent;
		right:18px; 
	}
	
	#topnavleft{
		float:left;
		margin-right:18px;
	}
	
	#topnavleft #langMenu{
		margin-top: 6px;
	}
	
	#topnavright{
		float:left;
		width: 180px;
		text-align:left;
	}
	
	/* (en) adjustment of main navigation */
	/* (de) Anpassung der Hauptnavigation */
	
	#nav ul {
		font-family:verdana,arial;
		font-size:100%;
		margin-left:249px;
		margin-top:0;
		width:680px;
	}

	#main {
		
		/*background:#ffffff url(../../img/v2/08_zwischenstueck-links.png) repeat-y 10px top;*/
		background:#ffffff url(../../img/08_zwischenstueck-links.png) repeat-y 0px top !important;
		padding:0 0 20px 0;
		margin-top:0px;
	}
	
	
	
	body.uni #main,
	body.studium #main,
	body.forschung #main,
	body.fachbereiche #main,
	body.einrichtungen #main	 {
		
		background:#ffffff url(../../img/08_zwischenstueck-links.png) repeat-y 0px top !important;
		padding:0 0 20px 0;
		margin-top:0px;
	}
	
	
	
	
	#logo {
		clear:both; /** besser mit clearfix klasse lösen */
	}

	#footer {
		color:#5b5b5b;
		/*background: #f9f9f9;*/
		padding: 10px 20px;
		border-top: 5px #efefef solid;
		line-height: 1.5em;
	}
	
	/*------------------------------------------------------------------------------------------------------*/
	
	/**
	 * (en) Formatting content container
	 * (de) Formatierung der Inhalts-Container
	 *
	 * |-------------------------------|
	 * | #header                       |
	 * |-------------------------------|
	 * | #col1   | #col3     | #col2   |
	 * | 250px   |  565px    | 185 px  |
	 * |-------------------------------|
	 * | #footer                       |
	 * |-------------------------------|
	 */



	#col1 {
		/*margin: 27px 0;*/
		margin: 19px 0;
		width:250px;
		/*background:url("../../img/v2/17_hellrosa-kasten-ende.png") no-repeat scroll 10px bottom transparent;*/
		 background: url("../../img/11_roter-kasten-ende.png") no-repeat scroll 0px bottom transparent;
	}
	
	

	
	
	
	
	
	
	
	
	
	
	#col1_content {
		padding-left: 20px;
		padding-right: 10px;
		/*background: #ffffff url("../../img/v2/16_hellrosa-kasten-mitte.png") repeat-y scroll 10px bottom;*/
		 background: #fff url("../../img/10_roter-kasten-mitte.png") repeat-y scroll 0px bottom;
		margin-bottom:4px;
	}
	
	
	
  
	#col1_prev{
		height:4px;
		/*background: transparent url("../../img/v2/15_hellrosa-kasten-anfang.png") no-repeat scroll 10px bottom;*/
		    background: transparent url("../../img/09_roter-kasten-anfang.png") no-repeat scroll 0px bottom;
		margin:0;
		padding:0px;
	}
	
	
			
	/* #col2 becomes the middle column | #col2 wird zur mittleren Spalte */
	#col2 {
		width: 565px;
		float:left;
		margin: 0;
		
	}
	
	#col2_content {
		padding-left: 20px;
		padding-right: 20px
	}

	/* #col3 becomes the right column | #col3 wird zur rechten Spalte */
	#col3 {
		margin-left: 815px;
		margin-right: 0px;
		width: 185px;
		
	}
	
	#col3_content {
		padding-left: 0;
		padding-right: 15px;
		padding-top: 15px;
	}
 
	/*------------------------------------------------------------------------------------------------------*/
	
	/**
	* (en) Styling of layout specific elements
	* (de) Gestaltung layoutabhängiger Elemente
	*/

	
	#header span { color:#5b5b5b; }
  
	
	#footer {
		background:url("../../img/24_fuss-zwischenstueck.png") repeat-x scroll left 0 #FFFFFF;
		border-top:0px;
		padding:0;
		margin-left:10px;
	}
	
	#footerline {
		background:url("../../img/24_fuss-ecke.png") no-repeat scroll left 0 #FFFFFF;
		/*background:url("../../img/v2/01_ecke-links-oben-neu.png") no-repeat scroll left 0 #FFFFFF;*/
		width:36px;
		height:10px;
		margin:0;
		padding:0;
		margin-left: -10px;
	}
	
	#footerinfo {
		padding:15px 30px
	}
	
	#footer a {
		color: #5b5b5b;
		background:transparent;
	}
	
	#footer a:focus,
	#footer a:hover,
	#footer a:active {
		color: #4D87C7;
		background-color: transparent;
		text-decoration:underline;
	}

	/**
	 * ------------------------------------------------------------------------------------------------- #
	 *
	 * Skiplinks 
	 *
	 * (en) Visual styling for skiplink navigation
	 * (de) Visuelle Gestaltung der Skiplink-Navigation
	 *
	 * @section content-skiplinks
	 */
	 
	#skiplinks a.skip:focus,
	#skiplinks a.skip:active { 
	       color: #fff; 
	       background: #333; 
	       border-bottom: 1px #000 solid;
	       padding: 10px 0;
	       text-decoration:none;
	}

	
	
	#foot1{
		position: relative;
		left: 0;
		margin-right: 15px;
		width: 160px;
		margin-top: 4px;
		float: left;
	}
	
	#foot2{
		position: relative;
		left: 58px;
		float: left;
		margin-right: 15px;
	}
	
	#foot3 {
		float: right;
		margin-right: 15px;
	}
	
	
	#foot4 {
		float:right;
		position: relative;
		/*right: 132px;*/
	}
	
	ul.foot-nav{
		float:left;
	}
	
	
	ul.foot-nav li {
		float:left;
		list-style-type:none;
		padding:0 0 0 2px;
		margin-left: 2px;
	}
	
	ul.socialicons{
        float:right;
    }
    
    
    ul.socialicons li {
        /*float:left;*/
        list-style-type:none;
        padding:0 0 0 2px;
        margin-left: 2px;
    }

}