/* 
   ----------------------------------------------------------------------------
   Freie Universitaet Berlin
   Design: Center of Global Politics 
   
   Autor: CeDiS, http://www.cedis.fu-berlin.de, cms@cedis.fu-berlin.de
   Datum: 08.08.2007
   Aktualisiert: 19.05.2010 (Verbreiterung der linken Spalte)
   ----------------------------------------------------------------------------
*/

/* -----------------------------------------------------------------------------
	Layoutbereiche Mastertemplate
   -----------------------------------------------------------------------------
*/

body {
	background: #fff;
}

#printlogo { /* wird nur in der Druckversion angezeigt */
	display:none;
}

/* Layout fuHeader 
   -----------------------------------------------------------------------------
*/

#headerIdentityBG {
	position: absolute;
	top: 0;
	left: 0;
	height: 198px;
	background: url(../img/ees_bg_body.gif) repeat-x;
	width: 100%;
	z-index: 0;
}

#headerIdentityWrapper {
	position: relative;
	margin: 0;
	width: 853px;
	height: 198px;
	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;
}

#mainWrapperGradient {
	background: url(../img/ees_bg_mainwrappergradient.gif) repeat-x;
	background-color: #ff5f1b;	
}

#mainWrapperContentBG {
	background: url(../img/ees_bg_mainwrappercontent.gif) repeat-y;
	background-position: 54px 0;
}

#mainWrapper {
	background: url(../img/ees_bg_mainwrapper.gif) top left no-repeat;
	/*position: relative;*/ /* wegkommentiert wegen IE 7 Zoomfunktion */
	width: 853px;
}

#mainWrapperClear {
	height: 30px;	
    clear: both;
   	background: url(../img/ees_rounded_corners_bottom.gif) no-repeat 197px 0; 
	background-color: #ff5f1b;	
}

/* Layout fuIdentity
   -----------------------------------------------------------------------------
*/

#baseIdentity {
	display: block;
	position: absolute;
	top: 77px;
	left: 0;
	height: 121px;
	width: 853px;
	margin: 0;
	padding: 0;
}

.baseIdentityLeft {
    position: absolute;
	display: block;
	height: 121px;
	width: 853px;
	margin: 0;
	color: #fff;
	font-size: 125%;
	font-weight: bold;
	line-height: 140%;
	text-align: left;
}

.baseIdentityRight {
	position: absolute;
	top: 24px; 
	left: 195px;
	margin: 0;
	padding:0;
}

#baseServices {
	position: absolute;
	top: 98px;
	left: 780px;
	width: 193px;
	height: 104px;
}

/* Layout gprSearch (sonderloesung)
   -----------------------------------------------------------------------------
*/

#gpSearch{
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 95%;
	color: #666;
	width: 98px;
	height: 17px;
}

#gpSearch .baseInputSearch { /* input */
	position: absolute;
	top: 0;  
	left: 0; 
	padding: 0 0 0 3px;
	height: 14px; 
	width: 78px;
	background-color: #fff;
	border: 1px solid #ccc;
	font-size: 90%;
}

#gpSearch .buttonText {
	position: absolute;
	top: 1px;  
	left: 87px;  
	border: none;
}

/* Layout fuNavigationLeft 
   -----------------------------------------------------------------------------
*/

#baseNavigationContainer {
	float: left;
	margin: 0 29px 0 0;
	padding: 0 0 0 18px;
	font-size: 100%;
	line-height: 120%;
	overflow: hidden;
	width: 150px;
}

/* Layout fuContent 
   -----------------------------------------------------------------------------
*/

#cornerContentWrapper {
	float: left;
	margin: 0;
	background-color: #fff;
	width: 507px;
}

#baseContent {
	margin: 0;
	padding: 2px 23px 20px 69px;
	background-color: #fff;
	min-height: 333px;  /* regelt variabel die Mindesthoehe des Inhaltsbereichs */
	overflow: hidden;
	width: 415px;
}

*html #baseContent { /* nur fuer IE 5.5 - 6.x */
	height: 333px;  /* Mindesthoehe des Inhaltsbereichs */
	overflow-x: hidden;
	overflow-y: visible;
} 

#gpRoundedCornersTop {
	background: url(../img/ees_rounded_corners_top.gif) top left no-repeat;
	height: 12px;
	width: 507px;
}

#gpHomepageImage {
	height: 174px;
	width: 438px;
        margin:7px 0 10px 0px;
}

/*#gpHomepageImage h1 {
	margin: 0;
	padding: 33px 0 0 69px;
	color: #6a3615;
}*/
	
#gpRoundedCornersBottom {
	background: url(../img/ees_rounded_corners_bottom.gif) bottom left no-repeat;	
	height: 12px;
	width: 507px;
}

.clear{
	clear:both;
}

/* Layout fuFooter 
   -----------------------------------------------------------------------------
*/

#baseContainerFooter {
	position: relative;
	color: #666;
	padding: 0;
	text-align: left;
	font-size: 85%;
	line-height: 130%;
	height: 30px;
	width: 700px;
}

/* Copyright */
#baseContainerFooter div.left {
	position: absolute;
	top: 8px;
	left: 200px;
	width: 570px; 
	padding-bottom: 10px;
}

/* Datum */
#baseContainerFooter div.right {
	position: absolute;
	top: 8px;
	right: 0;
	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%;
	font-weight:bold;
}

#baseNavigationContainer ul li a:hover {
	color: #ffab79;
	border-bottom: 1px solid #a3a2a2;
}

#baseNavigationContainer ul li a.active {
	color: #ffab79;
	border-bottom: 1px solid #a3a2a2;
}

/* Erste Ebene */

#baseNavigationContainer ul li a {
	display:block;
	color: #fff;
	text-decoration: none;
	width: 147px;
	padding: 1px 1px 2px 2px;
	margin: 0 0 11px 0;
	border-bottom: 1px solid #a3a2a2;
}

#baseNavigationContainer ul li span.active {
	display:block;
	color: #ffab79;
	width: 147px;
	padding: 1px 1px 2px 2px;
	margin: 0 0 11px 0;
	border-bottom: 1px solid #a3a2a2;
}

/* Zweite Ebene */

#baseNavigationContainer ul li li {
	font-size:100%;
	border-bottom: none;
	line-height: 1.3em;
}

#baseNavigationContainer ul li ul {
	margin: 0 0 11px 0;
	border-bottom: 1px solid #a3a2a2;
	padding: 2px 0 2px 0;
}

#baseNavigationContainer ul li li a {
	padding: 0 1px 2px 2px;
	border-bottom: none;
	margin: 0;
}

#baseNavigationContainer ul li li a.active {
	color: #ffab79;
	border-bottom: none;
}

#baseNavigationContainer ul li li a:hover {
	border-bottom: none;
}

#baseNavigationContainer ul li li span.active {
	padding: 0px 1px 2px 2px;
	border-bottom: none;
	margin: 0;
}

/* Banner unterhalb der Hauptnavigation links */

#baseBannerContainer {
	margin: 20px 0 0 0;
}

#baseBannerContainer img {
	margin: 15px 0 0 0;
}

#baseBannerContainer a img {
	margin: 15px 0 0 0;
}

/* Layout fuContent    
   -----------------------------------------------------------------------------
   Layout fuNavigationToRoot
   -----------------------------------------------------------------------------
*/

#baseContainerNavigationToRoot {
	float: left;
	font-size: 100%;
	line-height: 120%;
	width: 380px;
	padding: 0;
	margin: 1px 0 15px 0;
	font-weight: bold;
}

/* Links im div baseNavigationToRoot  
   -----------------------------------------------------------------------------
*/

.baseNavigationToRoot {
	color: #000;
	margin-bottom: 5px;
}

.baseNavigationToRoot a {
	color: #a44300;
}

.baseNavigationToRoot a:hover {
	color: #a44300;
	text-decoration: none;
}

.baseNavigationToRoot a:visited {
	color: #a44300;
	text-decoration: none;
}

/* Icons zur Druckvorschau  
   -----------------------------------------------------------------------------
*/

#baseIcons {
	float: right;
	margin: 1px 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: 6px 12px 6px 0;
	clear: both;
}

.imgRight {
	float: right;
	margin: 6px 2px 6px 10px;
	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 20px;
	/*overflow: hidden;*/
	width: 128px;
}

#baseContainerRight a:link {
	color: #fff;
	text-decoration: none;
}

#baseContainerRight a:visited {
	color: #fff;
	text-decoration: none;
}

#baseContainerRight a:hover {
	color: #fff;
	text-decoration: underline;
}

.baseListBox {
	font-size: 90%; 
	line-height: 120%;
	width: 128px;
	margin: 0 0 20px 0;
	padding: 0;
	/*overflow: hidden;*/
}

.baseListBox h2 {
	font-weight: bold;
	font-size: 110%;
	color: #fff;
	margin: 0 0 16px 0;
	border-bottom: 1px solid #a3a2a2;
	padding: 0 0 3px 0;
}

.baseListBox h3 {
	font-weight: bold;
	color: #fff;
	margin: 0 0 8px 0;
	padding: 0;
}

.baseListItemDate {
	font-size: 90%;
	color: #fff;
	font-weight: normal;
	margin: 2px 0 0 0;
	padding: 0;
}

.baseListItemAbstract {
	margin: 0 0 20px 0;
	padding: 0;
}

.baseListItemAbstract p {
	margin: 4px 0 -3px 0;
	color: #fff;
	line-height: 1.4em;
}

.baseListItemAbstract p strong {
	color: #fff;	
}

.baseListBox ul {
	margin: 0;
	padding: 4px 0 4px 0;
	width: 100px;
}

.baseListBox ul li {
	line-height: 140%;
  	margin: 0;
	padding: 0 0 0 10px;
	background-image: url(../img/klammer_liste.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
}

.baseListItemTermin {
	font-weight: bold;
	margin-top: 2px;
   	padding: 0 0 0 10px;
	color: #fff;
}

.weiter {
	margin-top: 8px;
	padding: 0px;
	font-size: 90%;
	line-height: 120%;      
}

/* Ende baseContainerRight */

/*
Spezielle Anweisungen fur die Positionierung von Bildern im Inhaltsbereich für GP (Bild mit 100px Breite)
-------------------------------------------------------------------------------------------------------------
*/
.contentImage100 {
	margin:0 0 12px 0;
	background-color:#f4f4f4;
	padding:4px;
	width:104px;
	overflow:hidden;
}

.contentImage100 h6 {
	width:100px;
	margin:4px 0 4px 0;
}