/*

	CSS Stylesheet für den CSS Contest

	Name:			komplement%E4r
	Autor:			Twisting+Moment
	ID:			1121461250
	Eingesendet:		15.07.2005/23:00
	Besitzer:		YToyOntpOjA7czo4OiJkNTg3MDJiZCI7aToxO2k6MTEyMTM3ODQwMDt9

*/

*{
	padding:0;
	margin:0;
}
body{
	background:url("1121461250.css.files/body_bg.jpg") top left repeat-y #166318;
	font:13px "Trebuchet MS", Verdana, Arial, sans-serif;
	color:#166318;
}
h1, #sheets_manage h2, #sheets_manage h3{
	font-size:14px;
	text-transform:uppercase;
	margin:10px 0;
	text-indent:-9999px;
	line-height:26px;
}
a{
	color:#FE7302;
}
a:hover{
	text-decoration:none;
	color:#C55902;
}
#top{
	text-indent:-9999px;
	height:200px;
}
#top h1{
	position:absolute;
	left:400px;
	top:0;
	background:url("1121461250.css.files/toc_h1.jpg");
	height:120px;
	width:380px;
	margin:0;
	z-index:1;
}
#top h2{
	display:none;
}
#toc{
	width:100%;
}
#toc ul{
	position:fixed;
	top:120px;
	background:url("1121461250.css.files/navi.jpg") left no-repeat #236E28;
	list-style:none;
	height:200px;
	display:block;
	width:inherit;
}
* html #toc ul{
	position:relative;
}
#toc ul li{
	float:left;
}
#toc ul li a, #toc ul ul li a{
	position:relative;
	left:40px;
	margin-right:40px;
	height:200px;
	width:40px;
	display:block;
	text-decoration:none;
	float:left;
}
#toc ul li a:hover, #toc ul ul li a:hover{
	border-bottom:5px solid #fff;
	height:195px;
}
#toc ul ul{
	position:fixed;
	top:120px;
	left:320px;
	background:none;
	height:200px;
	z-index:1;
}
* html #toc ul ul{
	position:absolute;
	top:0;
}
#content{
	background:white;
	width:380px;
	position:absolute;
	left:400px;
	top:0;
	padding-top:110px;

}
#ueber,#sheets, #foo_aktien, #blindtext{
	padding:0 20px;
	margin-bottom:35px;
}
#sheets a{
	text-decoration:none;
}
#ueber{
	height:200px;
	margin-bottom:55px;
}
#ueber h1{
	background:url("1121461250.css.files/ueber.gif") no-repeat;
}
#sheets ol{
	list-style-type:decimal-leading-zero;
}
#sheets li{
	margin-left:30px;
}
#sheets h1{
	background:url("1121461250.css.files/eigene.gif") no-repeat;
}
#sheets_manage h3{
	background:url("1121461250.css.files/upload.jpg") no-repeat;
}
input{
	width:160px;
	float:right;
	clear:right;
	margin-top:10px;
	background:url("1121461250.css.files/h_bg.jpg") -100px;
}
input:focus{
	background:none;
}
label{
	float: left;
  	width: 150px;
  	text-align: left;
	clear:left;
	margin-top:10px;
}
textarea, input{
	color:#FE7302;
	padding:1px 2px;
	border:1px solid #FE7302;
}
* html input{
	background:white 0px;
	border:1px solid #FE7302;
}
textarea{
	width:335px;
	height:160px;
	margin-top:10px;
	background:url("1121461250.css.files/h_bg.jpg") repeat-y left;
}
textarea:focus{
	background:white;
}
input[type=submit]{
	width:67px;
	height:22px;
	font-size:9px;
	background:url("1121461250.css.files/send.jpg");
	text-transform:uppercase;
	color:#FE7302;
	cursor:pointer;
	padding:0;
	border:none;
	font-weight:bold;
	text-indent:-9999px;
	letter-spacing:105px;
}
input[type=submit]:hover{
	background:url("1121461250.css.files/send_h.jpg");
}
#foo_aktien{
	margin-top:60px;
}
#foo_aktien h1{
	background:url("1121461250.css.files/aktien.jpg") no-repeat;
}
#blindtext h1{
	background:url("1121461250.css.files/blind.jpg") no-repeat;
}
table{
	margin:10px 0;
	width:100%;
}
th{
	background:#FE7302;
	color:white;
}
td{
	background:#FFEDDF;
	color:#FE7302;
}
th, td{
	width:33%;
	padding:1px 0;
	text-align:center;
}
#counter{
	text-indent:-9999px;
}
