/* Freie Universitaet Berlin
   Extra Designvorgaben fuer den FB Mathematik und Informatik
   http://www.math.fu-berlin.de/
   http://www.inf.fu-berlin.de/
   http://www.mi.fu-berlin.de 
   Autor: CeDiS, http://www.cedis.fu-berlin.de, cms@cedis.fu-berlin.de
   Datum: 06.11.2006
   aktualisiert am 28.02.07 
   ----------------------------------------------------------------------------
   - baseNavigationButtons kann 4 bis max. 6 Punkte enthalten
   Kommentare neben der Eigenschaft -width- beachten
   ----------------------------------------------------------------------------
   - Verknuepfte Dateien 
   ../media/layout/bg_body_blau.gif
   ../media/layout/suchpfeil_blau.gif
  ../media/layout/rechteck_gr_liste.gif
   ---------------------------------------------------------------------------
   - Farben -
   Infonavigation: #c5d2e4
   Hauptnavigation im Identitaetsbereich (baseNavigationButtons)
   Hintergrundfarbe: #6699cc 
   Schriftfarbe:#FFFFFF;
   Aktiver Button Hintergrundfarbe Rot: #336699 
*/
/* -----------------------------------------------------------------------------
	Layoutbereiche Mastertemplate
   -----------------------------------------------------------------------------
*/
body {
	background: #ffffff url(../img/bg_body_blau.gif) top repeat-x;
}

#wrapper {
	position: relative;
	margin: 0px auto 0px 0px;
	width: 780px;
	text-align: left; 
}

*html #wrapper {
	margin: 0;
}

#printlogo { 
	display:none;
}
/* Layout fuHeader 
    -----------------------------------------------------------------------------
*/
#baseHeader {
	top:0;
	margin: 0 0 12px 12px;
	padding: 0;
	height: 196px;
}
/* Layout  ?
    -----------------------------------------------------------------------------
*/
#baseNavigationInfo {
	position: absolute;
	top: 77px;
   left: 195px;
	height: 20px;
	width:584px;
	margin:  0;
	padding: 0;
	text-align: right;
	padding:0;
	border-right: 1px solid #ffffff;
}
/* Layout fuNavigationTop
    -----------------------------------------------------------------------------
*/
#baseNavigationButtons{
	/*position: absolute;
	top: 96px;
   	left: 196px;
	height: 20px;
	width:584px;
	margin:  0;
	padding: 0;
	z-index: 1;
	font-weight:bold; 
	border-top:1px solid #ffffff;
   	border-bottom:1px solid #ffffff;*/
	
	position: absolute;
	top: 97px;
     /*left: 196px;*/
    left: 0px;
	height: 20px;
	/*width:584px;*/
    width:780px;
	margin:  0;
	padding: 0;
	z-index: 1;
	font-weight:bold; 
	border-top:1px solid #ffffff;
   	border-bottom:1px solid #ffffff;

   	

}
/* Layout fuIdentity
     -----------------------------------------------------------------------------
*/
#baseIdentity{
	/*display: block;
	position: absolute;
	top: 96px;
	left: 0;
	height: 101px;
	width:780px;
	margin: 0;
	padding:0;
	background: transparent;
	border-top:1px solid #ffffff;*/
	
	display: block;
	position: absolute;
	/*top: 98px;*/
	top:118px;
	left: 0;
	/*height: 101px;*/
	height:80px;
	width:780px;
	margin: 0;
	padding:0;
	background: transparent;
	/*border-top:1px solid #ffffff;*/
}
/* Layout fuHeaderSearch
     -----------------------------------------------------------------------------
*/
#baseHeaderSearch{
	position: absolute;
	top:114px;  
	right:0px;
	left:788px; 
	margin:0;
	padding:5px 0 0 0;
	font-size: 95%;
	color: #666666;
	width: 173px;
	height: 20px;
}
/*Layout fuQuickLinks
-----------------------------------------------------------------------------
*/
#baseQuickLinks  /*form*/{
	position: absolute;
	top:164px;  
	right:0px;
	left:788px;
	margin:0;
	padding:0;
	font-size: 95%;
	color: #666666;
}
#baseQuickLinks .quick{
	font-size: 95%;
	margin:0px 0px 0 10px;
	width:124px;
}
.quickLinksIcon{
  	position: absolute;
	top:164px;  
	right:0px;
	left:936px;
	margin:0;
	padding:0;
}
/* Layout fuNavigationLeft 
     -----------------------------------------------------------------------------
*/
#baseNavigationContainerMI {
	position: absolute;
	top: 238px;
	left: 12px;
	width: 168px;
	font-size: 100%;
	line-height: 120%;
}

/* Layout fuFrameset 
     -----------------------------------------------------------------------------
*/
#baseNavigationFrame { /*Sollte annaehernd identisch sein mit div baseNavigationContainer*/
	/*position: absolute;
	top:19px;  Hoehe muss noch getestet werden
	left: 0;*/
	position: relative;
	width: 163px;
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 120%;
}
/* Layout fuContent 
     -----------------------------------------------------------------------------
*/
#baseContent {
	margin: 0px 0px 12px 195px;
	padding: 0px 20px 20px 12px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background:transparent;  /*fuer benutzerdefinierte Bildschirmeinstellungen*/
	min-height:363px;  /*regelt variabel die Mindesthoehe des Inhaltsbereichs */
}
* html #baseContent { /* nur fuer IE 5.5 - 6.x */
	height:363px;  /*regelt variabel die Mindesthoehe des Inhaltsbereichs */
	/*padding: 10px 20px 20px 12px; */
} 
/* Layout fuFooter 
     -----------------------------------------------------------------------------
*/
#baseContainerFooter {
	position: relative;
	color: #666;
	padding: 0;
	text-align: left;
	font-size: 85%;
	line-height: 130%;
	border-top: 1px solid #ccc;
   margin-left: 195px;
   width: 586px;
}
/* -----------------------------------------------------------------------------
Spezielle- Stilanweisungen
   -----------------------------------------------------------------------------
*/
/* Layout fuHeader  
   -----------------------------------------------------------------------------
*/
.baseHeaderLogo{
	margin	: 6px 0 0 6px;
}
#baseHeaderNavigation {
	position	: absolute;
	top: 31px;
	right: 0px;
	margin: 0;
	padding:0 0 0 0;
	font-size :90%; 
	border-right: 1px solid #666666;
}
/* Links im div baseHeaderNavigation (home,kontakt,etc)
   -----------------------------------------------------------------------------
*/
#baseHeaderNavigation ul{
	margin:0;
	padding:0;
	display: inline;
}
#baseHeaderNavigation ul li{
	margin: 0;
	padding: 1px 3px 1px 3px;
	border-left: 1px solid #666666;
	list-style: none;
	display:inline;
	color:#000000;
}
#baseHeaderNavigation ul li a{
	color: #666666;
	text-decoration: none;
}
#baseHeaderNavigation ul li a:hover{
	color: #000000;
	text-decoration: none;
}
/*#baseHeaderNavigation ul li a:visited{
	color: #666666;
	text-decoration: none;
}*/
/* Punkt Englisch in der Service-Navigation ist eingegraut wenn es keine englische Seite gibt*/
#baseHeaderNavigation .langlnk{ 
	color: #cccccc;
}

/* Horizontale Infonavigation im Identitaetsbereich   
 -----------------------------------------------------------------------------
*/
#baseNavigationInfo ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline;
	text-align: right;
}
#baseNavigationInfo ul li{
	display: inline;
	margin: 0;
	padding: 0;
	line-height: 180%;
}
#baseNavigationInfo ul li a{
	display: block;
	float:right;
	height: 20px;
    margin:0;
	padding:0 10px 0 10px;  
	color: #666666;
	background: transparent;
	border-left:1px solid #ffffff;
	text-decoration: none;
}
#baseNavigationInfo ul li a:hover{
	color: #ffffff;
	background-color: #999999;
}
#baseNavigationInfo ul li a.active{
	color: #ffffff;
	background-color: #999999;
}
#baseNavigationInfo ul li a.activeLastButton{
	color: #ffffff;
	background-color: #999999;
}
#baseNavigationInfo ul li .active{
	display: block;
	float:right;
    margin:0;
	padding:0 10px 0 10px;  
	text-decoration: none;
	color: #ffffff;
	background-color: #999999;
	border-left:1px solid #ffffff;
}
#baseNavigationInfo ul li .activeLastButton{
	display: block;
	float:right;
   margin:0;
	padding:0 10px 0 10px;  
	text-decoration: none;
	color: #ffffff;
	background-color: #999999;
	border-left:1px solid #ffffff;
}
/* Horizontale Hauptnavigation im Identitaetsbereich   
 -----------------------------------------------------------------------------
*/
#baseNavigationButtons ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline;
}
#baseNavigationButtons ul li{
	display: inline;
	margin: 0;
	padding: 0;
	line-height: 180%;
}
#baseNavigationButtons ul li a{
	display: block;
	float:left;
	width:249px;
	height:20px;
    margin:0;
	padding:0 10px 0 0px;  
	color: #ffffff;
	background-color: #6699cc;
	border-right:1px solid #ffffff;
	text-decoration: none;
	text-align: right;
}
#baseNavigationButtons ul li a:hover{
	color: #ffffff;
	background-color: #336699;
}
#baseNavigationButtons ul li a.active{
	color: #ffffff;
	background-color: #336699;
}
#baseNavigationButtons ul li a.activeLastButton{
	color: #ffffff;
	background-color: #336699;
}
#baseNavigationButtons ul li .active{
	display: block;
	float:left;
	width:249px;
    margin:0;
	padding:0 10px 0 0px;  
	color: #ffffff;
	background-color: #336699;
	border-right:1px solid #ffffff;
	text-decoration: none;
	text-align: right;
}
#baseNavigationButtons ul li .activeLastButton{
	display: block;
	float:left;
	width:249px;
    margin:0;
	padding:0 10px 0 0px;  
	color: #ffffff;
	background-color: #336699;
	border-right:1px solid #ffffff;
	text-decoration: none;
	text-align: right;
}
/* Layout fuIdentity  
   -----------------------------------------------------------------------------
*/
.baseIdentityText{
    position: absolute;
	display: block;
	height: 80px;
	width:171px;
	margin: 0;
	padding:40px 4px  4px 20px;
	color:#ffffff;
	background-color: #336699;
	border-right:1px solid #ffffff;
	font-size: 125%;
	font-weight: bold;
	line-height: 140%;
	text-align: left;
}
.baseIdentityText a:link{
	color:#ffffff;
	text-decoration: none;
}
.baseIdentityText a:hover{
	color:#ffffff;
	text-decoration: none;
}
/*.baseIdentityText a:visited{
	color:#ffffff;
	text-decoration: none;
}*/
.baseIdentityBild{
	/*position	: absolute;
	top: 21px; 
	left:196px;
	margin: 0;
	padding:0;*/
	
	position:absolute;
	/*top: 21px; */
	top:0px;
	left:196px;
	margin: 0;
	padding:0;
}
/* 
	Layout fuHeaderSearch
   -----------------------------------------------------------------------------
*/
#baseHeaderSearch .baseInputSearch { /*input */
	margin:0 10px 0 10px;
	padding:0 0 0 3px;
	height: 15px; 
	width: 120px;
	background-color: #ffffff;
	border:1px solid #999999;
	font-size: 95%;
}
#baseHeaderSearch .buttonText {
	margin:0;
	padding:0 0 1px 0;
	border:none;
	background: transparent url(../img/suchpfeil_blau.gif) no-repeat 0 3px;
	height: 18px; 
	width: 15px;
}

*html #baseHeaderSearch .buttonText {
	background: transparent url(../img/suchpfeil_blau.gif) no-repeat 0 0; /* aktualisiert am 28.02.07 */
	height: 15px;
}
/* Layout fuNavigationLeft
   -----------------------------------------------------------------------------
   Links im div baseNavigationContainer
   -----------------------------------------------------------------------------
*/

#baseNavigationFrame ul, #baseNavigationContainerMI ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#baseNavigationFrame ul li, #baseNavigationContainerMI ul li{
	margin: 0;
	padding: 0;
	font-size: 95%;
}
#baseNavigationFrame ul li a:hover, #baseNavigationContainerMI ul li a:hover{
	color: #000000;
	background-color: #f4f4f4;
	border-bottom: 1px solid #ccc;
}
#baseNavigationFrame ul li a.aktiv, #baseNavigationContainerMI ul li a.aktiv{
	color: #000000;
	background-color: #f4f4f4;
	border-bottom: 1px solid #ccc;
}
/* Erste Ebene */
#baseNavigationFrame ul li a, #baseNavigationContainerMI ul li a{
	display:block;
	color: #666666;
	/* font-weight: bold; */
	text-decoration: none;
	width: 100%;
	padding: 1px 1px 1px 4px;
	border-bottom: 1px solid #cccccc;
}
#baseNavigationFrame ul li .aktiv, #baseNavigationContainerMI ul li .aktiv{
	display:block;
	color: #000;
	/* font-weight: bold; */
	width: 100%;
	padding: 1px 1px 1px 4px;
	background-color: #f4f4f4;
	border-bottom: 1px solid #ccc;
}
/* Zweite Ebene */
#baseNavigationFrame ul li li, #baseNavigationContainerMI ul li li{
	font-size:100%;
}
#baseNavigationFrame ul li li a, #baseNavigationContainerMI ul li li a{
	width: 154px;
	padding: 1px 1px 2px 18px;
	font-weight:  normal;
}
#baseNavigationFrame ul li li .aktiv, #baseNavigationContainerMI ul li li .aktiv{
	width: 154px;
	padding: 1px 1px 2px 18px;
	font-weight:  normal;
	background-color: #ffffff;
}
/* Dritte Ebene*/
#baseNavigationFrame ul li li li a, #baseNavigationContainerMI ul li li li a{
	width: 140px;
	padding: 1px 1px 1px 32px;
	background-position: 18px 6px;
}
#baseNavigationFrame ul li li li .aktiv, #baseNavigationContainerMI ul li li li .aktiv{
	width: 140px;
	padding: 1px 1px 1px 32px;
	background-position: 18px 6px;
	background-color: #ffffff;
}
/* Banner unterhalb der Hauptnavigation links */

#baseBannerContainer {
	margin: 20px 0 0 0;
}

#baseBannerContainer a, #baseBannerContainer img {
	margin: 15px 0 0 0;
}

#baseBannerContainer a img {
	margin: 15px 0 0 0;
}

/* Layout fuContent    
   -----------------------------------------------------------------------------
   Layout fuNavigationToRoot
  -----------------------------------------------------------------------------
*/
#baseContainerNavigationToRoot {
	font-size:	90%;
	line-height: 120%;
	width: auto;
	padding: 0 20px 0 0;
	margin: 0 0 15px 0;
}
/* Links im div baseNavigationToRoot  
   -----------------------------------------------------------------------------
*/
.baseNavigationToRoot {
	color:#000000;
}
.baseNavigationToRoot a {
	color:#666666;
}
.baseNavigationToRoot a:hover {
	color:#000000;
	text-decoration: none;
}
/*.baseNavigationToRoot a:visited {
	color:#666666;
	text-decoration: none;
}*/
/* Icons zur Druckvorschau  
   -----------------------------------------------------------------------------
*/
#baseIcons{
	float: right;
	margin: -2px 0px 10px 40px;
	padding:0px;
}
*html #baseIcons{ 
	margin: 0px 0px 10px 40px;
}

#basePrintPreview { /* dieses div wird nur in der druckvorschau angezeigt */
	display:none;
}
/* Standardlisten und numerierte Listen im Contentbereich 
   -----------------------------------------------------------------------------
*/

#baseContent ul{
	/*margin:0px 20px 0px 12px;*/
	margin: 0 20px 0 0; /* aktualisiert am 28.02.07 */
	padding:4px 0 4px 0px;
}

#baseContent ol{
	/*margin:4px 20px 4px 12px;*/
	margin: 0 20px 0 0; /* aktualisiert am 28.02.07 */
	padding:4px 0 4px  0px;
}

#baseContent ol li {
	list-style-type: decimal;
	line-height: 140%;
	/*margin:0 0 0 20px;*/
	margin: 0 0 0 35px; /* aktualisiert am 28.02.07 */
	padding:0px;
}

#baseContent ul li{
    /*list-style-image: url(http://www.cms.fu-berlin.de/base/02/media/layout/rechteck_gr_liste.gif); */
	background-image: url(../img/rechteck_gr_liste.gif); /* aktualisiert am 28.02.07 */
	background-repeat: no-repeat;
	background-position: 0 7px;
	margin: 0;
	/*padding: 0px;*/
	padding: 0 0 0 10px; /* aktualisiert am 28.02.07 */
	line-height:140%;
}

/* zum Positionieren von Bildern im Content */
.imgLeft {
float: left;
margin: 10px 20px 10px 0;
clear: both;
}

.imgRight {
float: right;
margin: 10px 0 10px 20px;
clear: both;
}
/*   Layout fuNewsList  - Anzeige der Vor- und Zurueck Links
   -----------------------------------------------------------------------------
*/
.baseNewsNavigationPrevNext{
	margin:20px 0 0px 0;
	padding: 0;
}
#vor {
	float: right;
}
#zurueck{
	float: left;
}

/* Layout fuFooter  
   -----------------------------------------------------------------------------
*/
/*  Copyright */

#baseContainerFooter div.left {
	position: absolute;
	top: 8px;
	left: 12px;
	width: 344px; 
	padding-bottom: 10px;
}
/*  Datum */
#baseContainerFooter div.right {
	position: absolute;
	top: 8px;
	right: 12px;
	width: 206px;
	text-align: right;
	padding-bottom: 10px;
}
/* Links im div baseContainerFooter  
   -----------------------------------------------------------------------------
*/
#baseContainerFooter a:link{
	color: #666666;
	text-decoration: none;
}
#baseContainerFooter a:hover{
	color: #000000;
	text-decoration: none;
}
/*#baseContainerFooter a:visited{
	color: #666666;
	text-decoration: none;
}*/
/*  +++ NEU +++ Links auf die unsichtbaren Sprungmarken "inhalt" und "navigation" fuer Screenreader 
	----------------------------------------------------
*/
.skip {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}