<!--

/*
	+-----------------------------------------------------------+
	| co|manager - Content Management System - $Release$		|
	+-----------------------------------------------------------+
	| Copyright (c) 2004-2005 clarksdale datendesign			|
	| http://www.comanager.de | http://www.clarksdale.de		|
	| Please read the file LICENCE for more information.		|
	+-----------------------------------------------------------+
	| Authors: Matthias Lienau <ml@clarksdale.de>				|	
	| 		   Christian Günther <cg@clarksdale.de>				|
	+-----------------------------------------------------------+
	
	@svnid:		$Id: style.css 160 2004-12-20 18:20:15Z cdale $
	@svnurl:	$URL: ?? $
	@since:		2005/01/31
	@purpose:	CSS defintion for initial setup frontend page

*/

/*
 General style issues. Pretty self-explaining.
 Change at will, if you know what you are doing.
*/

	body {
			background-color: 	#CF0000;
			margin-top:			15px;
			margin-left:		20px;
			margin-bottom:		0px;
			color:				#CF0000;
			font-family:		verdana, tahoma, sans-serif;
			font-weight:		normal;
			font-size:			11px;
			}
	li {
			list-style-type:	none;
			}

	hr {
			background-color:	#EDAB44;
			color:				#EDAB44;
			height:				1px;
			border:				1px solid #EDAB44;
		}
	img {
			border:				0;
			}
		
/* maintable defindes the width and style of the frame div, shadow adds some depth */
	
	.maintable {
			background-color: 	#CF0000;
			border-top:			0px solid #aaaaaa;
			border-left:		0px solid #aaaaaa;
			border-bottom:		0px solid #eeeeee;		
			border-right:		0px solid #aaaaaa;
			width:				920px;
			}

	.popup {
			background-color: 	#FFEB00;
			padding:			5px;
			border-top:			0px solid #aaaaaa;
			border-left:		0px solid #aaaaaa;
			border-bottom:		0px solid #eeeeee;		
			border-right:		0px solid #aaaaaa;
			width:				450px;
			}

/* here, the head and foot-areas are defined. */

	.ticketteaser {
		position:			absolute;
		top:				0px;
		left:				580px;		
		color:				#FEC200;
		font-family:		verdana, tahoma, sans-serif;
		font-weight:		normal;
		font-size:			11px;
		}

	.peng_overlay {
		position:			absolute;
		top:				30px;
		right:				15px;	
		color:				#FEC200;
		z-index:			100;
		}

	.weihnachten {
		position:			absolute;
		top:				20px;
		left:				680px;		
		color:				#FEC200;
		font-family:		verdana, tahoma, sans-serif;
		font-weight:		normal;
		font-size:			11px;
		z-index:			150;
		}

	#pagehead {
			width:				920px;
			background-image:	url('../images/bg_head.gif');
			background-repeat:	no-repeat;
			}

	#pagefoot {
			text-align:			right;
			vertical-align:		top;
			padding:			10px;
			color:				#FFEB00;
			font-family:		verdana, tahoma, sans-serif;
			font-weight:		normal;
			font-size:			11px;
			height:				20px;
			clear:				both;
			border-top:			3px solid #FFEB00;
			}
	#pagefoot a{
			color:				#FBEE61;
			font-weight:		normal;
			}
	#pagefoot a:hover{
			color:				#E58202;
			font-weight:		normal;
			}

/*the horizontal nav bar between pagehead and content areas. */

	.topnavi {
			padding-top:		0px;
			width:				920px;
			height:				20px;
			text-align:			left;
			background-color:	#FBEE61;
			}
	.topnavi a{
			color:				#000000;
			font-weight:		normal;
			background-color:	#FBEE61;
			padding:			0px 50px 0px 10px;
			border-bottom:		1px solid #CF0000;
			width:				150px;
			}
	.topnavi a:hover{
			color:				#000000;
			font-weight:		bold;
			background-color:	#FFEB00;
			}

/* test für topnavi */
/* --- menu styles ---
note:
	not all browsers render styles the same way so try out your style sheet
	on different browsers before publishing;
*/
/* level 0 inner */
.m0l0iout {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	padding: 0px;
	color: #FFFFFF;
	text-align: right;
}
.m0l0iover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	padding: 0px;
	color: #FFFFFF;
	text-align: right;
}

/* level 0 outer */
.m0l0oout {
	text-decoration: none;
	border: 0px solid;
	border-top: 0px solid #6392BC;
	background: #FBEE61;
	text-align: right;
}
.m0l0oover {
	text-decoration: none;
	border: 0px solid;
	border-top: 0px solid #6392BC;
	border-bottom: 0px solid #6392BC;
	background: #FBEE61;
	text-align: right;
}

/* level 1 inner */
.m0l1iout {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	padding: 0px;
	padding-top:	4px;
	padding-left:	4px;
	color: #000000;
	align: right;
	font-weight:normal;
}
.m0l1iover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0px;
	padding-top:	4px;
	padding-left:	4px;
	color: #000000;
	align: right;
	font-weight:normal;
}

/* level 1 outer */
.m0l1oout {
	text-decoration: none;
	border: 0px solid;
	border-top: 1px solid #cf0000;
	border-bottom: 1px solid #cf0000;
	background: #FBEE61;
}
.m0l1oover {
	text-decoration: none;
	border: 0px solid;
	border-top: 1px solid #cf0000;
	border-bottom: 1px solid #cf0000;
	background: #FFEB00;
}

/* level 2 inner */
.m0l2iover {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration : none;
	padding: 4px;
	color: #000000;
}

/* level 2 outer */
.m0l2oout {
	text-decoration : none;
	border : 1px solid #FFFFFF;
	background: #B44646;
}
.m0l2oover {
	text-decoration : none;
	border : 1px solid #FFFFFF;
	background: #E55A5A;
}


/* definitions of the content areas and the headlines */ 

	#content_left {
			width:				265px;
			text-align:			left;
			vertical-align:		top;
			padding:			8px;
			margin-top:			20px;
			margin-bottom:		20px;
			color:				#000000;
			font-family:		verdana, tahoma, sans-serif;
			font-weight:		normal;
			font-size:			11px;
			line-height:		18px;
			float:				left;
			background-color:	#FFEB00;
			}

	#content_center {
			background-repeat:	no-repeat;
			background-position:top left;
			width:				605px;
			text-align:			left;
			vertical-align:		top;
			padding:			8px;
			margin-top:			20px;
			margin-bottom:		20px;
			color:				#000000;
			font-family:		verdana, tahoma, sans-serif;
			font-weight:		normal;
			font-size:			11px;
			line-height:		18px;
			margin-left:		15px;
			text-align:			left;
			float:				left;
			background-color:	#FFEB00;
			}

	#news_popup {
			background-image:	url('../images/bg_content.gif');
			background-repeat:	no-repeat;
			background-position:top left;
			width:				330px;
			text-align:			left;
			vertical-align:		top;
			padding:			8px;
			margin-top:			10px;
			margin-bottom:		10px;
			color:				#000000;
			font-family:		verdana, tahoma, sans-serif;
			font-weight:		normal;
			font-size:			11px;
			line-height:		18px;
			text-align:			left;
			float:				left;
			background-color:	#FFEB00;
			}

	.headline {
			margin-top:			5px;
			margin-bottom:		5px;
			padding-left:		5px;
			color:				#FFEB00;
			font-family:		verdana, tahoma, sans-serif;
			font-weight:		bold;
			font-size:			16px;
			background-color:	#cf0000;
			line-height:		30px;
			height:				46px;
			background-image:	url('../images/bg_headline.gif');
			}
			
	.headlinesmall {
			padding-top:		0px;
			padding-left:		0px;
			margin-top:			0px;
			margin-bottom:		0px;
			color:				#cf0000;
			font-family:		verdana, tahoma, sans-serif;
			font-weight:		bold;
			font-size:			12px;
			border-bottom:		1px solid #cf0000;
			}

	.tablehead {
			padding-top:		0px;
			padding-left:		5px;
			margin-top:			0px;
			color:				#FFEB00;
			font-family:		verdana, tahoma, sans-serif;
			font-weight:		bold;
			font-size:			11px;
			background-color:	#cf0000;
			}

	.tablecell {
			padding:			5px;
			color:				#000000;
			font-family:		verdana, tahoma, sans-serif;
			font-size:			11px;
			background-color:	#FBEE61;
			border-bottom:		1px solid #EDAB44;
			}

	.tablecelldark {
			padding:			5px;
			color:				#cf0000;
			font-family:		verdana, tahoma, sans-serif;
			font-size:			11px;
			font-weight:		bold;
			border-bottom:		1px solid #EDAB44;
			}
			
	.blocktext {
			text-align:			left;
			vertical-align:		top;
			padding:			0px;
			color:				#000000;
			font-family:		verdana, tahoma, sans-serif;
			font-weight:		normal;
			font-size:			11px;
			line-height:		18px;
			text-align:			left;
			}

	.blocktextbig {
			text-align:			left;
			vertical-align:		top;
			padding:			0px;
			color:				#4F0802;
			font-family:		verdana, tahoma, sans-serif;
			font-weight:		bold;
			font-size:			11px;
			line-height:		18px;
			text-align:			left;
			}

	.blocktextsmall {
			text-align:			left;
			vertical-align:		top;
			padding:			0px;
			color:				#9A0000;
			font-family:		verdana, tahoma, sans-serif;
			font-weight:		normal;
			font-size:			9px;
			}

/* standard-link-styles */

	A:link { 
			color: 		#900000; 
			text-decoration:none; 
			font-weight:	bold;
			}
	A:visited { 
			color: 		#900000; 
			text-decoration:none; 
			font-weight:	bold;
			}
	A:hover {
			color:		#900000;
			text-decoration:underline;
			font-weight:	bold; 
			}
	A:active {
			color: 		#900000; 
			text-decoration:none; 
			font-weight:	bold;
			}

/* gallery-styles */

	.thumbnail {
			background-color:		#dddddd;
			border:					1px solid #cf0000;
			padding: 				0px;
			margin:					0px;
			margin-top:				2px;
			margin-right:			2px;
			width:					105px;
			height:					110px;
			float:					left;
	}

	.gallerylistelement {
			margin-top:				10px;
			padding-bottom:			5px;
			border-bottom:			1px solid #cf0000;
	}
	
	.mediasetlist {
			display:			block;
			clear:				both;
			width:				100%;
	}

/* gb-styles */

	.gb_entry {
			padding:			5px;
			color:				#000000;
			font-family:		verdana, tahoma, sans-serif;
			font-size:			11px;
			background-color:	#FBEE61;
			border-bottom:		1px solid #EDAB44;
			}

/* band-styles */

	.bandframe {
			background-color:	#cf0000;
			padding:			5px;
	}

/* form styles */

	input {
			font-size:	10px;
		}
	select {
			font-size:	10px;
		}
		
/* Styles for vCalendar Ticket List output*/

.vcal td{
			border-bottom: 		1px dotted #EDAB44;
		}

		
-->