/*

	CSS Stylesheet für den CSS Contest

	Name:			CCC
	Autor:			Pberndt
	ID:			1098548985
	Eingesendet:		23.10.2004/18:29
	Besitzer:		YToyOntpOjA7czo4OiI1MDgxODAyYSI7aToxO2k6MTA5ODQ4MjQwMDt9

*/

/*
	Copyright usw usw liegt natürlich beim CCC
	Ich hätt gern hier und da die Farbe was geändert, aber dann wärs ja nicht mehr
	am Orginal ;)
	Die Schrift links musste ich was kleiner machen.
	Und ich hab auf die Schnelle was für die Tabelle gemacht, da hab ich keine gefunden
	(Okok, hab auch nicht lang gesucht)
*/

body
{
	margin:			0px;
	padding:		0px;
	font-family:		Tahoma, Verdana, Sans-Serif;
}

div#top h1
{
	height:			58px;
	background:		url("1098548985.css.files/l_chaosknoten_1.png") no-repeat;
	background-position:	30px 3px;
	background-color:	#FFCC00;
	border-bottom:		1px solid #000000;
	font-weight:		normal;
	font-size:		30px;
	padding-left:		244px;
	padding-top:		14px;
	margin:			0px;
}

div#top h1:after
{
	color:			#876900;
	font-size:		9px;
	font-weight:		bold;
	content:		"DAS CCC DESIGN";
	display:		block;
	text-align:		right;
	width:			420px;
}

div#toc
{
	background:		url("1098548985.css.files/l_chaosknoten_23a.png") no-repeat;
	margin-top:		0px;
	position:		absolute;
	top:			73px;
	left:			30px;
	padding-left:		180px;
	height:			42px;
}

div#toc h2
{
	display:		none;
}

div#toc ul
{
	display:		inline;
	list-style-type:	none;
}

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

div#toc li a, div#counter a
{
	color:			#000000;
	text-decoration:	none;
	text-transform:		uppercase;
	width:			100%;
	font-size:		13px;
	padding-left:		5px;
	padding-right:		5px;
}

div#toc li
{
	float:			left;
	background-color:	#FFCC00;
	border-left:		1px solid #000000;
	border-bottom:		1px solid #000000;
	border-right:		1px solid #000000;
	margin-right:		15px;
}

div#content
{
	position:		absolute;
	left:			180px;
	right:			180px;
	top:			120px;
	
}

div#sheets
{
	background:		#EEEEEE;
	border-top:		1px solid #CCCCCC;
	border-bottom:		1px solid #CCCCCC;
	border-right:		1px solid #CCCCCC;
	position:		absolute;
	top:			0px;
	left:			-180px;
	width:			170px;
}

div#sheets h3
{
	display:		none;
}

div#sheets ol
{
	list-style-type:	none;
	margin:			0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	padding-left:		5px;
}

div#sheets li
{
	margin:			0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	font-size:		10px;
}

div#sheets div
{
	padding-top:		30px;
}

div#sheets label
{
	font-size:		11px;
	display:		block;
	padding-left:		5px;
}

div#sheets form
{
	padding-left:		5px;
}

div#sheets input, textarea
{
	border:			1px solid #666666;
	background-color:	#f4f4f4;
	width:			80%;
	height:			16px;
	font-size:		11px;
}

textarea
{
	height:			50px;
}

div#counter
{
	background-color:	#FFCC00;
	border-left:		1px solid #000000;
	border-bottom:		1px solid #000000;
	border-right:		1px solid #000000;
	margin-right:		15px;
	position:		absolute;
	left:			730px;
}

div#content h1
{
	color:			#005500;
	font-size:		22px;
}

div#sheets h1:before, div#sheets h2:before
{
	content:		"/";
}

div#sheets h1, div#sheets h2
{
	font-size:		14px;
	margin:			5px;
	color:			#000000;
	font-weight:		bold;
}

div#content a
{
	color:			#005500;
	text-decoration:	none;
}


div#content a:hover
{
	text-decoration:	underline;
}

div#content
{
	color:			#2222AA;
	background:		url("1098548985.css.files/background_chaosknoten.png") no-repeat;
}

div#sheets li:before
{
	content:		"» ";
	color:			#666666;
}

div#sheets
{
	color:			#666666;
}

div#sheets a:hover
{
	text-decoration:	underline;
}

div#sheets a
{
	color:			#666666;
	text-decoration:	none;
}

label
{
	color:			#000000;
}

div#ueber:after
{
	content:		"(Das Design stammt übrigens von www.ccc.de)";
}

div#content table
{
	color:			#000000;
	background-color:	#eeeeee;
	float:			left;
	border:			1px solid #666666;
	margin-right:		10px;
}

div#blindtext
{
	clear:			left;
}

div#content th, div#content td
{
	font-size:		11px;
}