/* CSS Document */

body{ background-color:#000000; margin:10px 0 0 0;}  
/*	body{margin-left: 0px; margin-right: 0px; margin-bottom: 10px; margin-top:15px; background-image:url(../images/bg.gif)}  */


/* 
allgemeines
-------------------------------------------------- */ 
.clear{
clear:both;
}

.left{
float:left;
display:inline;
}

.right{
float:right;
display:inline;
}

.hidden{
	display:none;
}

p {margin: 0 0 0 0;}
h1, h2, h3, h4, h5, h6 {margin: 0 0 0 0; padding: 0 0 0 0;}


/* 
container
-------------------------------------------------- */ 


.main{
	width:880px;
	margin:0px auto;
	background-color:#000000;
	align:center;
	display:block;
}

#main_top_left{
	float:left;
	width:440px;
	margin:0px auto;
	padding: 5px 0 5px 0;
	display:block;
}

#main_top_right{
	float:right;
	width:440px;
	margin:0px auto;
	padding: 10px 0 0 0;
	display:inline;
}

/* 

#mainnav und #contentContainer werden in separaten layout_peter.css etc gesteuert.
 
#mainnav{
	width:880px;
	margin:0px auto;
	background-color:#000000;
	align:center;
	display:block;
}

#contentContainer{
	width:880px;
	min-height:350px;
	background-image:url(../images_peter/peter_bg.gif);
	margin:0px auto;
	padding:120px 0 15px 0;
	align:center;
	display:block;
}
*html #contentContainer{height:350px; }
*/

#contentContainer2{
	overflow:auto;
}

/*
.navContainer{
	float:left;
	width: 190px;
	margin-top: 0px;
	display:block;
}
*html .nav{ display:inline;}

*/


/* 
content
-------------------------------------------------- */ 
.content_out{
	float:left;
	width:500px;
	padding: 0px 120px 20px 70px;
}

#content_title{
	border-bottom:1px;
	border-bottom-style:solid;
	border-bottom-color:#FFFFFF;
	padding:0 0 10px 0;
	margin:0 0 30px 0;
}

.content{
}


/* 
news
-------------------------------------------------- */ 
#news_out{
	float:left;
	width:500px;
	display:block;
}

.news_left{
	float:left;
	width: 145px;
	padding:0 5px 0 0;
	display: block;
}

.news_right {
	float:right;
	width: 330px;
	display: block;
}


.news_bass_left{
	float:left;
	width: 160px;
	padding:0 5px 0 0;
	display: block;
}

.news_bass_right {
	float:right;
	width: 330px;
	display: block;
}


.news_single_bass_left{
	float:left;
	width: 200px;
	display: block;
}

.news_single__bass_right {
	float:right;
	width: 280px;
	display: block;
}


/*
Bands & Konzerte // Übersichtsseite - 3spaltig
-------------------------------------------------- */

#intro_a{
	float:left;
	width: 160px;
	margin-right: 10px;
	display:block;
}

#intro_b{
	float:left;
	width: 160px;
	display:block;
}

#intro_c{
	float:right;
	width: 160px;
	display:block;
}

/*
Konzerte //  3spaltig
-------------------------------------------------- */

.konzerte_a{
	float:left;
	width: 70px;
	margin-right: 10px;
	display:block;
}

.konzerte_b{
	float:left;
	width: 235px;
	margin-right: 20px;
	display:block;
}

.konzerte_c{
	float:right;
	width: 165px;
	display:block;
}

.konzerte_trenner{
	float:left;
	width: 500px;
	background-color:#9f9989;
	margin: 0 0 10px 0;
	display:block;
}


/* 
footer
-------------------------------------------------- */ 
.footer_meta{
	float:left;
	width: 440px;
	height: 20px;
	padding:5px 0 0 0;
	background-color:#000000;
	display: block;
}

.footer{
	float:right;
	width: 440px;
	height: 20px;
	padding:5px 0 0 0;
	background-color:#000000;
	display: block;
}

.spacer {
	height:10px;
	max-height: 10px;
	display: block;
}


/*
typo3 stylesheets
-------------------------------------------------- */
/* default styles for extension "tx_cssstyledcontent" */
	/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 2px solid black;
		padding: 0px 0px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 0px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 0px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 0px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 0px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 0px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 0px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */
	
	/*  Bildlegenden  */
.csc-textpic-caption {  font-family: Tahoma, Verdana, Arial, Helvetica, san-serif; font-size: 10px; line-height: 12px; color: #333333; margin: 5px 0 10px 0;}	
	
	/*  Bildlegenden NEWS */
.news-single-imgcaption {  font-family: Tahoma, Verdana, Arial, Helvetica, san-serif; font-size: 10px; line-height: 12px; color: #333333; margin: 2px 0 10px 0;}