/* stylesheet für aufbau-ost.difu.de
 * seitenaufbau
 */

body { 
  font-family:verdana,arial,helvetica,sans-serif;
  margin:0;
  padding:2px 9px 0 9px;
  background:white;
  color:black;
  font-size:13px;
}

* html body { 
  font-family:verdana,arial,helvetica,sans-serif;
  margin:0;
  padding:9px 9px 0 9px;
  background:white;
  color:black;
  font-size:80%;
}

*+html body { 
  font-family:verdana,arial,helvetica,sans-serif;
  margin:0;
  padding:9px 9px 0 9px;
  background:white;
  color:black;
  font-size:80%;
}

#head {
  float:right;
  padding:5px 10px 0 0;
  margin:0;
  color:#666666;
}

* html #head {
  float:right;
  padding:0 30px 0 0;
  margin:0;
  color:#666666;
}

#head a,
#head a:link,
#head a:visited,
#head a:active  {
  text-decoration:none;
  color:#666666;
  font-size:70%;
}

#head a:hover {
  color:red;
}


img { 
  border:none;
}
/* erst die angaben für die elemente des seitenkopfes */

/* kopfbereich */
#header { 
}

#wortmarke { 
  /* bild ist 163px breit, der rest ist abstand */
  width:187px;
  background:#ffffff url(/images/bmbf-logo.gif) no-repeat top left;
  float:left;
  padding:80px 0 5px 0;
  margin:-19px 0 0 0;
  /*border-right:solid 1px #2656AB;
  border-top:solid 1px #2656AB;*/
  height:0; overflow:hidden;
}

*+html #wortmarke { 
  /* bild ist 163px breit, der rest ist abstand */
  width:187px;
  background:#ffffff url(/images/bmbf-logo.gif) no-repeat top left;
  float:left;
  padding:80px 0 5px 0;
  margin:2px 0 0 0;
  /*border-right:solid 1px #2656AB;
  border-top:solid 1px #2656AB;*/
  height:0; overflow:hidden;
}

/* ie-hack: 3px-jog kompensieren */
* html #wortmarke {
  width:187px;
  margin:2px -3px 0 0;
}

/* obere bildleiste */
#logo { 
  display:block;
  margin:30px 0 0 0; padding:0; height:80px; overflow:hidden;
  background:transparent url(/images/header.jpg) no-repeat top left
}

/* schriftzug "bin" auf der bildleiste */
#schriftzug { 
  margin:50px 10px 0 0;
  padding:36px 0 0 0;
  width:0px; height:0;
  background:url(/images/pixel.gif) no-repeat;
  float:left;
  overflow:hidden;
}

/* html #schriftzug {
  margin:50px 10px 0 0px;
}*/

/* ie hack: schriftzug als png mit anti-aliasing/halbtransparenz */
* html #schriftzug {
  background:transparent;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/pixel.gif',sizingMethod='scale');
}

#leiste { 
  margin:0 0 0 187px;
  padding:3px 20px 3px 17px;
  background:#9BBDDE;
  /*border-top:solid 1px #2656AB;*/
  border-bottom:solid 1px #999999;
  color:black;
}

#zwischenraum { 
  background:#9BBDDE;
  border-top:solid 1px #4E70AC;
 }

#leiste a,
#leiste a:link,
#leiste a:visited,
#leiste a:active  {
  text-decoration:none;
  color:black;
  font-size:100%;
}

#leiste a:hover {
  color:red;
}

/*#suche { 
  float:right;
  width:30%;
  margin:-3px 0 0 0;
  text-align:right;
}

* html #suche {
  white-space:nowrap;  
}

#suche form { 
  display:inline;
}

#suche input { 
  margin:0;
  border:1px solid black;
  padding:1px 5px;
  width:30%;
  background:white;
  color:black;
  font-size:75%;  
}

#login input.submit { 
  border:1px solid black;
  padding:0 3px;
  width:15%;
  color:black;
  text-align:center;
  background:#cae0ca;
}*/


/* enthält den rest der seite, evtl. rechte spalte hinterlegt */
#container { 
  /*border-top:10px solid #002266;*/
    margin:0; padding:0;
}

/* in container enthalten, linke spalte hinterlegt */
#container2 { 
  margin:0 2px 0 0; padding:0;
  background:transparent url(/images/background-left.png) repeat-y left;
}

*+html #container2 { 
  margin:13px 2px 0 0; padding:0;
  background:transparent url(/images/background-left.png) repeat-y left;
}

/* cf. http://www.positioniseverything.net/easyclearing.html
   verhindert, dass die rechte spalte auf der startseite keinen hintergrund
   erhält, der bis unten reicht, wenn der rechte float und der text eine
   geringere höhe als der linke navigations-float haben
   betrifft nicht den ie, dessen fehlerhaftes verhalten ist hier erwünscht
#container2:after {
  content:".";
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}*/ 

/* linke spalte (navigation)*/
#leftContainer { 
  background:#9BBDDE;
  border-right:solid 1px #999999;
  width:187px;
  float:left;
  padding:0; 
  margin:-14px 0 0 -10px;
}

* html #leftContainer { 
  background:#9BBDDE;
  border-right:solid 1px #999999;
  width:187px;
  float:left;
  padding:0; 
  margin:0 0 0 -10px;
}

/* inhalt der linken spalte: hier könnten wir ränder setzen, 
   ohne die prozentuale breite zu verfälschen */
#leftColumn {  
  margin:-10px 0 0 0; 
  padding:0;
  font-size:100%;
}

/* mittlere spalte, hält abstand zum rechten und linken float */
#contentContainer { 
  margin-top:5px;  
}

#content { 
  margin:0 0 0 187px;
  /* höhenangabe für ie-bug */
  /*  height:100%; <- DIV CONTENT VERSCHLIEBUNG (FLOAT:LEFT wurde nicht beachtet)*/
  padding:0 5px 20px 15px;
}

/* wenn wir rechts eine margin-spalte haben, dort auch abstand halten */
#content.margin { 
  margin-right:180px;
}


/* rechte spalte */
#rightContainer { 
  border-left:solid 1px #999999;
  color:black;
  float:right;
  width:140px;
  margin:20px 0 0 10px;
  padding:0 0 0 5px;
}

* html #rightContainer { 
  border-left:solid 1px #999999;
  color:black;
  float:right;
  width:140px;
  margin:30px 0 0 10px;
  padding:0 0 0 5px;
  background:transparent url(/images/pixel.gif) repeat-y left;
}

/* inhalt der rechten spalte */
#rightColumn { 
  padding:0;
  margin:0;
  overflow:hidden;
  font-size:80%;
  line-height:100%;
}

#rightColumn h2 {
  color:#1144AA;
  font-weight:bold;
  font-size:130%;
  padding:0 0 5px 0;
  margin:0;
}

#rightColumn a,
#rightColumn a:link,
#rightColumn a:visited  {
  text-decoration:none; 
  color:#1144AA; 
  font-size:100%;
}
 
#rightColumn a:hover,
#rightColumn a:active  {
  text-decoration:underline;
  color:red; 
}

#rightColumn p { 
  margin:0 0 5px 0;
  padding:0;
}

/*
 * navigation
 */


#navigation li { 
  margin:0; padding:0;
  background:transparent;
  /* ie-hack: verhindert zusätzliche abstände */
  display:inline; 
}

#navigation ul { 
  padding:0; 
  margin:20px 0 20px 0;
  list-style:none inside; 
}

#navigation ul ul { 
  margin:0; padding:0;
  background:#B8CBD9; /*7091B3;*/
  line-height:85%;
}

#navigation a,
#navigation a:link,
#navigation a:visited { 
  padding:5px 2px 7px 10px;
  color:#000000;
  display:block;
  text-decoration:none;
}

#navigation a:hover,
#navigation a:active { 
  padding:5px 2px 7px 7px;
  /*border-right:6px solid #002266;*/ 
  color:red; /*#920505*/
  border-left:solid 3px #517EBD;
  background:#B8CBD9;
}

#navigation a.active { 
  padding:5px 2px 7px 10px;
  /*border-right:6px solid #002266;*/
  background:#CFDCE5; /*7091B3*/
  color:red;
}

#navigation ul ul a,
#navigation ul ul a:link,
#navigation ul ul a:visited { 
  display:block;
  margin:0;
  padding:5px 2px 7px 20px;
  color:#000000;
  font-size:80%;
  text-decoration:none;
}

#navigation ul ul a:hover,
#navigation ul ul a:active { 
  padding:5px 2px 7px 17px; /* ie-hack: angabe ist eigentlich redundant */
  /*border-right:6px solid #002266;*/
  color:red; /*920505*/
  border-left:solid 3px #517EBD;
  background:#CFDCE5;
}

#navigation ul ul a.active { 
  /*border-right:6px solid #002266;*/
  background:#CFDCE5; 
  color:red;
}

#navigation #current {
  background:#CFDCE5;	/*6eabc1*/
  color:black;
  margin:0;
  padding:5px 2px 7px 7px;
  border-left:solid 3px #517EBD;
}

#navigation ul ul #current {
  margin:0;
  padding:5px 2px 7px 17px;
  border-left:solid 3px #517EBD;
  background:#CFDCE5;
  color:black;
}

/* Löst den Bug des Farbübersprungs auf das nächste LI */
.nano {line-height:0px;}

/* 
 * subMenu's der navigation
 */
#navigation ul ul ul {
  background:#CFDCE5; /*6082a0*/
} 

#navigation ul ul ul ul{
  background:#CFDCE5; /*4b6f8e*/
}


#navigation a.header {
  background:#CFDCE5;	/*6eabc1*/
  color:black;
}

/*
* html #navigation ul li ul {
  border-bottom:12px solid #adccad;
}
*/

#navigation input { 
  margin:15px 0 3px 0;
  background:white;
  color:#030;
  padding:1px;
  border:1px solid black;
  width:auto;
  font-size:80%;
}

#navigation form { 
  text-align:left;
  padding:0 27px 0 15px;
}

#navigation input.submit { 
  background:#5C86BB;
  width:auto;
}

#organisation { 
  display:block;
  width:70px;
  height:30px;
  margin:0 0 10px 10px; 
  padding:80px 0 0 0;  
  overflow:hidden;
  background:transparent url(/images/difu-logo.png) no-repeat bottom left;  
}
/*
 * footer
 */
/*#deadspot {
 border-bottom:solid 1px #2656AB;
 margin:0; padding:0;
 background:transparent url(/images/background-left-bottom.png) repeat-y left;
}*/

/*#footer { 
  padding:2px 0 2px 0;
  margin:0 0 0 187px;
  border-top:solid 1px #2656AB;
  color:#666666;
  font-size:70%;
  background:#9BBDDE;
  text-align:center;
  clear:both;
}*/

 /*border-bottom:solid 1px #2656AB;*/

#footer { 
  padding:2px 0 2px 0;
  margin:0 150px 0 350px;
  border-top:solid 1px #B8CBD9;
  color:#666666;
  font-size:70%;  
  text-align:center;
  clear:both;
}

#footer a { 
  color:#666666;
  text-decoration:underline;
}

/*
 * allgemeine angaben, content-feld
 */

body { 
  font-family:verdana,arial,sans-serif;
  line-height:110%;
}

#content h1, h2, h3, h4 { 
  color:#1144AA;
  font-weight:normal;
}

#content h1 {
  font-size:140%;
  line-height:150%;
}

#content h2 {
  font-size:130%;
  line-height:140%;
}

#content h2.text {
  font-size:130%;
  margin:0;
}

#content h3 {
  font-size:120%;
  line-height:130%;
}

#content h3.sub {
  margin:0;
  font-size:120%;
  line-height:130%;
  font-weight:normal;
}

#content h4 {
  font-size:100%;
  line-height:120%;
}


.superscript {
  font-size:80%;
/*  vertical-align:top; */
}

/*#content ul   { 
  font-size:12px; 
  line-height:14px; 
  white-space:normal; 
  page-break-after:auto; 
  list-style-position:outside; 
  list-style-image:url(/images/li.gif); 
}


#content li { 
  margin:0 0 5px 0 
}*/

td {
  /*border:1px solid black;*/
  vertical-align:top;
}

#content div.long { 
  margin:0 0 5px 0;
  padding:0;
}

#content div.short { 
  margin:0 0 5px 0;
  padding:5px 15px;
}

#content div.short p { 
  margin:0; padding:0;
}

#content a,
#content a:hover,
#content a:visited  { 
  text-decoration:none; 
  color:#1144AA; 
  font-size:100%;
  line-height:110%;
}
 

#content a:hover,
#content a:active  { 
  color:red;
  text-decoration:underline; 
}

#content pre { 
  font-size:150%;
  line-height:1.2em;
}

/* content Inhaltsverzeichnisse, Überschriften, etc. */
.content-background {   
   margin:0px;
   background:#ffffff;
   border:#385885 solid 1px;
   padding:10px 10px 10px 10px;
}

.header-background {   
   background:#9FB6C7;
   border:#385885 solid 1px;
   padding:2px 2px 2px 10px;
}

.inhalt  {
   padding:0 0 0 10px;
   margin:0 0 3px 0;
}

.inhalt2  {
   padding:0 0 0 40px;
   margin:0 0 3px 0;
}

.inhalt3  {
   padding:0 0 0 80px;
   margin:0 0 3px 0;
}

.inhalt4  {
   padding:0 0 0 130px;
   margin:0 0 3px 0;
}

.inhalt5  {
   padding:0 0 0 160px;
   margin:0 0 3px 0;
}

ul  {
  list-style-image:url(/images/li.gif);
}


/*suchformular und ergebnisse*/
#searchresult{
   width: 95%;
   padding: 5px;
}

#searchresult table{
   width:100%;
}

#searchresult th {
   vertical-align:top;
   text-align:left;
   font-weight:normal;
   color:#1144AA;
}

#searchresult td {
   vertical-align:top;
   text-align:left;
   font-weight:normal;
   color:black;
}

#searchrequest {
   border:1px dotted #9FB6C7;
   margin-bottom:10px;
   font-size:90%;   
}

#searchrequest table#sortorder {
   border-top:1px dotted #9FB6C7;
}

#searchrequest table#sortorder td#left {
   text-align: left;
}

#searchrequest table#sortorder td#right {
   text-align: right;
}

#searchrequest table#request td {
   vertical-align:top;
}

#searchrequest table#request td#left {
   width:60px;
}

#searchresult table tr#gerade{
   background-color:#E0E3E5; 
}

#searchresult table tr#ungerade{
   background-color:#CFDCE5; 
}

#searchresult table tr#header{
   background-color:#9FB6C7; 
}

#searchresult table td{
   text-align:left;
   padding:5px;
}

#searchresult table th{
   text-align:left;
   padding:5px;
}

#browserrequest {
   padding:5px;
   border:1px dotted #9FB6C7;
   margin-bottom: 10px;
   
}

#detail_content {
   padding:5px;
   border:1px solid #9FB6C7;
   margin-bottom: 10px;
}

#detail_content p {
   margin:3px;
}

/* BROWSER */
#browser {
   border:1px solid #9FB6C7;
   padding:5px;
   margin-bottom:5px;
   width:97%;
}

#browser table {
  width:100%;
}

#browser td {
  vertical-align:top;
  width:33%;
}

#browser p {
  margin:3px;
}

.suchfeld {
  color:#1144AA;
  vertical-align:top;
  text-align:right;
  padding-right:5px;
}
.eingabefeld {
  color:black;
  vertical-align:top;
  text-align:left;
}

#institut {
  border:1px solid black;
}

input { 
  margin:0;
  border:1px solid black;
  padding:1px 5px;
  width:60%;
  background:white;
  color:black;
  font-size:75%;  
}

input.ostig { 
  margin:0;
  border:1px solid black;
  padding:1px 5px;
  width:20%;
  background:#9FB6C7;
  color:black;
  font-size:75%;  
}

/* Tabelle Termine*/
  table.termine { width:98%; border-collapse:collapse; padding:0px; }
  td.head { background-color:#CFDCE5; padding:6px 2px 6px 5px; font-size:95%; border-width:1px; border-color:white; }
  td.even { background-color:#EAEAEA; padding:2px 2px 2px 5px; font-size:80%; border-width:1px; border-color:white; line-height:100%; }
  td.odd { background-color:#e1e1e1; padding:2px 2px 2px 5px; font-size:80%; border-width:1px; border-color:white; line-height:100%; }

 .themennav  { padding:5px 5px 50px 0; border:1px solid #9BBDDE; margin-bottom:20px; margin-top:0; margin-right:20px; line-height:150%; }
 #eyecatcher { float:right; margin-right:20px; margin-top:10px; }
 .thema { /*background-color:#FCF7E7;*/ border-bottom:1px solid #9BBDDE; padding:2px 2px 2px 2px; margin-bottom:0; margin-top:0; margin-right:22px; font-size:120%; line-height:130%; color:#1144AA; }

#projekte h3 { font-size:120%; margin:10px 0 -10px 0; }
#projekte h4 { font-size:100%; margin:10px 0 -10px 0; }
#projekte h5 { font-size:100%; margin:10px 0 -10px 0; }
#projekte h2.sub { font-size:100%; margin:-15px 0 0 0; }

/* Eingabemaske*/
#eingabemaske { font-size:60%; }
#eingabemaske input { 
  margin:0;
  border:1px solid black;
  padding:1px 5px;
  width:auto;
  background:white;
  color:black;
  font-size:100%;  
}

#eingabemaske input#submit  { 
  margin:0;
  border:1px solid black;
  padding:1px 5px;
  width:auto;
  background:white;
  color:black;
  font-size:100%;  
}

#eingabemaske textarea  { 
  margin:0;
  border:1px solid black;
  padding:1px 5px;
  width:auto;
  background:white;
  color:black;
  font-size:100%;  
}

#eingabemaske select, option  { 
  margin:0;
  padding:1px 5px;
  width:auto;
  background:white;
  color:black;
  font-size:100%;  
}

.blau { color:#1144AA; }

#proxy input { 
  margin:0;
  border:1px solid black;
  padding:1px 5px;
  width:80%;
  background:white;
  color:black;
  font-size:75%;  
 }

#newsinput input { 
  margin:0;
  border:1px solid black;
  padding:1px 5px;
  width:60%;
  background:white;
  color:black;
  font-size:75%;  
 }

 
 #button input { 
  margin:0;
  border:1px solid black;
  padding:1px 5px;
  width:30%;
  background:white;
  color:black;
  font-size:75%;  
 }
 
#buttonlong input { 
  margin:0;
  border:1px solid black;
  padding:1px 5px;
  width:40%;
  background:white;
  color:black;
  font-size:75%;  
 }

p.foto-klein {
  margin-top:3px;
  font-size:75%;
  line-height:100%;
  padding-bottom:10px;
  
}

span.neu {
  padding-left:3px;
  padding-right:3px;
  background-color:#CEDFE7;
  font-size:100%;

}