@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-2009, 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.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 */

@media screen, projection {
body, html {
	font-size: 1em;
	height: 100% !important;
	padding: 0;
}
* html .page_margins {
	height:100% !important;
}

/*
body {
	background-color:#7da7a6;
	background-image: url(../images/layout/body_texture.jpg);
    background-position: left top;
    background-repeat: repeat-x;
}
*/

.page_margins {
	width: 62.5em;
	min-width: 63em;
	max-width: 63em;
	margin:auto;
	border-left: 1px dotted #CCC;
	border-right: 1px dotted #CCC;
	position:relative !important;
	min-height:100%; /* real browsers */
	height: auto !important;
	background: url(../images/layout/col2_article_bg_institut.gif) repeat-y #fff;
	background-position: center right;
}
.page {
	width: 63em;
	/*border-top: 1em solid #7da7a6;*/
	background-position: top right;
	padding-bottom: 4em;
}

#border_top {
	height:1.2em;
	background-color:#7DA7A6;
	color:#fff;
	text-align:right;
	font-size:0.625em;
	padding:0.2em;
	padding-right:20px;;
	
}

#header {
	background: url(../images/layout/header_banner_institut.jpg) #F6F6F6;
	/*background-position: top right;*/
	width: 63em;
	height: 170px;
	border-top: 1px solid #fff;
}
#header_left {
	float: left;
	width: 11em;
	height: 100%;
	/*background: #F6F6F6;*/
	background: none;
}
#header_logo {
	background-color: none;
	padding-left:3.5em; 
	padding-top:2.2em;
	height: 6.5em;
	width: 15em;
}

.logo {
	background: url(../images/layout/header-logo_mpg.gif) no-repeat;
	width:180px;
	height:100px;
	display:block;
}

#header_copy {
	background: url(../images/layout//header_institute_en.gif) no-repeat;
	background-position: top left;
	width: 38em;
	height: 4em;
	float: left;
	margin-top: 3em;
	margin-left: 4.7em;
}
#header_right {
	background: url(../images/layout/header-image_home.png) no-repeat;
	background-position: top right;
	height: 100%;
	width: 48em;
	float: right;
}
#header_metanav {
	margin-top: 0.8em;
	/*margin-bottom: 2.3em;*/
	float: right;
	margin-right:1em;
}
#main {
	background: #fff;
	margin: 10px 0;
	padding: 0.1px 0;
	text-align: right;
	background: url(../images/layout/col2_article_bg_institut.gif) repeat-y #fff;
	background-position: top right;
	border-top: 0.4em solid #fff;
}
#breadcrumb {
	background: url(../images/layout/breadcrumb_box_institute.gif) no-repeat #f1f1f1;
	background-position: right 0;
	background-color: #f1f1f1;
	height: 21px;
	border-bottom: 2px solid #fff;
	overflow:hidden;
}
#breadcrumb_content {
	padding-left: 0.5em;
	padding-top: 0.25em;
	padding-right: 4.5em;
	line-height: 1.3em;
}
#font-switch {
	color: #7CA6A6;
}
#font-switch .small {
	font-size: 0.8em;
}
#footer {
	background: url(../images/layout/col2_article_bg_institut.gif) repeat-y #fff;
	background-position: top right;
	border-top: 1px dotted #999;
	/*height: 5em;*/
  	width: 63.05em;
	line-height: 1.5em;
	position:relative !important;
	margin: 0 auto;
	margin: -65px auto 0 auto; /* move #footer to its position ... */
	}
#footer_content {
	text-align: left;
	color: #666;
	padding-left: 20em;
	margin: 0;
	border-bottom: 5px solid #729393;
	border-left:1px dotted #ccc;

	
}
/*------------------------------------------------------------------------------------------------------*/

  /**
   * Formatierung der Inhalts-Container
   *
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #col1   | #col3     | #col2   |
   * | 25%     | flexible  | 25%     |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */



  #col1 {
	width: 18em;
	padding: 0;
	display: block;
	overflow: hidden;
	margin-bottom: 1em;
	text-align: left;/*border-top: 1px dotted #000000;*/
}
#col2 {
	display: none;
}
#col2_content {
	display: none;
}
#col3 {
	width: 43em;
	height: 100%;
	padding: 0;
	margin:0;
	margin-left: 20em;
	border-top: 1px dotted #000000;
	padding-top: 0.2em;
	text-align: left;
	word-wrap:break-word;

}
#col3_content {
	margin-bottom: 2em; /* space between col2 and footer, otherwise some content might be hidden behind the footer*/
}
/*## Standard margins & widths for content elements   ATTENTION: content might digg into right sidebar when you increase this value ##*/
  #col3_content .wrapper, #col3_content .subcolumns {
	width: 92%;
	margin-top: 1em;
}

#col3_content p {
	max-width: 91%;
	
}


.floatbox>table, .floatbox>p, .floatbox>ul {
	width: 91%;
}
/* =Subcolumns */
  .c80l {
	float: left;
}
.c20r {
	float: right;
	margin-left: -5px;
}
#col3_content div.subcolumns {
	padding: 0;
}
#col3_content div.subcolumns.full {
	width: 100%;
	padding: 0.3em 0;
}



/* Boxes with colored right bar e.g. Image Gallery */
.c80l {
	width: 92%;
}
.c20r {
	width: 7.7%;
	border-left: 3px solid white;
}
.subcr {
	margin: 0;
	padding: 0;
}
.subcl {
	margin: 0;
	padding: 0;
}
.equalize .c20r, .equalize .c80l {
	display:table-cell;
	vertical-align:top;
	float:none;
	margin:0;
	overflow:hidden;
}

.cleared {
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	font-size:1px;
}


}