<!--

/*
	+-----------------------------------------------------------+
	| 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: 	#530306;
			margin:				0;
			padding:			0;
			color:				#000000;
			font-family:		verdana, sans-serif;
			font-weight:		normal;
			font-size:			11px;
			background-image:	url('../images/page_bg.jpg');
			background-repeat:	repeat-x;
			background-attachment:fixed;
			background-alignment: center;
			}
	li {
			list-style-type:	square;
			}

	hr {
			background-color:	#B8B8B8;
			color:				#B8B8B8;
			height:				0px;
		}
	
	img {
			border:				0;
		}
		
/* here, the head and foot-areas are defined. */

#wrapper {	
		position:			relative;
		margin:				0 auto;
		width:				900px;		
		}


	#pagehead {
			width:				100%;
			border-top:			0px solid #a01921;
			border-left:		0px solid #a01921;
			border-right:		0px solid #a01921;
			height:				202px;
			z-index:			0;
			background-image:	url('../images/pagehead.png');
			background-repeat:	norepeat;
			}

	#pagefoot {
			text-align:			center;
			vertical-align:		top;
			padding:			10px;
			color:				#000000;
			font-family:		verdana, sans-serif;
			font-weight:		normal;
			font-size:			11px;
			background-color:	#ffffff;
			height:				20px;
			clear:				both;
			width:				880px;
			border-top:			1px dotted #acacac;
			}
	#pagefoot a{
			color:				#555555;
			}
	#pagefoot a:hover{
			color:				#000000;
			}

/* definitions of the content areas and the headlines */ 

	#topnavi {
			height:				15px;
			position:			absolute;
			top:				3px;
			left:				0px;
			z-index:			5;
			font-family:		verdana, sans-serif;
			font-weight:		normal;
			font-size:			10px;
			color:				#fff;
			}
	#topnavi a:link {
			color:				#fff;
			text-decoration:	none;
			font-weight:		normal;
			}
	#topnavi a:visited {
			color:				#fff;
			text-decoration:	none;
			font-weight:		normal;
			}
	#topnavi a:hover {
			color:				#fff;
			text-decoration:	underline;
			font-weight:		normal;
			}
	#topnavi a:active {
			color:				#fff;
			text-decoration:	none;
			font-weight:		normal;
			}

	#itzehoer_link {
			position:			absolute;
			top:					0px;
			left:					550px;
			z-index:			5;
			}

#content_wrapper {
			background-color:	#fff;
			padding:			0px;
			}
						
	#content_center {
			background-color:	#fff;
			text-align:			left;
			vertical-align:		top;
			padding-left:		15px;
			padding-top:		25px;
			padding-bottom:		25px;
			padding-right:		0px;
			font-family:		verdana, sans-serif;
			font-weight:		normal;
			font-size:			11px;
			line-height:		18px;
			width:				425px;
			float:				left;
			}
	#content_right {
			background-color:	#fff;
			text-align:			left;
			vertical-align:		top;
			padding-left:		0px;
			padding-top:		25px;
			padding-bottom:		25px;
			padding-right:		15px;
			font-family:		verdana, sans-serif;
			font-weight:		normal;
			font-size:			11px;
			line-height:		18px;
			width:				425px;
			float:				right;
			}

	#content_nlteaser1 {
			background-color:	#930601;
			background-image:	url('../images/teaser_nl.jpg');
			background-repeat:	no-repeat;
			color:					#fff;
			text-align:			left;
			vertical-align:	top;
			padding-left:		20px;
			padding-top:		50px;
			padding-bottom:		5px;
			padding-right:		15px;
			font-family:		verdana, sans-serif;
			font-weight:		normal;
			font-size:			11px;
			line-height:		18px;
			width:					390px;
			float:					right;
			}

	#content_nlteaser2 {
			background-color:	#930601;
			color:					#fff;
			text-align:			left;
			vertical-align:	top;
			padding-left:		20px;
			padding-top:		5px;
			padding-bottom:		10px;
			padding-right:		15px;
			font-family:		verdana, sans-serif;
			font-weight:		normal;
			font-size:			11px;
			line-height:		18px;
			width:					390px;
			float:					right;
			}

/* 3 column layout variant - content blocks */

	#content_1 {
			text-align:			left;
			vertical-align:		top;
			padding:			0px;
			font-family:		verdana, sans-serif;
			font-weight:		normal;
			font-size:			11px;
			line-height:		18px;
			position:			absolute;
			top:				239px;
			left:				245px;
			width:				245px;
			}

	#content_2 {
			text-align:			left;
			vertical-align:		top;
			padding:			0px;
			font-family:		verdana, sans-serif;
			font-weight:		normal;
			font-size:			11px;
			line-height:		18px;
			position:			absolute;
			top:				239px;
			left:				500px;
			width:				245px;
			}
			
	#content_3 {
			text-align:			left;
			vertical-align:		top;
			padding:			0px;
			font-family:		verdana, sans-serif;
			font-weight:		normal;
			font-size:			11px;
			line-height:		18px;
			position:			absolute;
			top:				239px;
			left:				755px;
			width:				245px;
			}
			
	.headlinemain {		
			padding-left:		15px;
			padding-top:		7px;
			margin-top:			3px;
			margin-bottom:		5px;
			border-bottom:		3px solid #cbcbcb;
			color:				#000000;
			font-family:		Georgia,verdana, sans-serif;
			font-weight:		normal;
			font-size:			12px;
			height:				22px;
			display:			block;
			background-image:	url('../images/bg_headline.gif');
			}

	.headline {
			padding-left:		0px;
			margin-top:			3px;
			margin-bottom:	5px;
			color:					#000000;
			font-family:		verdana, sans-serif;
			font-weight:		bold;
			font-size:			11px;
			}

	.headlinesmall {
			padding-left:		8px;
			padding-top:		0px;
			margin-top:			3px;
			margin-bottom:		5px;
			color:				#ffffff;
			font-family:		Georgia,verdana, sans-serif;
			font-weight:		normal;
			font-size:			11px;
			height:				17px;
			border-bottom:		3px solid #cbcbcb;
			background-image:	url('../images/bg_headline_dark.gif');
			}

	.blocktext {
			color:				#000000;
			font-family:		verdana, sans-serif;
			font-weight:		normal;
			font-size:			11px;
			line-height:		18px;
			}

	.blocktextred {
			color:				#c01e04;
			font-family:		verdana, sans-serif;
			font-weight:		normal;
			font-size:			11px;
			line-height:		18px;
			}

	.blocktextorange {
			color:				#f90;
			font-family:		verdana, sans-serif;
			font-weight:		normal;
			font-size:			11px;
			line-height:		18px;
			}

	.blocktextbig {
			text-align:			left;
			vertical-align:		top;
			padding:			0px;
			color:				#c01e04;
			font-family:		verdana, sans-serif;
			font-weight:		bold;
			font-size:			11px;
			line-height:		18px;
			text-align:			left;
			}

	.blocktextgrey {
			text-align:			left;
			vertical-align:		top;
			padding:			0px;
			color:				#ff9900;
			font-family:		verdana, sans-serif;
			font-weight:		normal;
			font-size:			11px;
			line-height:		18px;
			text-align:			left;
			}
	.rosytext {
			color:				#fd7878;
			}
			
/* standard-link-styles */

	A:link { 
			color: 		#972e35; 
			text-decoration:none; 
			font-weight:	bold;
			}
	A:visited { 
			color: 		#972e35; 
			text-decoration:none; 
			font-weight:	bold;
			}
	A:hover {
			color:		#ff9900;
			}
	A:active {
			color: 		#972e35; 
			text-decoration:none; 
			font-weight:	bold;
			}

/* gallery-styles */

	.thumbnail {
			background-color:		#E8E8E8;
			border:					1px solid #B8B8B8;
			padding: 				1px;
			margin:					0px;
			margin-top:				2px;
			margin-right:			4px;
			margin-bottom:			4px;
			width:					98px;
			height:					98px;
			float:					left;
			}

	.gallerylistelement {
			margin-top:				10px;
			padding-bottom:			5px;
			border-bottom:			1px solid #B8B8B8;
			}
	
	.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:	#e2eff6;
			padding:			4px;
			}

/* calendar-styles */

	.cal_entry {
			text-align:			left;
			vertical-align:		top;
			padding-top:		3px;
			font-family:		verdana, sans-serif;
			font-weight:		bold;
			font-size:			11px;
			line-height:		18px;
			text-align:			left;
			border-bottom:			1px dotted #fba341;
			background-color:	#fbf3e0;
			}

	.date_actual {
			text-align:			left;
			vertical-align:		top;
			padding-top:		3px;
			font-family:		verdana, sans-serif;
			font-weight:		bold;
			font-size:			11px;
			line-height:		18px;
			text-align:			left;
			background-color:	#fba341;
			}

/* navigation style */

/* general size */

	#menu {
			width: 				900px;
			padding: 			0px;
			font-family:		verdana, sans-serif;
			font-size: 			10px;
			color: 				#000000;
			height:				100%;
			z-index:			20;
			}

/* buttons, top level, active */

	#navi {
			width: 				192px;
			padding: 			0px;
			margin: 			0px;
			font-family:		verdana, sans-serif;
			font-size: 			12px;
			color: 				#ffffff;
			}
	#navi  ul {
			list-style: 		none;
			margin: 			0px;
			padding: 			0px;
			border: 			none;
			}
	#navi  li {
			display: 			block;
			float:				left;
			border-bottom:		0px solid #ffffff;
			margin: 			0px;
			color: 				#ffffff;
			}

/* buttons, second level, active */
		
	#subnavi {
			width: 				240px;
			padding: 			3px;
			margin: 			3px;
			font-family:		verdana, sans-serif;
			font-size: 			12px;
			color: 				#fff;
			margin-bottom:		10px;
			}
	#subnavi ul {
			list-style: 		none;
			margin: 			0px;
			padding: 			0px;
			}
	#subnavi li {
			padding: 			2px 0px 2px 30px;
			display: 			block;
			border-bottom:		0px solid #ffffff;
			margin: 			0px;
			color: 				#ffffff;
			}
	#subnavi li a {
			padding: 			2px 2px 2px 2px;
			color: 				#fff;
			border:				0px;
			font-weight:		normal;
			}
	#subnavi li a:hover {
			padding: 			2px 2px 2px 2px;
			color:				#f90;
			border:				0px;
			font-weight:		normal;
			}
	
/*  added by matze: */
	
	#subnavi li.selected a {
			padding: 			2px 2px 2px 2px;
			color:				#fff;
			border:				0px;
			font-weight:		normal;
			border-bottom:		1px dotted #dea;
			}
	
	#subnavi li.disabled a {
			padding: 			2px 2px 2px 2px;
			color:				#ccc;
			border:				0px;
			font-weight:		normal;
			}

/* end "added by matze" */
	
	.trackname {
			text-align:			left;
			vertical-align:		top;
			padding:			3px;
			font-family:		verdana, sans-serif;
			font-weight:		bold;
			font-size:			12px;
			border-bottom:		1px solid #555;
			background-color:	#999;
			display:			block;
			}

/* headlines for home news template */

#headlines {
	border-bottom:			1px solid #dddddd;
	padding-top:			2px;
	padding-bottom:			2px;
	}


/* Press area styles */

.pressbox {
	font-family: 				Verdana, Arial, Helvetica, sans-serif;
	font-size: 					11px;
	color: 							#000000;
	padding-left: 			5px;
	padding-top:				5px;
	padding-bottom:			5px;
	padding-right:			5px;
}

.presstable {
	background-color:		#fbf3e0;
	font-family: 				Verdana, Arial, Helvetica, sans-serif;
	font-size: 					9px;
	color: 							#676767;
	border-bottom:			1px solid #fba341;
	}


/* styles for elements within input forms
   (added by matze - has to be totally 
   revised/rewritten by günni */
   
.inputform {
	padding:			2px;
	margin:				0px;
	font: 				11px verdana;
	font-weight:		normal;
	background-color:	#930601;
	color:				#ffffff;
}

.inputform table {
		
	padding:			2px;
	margin:				0px;
}

.inputform table td {
		
	color:				#ffffff;
	font-family:		verdana, sans-serif;
	font-weight:		normal;
}

.inputform input {

	border:				1px solid #f00;
	font: 				11px verdana, sans-serif;
	font-weight:		normal;
	color:				#000;
	background-color:	#fff;
	padding:			2px;
	margin:				2px;
}

.inputform input.disabled {

	border:				1px solid #ccc;
	color:				#000;
	background-color:	#f5f5f5;
}

.inputform input.formsubmit {

	border:				1px solid #000;
	margin:				2px;
	border-left:		1px solid #000;
	background-color:	#930601;
	background-image:	url('../images/bg_headline.gif');
	color:				#000;
	font-weight:		bold;
}

.inputform input.submitbutton {

	border:				1px solid #000;
	margin:				2px;
	border-left:		1px solid #000;
	background-color:	#930601;
	background-image:	url('../images/bg_headline.gif');
	color:				#000;
	font-weight:		bold;
}

.inputform select {

	border:				1px solid #f00;
	font: 				11px verdana, sans-serif;
	font-weight:		normal;
	color:				#000;
	background-color:	#930601;
	padding:			2px;
	margin:				2px;
	/*margin-top:		5px;*/
}

.inputform select.disabled {

	border:				1px solid #ccc;
	color:				#888;
	background-color:	#f5f5f5;
}

.inputform textarea {

	border:				1px solid #999;
	font: 				11px verdana, sans-serif;
	font-weight:		normal;
	color:				#111;
	background-color:	#fff;
	padding:			2px;
	margin:				2px;
	/*margin-top:		5px;*/
}

.inputform textarea.disabled {

	border:				1px solid #ccc;
	color:				#888;
	background-color:	#f5f5f5;
}

.inputform option {

	border:				0px solid #999;
	font: 				11px verdana, sans-serif;
	font-weight:		normal;
	color:				#111;
	background-color:	#fff;
	padding:			1px;
	margin:				2px;
}

/* messages
	
	green - info
	yellow - warning
	red - error
	
*/

	.info {	
			font: 				13px verdana;
			color:				#000000;
			background:			#4EDD3D;
			width:				99%;
			clear:				both;
			padding:			3px;
			}
	
	.warning {	
			font: 				13px verdana;
			color:				#000000;
			background:			#FFFF00;
			width:				99%;
			clear:				both;
			padding:			3px;
			}
	
	.error {	
			font: 				13px verdana;
			color:				#ffffff;
			background:		#ff0000;
			width:				99%;
			clear:				both;
			padding:			3px;
			}

#flash_media_player {
			z-index:			10;
		}
			
/* automatically generated css menu-styles */

.bg {background: url(images/button4.gif);}
.menu {padding:0 0 0 0px; margin:0; list-style:none; height:29px; background:#fff url(images/button1a.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif;  z-index:90;}
.menu li.top {display:block; float:left; position:relative; width:180px;}
.menu li a.top_link {display:block; float:left; height:29px; line-height:33px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 0px; cursor:pointer;}
.menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:40px;}
.menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(images/down.gif) no-repeat right top;}
.menu li a.top_link:hover {color:#000; background: url(images/button4.gif) no-repeat;}
.menu li a.top_link:hover span {background:url(images/button4.gif) no-repeat right top;}
.menu li a.top_link:hover span.down {background:url(images/button4a.gif) no-repeat right top;}

.menu li:hover > a.top_link {color:#000; background: url(images/button4.gif) no-repeat;}
.menu li:hover > a.top_link span {background:url(images/button4.gif) no-repeat right top;}
.menu li:hover > a.top_link span.down {background:url(images/button4a.gif) no-repeat right top;}

.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:90;}

.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; z-index:90;}

.menu :hover ul.sub {left:0px; top:29px; right:2px; background: #f90 url(../images/navi/bg_subnavi.jpg); padding:0px 0; border:0px solid #ff9900; white-space:nowrap; width:180px; height:auto; z-index:90;}
.menu :hover ul.sub li {display:block; height:30px; position:relative; float:left; width:180px;border:0px solid #fff; border-width:0 0 1px 0; font-family:georgia,serif; font-weight: bold; font-size: 12px;}
.menu :hover ul.sub li a {font-weight:normal;display:block; font-size:11px; height:30px; width:180px; line-height:30px; text-indent:15px; color:#000; text-decoration:none;}
.menu :hover ul.sub li a.fly {background:#f90 url(../images/navi/bg_subnavi.jpg) 80px 7px;}
.menu :hover ul.sub li a:hover {background:#8f1a1c; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#f90 url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#8f1a1c url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:0px 0; border:1px solid 999999; white-space:nowrap; width:93px; z-index:90; height:auto;}
			
-->