/* ========== Allgemein =========*/

html { height: 101%; } 
body { 
   color: white; 
   background-color: white; 
   font-family: Arial, Helvetica, Verdana, sans-serif; 
   font-size: 9pt; 
}
h1 { font-size: 16pt; color: #585943; } 
h2 { font-size: 14pt; color: #585943; }
h3 { font-size: 14pt; color: #86B918;  border-bottom: 1px solid #86B918; padding-bottom: 8px; }
h4 { font-size: 9pt; color: #585943; margin-bottom: 2pt; }
h5 { font-size: 8pt; color: #585943; }
h6 { font-size: 7pt; color: #585943; }


*  { padding: 0; margin: 0; }
h2, h3, p, ul, ol { margin-bottom: 1em; }  
ul ul { margin-bottom: 0; } 
li { margin-left: 1em; }
* html li { margin-left: 13pt; }
ol { margin-left: 1em; }
ul li { list-style-image: url('images/square.jpg'); font-size: 9pt; line-height: 150%; }
ol li { font-size: 9pt; line-height: 150%; }


/* Hyperlinks und Aufzählung */
a { text-decoration: none; outline: none; }

a:active     { color: #a8adad }
a:hover      { color: #a8adad; text-decoration: underline; }
a:link       { color: #80806b }
a:visited    { color: #80806b }

.img {border: 0px;} 
.img2 {float: left; margin-right: 10px; border-width:1px; border-color:#CCCCBA; } 
.img3 {float: left; margin-right: 10px; border:1px solid #CCCCBA; } 

/* =============== Allgemein eigene Zuordnungen ============== */

b, bold { color: #585943; }

.skiplink { 
   position: absolute; 
   left: -3000px; 
   top: -2000px; 
   width: 0px; 
   height: 0px; 
   overflow: hidden; 
   display: inline; 
}

.skiplink a { color: white; } 

.bildmarg { 
	float: left;
	padding: 0 3 4 0;
	border: 1px solid #ccccba; 
	margin-bottom: 4px;
	}

.clearing { clear: both; }

#logo { 
   color: black;
   background-color: white; 
   margin-top: -25pt;
}

/* ==================================== 
   Layoutbereiche
   ==================================== */

#wrapper { 
   color: black; 
   background: white;
   margin: 10px 10px 10px 10px;
   max-width: 1200px;
   min-width: 40em;
}

#kopfbereich {
   position: relative;  
   color: black; 
   padding: 10px 20px 10px 20px; 
}

/* =========== navi ganz oben ================= */

#nebennavi {
font-size: 8pt;
color: #80806b;
text-align: right; 
margin-right: 4px;
}

#nebennavi li {
display: inline; / *nebeneinander anzeigen */
list-style-type: none; /* ohne Aufzählungszeichen */
padding: 0px;
color: #80806b;
}

#nebennavi a:hover { color: white; background-color: #b3b3a1; text-decoration: none; padding: 4px; }

#nebennavi a:active { 
   color: white; 
   background-color: #b3b3a1; 
   padding: 4px;
}

#nebennavi a:hover, #nebennavi a:focus, 
#ansprechpartner #navkontakt a, 
#service #navservice a,
#archive #navservice a,
#telefon #navservice a,
#weg #navservice a,
#bibliothek #navservice a,
#impressum #navservice a, 
#telefon #navservice a,  
#presse #navpresse a, 
#anmeldung #navpresse a, 
#berichte #navpresse a, 
#newsletter #navpresse a, 
#pressemitteilung #navpresse a, 
#veranstaltungen #navpresse a, 
#medienspiegel #navpresse a,
#experten #navpresse a,
#linkliste #navpresse a,
#sitemap #navsitemap a, 
#suche #navsuche a {
color: white; background-color: #b3b3a1; padding: 4px; }


/* =========== navi Deutsch Englisch ================= */

#nebennavi2 {
text-align: right; 
position: relative; top: 4px;
font-size: 8pt;
color: #80806b;
text-align: right; 
margin-right: 4;
margin-top: -8;
}

#nebennavi2 li {
display: inline; / *nebeneinander anzeigen */
list-style-type: none; /* ohne Aufzählungszeichen */
border: 1px solid #ccccba; 
padding: 4px;
margin-left: 2px;
margin-right: 4px;
}

#nebennavi2 a:hover { color: white; background-color: #b3b3a1; text-decoration: none; padding: 2px; }

#nebennavi2 a:active { 
   color: white; 
   background-color: #b3b3a1; 
   padding: 2px;
}


/* =========== Hauptnavi horizontal ================= */

#hauptnavi { 
text-align: left; 
margin-top: 20pt;
margin-bottom: 10pt;
}

hauptnavi li { 
display: inline; / *nebeneinander anzeigen */
list-style-type: none; /* ohne Aufzählungszeichen */
}

#hauptnavi a { 
display: block; /* ganze Fläche anklickbar machen */
text-decoration: none; outline: none; /* Unterstreichung des Links entfernen */
 font-size: 9pt;
 font-weight: 500;
 color: white;
 text-align: center; /* zentrieren */
 padding-top: 4px;
 padding-bottom: 4px;
 } 

#hauptnavi td { border-right: 2px solid white; /* Rahmenlinie rechts */ }

#hauptnavi a:hover { color: white }
#hauptnavi a:link { color: white }
#hauptnavi a:visited { color: white }

#hauptnavi a:active { 
   color: white; 
   background-color: #b3b3a1; 
}
 

#hauptnavi a:hover, #hauptnavi a:focus, 
#startseite #naviaktuell a, 
#forschung #naviforschung a, 
#projekte #naviforschung a, 
#schwerpunkte #naviforschung a, 
#sozoekforschung #naviforschung a, 
#transdis #naviforschung a, 
#referenzen #navireferenzen a, 
#auftraege #navireferenzen a, 
#refprojekte #navireferenzen a, 
#kompetenzen #navireferenzen a, 
#refliteratur #navireferenzen a, 
#refmethoden #navireferenzen a, 
#netzwerke #navireferenzen a, 
#publikationen #navipublikationen a, 
#downloads #navipublikationen a, 
#biblio #navipublikationen a, 
#neu #navipublikationen a, 
#reihen #navipublikationen a, 
#bibliothek #navipublikationen a, 
#spektrum #navispektrum a, 
#ansprechpartner #navispektrum a, 
#methoden #navispektrum a, 
#produkte #navispektrum a, 
#profil #naviprofil a, 
#beirat #naviprofil a, 
#finanzen #naviprofil a, 
#geschichte #naviprofil a, 
#orga #naviprofil a, 
#personalia #naviprofil a, 
#zwjahre #naviprofil a, 
#stellen #naviprofil a {
color: white; background-color: #b3b3a1; }

/* =========== Unternavi vertikal ================= */

#unternavi { 
   float: left; 
   width: 150px; 
   padding-left: 20px; 
   padding-top: 20px; 
   font-size: 9pt;
   font-weight: 500;
} 
   #unternavi ul { 
      width: 6em; 
   } 
   #unternavi li { 
      list-style-type: none; 
      margin: 0;
   }
   #unternavi a { 
      display: block;  
      text-decoration: none;
      color: white; 
      background-color: #b3b3a1; 
      padding: 4px; 
      padding-left: 9px;
   }  
   
#unternavi h4 { font-size: 9pt; color: #80806b; }

#unternavi a:hover { color: white; background-color: #86B918; }
#unternavi a:link { color: white }
#unternavi a:visited { color: white }

#unternavi a:active { 
   color: white; 
   background-color: #86B918; 
}
   
#unternavi a:hover, #unternavi a:focus,
#orga #naviorga a, 
#personalia #navipersonalia a, 
#stellen #navistellen a, 
#zwjahre #navizwjahre a,
#geschichte #navigeschichte a, 
#finanzen #navifinanzen a, 
#beirat #navibeirat a, 
#projekte #naviprojekte a,
#sozoekforschung #navisozoek a,
#schwerpunkte #navischwerpunkte a,
#transdis #navitransdis a,
#auftraege #naviauftraege a,
#kompetenzen #navirefkompetenzen a,
#refliteratur #navirefliteratur a,
#refmethoden #navirefmethoden a,
#refprojekte #navirefprojekte a,
#refmethoden #navirefmethoden a,
#netzwerke #navinetzwerke a,
#refprodukte #navirefprodukte a,
#ansprechpartner #navikontakt a,
#produkte #naviprodukte a,
#downloads #navidownloads a,
#neu #navineu a,
#reihen #navireihen a,
#biblio #navibiblio a,
#archive #naviarchive a, 
#service #naviservice a,
#sitemap #navisitemap a,
#bibliothek #navibibliothek a,
#weg #naviweg a,
#impressum #naviimpressum a,
#suche #navisuche a,
#telefon #navitelefon a,
#produkte #naviprodukte a,
#methoden #navimethoden a,
#ansprechpartner #naviansprechpartner a,
#pressemitteilung #navipressemitt a,
#experten #naviexperten a,
#medienspiegel #navimedienspiegel a,
#linkliste #navilinkliste a,
#newsletter #navinewsletter a,
#veranstaltungen #naviveranstaltungen a,
#berichte #naviberichte a,
#personbiblio #navibiblio a,
#thjbiblio #navibiblio a
 {
color: white; background-color: #86B918; 
}


/* =========== Spalte Marginalie derzeit rechts ================= */

* html #marginalie { margin-right: 11px; }
#marginalie { 
   float: right; 
   width: 190px; 
   padding: 10px;  
   font-size: 8pt;
   border: 1px solid #ccccba;
   margin-top: 20px;
   margin-bottom: 10px;
   margin-right: 21px;
}

#marginalie p {
	font-size: 8pt;
	line-height: 140%;
	padding-bottom: 1pt;
	}

#marginalie ul li { list-style-image: url('images/square.jpg'); font-size: 8pt; line-height: 140%; }
#marginalie ol li { font-size: 8pt; line-height: 140%; }



/* =========== Textbereich Mitte ================= */
   
#textbereich { 
   color: black;
   padding-top: 20px; 
   margin-left: 230px; 
   margin-right: 300px; 
}
   #textbereich p { 
      font-size: 9pt;
      line-height: 150%; 
   }
   
#textbereich hr { border-bottom: 1px #ccccba; margin-bottom: 9px; }   
#textbereich b, bold { font-size: 9pt; color: #585943; }

#textbereich table, td { font-size: 9pt; color: black; }



/* =========== Fussbereich ================= */

#fussbereich {
   clear: both; 
   font-size: 8pt;
   color: #80806b; 
   background-color: white; 
   padding: 10px;
   border-top: 1px solid #ccccba; 
}

#fussbereich li {
display: inline; / *nebeneinander anzeigen */
list-style-type: none; /* ohne Aufzählungszeichen */
   color: #80806b; 
padding: 1px;
}

/* ==================================== 
   Sonstiges
   ==================================== */

.hreigen     { border-top: 1px solid #ccccba; margin-bottom: -2pt; padding-top: 4pt; padding-bottom: 1pt; }
.pvor { margin-bottom: 0pt; }
.pnach { margin-top: -8pt; }
.pklein { font-size: 1; }

/* Das Kontaktformular */
form {
   background-color: #eee;
   width: 370px; /* Breite des Formulars */ 
   padding: 20px; 
   border: 1px solid #8c8c8c;
}
/* Beschriftung auf eigener Zeile */
label { 
   display: block; 
   cursor: pointer; 
} 
input#absender, 
textarea { 
   width: 300px;
   border: 1px solid #8c8c8c;
   margin-bottom: 1em;
}
textarea { 
   height: 7em; 
}
input:focus#absender, textarea:focus {
   background-color: #d9d9d9; 
}

/* Die Fotogalerie */

div.galerie { 
   overflow: hidden; 
   padding: 25px 10px 10px 0; 
   margin: 0 3px 3px 0; 
}
/* für IE6 */
* html div.galerie { height: 1%; }

div.galerie img { 
   float: left; 
   padding: 4px;
   border: 1px solid #ddd; 
   border-right-color: #aaa; 
   border-bottom-color: #aaa; 
   margin-right: 15px; 
   margin-bottom: 15px;  
}

/* ======================================= 
   E N D E 
   ======================================= */