/* Freie Universitaet Berlin
   Designvorgaben fuer die zentralen Seiten der Freien Universitaet Berlin
   http://www.fu-berlin.de/

   Autor: CeDiS, http://www.cedis.fu-berlin.de, cms@cedis.fu-berlin.de
   Datum: 14.12.2006
   ----------------------------------------------------------------------------
   - 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: #69c 
   Schriftfarbe: #fff;
   Aktiver Button Hintergrundfarbe Rot: #369 
*/

/* -----------------------------------------------------------------------------
	Layoutbereiche Mastertemplate
   -----------------------------------------------------------------------------
*/

body {
	background: #fff url(../media/layout/bg_body_blau.gif) top repeat-x;
	/* das Hintergrundbild muss entsprechend der Hoehe des Identitaetsbereichs angepasst werden, es enthaelt die gruene Linie und den grauen Hintergrundstreifen*/
}

#printlogo { /* wird nur in der Druckversion angezeigt */
	display:none;
}

/* Layout fuHeader 
   -----------------------------------------------------------------------------
*/

#headerIdentityWrapper {
	position: relative;
	margin: 0;
	width: 780px;
	height: 277px; /* Hoehe Variable */
	padding: 0;
}

.baseHeaderLogo {
	position: absolute;
	top: 6px;
	left: 18px;
}

#baseHeaderNavigation {
	position: absolute;
	top: 30px;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 90%; 
	border-right: 1px solid #666;
}

/* Layout  fuNavigationTopInfo
   -----------------------------------------------------------------------------
*/

#baseNavigationInfo {
	position: absolute;
	height: 20px;
	width: 584px;
	top: 77px;
	right: 0;
	margin: 0;
	padding: 0;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

/* Layout fuNavigationTop
   -----------------------------------------------------------------------------
*/

#baseNavigationButtons {
	position: absolute;
	top: 98px;
	left: 194px;
	margin: 0;
	padding: 0;
	z-index: 1;
	font-weight: bold; 
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	width: 586px;
	voice-family: "\"}\"";  
	voice-family: inherit;
	width: 585px;
}

#baseNavigationButtons {
	height: 25px;
	voice-family: "\"}\"";  
	voice-family: inherit;
	height: 24px;
}

/* Layout fuIdentity
   -----------------------------------------------------------------------------
*/

#baseIdentity {
	display: block;
	position: absolute;
	top: 77px;
	left: 0;
	height: 199px;
	width: 779px;
	margin: 0;
	padding: 0;
	border-right: 1px solid #f0f0f0;
	background-color: #fff;
}

.baseIdentityLeft {
    position: absolute;
	display: block;
	top: 0;
	left: 0;
	height: 88px;
	width: 779px;
	margin: 0;
	color: #fff;
	font-size: 125%;
	font-weight: bold;
	line-height: 140%;
	text-align: left;
}

.baseIdentityRight {
	position: absolute;
	top: 88px; 
	left: 0;
	width: 779px;
	height: 111px;
	margin: 0;
	padding:0;
}

#baseServices {
	position: absolute;
	top: 77px;
	left: 780px;
	width: 193px;
	height: 200px;
	border-right: 1px solid #f0f0f0;
}

/* Layout fuHeaderSearch
   -----------------------------------------------------------------------------
*/

#baseHeaderSearch{
	position: absolute;
	top: 16px;  
	left: 16px; 
	margin: 0;
	padding: 0;
	font-size: 95%;
	color: #666;
	width: 170px;
	height: 17px;
}

#baseHeaderSearch .baseInputSearch { /* input */
	position: absolute;
	top: 0;  
	left: 0; 
	padding: 0 0 0 3px;
	height: 16px; 
	width: 120px;
	background-color: #fff;
	border: 1px solid #999;
	font-size: 95%;
}

#baseHeaderSearch .buttonText {
	position: absolute;
	top: 1px;  
	left: 139px;  
	border: none;
}

/* Layout fuQuickLinks
   -----------------------------------------------------------------------------
*/

#baseQuickLinks { /* form */
	position: absolute;
	bottom: 8px;  
	right: 0;
	left: 16px;
	margin: 0;
	padding: 0;
	font-size: 95%;
	color: #666;
	width: 170px;
	height: 19px;
	overflow: hidden;
}

#baseQuickLinks .quick {
	font-size: 95%;
	margin: 0;
	width: 124px;
}

.quickLinksNoScript {
	margin: 0;
	padding: 0 0 0 24px;
	background: url(../media/layout/quicklinks_icon.gif) no-repeat;
	background-position: 0 2px;
}

#mainWrapper {
	position: relative;
	margin: 0;
	padding: 0;
	width: 977px; /* der IE6 braucht hier 977px statt 974px */
	background: url(../media/layout/bg_mainWrapper.gif) repeat-y;
}

#mainWrapperClear {
	clear: both;
	height: 12px;
	background: url(../media/layout/bg_bottomBar.gif) no-repeat;
}

/* Layout fuNavigationLeft 
   -----------------------------------------------------------------------------
*/

#baseNavigationContainer {
	border-top: 1px solid #e9e9e9;
	float: left;
    margin: 21px 0 0 0;
	padding: 0;
	font-size: 100%;
	line-height: 120%;
	overflow: hidden;
	width: 194px;
}

/* Layout fuFrameset 
   -----------------------------------------------------------------------------
*/

#baseNavigationFrame { /* Sollte annaehernd identisch sein mit div baseNavigationContainer */
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 120%;
}

/* Layout fuContent 
   -----------------------------------------------------------------------------
*/

#baseContent {
    margin: 0;
	float: left;
	margin: 20px 0 0 0;
	padding: 0px 21px 20px 13px;
	background-color: transparent;  /* fuer benutzerdefinierte Bildschirmeinstellungen */
	min-height: 363px;  /* regelt variabel die Mindesthoehe des Inhaltsbereichs */
	overflow: hidden;
	width: 586px;
	voice-family: "\"}\"";  
	voice-family: inherit;
	width: 552px;
}

*html #baseContent { /* nur fuer IE 5.5 - 6.x */
	height: 363px;  /* Mindesthoehe des Inhaltsbereichs */
	overflow-x: hidden;
	overflow-y: visible;
} 

.clear{
	clear:both;
}

/* Layout fuFooter 
   -----------------------------------------------------------------------------
*/

#baseContainerFooter {
	position: relative;
	color: #666;
	padding: 0;
	text-align: left;
	font-size: 85%;
	line-height: 130%;
	border-top: 1px solid #f0f0f0;
	height: 30px;
}

/* Copyright */
#baseContainerFooter div.left {
	position: absolute;
	top: 8px;
	left: 18px;
	width: 570px; 
	padding-bottom: 10px;
}

/* Datum */
#baseContainerFooter div.right {
	position: absolute;
	top: 8px;
	left: 600px;
	width: 168px;
	text-align: right;
	padding-bottom: 10px;
}

/* -----------------------------------------------------------------------------
   Spezielle- Stilanweisungen
   -----------------------------------------------------------------------------
*/

/* 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 #666;
	list-style: none;
	display: inline;
	color: #000;
}

#baseHeaderNavigation ul li a {
	color: #666;
	text-decoration: none;
}

#baseHeaderNavigation ul li a:hover {
	color: #000;
	text-decoration: none;
}

#baseHeaderNavigation ul li a:visited {
	color: #666;
	text-decoration: none;
}

/* Punkt Englisch in der Service-Navigation ist hellgrau, wenn es keine englische Seite gibt*/
#baseHeaderNavigation .langlnk{ 
	color: #ccc;
}

/* Horizontale Infonavigation im Identitaetsbereich   
   -----------------------------------------------------------------------------
*/

#baseNavigationInfo ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline;
	text-align: right;
	float: right;
	width: 489px; /* extra Angabe fuer Opera 7 */
}

#baseNavigationInfo ul li {
	display: inline;
	margin: 0;
	padding: 0;
	line-height: 180%;
}

#baseNavigationInfo ul li a {
	display: block;
	float:left;
	height: 20px;
    margin: 0;
	padding:0 10px 0 10px;  
	color: #666;
	background-color: transparent;
	border-left: 1px solid #fff;
	text-decoration: none;
}

#baseNavigationInfo ul li a:hover {
	color: #fff;
	background-color: #ababab;
}

#baseNavigationInfo ul li a.active {
	color: #fff;
	background-color: #ababab;
}

#baseNavigationInfo ul li a.activeLastButton {
	color: #fff;
	background-color: #ababab;
}

#baseNavigationInfo ul li .active {
	display: block;
	float: right;
    margin: 0;
	padding: 0 10px 0 10px;  
	text-decoration: none;
	color: #fff;
	background-color: #999;
	border-left: 1px solid #fff;
}

#baseNavigationInfo ul li .activeLastButton {
	display: block;
	float: right;
    margin: 0;
	padding: 0 10px 0 10px;  
	text-decoration: none;
	color: #fff;
	background-color: #ababab;
	border-left: 1px solid #fff;
}

/* 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;
    margin: 0;
	padding: 2px 0 0 9px;  
	color: #fff;
	background-color: #036;
	border-left: 1px solid #fff;
	text-decoration: none;
	height: 24px;
	voice-family: "\"}\"";  
	voice-family: inherit;
	height: 22px;
}

#baseNavigationButtons ul li a:hover {
	color: #fff;
	background-color: #3e3e3e;
}

#baseNavigationButtons ul li a.active {
	color: #fff;
	background-color: #3e3e3e;
}

#baseNavigationButtons ul li span.active {
	display: block;
	float: left;
    margin: 0;
	padding: 2px 0 0 9px;  
	color: #fff;
	background-color: #3e3e3e;
	border-left: 1px solid #fff;
	text-decoration: none;
	height: 24px;
	voice-family: "\"}\"";  
	voice-family: inherit;
	height: 22px;
}

#baseNavigationButtons ul li .information {
	width: 79px;
	voice-family: "\"}\"";  
	voice-family: inherit;
	width: 69px;
}

#baseNavigationButtons ul li .departments {
	width: 108;
	voice-family: "\"}\"";  
	voice-family: inherit;	
	width: 98px;
}

#baseNavigationButtons ul li .academics {
	width: 71px;
	voice-family: "\"}\"";  
	voice-family: inherit;
	width: 61px;
}

#baseNavigationButtons ul li .research {
	width: 86px;
	voice-family: "\"}\"";  
	voice-family: inherit;
	width: 76px;
}

#baseNavigationButtons ul li .libraries {
	width: 99px;
	voice-family: "\"}\"";  
	voice-family: inherit;
	width: 89px;
}

#baseNavigationButtons ul li .service {
	width: 67px;
	voice-family: "\"}\"";  
	voice-family: inherit;
	width: 57px;
}

#baseNavigationButtons ul li .tour {
	width: 75px;
	voice-family: "\"}\"";  
	voice-family: inherit;
	width: 65px;
}

/* Layout fuNavigationLeft
   -----------------------------------------------------------------------------
   Links im div baseNavigationContainer
   -----------------------------------------------------------------------------
*/

#baseNavigationFrame ul, #baseNavigationContainer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#baseNavigationFrame ul li, #baseNavigationContainer ul li {
	margin: 0;
	padding: 0;
	font-size: 95%;
}

#baseNavigationFrame ul li a:hover, #baseNavigationContainer ul li a:hover {
	color: #fff;
	background-color: #999;
	border-bottom: 1px solid #e9e9e9;
}

#baseNavigationFrame ul li a.aktiv, #baseNavigationContainer ul li a.aktiv {
	display:block;
	color: #fff;
	text-decoration: none;
	padding: 4px 1px 4px 22px;
	border-bottom: 1px solid #e9e9e9;
	background: #999;
	font-weight: bold;
}

/* Erste Ebene */
#baseNavigationFrame ul li a, #baseNavigationContainer ul li a {
	display:block;
	color: #666;
	text-decoration: none;
	padding: 4px 1px 4px 22px;
	border-bottom: 1px solid #e9e9e9;
	background: #fff;
	font-weight: bold;
}

#baseNavigationFrame ul li .aktiv, #baseNavigationContainer ul li .aktiv {
	display:block;
	color: #fff;
	text-decoration: none;
	padding: 4px 1px 4px 22px;
	border-bottom: 1px solid #e9e9e9;
	background: #999;
	font-weight: bold;
}

/* Zweite Ebene */
#baseNavigationFrame ul li li, #baseNavigationContainer ul li li {
	font-size:100%;
}

#baseNavigationFrame ul li li a, #baseNavigationContainer ul li li a {
	padding: 1px 1px 2px 22px;
	font-weight: normal;
}

#baseNavigationFrame ul li li a:hover, #baseNavigationContainer ul li li a:hover {
	color: #666;
	background-color: #f0f0f0;
}

#baseNavigationFrame ul li li .aktiv, #baseNavigationContainer ul li li .aktiv {
	color: #666;
	padding: 1px 1px 2px 22px;
	font-weight: normal;
	background-color: #f0f0f0;
}

/* Dritte Ebene*/
#baseNavigationFrame ul li li li a, #baseNavigationContainer ul li li li a {
	padding: 1px 1px 1px 32px;
	background-position: 18px 6px;
}

#baseNavigationFrame ul li li li .aktiv, #baseNavigationContainer ul li li li .aktiv {
	color: #666;
	padding: 1px 1px 1px 32px;
	font-weight: normal;
	background-color: #f0f0f0;
}

/* 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 {
	float: left;
	font-size:	90%;
	line-height: 120%;
	width: 500px;
	padding: 0;
	margin: 0 0 15px 0;
}

/* Links im div baseNavigationToRoot  
   -----------------------------------------------------------------------------
*/

.baseNavigationToRoot {
	color: #000;
}

.baseNavigationToRoot a {
	color: #666;
}

.baseNavigationToRoot a:hover {
	color: #000;
	text-decoration: none;
}

.baseNavigationToRoot a:visited {
	color: #666;
	text-decoration: none;
}

/* Icons zur Druckvorschau  
   -----------------------------------------------------------------------------
*/

#baseIcons {
	float: right;
	margin: -2px 0 10px 10px;
	padding: 0;
}

#basePrintPreview { /* dieses div wird nur in der druckvorschau angezeigt */
	display:none;
}

/* 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 0 0;
	padding: 0;
}

#vor {
	float: right;
}

#zurueck{
	float: left;
}

/* Links im div baseContainerFooter  
   -----------------------------------------------------------------------------
*/

#baseContainerFooter a:link {
	color: #666;
	text-decoration: none;
}

#baseContainerFooter a:hover {
	color: #000;
	text-decoration: none;
}

#baseContainerFooter a:visited {
	color: #666;
	text-decoration: none;
}

/* Anfang baseContainerRight */

#baseContainerRight {
	float: left;
	margin: 20px 0 0 0;
	padding: 0 0 0 8px;
	overflow: hidden;
	width: 186px;
	voice-family: "\"}\"";  
	voice-family: inherit;
	width: 186px;
}

.baseListBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%; 
	line-height: 120%;
	width: 186px;
	margin: 0 0 20px 0;
	padding: 0;
	color: #333;
	overflow: hidden;
}

.baseListBox h2 {
	font-weight: bold;
	font-size: 110%;
	color: #c00;
	margin: -3px 0 0 0;
	padding: 0 0 3px 0;
}

.baseListBox h3 {
	font-weight: normal;
	color: #333;
	margin: 6px 0 0 0;
	padding: 0;
}

.baseListBox h3 a:link {
	color: #000;
	text-decoration: none;
	display: block;
}

.baseListBox h3 a:visited {
	color: #000;
	text-decoration: none;
	display: block;
}

.baseListBox h3 a:hover {
	color: #c00;
	text-decoration: none;
	display: block;
}

.baseListItemDate {
	font-size: 90%;
	color: #666;
	font-weight: normal;
	margin: 2px 0 10px 0;
	padding: 0;
}

.baseListItemAbstract {
	color: #666;
	margin: 4px 0 2px 0;
	padding: 0;
}

.baseListItemAbstract p {
	color: #666;
	margin: -4px 0px -3px 0;
}

.baseListBox ul{
	margin: 0 20px 0 12px;
	padding: 4px 0 4px 0;
	width: 186px;
}

.baseListBox ul li {
	margin: 0;
	padding: 0;
	line-height: 140%;
}

.baseListItemTermin {
	font-weight: bold;
	margin-top: 2px;
    padding: 0 0 0 10px;
	color: #666;
}

.weiter {
	padding: 0;
}

.weiter a:link {
	color: #000;
	text-decoration: none;
}

.weiter a:hover {
	color: #c00;
	text-decoration: none;
}

.weiter a:active {
	color: #c00;
	text-decoration: none;
}

.weiter a:visited {
	color: #000;
	text-decoration: none;
}

/* Ende baseContainerRight */
