/* 
   Freie Universitaet Berlin
   Designvorgaben Version 1_3
    
   custom_design.css: Standard-Design ohne Navigation oben
     
   Autor: CeDiS, http://www.cedis.fu-berlin.de, cms@cedis.fu-berlin.de
   Datum: 30.01.2007

Update: 2008-09-22:
   Anpassung fuer breiten Inhaltsbereich
   - neue alternativr DIV-Container mainWrapperLarge und mainWrapperXLarge mit extra Hintergrundbild
   	 ../img/bg_mainWrapperLarge.gif und ../img/bg_mainWrapperXLarge.gif (Bilder ggf. auch kopieren)
   - neue alternative DIV-Container baseContentLarge und baseContentXLarge

   ----------------------------------------------------------------------------
   - Verknuepfte Dateien
   ../img/bg_mainWrapper.gif
   ../img/bg_mainWrapperLarge.gif
   ../img/bg_mainWrapperXLarge.gif
   ../img/bg_body_navitop.gif
   ../img/suchpfeil_blau.gif
   ../img/quicklinks_icon.gif
   ../img/pfeil_navi.gif
   ../img/bg_mainWrapper.gif
   ../img/rechteck_gr_liste.gif
   ----------------------------------------------------------------------------
*/

/* -----------------------------------------------------------------------------
	Layoutbereiche Mastertemplate
   -----------------------------------------------------------------------------
*/

body {
	background: #fff url(../img/bg_body.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 0 20px 0;
	width: 1024px;
	height: 165px;	 /* 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 fuIdentity
   -----------------------------------------------------------------------------
*/

#baseIdentity {
	display: block;
	position: absolute;
	top: 85px;     /* position Variable */
	left: 0;
	height: 80px;   /* Hoehe Variable */
	width: 779px;
	margin: 0;
	padding: 0;
	border-right: 1px solid #fff;
	background-color: #f4f4f4;
}

.baseIdentityLeft {
    position: absolute;
	display: block;
	top: 0px; 
	height: 80px; /* Hoehe Variable */
	width: 194px;
	margin: 0;
	color: #fff;
	border-right: 1px solid #fff;
	font-size: 125%;
	font-weight: bold;
	line-height: 140%;
	text-align: left;
}

.baseIdentityRight {
	position: absolute;
	top: 0px; 
	left: 195px;
	margin: 0;
	padding:0;
}

/* Layout fuHeaderSearch
   -----------------------------------------------------------------------------
*/

#baseServices {
	position: absolute;
	top: 85px;  /* position Variable */
	left: 780px;
	width: 193px;
	height: 80px;  /* Hoehe Variable */
}

#baseHeaderSearch{
	position: absolute;
	top: 4px;  
	left: 10px; 
	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 {
	position: absolute;
	bottom: 16px;   /* position Variable */
	right: 0;
	left: 10px;
	margin: 0;
	padding: 0;
	font-size: 95%;
	color: #666;
	width: 170px;
	height: 19px;
	overflow: hidden;
}

#baseQuickLinks form {
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
}

#baseQuickLinks .quick {
	font-size: 95%;
	margin: 0;
	width: 124px;
}

.quickLinksNoScript {
	margin: 0;
	padding: 0 0 0 24px;
	background: url(../img/quicklinks_icon.gif) no-repeat;
	background-position: 0 2px;
}

/* Layout mastertemplate
   -----------------------------------------------------------------------------
*/

#mainWrapper {
	position: relative;
	margin: 0 0 10px 0;
	padding: 0;
	width: 977px; /* der IE6 braucht hier 977px statt 974px */
	background: url(../img/bg_mainWrapper.gif) repeat-y;
}

/* hinzugefuegt 2008-09-22 */
#mainWrapperLarge {
      position: relative;
      margin: 0 0 10px 0;
      padding: 0;
      width: 977px; /* der IE6 braucht hier 977px statt 974px */
      background: url(../img/bg_mainWrapperLarge.gif) repeat-y;
}
#mainWrapperXLarge {
      position: relative;
      margin: 0 0 10px 10px;
      padding: 0;
      width: 977px; /* der IE6 braucht hier 977px statt 974px */
      background: url(../img/bg_mainWrapperXLarge.gif) repeat-y;
}

#mainWrapperClear {
    clear: both;
	/* height: 0;
	overflow: hidden; */ /* funktioniert nicht in Mozilla 1.3 und Netscape 6.3 */
}

/* Layout fuNavigationLeft 
   -----------------------------------------------------------------------------
*/

#baseNavigationContainer {
	float: left;

    margin: 0 8px 0 0;
	padding: 0 0 0 18px;
	font-size: 100%;
	line-height: 120%;
	overflow: hidden;
	width: 186px;
	voice-family: "\"}\"";  
	voice-family: inherit;
	width: 168px;
}

/* Layout fuContent 
   -----------------------------------------------------------------------------
*/

#baseContent {
    margin: 0;
	float: left;
	margin: 0;
	padding: 0px 21px 20px 13px;
	background-color: transparent;  /* fuer benutzerdefinierte Bildschirmeinstellungen */
	min-height: 333px;  /* regelt variabel die Mindesthoehe des Inhaltsbereichs */
	overflow: hidden;
	width: 586px;
	voice-family: "\"}\"";  
	voice-family: inherit;
	width: 552px;
}

/* hinzugefuegt 2008-09-22 */
#baseContentLarge{
	margin: 0;
	float: left;
	margin: 0;
	padding: 0px 21px 20px 13px;
	background-color: transparent;  /* fuer benutzerdefinierte Bildschirmeinstellungen */
	min-height: 333px;  /* regelt variabel die Mindesthoehe des Inhaltsbereichs */
	overflow: hidden;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 749px;
}
#baseContentXLarge{
	margin: 0;
	float: left;
	margin: 0;
	padding: 0px 21px 20px 13px;
	background-color: transparent;  /* fuer benutzerdefinierte Bildschirmeinstellungen */
	min-height: 333px;  /* regelt variabel die Mindesthoehe des Inhaltsbereichs */
	overflow: hidden;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 949px;
}

*html #baseContent { /* nur fuer IE 5.5 - 6.x */
	height: 333px;  /* 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: 4px solid #9c0;
	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;
}

/* Layout fuNavigationLeft
   -----------------------------------------------------------------------------
   Links im div baseNavigationContainer
   -----------------------------------------------------------------------------
*/

#baseNavigationContainer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#baseNavigationContainer ul li {
	margin: 0;
	padding: 0;
	font-size: 95%;
}

#baseNavigationContainer ul li a:hover {
	color: #000;
	background-color: #f4f4f4;
	border-bottom: 1px solid #ccc;
}

#baseNavigationContainer ul li a.active {
	color: #000;
	background-color: #f4f4f4;
	border-bottom: 1px solid #ccc;
}

/* Erste Ebene */
#baseNavigationContainer ul li a {
	display:block;
	color: #666;
	text-decoration: none;
	width: 163px;
	padding: 1px 1px 1px 4px;
	border-bottom: 1px solid #ccc;
}

#baseNavigationContainer ul li .active {
	display:block;
	color: #000;
	width: 163px;
	padding: 1px 1px 1px 4px;
	background-color: #f4f4f4;
	border-bottom: 1px solid #ccc;
}

/* Zweite Ebene */
#baseNavigationContainer ul li li {
	font-size:100%;
}

#baseNavigationContainer ul li li a {
	width: 149px;
	padding: 1px 1px 2px 18px;
	font-weight: normal;
	background: url(../img/pfeil_navi.gif) no-repeat;
	background-position: 4px 6px;
}

 #baseNavigationContainer ul li li .active {
	width: 149px;
	padding: 1px 1px 2px 18px;
	font-weight: normal;
	background: #f4f4f4 url(../img/pfeil_navi.gif) no-repeat;
	background-position: 4px 6px;
}

/* Dritte Ebene*/
 #baseNavigationContainer ul li li li a {
	width: 135px;
	padding: 1px 1px 1px 32px;
	background-position: 18px 6px;
}

#baseNavigationFrame ul li li li .active, #baseNavigationContainer ul li li li .active {
	width: 135px;
	padding: 1px 1px 1px 32px;
	background-position: 18px 6px;
	background-color: #f4f4f4;
}

/* 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: 470px;
	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: "Seite versenden" und "Seite drucken"
   -----------------------------------------------------------------------------
*/

#baseIcons {
	float: right;
	margin: -2px 0 10px 10px;
	padding: 0;
}

#baseIcons a:link, #baseIcons a:hover, #baseIcons a:active, #baseIcons a:visited {
	text-decoration: none;
}

#baseIcons img.sendLink {
	margin: 0 5px 0 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: 0;
	padding: 0 0 0 8px;
	overflow: hidden;
	width: 194px;
	voice-family: "\"}\"";  
	voice-family: inherit;
	width: 186px;




}

.baseListBox {
	font-size: 90%; 
	line-height: 120%;
	width: 186px;
	margin: 0 0 20px 0;
	padding: 0;
	/* overflow: hidden; */ /* optional */
}

.baseListBox h2 {
	font-weight: bold;
	font-size: 110%;
	color: #666;
	margin: -1px 0 4px 0;
	border-bottom: 1px solid #ccc;
	padding: 0 0 3px 0;
}

.baseListBox h3 {
	font-weight: normal;
	color: #333;
	margin: 6px 0 0 0;
	padding: 0 0 0 10px;
	background-image: url(../img/pfeil_blau_liste.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
}

.baseListBox h3 a:link {
	color: #039;
	text-decoration: none;
}

.baseListBox h3 a:visited {
	color: #369;
	text-decoration: none;
}

.baseListBox h3 a:hover {
	color: #039;
	text-decoration: underline;
}

.baseListItemDate {
	font-size: 90%;
	color: #666;
	font-weight: normal;
	margin: 2px 0 10px 0;
	padding: 0 0 0 10px;
}

.baseListItemAbstract {
	margin: 4px 0 2px 0;
	padding: 0 0 0 10px;
}

.baseListItemAbstract p {
	margin: -4px 0 -3px 0;
}

.baseListBox ul {
	margin: 0;
	padding: 4px 0 4px 0;
	width: 186px;
}

.baseListBox ul li {
	line-height: 140%;
  	margin: 0;
	padding: 0 0 0 10px;
	background-image: url(../img/rechteck_gr_liste.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
}

.baseListItemTermin {
	font-weight: bold;
	margin-top: 2px;
   padding: 0 0 0 10px;
	color: #666;
}

.weiter {
	padding: 0 0 0 10px;
	font-size: 90%;
	line-height: 120%;      
}

/* Ende baseContainerRight */

.imgBlockRight{
float:right;
margin:8px 0 8px 20px;
padding:2px;
/*border:1px solid #ccc;
background-color: #f4f4f4;*/
/*max-width: 200px;*/
}
.imgBlockRight h6{
width:180px;
color:#333;
}
.imgBlockRight img{
border:1px solid #ccc;
background-color: #f4f4f4;
padding:2px;
}

/* 
	Expand
------------------------------------------------------------------------------------
*/

.expand_wrapper {
	background: #f6f6f6;
	padding: 10px;
}

.expand_title {
	position:relative;
	border: 1px solid #ccc;
	background: #fff;
	height: 21px;
	margin-top:5px;
	cursor:pointer;
}

.expand_arrow {
	float: left;
}

.expand_label {
	color: #333;
	font-weight: normal;
	padding: 3px 0 0 12px;
	margin: 0 0 0 0;
}

.expand_block {
	position:relative;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 10px;
	background: #fff;
	cursor:auto;
}