<!--

/*
	+-----------------------------------------------------------+
	| 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: 	#f86a14;
		background-image:	url('../images/page_bg.gif');
		background-repeat:	no-repeat;
		background-attachment:fixed;;
		margin-top:			0px;
		margin-left:		30px;
		margin-bottom:		0px;
		text-align:			left;
		color:				#fff;
		font-family:		tahoma,verdana,sans-serif;
		font-weight:		normal;
		font-size:			11px;
		}

img {
		border: 0;
		}

li {
		list-style-type:	square;
		}

hr {
		background-color:	#2798d5;
		color:				#2798d5;
		height:				0px;
	}
		
/* maintable defindes the width and style of the frame div, shadow adds some depth */
	
.maintable {
		background-image:	url('../images/content_bg.gif');
		background-repeat:	repeat-y;
		width:				1000px;
		margin:				0 auto;
		position:			relative;
		}

/* here, the head and foot-areas are defined. */

#pagehead {
		width:				950px;
		border:				0;
		z-index:			10;
		position:			relative;
		padding-left:		100px;
		padding-top:		30px;
		}

#illu_head {
		position:			absolute;
		left:				350px;
		top:				0;
		z-index:			10;
		}

#content_corner {
		position:			absolute;
		left:				320px;
		top:				310px;
		z-index:			5;
		}

#pagefoot {
		color:				#fff;
		font-family:		tahoma,verdana,sans-serif;
		font-weight:		normal;
		font-size:			11px;
		height:				20px;
		width:				740px;
		margin-top:			50px;
		text-align:			right;
		clear:				both;
		z-index:			10;
		}		

#pagefoot a{
		color:				#f86a14;
		}
#pagefoot a:hover{
		color:				#ff9900;
		}

/* definitions of the content areas and the headlines */ 
		
.content_left {		
		font-family: 		tahoma,verdana,sans-serif;
		font-size: 			11px;
		line-height:		18px;
		margin-left:		10px;
		padding:			8px;
		margin-top:			20px;
		width:				300px;
		position:			relative;
		float:				left;
		text-align:			left;
		z-index:			15;
		}

.content {	
		font-family: 		tahoma,verdana,sans-serif;
		font-size: 			11px;
		text-align:			left;
		line-height:		18px;
		width:				470px;
		padding:			8px;
		margin-top:			140px;
		margin-left:		15px;
		color: 				#fff;
		position:			relative;
		float:				left;
		z-index:			10;
		}
				
#contenttexte {
		overflow:			auto;
		font-family: 		tahoma,verdana,sans-serif;
		font-size: 			11px;
		line-height:		18px;
		color: 				#fff;
		position:			absolute;
		left:				200px;
		top:				250px;
		height:				550px;
		z-index:			10;
		}

#disclaimer {
		text-align:			left;
		margin:				20px;
		}

/* gallery-styles */

.thumbnail {
		background-color:		#6d0c13;
		border:					1px solid #6d0c13;
		padding: 				0px;
		margin:					0px;
		margin-top:				2px;
		margin-right:			5px;
		margin-bottom:			5px;
		width:					160px;
		height:					250px;
		float:					left;
		}

.gallerylistelement {
		margin-top:				10px;
		padding-bottom:			5px;
		border-bottom:			1px solid #2798d5;
		}

.mediasetlist {
		display:			block;
		clear:				both;
		width:				100%;
		}

.gallerycontent {
		padding-top:		5px;
		width:				100%;
		clear:				both;
		border-bottom:		0px solid #2798d5;
		}

/* gb-styles */

.gb_entry {
		background-color:	#6d0c13;
		padding:			4px;
		}

/* calendar-styles */

.cal_entry {
		text-align:			left;
		vertical-align:		top;
		padding-top:		3px;
		color:				#555555;
		font-family:		tahoma,verdana, sans-serif;
		font-weight:		bold;
		font-size:			11px;
		line-height:		18px;
		text-align:			left;
		border-top:			1px solid #2798d5;
		background-color:	#e2eff6;
		}

/* Navi */

#navi {
		height:				320px;
		margin-left:		100px;
		}

.naviitem {
		width:				150px;
		display:			block;
		margin-bottom:		5px;
		}

#musiksubnavi {
		position:			absolute;
		left:				180px;
		top:				40px;
		width:				200px;
		height:				260px;		
		overflow:			auto;
		border:				0px solid #de3922;
		background-color:	#6d0c13;
		visibility:			hidden;
		overflow:			hidden;
		}

#musiksubnavi a {
		font-family: 		tahoma,verdana,sans-serif;
		font-size: 			11px;
		color: 				#fff;
		font-weight:		bold;
		line-height:		21px;
		padding-left:		5px;
		text-align:			left;
		display:			block;
		border-bottom:		1px solid #de3922;
		}

#musiksubnavi a:hover {
		font-family: 		tahoma,verdana,sans-serif;
		font-size: 			11px;
		color: 				#6d0c13;
		font-weight:		bold;
		line-height:		21px;
		padding-left:		5px;
		text-align:			left;
		background-color:	#de3922;
		}

#terminesubnavi {
		position:			absolute;
		left:				180px;
		top:				98px;
		width:				200px;
		height:				45px;	
		overflow:			auto;
		border:				0px solid #de3922;
		background-color:	#6d0c13;
		visibility:			hidden;
		overflow:			hidden;
		}

#terminesubnavi a {
		font-family: 		tahoma,verdana,sans-serif;
		font-size: 			11px;
		color: 				#fff;
		font-weight:		bold;
		line-height:		21px;
		padding-left:		5px;
		text-align:			left;
		display:			block;
		border-bottom:		1px solid #de3922;
		}

#terminesubnavi a:hover {
		font-family: 		tahoma,verdana,sans-serif;
		font-size: 			11px;
		color: 				#6d0c13;
		font-weight:		bold;
		line-height:		21px;
		padding-left:		5px;
		text-align:			left;
		background-color:	#de3922;
		}

#biosubnavi {
		position:			absolute;
		left:				180px;
		top:				70px;
		width:				200px;
		height:				45px;	
		overflow:			auto;
		background-color:	#6d0c13;
		visibility:			hidden;
		overflow:			hidden;
		}

#biosubnavi a {
		font-family: 		tahoma,verdana,sans-serif;
		font-size: 			11px;
		color: 				#fff;
		font-weight:		bold;
		line-height:		21px;
		padding-left:		5px;
		text-align:			left;
		display:			block;
		border-bottom:		1px solid #de3922;
		}

#biosubnavi a:hover {
		font-family: 		tahoma,verdana,sans-serif;
		font-size: 			11px;
		color: 				#6d0c13;
		font-weight:		bold;
		line-height:		21px;
		padding-left:		5px;
		text-align:			left;
		background-color:	#de3922;
		}
		
/* font classes */		
		
.blockblack {
		font-family: 		tahoma,verdana,sans-serif;
		font-size: 			11px;
		color: 				#fff;
		line-height:		18px;		
		vertical-align:		top;
		}

.textlist {
		font-family: 		tahoma,verdana,sans-serif;
		font-size: 			11px;
		color: 				#fff;
		padding-left:		0px;
		line-height:		21px;
		}

.boldblack {
		font-family: 		tahoma,verdana,sans-serif;
		font-size: 			11px;
		color: 				#fff;
		font-weight:		bold;
		vertical-align:		top;
		}
	
.blockred{
		font-family: 		tahoma,verdana,sans-serif;
		font-size: 			11px;
		color: 				#ff9900;
		vertical-align:		top;
		}

.boldred {
		font-family: 		tahoma,verdana,sans-serif;
		font-size: 			11px;
		color: 				#ff9900;
		font-weight:		bold;
		vertical-align:		top;
		}

.blockgrey {
		font-family: 		tahoma,verdana,sans-serif;
		font-size: 			11px;
		color: 				#fff;	
		vertical-align:		top;
		text-align:			justify;
		}

.headlinered {
		font-family: 		"Trebuchet MS",times, verdana,serif;
		font-size: 			16px;
		color: 				#ff9900;
		font-weight:		bold;
		margin-bottom:		5px;
		}

.smallred {
		font-family: 		verdana,serif;
		font-size: 			10px;
		color: 				#ff9900;
		font-weight:		normal;
		margin-top:			0px;
		margin-left:		0px;
		width:				220px;
		}

.smallblack {
		font-family: 		verdana,serif;
		font-size: 			10px;
		color: 				#fff;
		font-weight:		normal;
		margin-top:			0px;
		margin-left:		0px;
		width:				220px;
		}

/* link-classes*/

A:link { 
color : #ff9900; 
font-weight: bold; 
text-decoration: none; }

A:visited { 
color : #ff9900; 
font-weight: bold;
text-decoration: none; }

A:hover {
color: #f86a14;
font-weight: bold;
text-decoration: none; }

A:active {
color: #ff9900;
font-weight: bold;
text-decoration: none; }

hr {
		color: 				#f86a14;
		background-color:	#f86a14;
		border-color:		#f86a14;
		height:				1px;
		border:				1px solid #f86a14;
		margin:				5px;
		}

.redline {
		color: 				#ff9900;
		background-color:	#ff9900;
		border-color:		#ff9900;
		height:				1px;
		border:				1px solid #ff9900;
		margin:				0px;
		}
		
tr.grey {
		background-color:	#ca3615;
		text-align:			left;
		}
tr.red {
		background-color:	#FCE8EA;
		}

td.dates {
		background-color:	#ca3615;
		border-bottom:		1px solid #dc2e16;
		font-family: 		tahoma,verdana,sans-serif;
		font-size: 			11px;
		color: 				#fff;
		line-height:		18px;		
		vertical-align:		top;
		text-align:			left;
		}

.cover_active {
		border:				3px solid #f90;
		}
		
.cover_inactive {
		border:				3px solid #ca3615;
		}

.img_white {
		border:				5px solid #ffffff;
		border-bottom:		15px solid #ffffff;
		}

-->