/*

	CSS Stylesheet für den CSS Contest

	Name:			Zettelwirtschaft
	Autor:			dido
	ID:			1098379497
	Eingesendet:		21.10.2004/19:24
	Besitzer:		YToyOntpOjA7czo4OiI5MWZlNDc0YSI7aToxO2k6MTA5ODMwOTYwMDt9

*/

/*
Firefox 0.8, Mozilla 1.7, Opera 7.11 zeigen es so, wie ich es mir vorstelle
IE 5.0, IE 5.5 und Opera 6.0 haben u.a. Probleme mit der Positionierung
*/

html {
 background-color:#ddd;
}
body {
 font-family:monospace;
 font-size:1em;
 color: #008;
 background-color:#ddd;
 background-image:url("1098379497.css.files/kork.jpg");
 margin:20px;
 padding:10px;
 border:ridge 20px #000;
}
#top h1 {
 color:#008;
 text-align:center;
 font-size:30px;
 margin:0 15% 0 15%;
 width:70%;
}
#top h1:before {
 content:url("1098379497.css.files/pin.gif")" ";
}
#top h1:after {
 content:" "url("1098379497.css.files/pin.gif");
}
#top:after {
 font-family:monospace;
 margin:-17px 15% 10px 15%;
 width:70%;
 display:block;
 text-align:right;
 content:"\"Zettelwirtschaft\" von dido";
}
#top h1, #toc, #ueber, #sheets_manage, #foo_aktien,  #blindtext {
 border-left:solid 1px #fff;
 border-top:solid 1px #fff;
 border-right:solid 3px #444;
 border-bottom:solid 3px #444;
 background-color:#fff;
 padding:5px;
}
#toc h2, #ueber h1, #sheets_manage h2, #foo_aktien h1, #blindtext h1, #sheets ol:before {
 background-image:url("1098379497.css.files/pin.gif");
 background-repeat:no-repeat;
 background-position:50% 0%;
 font-size:18px;
}
#toc h2, #ueber h1, #sheets_manage h2, #foo_aktien h1, #sheets ol:before {
 margin:-5% 0 1% 1%;
 padding:25px 0 5px 5px;
}
#blindtext h1 {
 margin:-3% 0 1% 1%;
 padding:25px 0 5px 5px;
}
#blindtext p {
 text-align:justify;
 padding:2px 10px 2px 10px;
}
#sheets ol {
 border-left:solid 1px #fff;
 border-top:solid 1px #fff;
 border-right:solid 3px #444;
 border-bottom:solid 3px #444;
 background-color:#fff;
 padding:10px;
 width:40%;
 float:left;
 list-style:none;
 margin:10px 0 0 10px;
}
#toc ul {
 list-style:none;
 padding:10px;
 margin:0;
}
a:link {
 color:#008;
}
a:visited {
 color:#00c;
}
a:hover {
 color:#00c;
 text-decoration:none;
}
#sheets ol li a:visited:after, #toc ul li a:visited:after {
 content:" "url("1098379497.css.files/haken.gif");
}
#toc {
 width:35%;
 float:left;
 margin:30px 10px 10px 35px;
}
#ueber {
 width:40%;
 float:right;
 margin:2% 2% 0 0;
}
#sheets ol:before {
 content:"Stylesheets";
 font-size:18px;
 font-weight:bold;
 display:block;
}
#sheets_manage {
 width:40%;
 float:right;
 margin:50px 30px 0 0;
}
#foo_aktien {
 width:50%;
 float:left;
 margin:30px 0 40px 10px;
}
#blindtext {
 clear:both;
 width:94%;
 margin:0 3% 0 3%;
}
textarea, input {
 background-color:#eee;
 width:90%;
 border:dotted 1px #008;
 margin:0 4% 4% 4%;
}
textarea {
 width:90%;
 height:120px;
}
input[type=submit] {
 width:40%;
 margin:0 30% 0 30%;
}
#toc ul li ul, #sheets_manage h3, #sheets h1, #counter, address {
 display:none;
}
label {
 display:block;
 margin-top:10px;
}
table {
 border-collapse:collapse;
 width:90%;
 margin:0 5% 0 5%;
}
th, td {
 border:solid 1px #666;
 padding:2px;
}
td {
 background-color:#fff;
 text-align:right;
}
th {
 background-color:#eee;
}
tfoot td {
 background-color:#fff;
 border:none;
 font-size:0.9em;
}
p {
  line-height:1.1em;
  text-indent:-6px;
  padding:0 7px 0 10px;
  margin-bottom:5px;
}
p:first-letter {
  font-size:1.3em;
  font-weight:bold;
  color:#008;
}
acronym {
  font-style:italic;
  cursor:help;
}