/* CSS Document */

	/* General */

	html {
		min-height: 100.05%; 
	}

	body {
		color: black;
		background: #f2f2f2 url(../img/bg_site.png) repeat-x;
		font-size: 100.01%;
		font-family: Helvetica,Arial,sans-serif;
		margin: 0; padding: 0.5em 0;
		text-align: center;  /* Zentrierung im Internet Explorer */
	}

	div#page {
		text-align: left;    /* Seiteninhalt wieder links ausrichten */
		margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
		width: 800px;
		height: 100%;
		padding: 2px;
		border: 1px ridge silver;
		background: #fafafa url("../img09/bg_footer_top.png") bottom left repeat-x;
	}
/*
	.pagestruct {
		cursor : default;
		list-style : none;
		
	}
	
	.pagestruct li {
		margin : 0px;
		padding : 0px;
	}
*/	
  	
	/* Seiten-Inhalt */
  
	div#content_area {
		position: relative;
    	margin: 125px 24px 1em 36px;

    	padding: 0 1em;
	}
  
	* html div#content_area {
    	height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
    	margin-bottom: 0;
	}
	
/*	div#contentbox {
		margin: 1em;
		padding: 0;
		height: 100%;
		width: 700px;
		border: 3px ridge navy;
	}
*/

	#idFrmContent {
			position : relative;
    	font-size: 0.8em;
    	margin: 0 50px 0 0;
					min-height: 415px;
		/*border: 1px ridge silver;*/
			background: url("../img09/crossh_highres.png") top left no-repeat;
	}

	a:link, a:hover, a:active, a:visited {
		color: #000000;
	}
	a, a:active, a:visited {
		text-decoration: none;
		color: #534848;
	}
	a:hover {
		text-decoration: underline;
		color: #534848;
	}

	h2 {
		color: #aa0000; 
	}
	
	h3 {
		color: #aa0000;
	}

	.centered {
		position: relative;
		text-align: center;
		width: 100%;
	}
	.caps {
		font-variant: small-caps;
	}
	.strong {
		font-weight: bold;
	}
	.indent25 {
		margin: 0 0 0 25px;
	}
	.indent50 {
		margin: 0 0 0 50px;
	}
	.indent100 {
		margin: 0 0 0 100px;
	}
	.indent150 {
		margin: 0 0 0 150px;
	}
	
	.redborder {
		position: relative;
		height: 100%;
		padding: 1em;
		border: 1px ridge #aa0000;
		
	}
 
 	#idFrmLabel {
		position: relative;	/*relativ im Fluss orientiert*/
		bottom: 0px;
		width: 125px;
		height: 100%;
			min-height: 375px;
		padding: 0px;
		/*background: #e5e5e5 /*url("../img/bg_mini_gradient.png") bottom left repeat-x*/;
	}
	.cFrmLabel_le {
		float: left;
		margin: 1em 2em 0.8em 0;	/* Abstand nach rechts und unten */	
	}
	.cFrmLabel_ri {
		float: right;
		margin: 1em 0 0.8em 2em;	/* Abstand nach links und unten */
	}
	.cFrmLabel_ri_gb {
		float: right;
		margin: 1em 0 0.8em 0;	/* Abstand nach links und unten */
	}
 
	.labelbox {
		float: left;
		position: relative;	/*relativ im Fluss orientiert*/
		margin: 0;
		width: 125px;
		padding: 0px;
		border: 1px ridge silver;
	}
	.spacer	{	height: 4px;
				border: 0px;	}
	.sub	{	height: 21px; 
				/*border: 1px ridge #534848;*/
				background: #e5e5e5;	}
 	.flat	{	height: 46px;	}
	.cube	{	height: 121px;	}
	.high	{	height: 221px;	}
	.invisible		{	border: 0px;	}
	.bg_blank		{	background: #fafafa;	}
	.bg_grey 		{	background: #e5e5e5;	}
	.bg_grad_inc	{	background: url("../img/bg_mini_gradient.png") bottom left repeat-x;	}
	.bg_grad_dec	{	background: url("../img/bg_mini_gradient_dec.png") top left repeat-x;	}
  
	.label {
		position: absolute; /*relativ zum Elternelement*/
		bottom: 2px; right: 0;
		margin: 3px;      /* standardkonforme horizontale Zentrierung */
		font-family: Verdana,Arial,Helvetica,sans-serif;
		font-size: 1.33em;
		font-weight: bold;
		font-variant: small-caps;
		letter-spacing: 0.06em;
		text-align: right;
		color: #534848;
	}
	
	.sublabel {
		position: absolute; /*relativ zum Elternelement*/
		bottom: 2px; right: 0;
		margin: 3px;      /* standardkonforme horizontale Zentrierung */
		font-family: Verdana,Arial,Helvetica,sans-serif;
		font-size: 1em;
		font-weight: bold;
		font-variant: small-caps;
		letter-spacing: 0.03em;
		text-align: right;
		color: #524848;
		cursor: pointer;		
	}

	/* Header */

	#frm_header {
		position: relative;
		float: left;
		font-size: 1.0em;
		margin: 0; padding: 0;
		width: 800px;
		height: 125px;
		background: #e5e5e5;
	}

	#headerlogo a {
		display: block;
		width: 118px; height: 58px;
		margin: 0px; padding: 0px;
		border: 0px;
		background: url("../img09/header02.png") no-repeat left top;
		z-index: 11;
	}

	#navbar_00 {
	  	width: 50px; height: 25px;
		margin: 0px; padding: 0px;
		border: 0px;
		background: url("../img09/navbar00.png") no-repeat left top;
	}
	#navbar_info a {
		display: block;
	  	width: 89px; height: 25px;
		margin: 0px; padding: 0px;
		border: 0px;
		background: url("../img09/navbar01-over.png") no-repeat left top;
	}
	#navbar_info a:hover {
	  	width: 89px; height: 25px;
		margin: 0px; padding: 0px;
		border: 0px;
		background: url("../img09/navbar01-sel.png") no-repeat left top;
	}
	#navbar_info a:active {
	  	width: 89px; height: 25px;
		margin: 0px; padding: 0px;
		border: 0px;
		background: url("../img09/navbar01-sel.png") no-repeat left top;
	}
	#navbar_events a {
		display: block;
	  	width: 89px; height: 25px;
		margin: 0px; padding: 0px;
		border: 0px;
		background: url("../img09/navbar02-over.png") no-repeat left top;
	}
	#navbar_events a:hover {
	  	width: 89px; height: 25px;
		margin: 0px; padding: 0px;
		border: 0px;
		background: url("../img09/navbar02-sel.png") no-repeat left top;
	}
	#navbar_events a:active {
	  	width: 89px; height: 25px;
		margin: 0px; padding: 0px;
		border: 0px;
		background: url("../img09/navbar02-sel.png") no-repeat left top;
	}
	#navbar_contact a {
		display: block;
	  	width: 89px; height: 25px;
		margin: 0px; padding: 0px;
		border: 0px;
		background: url("../img09/navbar03-over.png") no-repeat left top;
	}
	#navbar_contact a:hover {
	  	width: 89px; height: 25px;
		margin: 0px; padding: 0px;
		border: 0px;
		background: url("../img09/navbar03-sel.png") no-repeat left top;
	}
	#navbar_contact a:active {
	  	width: 89px; height: 25px;
		margin: 0px; padding: 0px;
		border: 0px;
		background: url("../img09/navbar03-sel.png") no-repeat left top;
	}
	#navbar_gallery a {
		display: block;
	  	width: 89px; height: 25px;
		margin: 0px; padding: 0px;
		border: 0px;
		background: url("../img09/navbar04-over.png") no-repeat left top;
	}
	#navbar_gallery a:hover {
	  	width: 89px; height: 25px;
		margin: 0px; padding: 0px;
		border: 0px;
		background: url("../img09/navbar04-sel.png") no-repeat left top;
	}
	#navbar_gallery a:active {
	  	width: 89px; height: 25px;
		margin: 0px; padding: 0px;
		border: 0px;
		background: url("../img09/navbar04-sel.png") no-repeat left top;
	}
	#navbar_media a {
		display: block;
	  	width: 89px; height: 25px;
		margin: 0px; padding: 0px;
		border: 0px;
		background: url("../img09/navbar05-over.png") no-repeat left top;
	}
	#navbar_media a:hover {
	  	width: 89px; height: 25px;
		margin: 0px; padding: 0px;
		border: 0px;
		background: url("../img09/navbar05-sel.png") no-repeat left top;
	}
	#navbar_media a:active {
	  	width: 89px; height: 25px;
		margin: 0px; padding: 0px;
		border: 0px;
		background: url("../img09/navbar05-sel.png") no-repeat left top;
	}
	#navbar_gb a {
		display: block;
	  	width: 89px; height: 25px;
		margin: 0px; padding: 0px;
		border: 0px;
		background: url("../img09/navbar06-over.png") no-repeat left top;
	}
	#navbar_gb a:hover {
	  	width: 89px; height: 25px;
		margin: 0px; padding: 0px;
		border: 0px;
		background: url("../img09/navbar06-sel.png") no-repeat left top;
	}
	#navbar_gb a:active {
	  	width: 89px; height: 25px;
		margin: 0px; padding: 0px;
		border: 0px;
		background: url("../img09/navbar06-sel.png") no-repeat left top;
	}

	/* Footer */

	div#footer {
		position: relative;	/*relativ im Fluss orientiert*/
		clear: both;
		font-family:Arial,Helvetica,sans-serif;
		font-size: 0.66em;
		letter-spacing: 0.06em;
		color: #534848;
	
		margin: 0px; padding: 0px;
		width: 800px; height: 27px;
		background: url("../img09/bg_footer_top.png") bottom left repeat-x;
  	}
  
	div#footer a, a:active {
		text-decoration: none;
		color: #534848;
	}
	div#footer a:hover {
		text-decoration: underline;
		color: #534848;
	}

/* Icons with link */
	#ico_map a {
		//display: block;
		position: absolute;
		width: 16px; height: 23px;
		margin: -0.4em 0 0 0; padding: 0px;
		border: 0px;
		background: url("../img/ico_map.png") no-repeat left bottom;
		z-index: 11;
	}

	#ico_info a {
		//display: block;
		position: absolute;
		width: 23px; height: 23px;
		margin: -0.1em 0 0 0; padding: 0px;
		border: 0px;
		background: url("../img/ico_info.png") no-repeat left bottom;
		z-index: 11;
	}

/* Gallery ?	 */

.hoverbox {
		float:left;
		width: 530px;
		margin: 0;
		padding: 0;
		text-align: center;
		vertical-align : middle;
		/*border: 1px ridge #aa0000;*/
		color: #534848;
		list-style : none;
}
.hoverbox a {
	cursor : default;
	z-index : 4;
}
.hoverbox a .preview {
	display : none;
}
.hoverbox a:hover .preview {
	display : block;
	position : absolute;
	top : 10px;
	left : 10px;
	z-index : 5;
}
.hoverbox * img {
	background : #fafafa;
	border-color : #aaa #ccc #ddd #bbb;
	border-style : solid;
	border-width : 1px;
	color : inherit;
	padding : 1px;
	vertical-align : top;
}
.hoverbox .band {
	width : 210px;
	height : 140px;
}
.hoverbox .live {
	width: 108px;
	height : 81px;
}
.band img {
	max-width: 206px;
	height: 136px;
}
.live img {
	max-width: 104px;
	height: 77px;
}

.hoverbox li {
	background : #f2f2f2;
	border-color : #ddd #bbb #aaa #ccc;
	border-style : solid;
	border-width : 1px;
	display : inline;
	float : left;
	margin : 4px;
	padding : 0px;
	position : relative;
}
.hoverbox p {
	clear: left;
	padding: 1em 0 0 0;
}
.hoverbox .preview {
	border-color : #cccccc;
	height : 120px;
} 

	.highresbox {
		float:left;
		position: relative;
		width: 530px;
		margin: 0;
		padding: 0;
		text-align: center;
		vertical-align : middle;
		/*border: 1px ridge #aa0000;*/
		color: #534848;
		list-style : none;
	}
	.highresbox a, a:visited {
		text-decoration: none;
		color: #534848;
	}
	.highresbox a:hover {
		text-decoration: underline;
		color: #534848;
	}
	
	.highresbox img {
		background : #fafafa;
		border-color : #aaa #ccc #ddd #bbb;
		border-style : solid;
		border-width : 1px;
		color : inherit;
		margin: 1px;
		padding : 0px;
		vertical-align : middle;
	}
	.highresbox li {
		float: left;
		display: inline; /* inline, nur zu Formatierungszwecken; damit keine eigene Zeile, die über die gesamte Breite ragt */
		background : #f2f2f2;
		border-color : #ddd #bbb #aaa #ccc;
		border-style : solid;
		border-width : 1px;
		margin : 0px;
		padding : 0px;
		position: relative;
	}
	.highresbox p {
		clear: left;
		padding: 1em 0 0 0;
	}