/****************************************************************************
version:   1.0
author:    Simone Litterst
email:     design@simone-litterst.de
website:   http://www.simone-litterst.de/
 ****************************************************************************/


/*###########################################################################
       =Allgemeine Grundeinstellungen
  ###########################################################################*/

 
/* Kommentar: Verwendete Farben:
     #047CAE  Blau, Navigation Highlight, Aufzaehlungspunkte, Ueberschriften
	 #CFCFCF  DunkelGrau, Linien
	 #4B4B4B  DunkelGrau, Schriftfarbe Hauptnavi, Schriftfarbe Fliesstext
	 #8A8A8B  HellGrau, Schriftfarbe Fuss

*/

/* Werte fuer padding and margin werden alle auf Null gesetzt */
* {
  margin: 0;
  padding: 0;
}

p {
  padding:0px 0 10px 0;
}



/* Mit dieser Klasse können floating Bereiche zurückgesetzt werden */
.clear {
  clear:both;
}


/* Rahmen um Bilder sind unerwuenscht */
img {
  border: 0;
}

body {
	background-color:#FFFFFF;
}


/* ***Ueberschriften*** */
h1 {
padding:0 0 1em 0;
font-size: 140%;
 color: #047CAE;
}
h2 {
padding:0px 0 8px 0;
font-size: 100%;
 color: #4B4B4B;
 font-weight: bold;
}

h3 {
padding:0px 0 2px 0;
font-size: 100%;
color: #047CAE;
border-bottom:1px solid #CFCFCF;
margin-bottom:10px;
}
h4 {
padding:0px 0 0px 0;
font-size: 100%;
 color: #4B4B4B;
 font-weight: bold;
}

.aloeOrange {
color:#ff9933;
	}
.enlarge {
		font-weight: bold;
		font-size: 130%;
		line-height:1.4em;
	}
.super {
		font-size: 70%;
		vertical-align:top;
	}
.grey {
		color: #8A8A8B;
	}
	.tiny {
		font-size: 90%;
	}

.pageup {
	float:right;
	margin-top:15px;
}

	
/* ***Links*** */

a {
		text-decoration: none;
		
	}
a:link {
		color: #047CAE;
	}
a:visited {
		color: #047CAE;
	}
a:hover {
		color: #4B4B4B;
		text-decoration: none;
	}
	a:focus {
   outline: none;
}

.externalLink a {
		text-decoration: none;
		color: #047CAE;
		font-weight: normal;
		
	}
.externalLink a:visited {
		color: #047CAE;
	}
.externalLink a:hover {
		color: #4B4B4B;
		text-decoration: none;
	}

.externalLink img, .external-link-new-window img, .external-link img {
	margin:0px 6px 0 0px;
	margin:4px 5px 0 0px;
	/*vertical-align:middle;*/
	/*float:left;*/
	}

	.arrow_down {
	margin:0px 0px 2px 2px;
	}
	.arrow_up {
	margin:0px 0px 1px 2px;
	}

.left {
float:left;
}
.right {
float:right;
}
fieldset {
 margin: 0;
 padding: 0;
 border :  solid 0 transparent;
}
legend {  
 display: none;
}

.distance {
	margin:30px 0px 0px 0px;
	}
.distance1 {
	margin:0px 0px 20px 0px;
	}	

/* ***Typographische Angaben*** */
body {
  color: #4B4B4B;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 0.75em;
  font-weight: normal;
  text-decoration:none;
}

/* toggle elements */
.hideFirst {
  display: none;
}

/*###########################################################################
       =#wrapper
  ###########################################################################*/

#wrapper {
	width:998px;
	position:relative;
	margin: auto;
	}
/*###########################################################################
       =#head
  ###########################################################################*/
  #head_nav  {
	padding:10px 0px 0px 0;
	float:right;
	width:998px;
}
	.rss {
	padding:3px 0px 0 20px;
	float:right;
	width:18px;
	}
	.printer {
	padding:0px 0px 0 20px;
	float:right;
	width:22px;
	}
	.flag {
	float:right;
	}
	.flag img {
	float:right;
	margin:3px 0 0 5px;
	width:21px;
	}
	#pageoption {
	float:right;
	width:90px;
	}
	#pageoption a span {
	display: none;
	}
	#pageoption a {
	display: block;
	height: 100%;
	text-decoration: none;
	}
	#pageoption .fontSmall {
	margin:0 5px 0 0px;
	float:right;
	width:18px;
	height:18px;
	background: url(../images/head/font_options/small.gif) center no-repeat;
	cursor:pointer;
	}
	#pageoption .fontSmall :hover {
	background: url(../images/head/font_options/small_high.gif) center no-repeat;
	}
	#pageoption .fontSmall .high {
	background: url(../images/head/font_options/small_high.gif) center no-repeat;
	}
	#pageoption .fontNormal {
	margin:0 5px 0 0px;
	float:right;
	width:18px;
	height:18px;
	background: url(../images/head/font_options/normal.gif) center no-repeat;
	cursor:pointer;
	}
	#pageoption .fontNormal :hover {
	background: url(../images/head/font_options/normal_high.gif) center no-repeat;
	}
	#pageoption .fontNormal .high {
	background: url(../images/head/font_options/normal_high.gif) center no-repeat;
	}
	#pageoption .fontBig {
	margin:0 5px 0 0px;
	float:right;
	width:18px;
	height:18px;
	background: url(../images/head/font_options/big.gif) center no-repeat;
	cursor:pointer;
	}
	#pageoption .fontBig :hover {
	background: url(../images/head/font_options/big_high.gif) center no-repeat;
	}
	#pageoption .fontBig .high {
	background: url(../images/head/font_options/big_high.gif) center no-repeat;
	}
	#logo {
	margin:-5px 0px 20px 30px;
	float:left;
	}
/*###########################################################################
       =#MainNavigation
  ###########################################################################*/
#mainNav ul {		
	float:left;
	width:738px;
	/*width:61.6em;*/
	height:36px;
	border-top:1px solid #CFCFCF;
	border-bottom:1px solid #CFCFCF;
	background-image: url(../images/navigation/main_nav_bg.gif);
	background-repeat:repeat-x;
	position:relative;
}
#mainNav li {    		
	list-style:none;
	float:left;
	height:36px;
}
#mainNav li a {
		color: #4B4B4B;
		font-weight:bold;
		text-decoration: none;
		display:block;
		padding:3px 29px 0px 29px;
	}
#mainNav li a:visited {
		color: #4B4B4B;
	}
#mainNav li a:hover{
		color: #FFFFFF;
		text-decoration: none;
		background-color:#1487B7;
		font-weight:bold;
		height:36px;
		height:33px;
		display:block;
	}
	#mainNav li.high {
		color: #FFFFFF;
		text-decoration: none;
		background-color:#1487B7;
		font-weight:bold;
	}
	#mainNav li.high a {
		text-decoration: none;
		display:block;
		padding:3px 29px 0px 29px;
		font-weight:bold;
		color: #FFFFFF;
	}
#mainNav li.high a:visited {
		color: #FFFFFF;
	}
#mainNav li.high a:hover{
		color: #FFFFFF;
		text-decoration: none;
		background-color:#1487B7;
		font-weight:bold;
	}
	
#mainNav li.last {
		position:absolute;
		right:0px;
	}
	
	

#mainNav li a:focus {
   outline: none;
}

/*###########################################################################
       =#Search
  ###########################################################################*/

form#search {
float:right;
margin:10px 0px 0px 16px;

}
input#searchfield { /*Extra-Style:  IE7*/
background-color:#FFFFFF;
color:#515050;
border:1px solid #CFCFCF;
padding:1px 5px;
width:161px;
float:left;
margin-right:5px;
}
input.button {			
  	color:#FFFFFF;
	font-family: Arial, Helvetica, Arial, sans-serif;
  	font-size: 90%;
  	font-weight: bold;
  padding:2px 5px 2px 5px;  
  text-decoration: none;  
  /*background:url(../images/search/search_bg.jpg) no-repeat;*/
  background-color:#1487B7;
  cursor:pointer;
   width:58px;
   height:20px;
   border:none;
   float:left;
}
input.button:hover {			
  	color:#4B4B4B;
  background:url(../images/search/search_bg_high.jpg) no-repeat;
 cursor: pointer;
}
/*###########################################################################
       =#SearchResults
  ###########################################################################*/
#scienceAllianceIndexedSearch label {    		
	padding:3px 5px 0px 0;
	font-weight:bold;
	float:left;
}
 #scienceAllianceIndexedSearch .textfield {
	padding: 1px 3px 1px 3px;
	border: 1px #CFCFCF solid;
	width: 15em;
	float:left;
	margin-right:5px;
}
.tx-indexedsearch-rules { /*Extra-Style: IE6, IE7*/
	clear:both;
	padding:20px 0 10px 0;
}
.browsebox {
	padding:0 0 10px 0;
}
.tx-indexedsearch-whatis {
	padding-bottom:2px;
	border-bottom:1px solid #CFCFCF;

}

/*###########################################################################
       =#Path
  ###########################################################################*/
#path {
padding:5px 0 0 10px;
font-size: 90%;
}
/*###########################################################################
       =#Content
  ###########################################################################*/
#content_wrapper {		
	width:998px;
	float:left;
	margin:30px 0 0px 0;
}
/*###########################################################################
       =#LeftNav
  ###########################################################################*/
#leftNav {		
	float:left;
  	text-decoration:none;
	width:171px;
	border-bottom:1px solid #CFCFCF;
}
#leftNav li {    		/*Extra-Style: IE6, IE7*/
	list-style:none;
	border-top:1px solid #CFCFCF;
	width:171px;
	line-height:24px;
}
/*#leftNav li.last {
	border-bottom:1px solid #CFCFCF;
}*/
#leftNav li a {
		text-decoration: none;
		display:block;
		padding:0 0 0 10px;
	}
#leftNav li a:link {
		color: #4B4B4B;
	}
#leftNav li a:visited {
		color: #4B4B4B;
	}
#leftNav li a:hover{
		color: #FFFFFF;
		text-decoration: none;
		background-color:#1487B7;
	}
	#leftNav li.high {
		color: #FFFFFF;
		text-decoration: none;
		background-color:#1487B7;
		width:171px;
	}
	#leftNav li.high a {
		text-decoration: none;
		display:block;
		padding:0 0 0 10px;
	}
#leftNav li.high a:link {
		color: #FFFFFF;
	}
#leftNav li.high a:visited {
		color: #FFFFFF;
	}
#leftNav li.high a:hover{
		color: #FFFFFF;
		text-decoration: none;
		/*background:url(../images/navigation/left_nav_high_bg.gif) repeat-x;*/
		background-color:#1487B7;
	}

#leftNav li a:focus {
   outline: none;
}
/*###########################################################################
       =#LeftNav: SubNav
  ###########################################################################*/
#leftNav  .subNav {	
	float:left;
  	font-size: 95%;
  	text-decoration:none;
	padding:8px 0;
	/*width:171px;*/
	width:160px;
}
#leftNav .subNav li { /*Extra-Style: IE6*/
	list-style:none;
	border:0;
	line-height:16px;
	clear:both;
	padding-left:11px;
}

/*#leftNav ul .subNav li.last {
	border-bottom:1px solid #CFCFCF;
	width:160px;
	padding-bottom:8px; 
}*/


#leftNav  .subNav li a img {
	margin-left:-11px;
}
#leftNav .subNav li a {
		text-decoration: none;
		color:#4B4B4B;
	}
#leftNav .subNav li a:visited {
		color: #4B4B4B;

	}
#leftNav .subNav li a:hover {
		color: #047CAE;
		text-decoration: none;
		background:0;

	}
#leftNav .subNav li a:focus {
   outline: none;
}
#leftNav .subNav li.subHigh {
		color: #047CAE;
		text-decoration: none;
	}
	#leftNav  .subNav li.subHigh a {
		text-decoration: none;
	}
#leftNav .subNav li.subHigh a:link {
		color: #047CAE;
	}
#leftNav .subNav li.subHigh a:visited {
		color: #047CAE;
	}
#leftNav .subNav li.subHigh a:hover{
		color: #047CAE;
		text-decoration: none;
	}
/*###########################################################################
       =#MainContent
  ###########################################################################*/

#mainContent { 		
	width:547px;
	float:left;
	padding:0 0 20px 20px;
}
#mainContent .image_wrapper { 		
	height:108px;
	border-bottom: 1px solid #CFCFCF;
	border-top: 1px solid #CFCFCF;
	margin-top:20px;
}
#mainContent .image_wrapper img { 		
	margin-right:3px;
	float:left;
}
#mainContent .imgLast { 		
	margin-right:0px;
}

/*###########################################################################
       =#Row of Images
  ###########################################################################*/
img.last_of_row {
        margin-right: 0;
}

/*###########################################################################
       =#MainContent: Alphabet
  ###########################################################################*/

#alphabet {		/*Extra-Style: IE6*/
	background-color: #EEEEEE;
	border-bottom: 1px solid #CFCFCF;
	border-top: 1px solid #CFCFCF;
	margin: 10px  0 20px 0px;
	line-height:1.5em;
}
#alphabet a {		
	color: #4B4B4B;
	text-decoration:none;
	font-weight: bold;
	padding-right:5px;
	padding-left:10px;
}
#alphabet a:visited {		
	text-decoration:none;
	color: #4B4B4B;
}
#alphabet a:hover {
	text-decoration:underline;
	color: #047CAE;
}
/*###########################################################################
       =#MainContent: Mitglieder
  ###########################################################################*/
#mainContent .memberWrapperFirst { 		
	border-bottom: 1px solid #CFCFCF;
	padding-bottom:5px;
	margin:10px 0 30px 0;
	width:547px;
	float:left;
}

#mainContent .memberWrapper { 		
	border-bottom: 1px solid #CFCFCF;
	padding-bottom:5px;
	margin:0px 0 30px 0;
	width:547px;
	float:left;
}
#mainContent .memberWrapperLast { 		
	border-bottom: none;
	padding-bottom:40px;
	width:547px;
	float:left;
}

#mainContent .memberLogo { 		
	float:left;
	margin-right:20px;
	width:130px;
		text-align:center;

}

/*###########################################################################
       =#MainContent: Ansprechpartner
  ###########################################################################*/
.contactPerson {    		
/*float:left;*/
margin-bottom:20px;
}
/*.contactPerson span.name{    		
font-weight: bold;
}*/
.contactPerson h2{    		
font-weight: normal;
padding:0px 0 10px 100px;
}
.contactImg {    		
float:left;
margin-right:10px;
margin-bottom:20px;
}
/*###########################################################################
       =#MainContent: FactSheet
  ###########################################################################*/
table.factSheet { 
	margin:10px 0 0px 0px;
	border-collapse: collapse;
	width:548px;
}
table.factSheet thead th {
	background-color: #EEEEEE;
	border-bottom: 1px solid #CFCFCF;
	border-top: 1px solid #CFCFCF;
	padding:0.5em;
	text-align:left;
}
table.factSheet th {
width:100px;
}
table.factSheet td, table.factSheet th {
	border: 1px solid #CFCFCF;
	padding:0.5em;
	text-align:left;
}
.legend {
	padding:15px 0 0px 0;
}

.legend p{
	padding:0px 0 2px 0;
}

/*###########################################################################
       =#MainContent: LISTEN Kooperationen Deutschland/Welt, Forschungsfelder, Dienstleistungen
  ###########################################################################*/
.filterSection {    		
	padding-bottom:50px;
	margin-bottom:15px;
	border-bottom:1px solid #CFCFCF;
}
.filterSection label {    		
	padding:10px 0 10px 0;
	font-weight:bold;
	display:block;
}
.filterSection .textfield {
	padding: 1px 3px 1px 3px;
	border: 1px #CFCFCF solid;
	width: 15em;
}
.filterSection .button {			
  	color:#FFFFFF;
	font-family: Arial, Helvetica, Arial, sans-serif;
  	font-size: 90%;
  	font-weight: bold;
  padding:2px 5px 2px 5px;  
  text-decoration: none;  
  background-color:#1487B7;
  cursor:pointer;
   width:90px;
   height:20px;
   border:none;
   margin:10px 0 0px 0;
}
.filterSection .button:hover {			
  	color:#4B4B4B;
  background:url(../images/search/search_bg_high.jpg) repeat-x;
 cursor: pointer;
 width:90px;
}


.kooperationenWelt ul,
#kooperationenDtld ul,
#dienstleistungen ul,
.forschungsfelder ul {		
  	text-decoration:none;
}
.kooperationenWelt li,
#kooperationenDtld li,
#dienstleistungen li,
.forschungsfelder li {    		
	list-style:none;
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom:1px solid #CFCFCF;
}
.country {    		
font-weight: bold;
padding:0px 0 10px 0;
}
.oneCountry {
  padding:0px 0 10px 0;
}
.worldPartner {
  padding:0px 0 10px 0;
}
/*###########################################################################
       =#MainContent: Forschungsfelder
  ###########################################################################*/
.researchEntry {    		
	margin-bottom:10px;
	}

.researchField p {    		
	padding-bottom:0;
}
/*###########################################################################
       =#MainContent: News, Veranstaltungen
  ###########################################################################*/
.news {    		
float:left;
margin-bottom:20px;
}
.news img {    		
float:left;
margin-right:10px;
}
.external-link-new-window img {
margin:4px 5px 0 0;
}

div.fileAttachment {
  padding-bottom: 5px;
}
/*###########################################################################
       =#MainContent: MA-, BA- und Dipl.-Arbeiten, Stellenangebote
  ###########################################################################*/
.ausschreibungen {    		
float:left;
margin-bottom:20px;
}
/*###########################################################################
       =#MainContent:Stellenangebote
  ###########################################################################*/
#stellenangebote .externalLink {    		
margin-bottom:20px;
}
.memberWrapperFirst p.bodytext,
.memberWrapper p.bodytext {    		
padding:0px;
}


/*###########################################################################
       =#ContainerRight
  ###########################################################################*/

#containerRight {
	width:230px;
	float:right;
}
.containerRight_headline {
	width:230px;
	float:right;
	background:url(../images/container_right/bg_headline.gif) repeat-x;
	line-height:24px;
	margin-bottom:10px;
	font-weight:bold;
	padding-left:6px;
}
#containerRight ul {		
  	padding:0px 6px 0px 6px;
	float:right;
	margin-bottom:10px;
	width:224px;
}
#containerRight .aloeImg {
	padding:0px 10px 0 0px;
	float:left;
}
#containerRight li {    		
	list-style:none;
	margin-bottom:10px;
	width:224px;
}

/*###########################################################################
       =#Logos
  ###########################################################################*/
#logos_wrapper {
	border-top:1px solid #CFCFCF;
	border-bottom:1px solid #CFCFCF;
	width:983px;
	margin:0px 0 10px 0px;
	padding:7px 5px 5px 10px;
}
/*###########################################################################
       =#Footer
  ###########################################################################*/
#footerNav {		
	text-align:center;
	font-size: 85%;
}
#footerNav img {		
	padding:0px 10px 2px 10px;
}
#footerNav a {		
	text-decoration:none;
	color:#047CAE;
}
#footerNav a:visited {		
	text-decoration:none;
	color:#047CAE;
}
#footerNav a:hover {
	text-decoration:none;
	color: #4B4B4B;
}
#copyright {		
	text-align:center;
	font-size: 85%;
	color:#8A8A8B;
	margin:5px 0 30px 0;
}
/*###########################################################################
       =#Row of Images
  ###########################################################################*/
#mainContent img.last_of_row {
        margin-right: 0;
}
/*###########################################################################
       =#Sitemap
  ###########################################################################*/
.deep0 {    		
margin:0px 0px 5px 10px;
/*font-weight: bold;*/
}
.deep1 {    		
margin:5px 0px 0px 10px;
}
.deep2 {    		
margin:5px 0px 0px 10px;
}

/*###########################################################################
       =#RTE Settings
  ###########################################################################*/
.bulletpointlist li {
    margin-left: 15px;  
}