/*	
   ----------------------------------------------------------------------------
   Freie Universitaet Berlin
   Autor: CeDiS, http://www.cedis.fu-berlin.de, cms@cedis.fu-berlin.de
   Datum: 24.03.2006
   ----------------------------------------------------------------------------
   - Verknuepfte Dateien -
   Listenpunkte im Content: ../media/layout/rechteck_gr_liste.gif,
   ../media/layout/rechteck_gr_ie.gif	
   ----------------------------------------------------------------------------
   - Farben -
   Hintergrund Seite: #f4f4f4
   Rahmen -Wrapper: #cccccc (hellgrau)
   Fliesstext: #333333 (dunkelgrau)
   h1 h2 #333333 (dunkelgrau)
   h3 #666666 (mittelgrau)
   h4 #cc0000 (rot)
   h5 #333333, hintergrundfarbe: #f4f4f4 (hellgrau)
   h6 #666666 (mittelgrau)
   Identitaetsbereich Hintergrund: #336699 (dunkeblau)
   Inhaltsbereich (baseContent) - Links: #003399 (leuchtendes blau), visited: #336699 (hellers blau)
   Footer - Text: #ffffff (weis), Hintergrund #999999 (dunkelgrau)
   FU Standard Blau im Web: #003366
   FU Standard Gruen im Web: #99cc00
   ----------------------------------------------------------------------------
  Aktualisiert am 22.01.2009 fuer die Website GML 2009
*/

/*
   ----------------------------------------------------------------------------
   Stilvorlagen entsprechend dem Seitentyp und der Layoutvariante
   ----------------------------------------------------------------------------
*/

body {
	padding: 0;
	margin:0;
    text-align:center;
     /*background: url(../../media/layout/symposium_bg_body.gif);*/
	background-repeat: no-repeat;
}
*html body{/* fuer IE  */
   /*padding: 10px 0 10px 0;*/
}
#wrapper {
	position: relative;
	/*margin: 0px auto 10px 40px;*/
	margin: 10px auto 10px 40px;
	/*border-top: 2px solid #336699;*/
	/*width: 762px;*/
	width: 740px;
	/*border:2px Solid #cccccc;*/
	background-color: #ffffff;
    text-align:left;
	padding:0;
}
*html #wrapper { /* fuer IE  */
	/*margin: 0px auto 10px auto;
	padding:0;*/
}
/* Info:
   Der wrapper dient als umspannender Container.
   Er fasst Elemente und Bereiche zusammen, welche im Verhaeltnis zur Breite, Hoehe und Position des wrappers mittels CSS absolut positioniert werden.
   ----------------------------------------------------------------------------
*/

/* 	Header  */

#baseHeader {
	position:relative;
	margin:0;
	padding: 0;
	height: 156px;
}

/* Navigationsbereich im Header */
#baseNavigationButtons{
	position: relative;
	width: 100%;
	margin:0 0 20px 0;
	padding: 0;
	text-align: left;
	background-color: #ffffff;	
	border-bottom:2px solid #003782;
	z-index: 1;
	height: 19px;
}
*html #baseNavigationButtons{
	/*top: 76px;
	width: auto;*/
}
#baseNavigationButtons ul{
	list-style-type: none;
	/*margin: 0 0 0 20px;*/
	margin: 0 0 0 0px;
	padding: 0;
	font-weight: bold;
}
#baseNavigationButtons ul li{
	display: inline;
	margin: 0px -4px 0 0;
	margin: 0px;
	padding: 0;
	line-height: 150%;	
}
#baseNavigationButtons ul li a{
    margin:0 -4px 0 0;
	text-decoration: none;
	/*padding:2px 8px 4px 6px;*/
	padding:5px 16px 1px 0px;
	color: #003782;
	background-color: #ffffff;
	/*background-color: #336699;
	border-right:1px solid #cccccc;*/
}
#baseNavigationButtons ul li .aktiv{
    margin:0 -4px 0 0;
	text-decoration: none;
	/*padding:2px 8px 4px 6px;*/
	padding:5px 16px 1px 0px;
	color: #333333;
	/*background-color: #6699cc;
	border-right:1px solid #cccccc;*/
}
#baseNavigationButtons ul li a.first{
	/*border-left:1px solid #cccccc;*/
}
#baseNavigationButtons ul li a:hover{
	color: #333333;
}
#baseNavigationButtons ul li a.aktiv{
	background-color: #333333;
}

/* 	Identitaetsbereich  */

#baseIdentity{
	position: absolute;
	top: 83px;
	left: 0;
	height: 48px;
	width:100%;
	margin: 0;
	padding: 0;
	background-color: #336699;
}
.baseIdentityBild{
	top:8px;
	left:0px;
	position: absolute;
	margin: 0;
	padding:0;
}

/*	Inhaltsbereich  */

#baseContent {
	/*margin: 100px 0px 12px 0px;*/
	/*padding: 0px 20px 20px 20px;*/
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
	/*border-right: 1px solid #ccc;*/
	background-color: transparent;  /* fuer benutzerdefinierte Bildschirmeinstellungen */
	min-height: 300px;  /* regelt variabel die Mindesthoehe des Inhaltsbereichs */
	background-color: #fff;
}
*html #baseContent { /* nur fuer IE 5.5 - 6.x */
	height:300px;  /* regelt variabel die Mindesthoehe des Inhaltsbereichs */
	/*padding: 40px 0px 0px 0px;*/
} 
/*  Spalten im Contentbereich  */

#columns {
}

#leftColumn {
	float: left;
	width: 526px;
}

#rightColumn {
	float: right;
	width: 188px;
}

/* Zusaetzliche Columns */

#leftColumn1 {
	float: left;
	width: 526px;
}

#rightColumn1 {
	float: right;
	width: 188px;
}

.clear{
	clear: both;
}

/*	Fussleiste  */

#baseContainerFooter {
	position: relative;
	color: #003782;
	padding: 0px 0 2px 0px;
	text-align: left;
	font-size: 100%;
	/*line-height: 130%;*/
	height: 20px; 
	border-top: 2px solid #003782;
	/*background-color: #999999;*/
}

/*  Copyright */

#baseContainerFooter div.left {
	position: absolute;
	top: 2px;
	left: 0px;
	/*width: 560px;*/
	text-align: left;
}

/*  Datum */

#baseContainerFooter div.right {
	position: absolute;
	top: 2px;
	left: 584px;
	width: 150px;
	text-align: right;
}


/* 	
	-----------------------------------------------------------------------------
	Spezielle Stilvorlagen
   	-----------------------------------------------------------------------------
*/


/*	Contentbereich  */

/* 	Mikronavigation (Navigations-Pfad)  */

#baseContainerNavigationToRoot {
	font-size:	90%;
	line-height: 120%;
	/*width: 752px;*/
	padding: 0 20px 0 0;
	margin: 20px 0 15px 20px;
}

/*  Links im Navigationspfad  */

.baseNavigationToRoot {
	color: #000;
}

.baseNavigationToRoot a {
	color: #666;
}

.baseNavigationToRoot a:hover {
	color: #000;
	text-decoration: none;
}

.baseNavigationToRoot a:visited {
	color: #666;
	text-decoration: none;
}


/*
	Symbole fuer Druck und Druckvorschau  
   	-----------------------------------------------------------------------------
*/

#baseIcons {
	float: right;
	margin: -2px 0px 10px 40px;
	padding: 0px;
}
*html #baseIcons { /* fuer IE  */
	margin: 0px 0px 10px 40px;
}

#basePrintPreview {
	display:none;
}
/* Info:
   Diese Symbole werden nur in der Druckvorschau (separates Popup) und bei der Ausgabe auf einem Drucker verwendet/eingeblendet.
   ----------------------------------------------------------------------------
*/


/*	Standardlisten und numerierte Listen im Contentbereich  */

#baseContent ul {
	margin: 0px 20px 0px 12px;
	padding: 4px 0 4px 0px;
}

#baseContent ol {
	margin: 4px 20px 4px 12px;
	padding: 4px 0 4px  0px;
}

#baseContent ol li {
	list-style-type: decimal;
	margin: 0 0 0 20px;	
	padding: 0px;
}
*html #baseContent ol li { /* fuer IE  */
	margin: 0 0 0 25px;	
}

#baseContent ul li {
   list-style-image: url(http://www.cms.fu-berlin.de/base/01/media/layout/rechteck_gr_liste.gif); 
	margin: 0;
	padding: 0px;
	line-height: 140%;
}
*html #baseContent ul li { /* fuer IE  */
   list-style-image: url(http://www.cms.fu-berlin.de/base/01/media/layout/rechteck_gr_ie.gif); 
}
/* Klasse fuer links ausgerichtete umflossende Elemente */

.float_left {
	float: left;
}

/* Klasse fuer rechts ausgerichtete umflossende Elemente */

.float_right {
	float: right;
}

/* zum Positionieren von Bildern (Umfliessen) im Contentbereich */

.imgLeft {
	float: left;
	margin: 10px 20px 10px 0;
}

.imgRight {
	float: right;
	margin: 10px 0 10px 20px;
}
/* hover Effekt fuer eine Tabelle im Contentbereich*/
.markup tr:hover{
	background-color:#d8e1ef;
}
.markup tr td:hover{
	border-color:#ffffff;
}

/* Klasse fuer das Aufheben der Umfliessen-Eigenschaft */

.clear {
	clear: both;
}

/* 	Fussleiste  */

/* 	Links im div baseContainerFooter  */

#baseContainerFooter a {
	color: #336699;
	text-decoration: none;
}
#baseContainerFooter a:hover {
	color: #336699;
	text-decoration: underline;
}
#baseContainerFooter a:visited {
	color: #336699;
	text-decoration: none;
}

/* Zusaetzliche Links die direkt zum Inhalts-Bereich springen 
	----------------------------------------------------
*/

.skip {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}
/* Bildergalarie
	----------------------------------------------------
*/
.imageContainer
{ 
	width: 720px; /*breite an das spezielle Symposium Design angepasst*/
}