/*

	CSS Stylesheet für den CSS Contest

	Name:			Trist
	Autor:			werbegeschenk
	ID:			1096801885
	Eingesendet:		03.10.2004/13:11
	Besitzer:		d95f718c

*/

/* Da hab ich auch mal was kleines gebastelt. Nichts besonderes - nur ein kleiner Anfang.
Es sind einige Sachen drin, die ich bei einer "richtigen" Seite nie so machen würde...

Gestaltung der Navigation inspiriert von alistapart.com */

html, body, table {
	font-family:Arial, Helvetica, sans-serif;
}

body {
	background:url("1096801885.css.files/verlauf.jpg") repeat-y;
}

#toc {
	 padding:3px; 
	 background-color:#eeeeee;
	 border:1px solid #aaaaaa;
	 border-left:7px solid #CC0031;
	 border-top:2px solid #CC0031;
	 float:left;
}

#toc ul {
	list-style:none; 
	margin:0;
	padding:0; 
	margin-left:16px;
	font-family:Trebuchet MS, Arial, sans-serif;
}

#top h1 {
	color:#CC0031; 
	margin-top:0;  
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;	
}

#top h1:after {
	content:" ist 'ne tolle Sache!";
}

#toc ul li {
	float:left; 
	padding:5px;
	background:url("1096801885.css.files/left2.jpg") no-repeat left top;
	padding:0; 
	list-style:none;
	padding:0 0 0 9px;
	margin-bottom:1px;
	border-bottom:1px black solid;
}

#toc ul li ul {
	margin:0;
	padding:0;
}

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

#toc ul li:hover ul li {
	display:block; 
	position:absolute; 
	border:0; 
	margin-top:1.3em;
} 

#toc h2 {
border:none;
margin:0;
}

h1, h2, h3, h4{
	clear:both; 
	font-variant:small-caps; 
	font-family:Trebuchet MS, Arial, sans-serif;
}

h1 {
	border-left:#CC0031 14px solid; 
	border-top:2px #CC0031 solid; 
	margin-top:50px;
}

h2 {
	border-left:#CC0031 7px solid; 
	border-top:1px #CC0031 solid;
}

p:first-letter {
	font-weight:bold;
}


#toc ul a {
	float:left;
	display:block;
	background:url("1096801885.css.files/right2.jpg") no-repeat right top;
	padding:5px 15px 4px 6px;
	text-decoration:none;
	font-weight:bold;
	font-size:90%;
	padding-bottom:4px;
}       

#toc ul a {
	color:#666; 
	text-decoration:none;
}

#toc ul a:visited {
	color:#666; 
	text-decoration:none; 
}

#toc ul a:hover {
	color:#cc2200;
	text-decoration:none;  
} 

#toc ul a:active {
	color:#A2A7B2; 
	text-decoration:none; 
}  

a{
	color:#666; 
	text-decoration:underline; 
}

a:visited {
	color:#666; 
	text-decoration:underline; 
}

a:hover {
	color:#cc2200; 
	text-decoration:none;  
} 

a:active {
	color:#A2A7B2; 
	text-decoration:none; 
}     


label {
	display:block;
}

table {
	background-color:white;
}

th{
	background-color:#eeeeee; 
	padding:4px;
}

table {
	border:1px solid #eeeeee;
}

td{
	border:1px solid #eeeeee; 
	padding:4px;
}

acronym:after{
	content:" ("attr(title)")";
}

a[href^="mailto"]:after{
	content:"[Email]";
}

a[href^="http"]:after{
	content: "\2197";
}