/*******************************************************************************
**	Allgemein verwendete Reihenfolge:
**
**	-	Position und Größe des Containers
**		-	position
**		-	margin-*
**		-	height
**		-	width
**		-	float
**
**	-	Border des Containers
**		-	border-*
**
**	-	Innenabstand des Containers
**		-	padding-*
**
**	-	Gestaltung der Elemente des Containers
**		-	background
**		-	color
**		-	font-family
**		-	font-size
**		-	font-weight
**		-	text-decoration
**
**
**
*******************************************************************************/


* {
	font-family:		Verdana, Arial, Sans-Serif;
}

body {
	margin:				0px;
	padding:			0px;
	background-image:	url("/img/background.gif");
	background-repeat:	repeat-y;
	z-index:			1;
	color:				#330000;	/* anthrazit */
	font-size:			11pt;
}

/***************************************************************************
**	Der Titelbalken
***************************************************************************/
#header {
	position:			absolute;
	top:				0px;
	left:				0px;
	z-index:			50;
	width:				100%;
	height:				140px;
	border-bottom:		4pt solid red;
	background:			#90D050;	/* grasgrün */
}

/*==========================================================================
**	Logo im Titelbalken
==========================================================================*/
#header #logo {
	position:			absolute;
	top:				0px;
	left:				0px;
	z-index:			20;

	width:				200px;
	height:				140px;

	border-right:		4pt solid red;
	/*
	border-bottom:		5px solid #FF0000;
	*/
	background:			yellow;

	text-align:			center;
}

#header #logo img {
	margin-left:		10px;
	margin-top:			10px;
	width:				180px;
	height:				120px;
}

/*==========================================================================
**	Name "Hot Rott Chilis" im Titelbalken
==========================================================================*/
#header #name {
	position:			absolute;
	top:				10px;
	left:				230px;
	z-index:			20;

}



#main {
}

/***************************************************************************
**	Das Navigationsmenü
***************************************************************************/
#navigation {
	position:			absolute;
	top:				145px;
	left:				0px;

	width:				200px;

	padding-top:		20px;
	padding-left:		0px;
	padding-right:		0px;
}

#navigation ul {
	margin:				0;
	padding:			0;
	list-style:			none;
}

#navigation li {		/* Ein einzelner Eintrag im Menü */
	margin:				0;
	padding-top:		3px;
	padding-bottom:		3px;
}


#navigation a {
	margin:				0;
	padding-left:		10px;
	padding-right:		5px;

	display:			block;
	text-decoration:	none;
	color:				#CC0000;
}

#navigation a.sel {
	margin:				0;
	padding-top:		5px;
	padding-bottom:		5px;

	border-top:			3px solid #FF0000;
	border-bottom:		3px solid #FF0000;

	background:			#FFFF00;
}


#navigation a.sel1 {
	margin:				0;
	padding-top:		5px;
	padding-bottom:		5px;

	border-top:			3px solid #FF0000;
	border-bottom:		3px solid #FF0000;

	background:			#FFFF00;
}


#navigation a.sel2 {
	margin:				0;
	padding-top:		5px;
	padding-bottom:		5px;

	border-top:			3px solid #FF0000;
	border-bottom:		3px solid #FF0000;

	background:			#FFFF00;
	font-size:			0.8em;
}


/***************************************************************************
**	Der Nutztextbereich
***************************************************************************/
#contents {
	position:			absolute;
	top:				145px;
	left:				205px;
	right:				0px;
	z-index:			10;

	/*
	width:				auto;
	border:				2pt dashed blue;
	*/

	padding-top:		20px;
	padding-left:		25px;
	padding-right:		25px;

	/*
	background:			salmon;
	*/
}


/***************************************************************************
**	Der Abspann-Bereich
***************************************************************************/
#footer {
	margin-top:			30px;

	color:				#996666;
	text-align:			right;
	font-size:			8pt;
	text-decoration:	none;
}

#footer hr {
	height:				1px;
	color:				#996666;
}

#footer a {
	text-decoration:	none;
	color:				#996666;
}

/***************************************************************************
**	Seiten-Überschriften
***************************************************************************/
h1 {
	width:				auto;

	margin-left:		00px;
	margin-right:		00px;
	margin-bottom:		20px;

	border-top:			4px solid red;
	border-bottom:		4px solid red;

	/*
	padding-left:		15px;
	*/

	color:				#FF0000;
	background:			yellow;
	font-weight:		bold;
	font-size:			1.6em;
}

h2 {
	margin-left:		0px;
	margin-top:			40px;
	margin-bottom:		15px;

	/*
	border-top:			5px solid #CCCC00;
	*/
	border-bottom:		2px solid #CC0000;

	/*
	padding-left:		15px;
	*/

	color:				#CC0000;
	font-weight:		bold;
	font-size:			1.3em;
}


div.kasten {
	height:				auto;
	width:				auto;

	margin-top:			30px;
	margin-left:		10%;

	border-left:		5px #999999 solid;
	border-top:			5px #999999 solid;
	border-bottom:		5px #333333 solid;
	border-right:		5px #333333 solid;

	padding:			5px;

	/*
	background:			#FFFF66;
	*/
	color:				#333333;

	text-align:			left;
}

div.debug {
	height:				auto;
	width:				auto;

	margin-top:			5px;
	margin-left:		10%;

	border-left:		1px #999999 dashed;
	border-top:			1px #999999 dashed;
	border-bottom:		1px #999999 dashed;
	border-right:		1px #999999 dashed;

	padding:			2px;

	/*
	*/
	background:			#EEEEEE;
	color:				#6666AA;
	font-size:			7pt;

	text-align:			left;
	display:			none;
}

div.meta {
	background:			#CCCCCC;
	margin-top:			10px;
	margin-bottom:		20px;

	border:				2pt solid #666666;

	color:				#990033;

	text-align:			left;
}

div.disclaimer {
	height:				auto;

	margin-top:			50px;
	margin-left:		70px;

	border-left:		3px #999999 solid;
	border-top:			3px #999999 solid;
	border-bottom:		3px #333333 solid;
	border-right:		3px #333333 solid;

	padding:			5px;

	background:			#FFFF66;
	color:				#333333;

	text-align:			left;
}

.nichtdrucken {
	display:			block;
}


/***************************************************************************
**	Spezialformatierungen für den Veranstaltungskalender
***************************************************************************/
table {
	border:				2px solid black;
	border-collapse:	collapse;
	empty-cells:		show;
}


tr.vorbehaltlich {
	color:				#666666;
	font-style:			italic;
}

tr.abgesagt {
	/*
	display:			none;
	*/
	color:				#666666;
	text-decoration:	line-through;
}

th {
	border-bottom:		2px solid black;
	/*
	color:				#903040;
	*/
	background:			#90D050;
	text-align:			left;
	font-weight:		bold;
	font-size:			11pt;
}

td {
	border:				1px solid #999999;
	background:			#FFFFFF;
	/*
	color:				#CC0000;
	*/
	text-align:			left;
	font-size:			11pt;
	padding-left:		5px;
	padding-right:		5px;
}

/***************************************************************************
**	Spezialformatierungen für die Telefonliste
***************************************************************************/
table.telefonliste th {
	text-align:			left;
	font-size:			9pt;
}

table.telefonliste td {
	font-size:			8pt;
}