/*
 * ---------------------------------------------------------
 * CSS File for www.chauvi.de
 * 
 * Built from scratch
 * 
 * Changes:
 * 20040518 Initial Version
 * 20040713 added spalte2light und quelle
 * 20041008 added special effekt for pi
 *
 * ---------------------------------------------------------
 */


/*
 * ---------------------------------------------------------
 * catch all
 * defining some standard for all browsers
 * ---------------------------------------------------------
 */

* {
        font-family:		Verdana, Arial, Helvetica, sans-serif;
        font-size:		9pt;
        background-color:	#FFFFFF;
}

/*
 * ---------------------------------------------------------
 * body
 * same as in the catch all definition
 * ---------------------------------------------------------
 */

body {
        font-family:		Verdana, Arial, Helvetica, sans-serif;
        font-size:		9pt;
        background-color:	#FFFFFF;
}

/*
 * -------------------------------------------------------------------
 * Links
 * -------------------------------------------------------------------
 */

a {
        text-decoration:        none;
        font-weight:            bold;
        font-size:              9pt;
        color:                  #FF4500;
	background-color:	#C0C0C0;
}

a:link {
}

a:visited {
}

a:hover {
        background-color:       #CCCCCC;
}

a:active {
        color:                  #FFFFFF;
        background-color:       #FF4500;
}

a.normal {
	background-color:	#FFFFFF;
	color:			#FF4500;
	font-weight:		bold;
	text-decoration:	none;
}

a.externallink {
	color:			#008000;
}

a.externallink:active {
	color:			#FFFFFF;
	background-color:	#008000;
}

a.foot {
	background-color:	#FFFFFF;
	color:			#FF4500;
        font-weight:		bold;
        font-size:		8pt;
}

.merksatz a {
	background-color:	#A0A0A0;
	color:			#FF4500;
        font-weight:		bold;
        font-size:		9pt;
}

.merksatztext a {
	background-color:	#A0A0A0;
	color:			#FF4500;
        font-weight:		bold;
        font-size:		9pt;
}

.merksatztext a.externallink {
	background-color:	#A0A0A0;
	color:			#008000;
        font-weight:		bold;
        font-size:		9pt;
}

td.spalte2light a {
	background-color:	#E0E0E0;
}

table.menuetable a {
	background-color:	#000000;
}

/*
 * ---------------------------------------------------------
 * headings
 * ---------------------------------------------------------
 */

h1 {
	width:			750px;
	font-weight:		bold;
	font-size:		30pt;
	text-align:		center;
	border-color:		#808080;
	border-style:		solid;
	border-width:		4px;
	margin-left:		auto;
	margin-right:		auto;
	padding:		0px;
	padding-top:		20px;
	padding-bottom:		20px;
}

h1.red {
	color:	red;
}

h1.darkgreen {
	color:  darkgreen;
}

h2 {
	font-weight:		bold;
	text-align:		center;
	font-size:		16pt;
}

h3 {
	font-weight:		bold;
	font-size:		12pt;
	background-color:	#C0C0C0;
}

h3.center {
	font-weight:		bold;
	font-size:		12pt;
	background-color:	#C0C0C0;
	text-align:		center;
}

td.merksatz h3 {
	background-color:	#A0A0A0;
}

td.merksatztext h3 {
	background-color:	#A0A0A0;
	padding:		0px;
	margin:			0px;
}

/*
 * -------------------------------------------------------------------
 * Tabellen
 * -------------------------------------------------------------------
 */

td {
	vertical-align:		top;
}

table.spalte2  {
 	width:			95%;
}

table.menuetable {
	width:			100%;
	background-color:	#000000;
	border-width:		3px;
	border-color:		#000000;
	border-style:		solid;
	border-collapse:	collapse;
	padding:		0px;
	margin-left:		auto;
	margin-right:		auto;
}

tr.menuetable {
	border-width:		0px;
	border-color:		#000000;
}

td.menuetableleft {
	text-align:		left;
	color:			#FF0000;
	background-color:	#000000;
	padding:		5px;
}

td.menuetableright {
	text-align:		right;
	color:			#FF4500;
	background-color:	#000000;
	font-style:		italic;
	font-weight:		bold;
	padding:		5px;
}

table.auswahlmenue {
	width:			750px;
	border-width:		5px;
	border-color:		#C0C0C0;
	border-style:		solid;
	border-collapse:	collapse;
	padding:		0px;
	margin-left:		auto;
	margin-right:		auto;
}

table.sitemap {
	width:			750px;
	border-width:		5px;
	border-color:		#C0C0C0;
	border-style:		solid;
	border-collapse:	collapse;
	padding:		0px;
	margin-left:		auto;
	margin-right:		auto;
}

td.sitemap {
	width:			80px;
	background-color:	#C0C0C0;
	vertical-align:		top;
	padding:		0px;
	padding-left:		2px;
	padding-right:		2px;
}

td.sitemaptext {
	width:			280px;
	background-color:	#C0C0C0;
	vertical-align:		top;
}

.startbild {
	width:			100%;
	background-color:	#FFFFFF;
	text-align:		center;
	margin-left:		auto;
	margin-right:		auto;
	border:			1px;
}

td.merksatz {
	background-color:	#A0A0A0;
	color:			#000000;
	font-weight:		bold;
	text-align:		center;
	padding:		4px;
}

td.merksatztext {
	background-color:	#A0A0A0;
	color:			#000000;
	font-weight:		normal;
	text-align:		left;
	padding:		4px;
}

td.merksatztexterror {
	background-color:	#A0A0A0;
	color:			#FF0000;
	font-weight:		bold;
	text-align:		left;
	padding:		4px;
}

td.spalte1 {
	background-color:	#C0C0C0;
	width:			150px;
	vertical-align:		top;
	padding:		5px;
}

td.spalte1fett {
	background-color:	#C0C0C0;
	width:			150px;
	vertical-align:		top;
	font-weight:		bold;
	padding:		5px;
}

td.spalte1fettlight {
	background-color:	#E0E0E0;
	width:			150px;
	vertical-align:		top;
	font-weight:		bold;
	padding:		5px;
}

td.spalte2 {
	background-color:	#C0C0C0;
	vertical-align:		top;
	padding:		5px;
}

td.spalte25050 {
	width:			50%;
	background-color:	#C0C0C0;
	vertical-align:		top;
	padding:		5px;
}

td.spalte2250 {
	width:			250px;
	background-color:	#C0C0C0;
	vertical-align:		top;
	padding:		5px;
}


td.spalte2 div.quelle {
	background-color:	#C0C0C0;
	font-style:		italic;
	font-size:		8pt;
	text-align:		right;
}

td.spalte2light {
	background-color:	#E0E0E0;
	vertical-align:		top;
	padding:		5px;
}

td.spalte2light b {
	background-color:	#E0E0E0;
	vertical-align:		top;
	font-weight:		bold;
}

td.spalte2light i {
	background-color:	#E0E0E0;
	font-style:		italic;
}

td.spalte2light div.quelle {
	background-color:	#E0E0E0;
	font-style:		italic;
	font-size:		8pt;
	text-align:		right;
}


table.seitenkopie {
	width:			100%;
	background-color:	#003300;
	border-width:		10px;
	border-color:		#003300;
	border-style:		solid;
	border-collapse:	collapse;
}

table.seitenkopie td.rahmen {
	background:		#003300;
	color:			#009933;
	font-weight:		bold;
	padding-top:		20px;
	padding-left:		20px;
	padding-right:		20px;
	padding-bottom:		20px;
}

table.seitenkopie td.seitenkopie {
	background-color:	#FFFFFF;
	color:			#000000;
	padding-top:		20px;
	padding-left:		20px;
	padding-right:		20px;
	padding-bottom:		20px;
}

/*
 * -------------------------------------------------------------------
 * Sonstige Elemente
 * -------------------------------------------------------------------
 */

.foot {
	background-color:	#FFFFFF;
	color:			#000000;
	font-style:		normal;
	font-size:		8pt;
}

.error {
	color:			#FF0000;
	background-color:	#C0C0C0;
	font-weight:		bold;
}

i {
	background-color:	#C0C0C0;
	font-style:		italic;
}

ul, ol, li {
	background-color:	#C0C0C0;
}

li b {
	background-color:	#C0C0C0;
	font-weight:		bold;
}

td.merksatztext b {
	background-color:	#A0A0A0;
	font-weight:		bold;
}

hr {
	border-left-width:	0px;
	border-top-width:	0px;
	border-right-width:	0px;
	border-bottom-width:	1px;
	border-color:		#000000;
	border-style:		solid;
	color:			#000000;
	height:			0px;
}

b {
	font-weight:		bold;
	background-color:	#C0C0C0;
}

tt {
	background-color:	#C0C0C0;
	font-family:		Courier, serif;
}

pre {
	border-width:		2px;
	border-style:		solid;
	border-color:		#777777;
	padding:		0.5em;
	margin-left:		1em;
	margin-right:		2em;
	white-space:		pre;
        font-family:		Courier, serif;
	background-color:	#e6e6e6;
	color:			black;
}

pre.girl {
	font-size:		6pt;
}

pre.logfilelist {
	font-size:		8pt;
}

pre b {
	background-color:	#e6e6e6;
	font-weight:		bold;
}

pre i {
	background-color:	#e6e6e6;
	font-style:		italic;
}

pre a.externallink {
	color:			#008000;
	background-color:	#E6E6E6;
}

pre a.externallink:active {
	color:			#E6E6E6;
	background-color:	#008000;
}

pre.linuxpenguin {
	font-size:		1px;
	background-color:	#000000;
}

div.mittefett {
	background-color:	#C0C0C0;
	font-weight:		bold;
	text-align:		center;
}

.boldwhite {
	background-color:	#FFFFFF;
	font-weight:		bold;
}

/*
 * Special effect:
 * pi 
 */

.pi {
	background-color:	#C0C0C0;
	font-size:		9pt;
	text-align:		right;
}

.pi div {
	display:		none;
}

.pi:active {
	background-color:	#C0C0C0;
	font-size:		36pt;
	color:			#FF0000;
	font-weight:		bold;
	text-align:		right;
}

.pi:active div {
	display:		block;
	font-weight:		bold;
	font-size:		30px;
	color:			#000000;
	border:			3px solid #FF0000;;
	border-top:		20px solid #FF0000;
	padding:		5px;
	background-color:	#FF8000;
	text-align:		left;
}

form {
	background-color:	#A0A0A0;
	width:			750px;
	margin-left:		auto;
	margin-right:		auto;
}

form * {
	background-color:	#C0C0C0;
}


