/*

	CSS Stylesheet für den CSS Contest

	Name:			Google
	Autor:			MC+Breit
	ID:			1098635964
	Eingesendet:		24.10.2004/18:39
	Besitzer:		YToyOntpOjA7czo4OiI1MDhiNzNhNiI7aToxO2k6MTA5ODU2ODgwMDt9

*/

body
{
  background-image:url("1098635964.css.files/google-header.png");
  background-repeat:no-repeat;
  background-position:5px 3px;
  margin:0px;
  padding:1%;
  font-family:Arial, Verdana, sans-serif;
  font-size:12px;
}

a:focus
{
  font-style:italic;
}

acronym
{
  font-style:italic;
  border-bottom:1px dotted darkgreen;
  cursor:help;
}

acronym:hover
{
  letter-spacing:-100px;
}
acronym:hover:after
{
  letter-spacing:normal;
  padding-right:1px;
  content: attr(title);
  border-bottom:1px dotted darkgreen;
}

div#top
{
  position:absolute;
  top:80px;
  left:1%;
  width:98%;
  height:18px;
  padding-top:2px;
  background-color:#ededFF;
  border-top:1px solid #3366CC;
}

div#top h1
{
  display:none;
}

div#top h2:before
{
  content:"Der ";
}

div#top h2
{
  position:absolute;
  top:0px;
  left:2px;
  margin:0px;
  padding:0px;
  font-size:18px;
  font-weight:bold;
}

div#toc
{
  margin:0px;
  padding:0px;
  text-align:right;
}

div#toc li
{
  display:inline;
}

div#toc ul
{
  margin:0px;
  padding:0px;
  display:inline;
  list-style-type:none;
}

div#toc ul li ul
{
  display:none;
}

div#toc a
{
  padding-left:0px;
  color:black;
  font-weight:bold;
  text-decoration:none;
}

div#toc a:before
{
  font-weight:normal;
  content:"Erfahren Sie etwas ";
}

div#toc ul li + li a:before
{
  font-weight:normal;
  content:", über ";
}

div#toc ul li + li + li a:before
{
  font-weight:normal;
  content:", den aktuellen ";
}

div#toc ul li + li + li + li a:before
{
  font-weight:normal;
  content:" oder über ";
}

div#content
{
  margin-top:100px;
  max-width:570px;
}

div#content h1, div#content h2
{
  margin:0px;
  padding:0px;
  font-size:16px;
  font-weight:normal;
  color:#3366CC;
  text-decoration:underline;
}

div#content p
{
  margin:0px;
  padding:0px;
}

div#content a
{
  padding-left:2px;
  padding-right:1px;
  color:black;
  font-weight:bold;
  text-decoration:none;
}

div#content div
{
  margin-bottom:20px;
}

div#content #ueber:after
{
  padding-right:200px;
  color:darkgreen;
  content:"www.webmasterpro.de/css.html#ueber - 4k -";
  background-image:url("1098635964.css.files/google-cache.png");
  background-repeat:no-repeat;
  background-position:249px -1px;
}

div#content #sheets li:before
{
  content:"- ";
}

div#content #sheets li
{
  padding:0px;
  margin:0px;
  list-style-type:none;
  color:grey;
}

div#content #sheets li a + a
{
  font-weight:normal;
  color:grey;
}

div#content #sheets li a:after
{
  color:grey;
  font-weight:normal;
  content:"  - ";
}

div#content #sheets li a + a:after
{
  content:"";
}

div#content #sheets li a + a:hover
{
  color:lightgrey;
}

div#content #sheets ol:before
{
  content:"Folgende Stylesheets sind momentan verfügbar:";
}

div#content #sheets ol
{
  margin:0px;
  padding:0px;
}

div#content #sheets ol:after
{
  padding-right:200px;
  color:darkgreen;
  content: "www.webmasterpro.de/css.html#sheets - 2k -";
  background-image:url("1098635964.css.files/google-cache.png");
  background-repeat:no-repeat;
  background-position:256px -1px;
}

div#content #sheets #sheets_manage
{
  margin-top:20px;
}

div#content #sheets #sheets_manage h3
{
  display:none;
}

div#content #sheets #sheets_manage form:before
{
  content:"Wenn Sie selber schon einige Erfahrung mit Kasskadierenden Ansichts Vorlagen (CSS) haben, so können Sie hier gerne Ihr individuelles Stylesheet hochladen um es der Welt zu präsentieren:";
}

div#content #sheets #sheets_manage label
{
  position:relative;
  top:-3px;
  color:black;
}

div#content #sheets #sheets_manage label:after
{
  content:":";
}

div#content #sheets #sheets_manage input
{
  position:relative;
  top:2px;
  width:212px;
  height:14px;
  border:none;
  border-bottom:1px dashed black;
  color:black;
  margin-bottom:3px;
}

div#content #sheets #sheets_manage #titel + label
{
  display:block;
  position:relative;
  top:0px;
}

div#content #sheets #sheets_manage textarea
{
  height:50px;
  width:500px;
  border:none;
  border-bottom:1px dashed black;
  color:black;
}

div#content #sheets #sheets_manage input[type=submit]
{
  position:relative;
  top:0px;
  width:70px;
  height:20px;
  font-weight:bold;
  border:none;
  background:white;
  margin-bottom:0px;
}

div#content #sheets #sheets_manage input[type=submit]:focus
{
  font-style:italic;
}

div#content #sheets #sheets_manage form:after
{
  padding-right:200px;
  color:darkgreen;
  content: "www.webmasterpro.de/css.html#sheets_manage - 1k -";
  background-image:url("1098635964.css.files/google-cache.png");
  background-repeat:no-repeat;
  background-position:310px -1px;
}

div#content #foo_aktien p + p
{
  display:none;
}

div#content #foo_aktien table
{
  color:lightgrey;
  width:500px;
  text-align:left;
  border-collapse:collapse;
}

div#content #foo_aktien table:hover
{
  color:black;
}

div#content #foo_aktien table td + td, div#content #foo_aktien table th + th
{
  text-align:right;
}

div#content #foo_aktien table td, div#content #foo_aktien table th
{
  border-bottom:1px dashed lightgrey;
}

div#content #foo_aktien table th
{
  font-weight:normal;
  font-style:italic;
  border-bottom:1px solid lightgrey;
}

div#content #foo_aktien table:hover td, div#content #foo_aktien table:hover th
{
  border-color:black;
}

div#content #foo_aktien table tfoot, div#content #foo_aktien table tfoot td
{
  text-align:center;
  border:none;
  font-style:italic;
}

/* Rot einfärbern der zahlen mit - davor.. */
    div#content #foo_aktien table:hover tr + tr + tr td + td + td
    {
      color:red;
    }
    
    div#content #foo_aktien table:hover tr + tr + tr + tr td + td + td
    {
      color:black;
    }
    
    div#content #foo_aktien table:hover tr + tr + tr + tr + tr td + td + td
    {
      color:red;
    }
    
    div#content #foo_aktien table:hover tr + tr + tr + tr + tr + tr td + td + td
    {
      color:black;
    }
/* Ende - Rot einfärben */

div#content #foo_aktien:after
{
  padding-right:200px;
  color:darkgreen;
  content: "www.foo.de/kurs.html - 3k - 22. Okt. 2004 -";
  background-image:url("1098635964.css.files/google-cache.png");
  background-repeat:no-repeat;
  background-position:233px -1px;
}

div#content #blindtext p + p
{
  display:none;
}

div#content #blindtext address
{
  display:none;
}

div#content #blindtext:after
{
  padding-right:200px;
  color:darkgreen;
  content:"http://www.newmediadesigner.de/ - 12k -";
  background-image:url("1098635964.css.files/google-cache.png");
  background-repeat:no-repeat;
  background-position:225px -1px;
}

div#counter
{

}

div#counter script
{
  display:block;
  background-image:url("1098635964.css.files/google-ergebnisse.png");
  background-repeat:no-repeat;
  background-position:center;
  height:100px;
  width:100%;
}

div#counter a
{
  color:#ededFF;
  display:block;
  background-image:url("1098635964.css.files/google-bottom.png");
  background-repeat:no-repeat;
  background-position:center;
  height:100px;
  width:100%;
  background-color:#ededFF;
  border-top:1px solid #3366CC;
  border-bottom:1px solid #3366CC;
}