/*

	CSS Stylesheet für den CSS Contest

	Name:			Mac+OS+X+Tiger
	Autor:			fphilipe
	ID:			1137932195
	Eingesendet:		22.01.2006/13:16
	Besitzer:		YToyOntpOjA7czo4OiI1MzRkMDE3MiI7aToxO2k6MTEzNzg4NDQwMDt9

*/

* {
	margin: 0;
	padding: 0;
}

body {
	cursor: default;
	background: url("1137932195.css.files/bg.jpg") no-repeat;
	font: 11px/17px "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
}

a {
	cursor: default;
	color: #3971c9;
	background: transparent;
	text-decoration: none;
}

a:focus, a:hover {
	text-decoration: underline;
	border-bottom: 1px solid #e0e0e0;
}

acronym, abbr {
	border-bottom: 1px dotted #e0e0e0;
}

acronym:hover, abbr:hover {
	border-bottom-style: solid;
}

#toc a {
	text-decoration: none;
	border-bottom: none;
}

p, table {
	margin-bottom: 1em;
}

/* HIDE */

h2, #counter * {
	display: none;
}

h1 {
	position: fixed;
	left: 50%;
	margin-left: -200px;
	width: 400px;
	height: 58px;
	background: url("1137932195.css.files/wmp.png") no-repeat;
	text-indent: -9999px;
	top: 160px;
	z-index: 2;
}

#content > div, #sheets_manage {
	position: fixed;
	z-index: 300;
	left: -1000px;
	top: -1000px;
	width: 399px;
	padding: 20px;
	background-color: #fff;
	color: #000;
	overflow: auto;
}

#content > div:target, #sheets_manage:target {
	top: 131px;
	z-index: 2;
	left: 50%;
	bottom: 70px;
	margin-left: -220px;
}

#top {
	position: fixed;
	top: 50px;
	left: 50%;
	margin-left: -232px;
	width: 463px;
	height: 81px;
	background: url("1137932195.css.files/bar.png") no-repeat;
}

#toc ul, #toc li {
	list-style: none;
}

#toc li a {
	z-index: 9999;
	display: block;
	position: fixed;
	top: 78px;
	left: 50%;
	height: 49px;
	text-indent: -9999px;
}

#toc > ul > li:first-child a {
	width: 97px;
	margin-left: -216px;
	background: url("1137932195.css.files/m1.png") no-repeat;
}

#toc > ul > li:first-child + li > a {
	width: 70px;
	margin-left: -119px;
	background: url("1137932195.css.files/m2.png") no-repeat;
}

#toc > ul > li:first-child + li li a {
	width: 109px;
	margin-left: -49px;
	background: url("1137932195.css.files/m3.png") no-repeat;
}

#toc > ul > li:first-child + li + li a {
	width: 97px;
	margin-left: 60px;
	background: url("1137932195.css.files/m4.png") no-repeat;
}

#toc > ul > li:first-child + li + li + li a {
	width: 58px;
	margin-left: 157px;
	background: url("1137932195.css.files/m5.png") no-repeat;
}

#toc > ul > li:first-child a:focus {
	background: url("1137932195.css.files/m1.png") no-repeat 0 -147px;
}

#toc > ul > li:first-child + li > a:focus {
	background: url("1137932195.css.files/m2.png") no-repeat 0 -149px;
}

#toc > ul > li:first-child + li li a:focus {
	background: url("1137932195.css.files/m3.png") no-repeat 0 -149px;
}

#toc > ul > li:first-child + li + li a:focus {
	background: url("1137932195.css.files/m4.png") no-repeat 0 -147px;
}

#toc > ul > li:first-child + li + li + li a:focus {
	background: url("1137932195.css.files/m5.png") no-repeat 0 -147px;
}

#toc > ul > li:first-child a:active {
	background: url("1137932195.css.files/m1.png") no-repeat 0 -98px;
}

#toc > ul > li:first-child + li > a:active {
	background: url("1137932195.css.files/m2.png") no-repeat 0 -98px;
}

#toc > ul > li:first-child + li li a:active {
	background: url("1137932195.css.files/m3.png") no-repeat 0 -98px;
}

#toc > ul > li:first-child + li + li a:active {
	background: url("1137932195.css.files/m4.png") no-repeat 0 -98px;
}

#toc > ul > li:first-child + li + li + li a:active {
	background: url("1137932195.css.files/m5.png") no-repeat 0 -98px;
}

#ueber h1, #sheets h1, #sheets_manage h2, #foo_aktien h1, #blindtext h1 {
	display: block;
	position: fixed;
	background: url("1137932195.css.files/m1.png") no-repeat 0 -49px;
	top: 78px;
	left: -50%;
	margin-left: -216px;
	width: 97px;
	height: 49px;
	text-indent: -9999px;
}

#ueber:target h1 {
	left: 50%;
}

#sheets:target h1 {
	background-image: url("1137932195.css.files/m2.png");
	width: 70px;
	left: 50%;
	margin-left: -119px;
}

#sheets_manage:target h2 {
	background-image: url("1137932195.css.files/m3.png");
	width: 109px;
	left: 50%;
	margin-left: -49px;
}

#foo_aktien:target h1 {
	background-image: url("1137932195.css.files/m4.png");
	width: 97px;
	left: 50%;
	margin-left: 60px;
}

#blindtext:target h1 {
	background-image: url("1137932195.css.files/m5.png");
	width: 58px;
	left: 50%;
	margin-left: 157px;
}

#counter {
	position: fixed;
	z-index: 1;
	bottom: 50px;
	left: 50%;
	top: 131px;
	background: url("1137932195.css.files/window.png") no-repeat 0 100%;
	width: 463px;
	margin-left: -232px;
}

#sheets ol {
	list-style: none;
	margin: -20px;
	background: transparent url("1137932195.css.files/table.png");
	color: #fff;
}

#sheets ol li {
	padding: 0;
	margin: 0;
	height: 17px;
	overflow: hidden;
}

#sheets ol li a:last-child {
	display: none;
}

#sheets ol li a:first-child {
	display: block;
	margin: 0;
	padding-left: 15px;
	background: transparent;
	color: #000;
	text-decoration: none;
}

#sheets ol li a:first-child:hover {
	color: #fff;
	background: transparent;
	text-decoration: none;
	border: none;
}

#ueber {
	background: url("1137932195.css.files/i.png") no-repeat 90% 90%;
}

#foo_aktien {
	background: url("1137932195.css.files/a.png") no-repeat 0 70%;
}

table {
	border-collapse: collapse;
	text-align: left;
}

th {
	padding: 0 7px;
	font-weight: normal;
	background: url("1137932195.css.files/th.png") repeat-x;
}

th:first-child, td:first-child {
	background-position: -1px 0;
}

table {
	background: url("1137932195.css.files/table.png");
	border: 1px #414140;
	border-style: none solid none solid;
}

td {
	padding: 0 7px;
	background: url("1137932195.css.files/border.png") no-repeat;
}

tfoot {
	display: none;
}

tbody tr:last-child {
	border-bottom: 1px solid #414140;
}

#ueber p:last-child a:after {
	content: " und fphilipe";
	font-weight: bold;
}

#sheets li:hover {
	background: #3d80df;
	color: #3d80de;
}

#sheets li:hover a {
	color: #fff;
	background: transparent;
}

label {
	display: block;
	margin: 1em -20px .5em;
	padding: .5em 20px 0;
	border-top: 1px solid #ccc;
}

input[type="text"], textarea {
	display: block;
	border: 1px solid;
	border-color: #737373 #999 #999 #999;
}

textarea {
	width: 100%;
	height: 12em;
}

p > input:first-child {
	float: right;
}

#sheets_manage p:last-child {
	display: block;
	margin: 1em -20px 0;
	padding: 1em 20px 0;
	border-top: 1px solid #ccc;
}
