 /* ************************************ */
 /* css "ohne Eingabe"            Anfang */
 /* ************************************ */

/* Zuerst wird html und body auf 100% Höhe gesetzt 
und eventuell vorhandene störende Abstände eliminiert. 
http://d-graff.de/selfhtml/center1.html */

#content {
  /* ist das Element, welches zentriert werden soll */
  padding:0;        /* es sind auch andere Angaben möglich, die dann 
  allerdings bei der Breite und Höhe mit berücksichtigt werden müssen. */ 
  border:1px solid #ffffff; /* für die Zentrierung selbst nicht nötig */ 

  /* Angaben zu Breite und Höhe, diese können auch in em angegeben werden. */
  width:748px;      /* Breite insgesamt 750px (448px + 2 x 1px Border ) */
  min-height:498px; /* Mindesthöhe insgesamt 580px (498px + 2 x 1px Border + 80 für #additional_info),
  bei genau dieser Höhe funktioniert die vertikale Zentrierung */
  
  /* jetzt wird die linke obere Ecke vertikal und horizontal zentriert */
  position:absolute;
  top:50%;                  
  left:50%;
  
  /* durch negative margins wird es jetzt um die Hälfte von Höhe und 
  Breite nach oben und links verschoben */
  margin:-290px 0 0 -375px; /* jeweils die Hälfte der Gesamthöhe und -breite */
  
  border: 1px solid #ffffff; background-image: url(/images/woofoo-intro.jpg); background-repeat:no-repeat; 
  height:500px;
}

/* min-height für den IE */
* html #center {
  height:498px;             /* das selbe Maß wie oben bei min-height */
}

 h1 { font-size:14pt; }
 h2, h3 { font-size:12pt; }

 #project_marker { font-size:0.6em; position:absolute; bottom:5px; right:2px; padding-bottom:3px; }
 #project_marker a { color:#DFDFDF; white-space:nowrap; text-decoration:none; }

 table { border:0px; border-collapse:collapse; }
 td { border:0px border-collapse:collapse; }
 
 table.idx_logo { background-image:url('/images/woofoo-logo.gif'); background-repeat:no-repeat; width:137px; color:#ffffff; border:solid 0px black; }
 td.idx_logo_tm { color:#ffffff; font-size:0.6em; border:solid 0px black; text-align:right; }
 td.idx_logo_img { height:10px; }
 td.idx_logo_status { color:#ffffff; font-family:Arial; font-size:0.7em; fond-weight:bold; border:solid 0px black; text-align:left; margin-top:50px; }
 
 #idx_form { height:100%; border:solid 0px black; position:relative; top:10px; color:white; word-spacing:0.3em; line-height:1.4em; } 
 
 a.idx_form_header { color:white; font-weight:bold; text-decoration:none; }

 td.idx_search_form_input { background:none; border:solid 0px black; background-color:white; }
 td.idx_search_form_submit { background:none; border:solid 0px black; background-color:white; }

 input.idx_form_input { background:none; border:solid 0pt black; background-color:white; 
 font-size:1.2em; color:#a0a0a0; }
 input.idx_form_submit { border:solid 0pt black; margin-top:3px; margin-right:3px; }
 
 #additional_info { height:80px; position:relative; top:0px; background-color:#9AA0A4; width:100%; font-size:1em; margin:0px; margin-left:-1px; text-align:left; border:solid 1px #ffffff; } 
 p.additional_info { color:#ffffff; white-space:nowrap; line-height:1.5em; }
 a.additional_info { font-size:0.8em; color:black; text-decoration:none; }
 a:hover.additional_info { text-decoration:underline; }
 
 #idx_footer { width:100%; font-size:12px; position:relative; top:0px; text-align:right; } 
 ul.idx_footer { display:inline; word-spacing:0.6em; } 
 li.idx_footer { display:inline; color:#707070; white-space:nowrap; } 
 a.idx_footer { color:#707070; white-space:nowrap; } 

 /* ************************************ */
 /* css "ohne Eingabe"              Ende */
 /* ************************************ */
  
 div { border:solid 0px black; }

 #suche_top_menu { background-color:#FFF8DD; position:relative; margin-left:10px; margin-right:10px; top:0px; border-top:solid 1px #a9a9b9; border-bottom:solid 1px #a9a9b9; height:22px; }
 #suche_top_menu_left a { color:#606060; text-decoration:none; font-weight:bolder; border:solid 0px red; }
 #suche_top_menu_right { position:absoute; right:0px; top:0px; margin:0px; padding-top:2px; border:solid 0px black; text-align:right; }
 
 #suche_form { background-color:#EEF5FF; position:absoute; right:0px; top:0px; margin:0px;  margin-left:10px; margin-right:10px; padding-top:0px; height:100px; border:solid 0px black; }
 
 #woofoo_tm { position:relative; top:26px; left:110px; color:#000000; font-size:0.4em; border:solid 0px black; }
 #woofoo_logo { position:relative; top:9px; border:solid 0px black; }
 #woofoo_status { position:relative; top:5px; left:12px; color:#000000; font-size:0.4em; fond-weight:bold; border:solid 0px black; }
 td.woofoo_logo_tm { position:relative; padding-top:10px; vertical-align:text-bottom; text-align:right; font-size:0.5em; }
 /* td.woofoo_logo_suche { position:relative; padding-top:0px; } */
 td.woofoo_logo_status { position:relative; padding-top:10px; height:10px; vertical-align:text-top; font-size:0.7em; }
 
 #suche_status { background-color:#FFF8DD; position:relative; maring:0; margin-left:10px; margin-right:10px; border-top:solid 1px #a9a9b9; border-bottom:solid 1px #a9a9b9; height:22px; }
 #suche_status_left { position:relative; left:0px; top:0px; margin:0px; padding-top:2px; padding-left:5px; border:solid 0px red; float:left; text-align:left; } 
 #suche_status_right { position:relative; right:0px; top:0px; margin:0px; padding-top:2px; padding-right:60px; border:solid 0px black; text-align:right; }

 #suche_main { position:relative; left:0px; top:0px; margin:0px; margin-left:10px; margin-top:10px; margin-right:10px; border:solid 0px black; }
 
 #suche_ergebnis { max-width:550px; margin:0px; margin-bottom:5px; margin-top:6px; }
 
 #not_found { font-size:1.2em; }
 
 #suche_footer { background-color:#FFF8DD; position:relative; margin-left:10px; margin-right:10px; top:0px; border-top:solid 1px #a9a9b9; border-bottom:solid 1px #a9a9b9; height:22px; }
 #suche_footer a { color:#606060; text-decoration:none; font-weight:bolder; position:relative; left:0px; top:3px; margin:0px; padding-top:2px; border:solid 0px red; text-align:left; height:30px; }
  ul.suche_footer, li.suche_footer { display:inline; padding-left:3px; font-size:0.9em; word-spacing:0.4em; }

 a.link { color:#2200CC; }
 table, td { border-collapse:collapse; }
 table.suche_main { width:100%;  position:relative; }
 table.suche_main_super { width:100%; }
 td.suche_main_super { background-color:#EEF5FF; }

 td.suche_main_sky { width:170px; border-left:solid 1px #d4d4e4; margin:0px; padding-left:15px; padding-right:70px; }
 img { border:none; }
 ul.suche_top_menu_left, li.suche_top_menu_left { padding-left:3px; display:inline; line-height:20px; font-size:0.9em; word-spacing:0.4em; }
 a.suche_top_menu { font-family:Arial; color:gray; }
 a.suche_ergebnis_href { font-size:1.2em; line-height:1.4em; }
 
 span.suche_ergebnis_pubDate { font-size:0.8em; font-weight:normal; line-height:1.2em; color:#ababab; }
 span.suche_ergebnis_description { font-size:1.0em; line-height:1.1em; }
 span.suche_ergebnis_target_url { font-size:0.9em; line-height:1.2em; color:green; }
 span.suche_ergebnis_cache { font-size:0.8em; color:gray; line-height:1.4em; }
 a.suche_ergebnis_cache { font-size:1em; color:#7777CC }
 
 #pagination { text-align:left; font-size:1em; clear:both; margin:0 0 0.5em 0; padding:0.5em 0 1em 0; border-top:1px solid #DDDDDD; }
 #pagination a { border:1px solid #999999; text-decoration:none; background:white; } 
 #pagination a:hover { background:#727BA3; color:white; }
 /* #pagination a:hover { background:#3774D0; color:white; } */
 #pagination a, #pagination span{ padding:0.3em 0.5em; } 
 #pagination a.pn { border:1px solid #ffffff; } 
 #pagination a.pn b { font-weight:normal; } 
 #pagination a.pn:hover { border:1px solid #999999; } 
 #pagination p { color:black; } 
 
 /* **********************
 ** Allgemeine Seiten
  ********************** */
 
 #hint { background-color:#F4FEF4; border:solid 1px #A3B7A4; padding:5px; }

