/* 

mainStyle.css 
Copyright 2010 Positive Energie GmbH. 

*/

/* ### -- -- -- -- -- Hauptseite -- -- -- -- -- ### */

.body {
	background-color: #000000;
	margin: 20px 0 0 0;
	background-image:url(../img/backSide03.jpg);
}
.spacer {
    background-image:url(../img/spacer.gif);
	width: 975px;
	height: 550px;
	clear:both;
	display: block;
	z-index: 2;
	margin: auto;
}
.table-Left {
    float:left;
	width: 500px;
}
.table-Right {
    float:right;
	width: 475px;
	vertical-align: top;
	text-align:left;
	margin: 0;
	padding: 0;
}
.container-News {
    width: 975px;
	z-index: 1;
	clear:both;
	display: block;
	height: 550px;
	border: 1px solid #000;
	background-image:url(../img/newsBack.jpg);
	background-repeat:no-repeat;
	margin: auto; 
}
.container-Termine {
    width: 975px;
	z-index: 1;
	clear:both;
	display: block;
	height: 550px;
	border: 1px solid #000;
	background-image:url(../img/termineBack.jpg);
	background-repeat:no-repeat;
	margin: auto; 
}
.container-Steckbrief {
    width: 975px;
	z-index: 1;
	clear:both;
	display: block;
	height: 550px;
	border: 1px solid #000;
	background-image:url(../img/steckbriefBack.jpg);
	background-repeat:no-repeat;
	margin: auto; 
}
.container-Discografie {
    width: 975px;
	z-index: 1;
	clear:both;
	display: block;
	height: 550px;
	border: 1px solid #000;
	background-image:url(../img/discografieBack.jpg);
	background-repeat:no-repeat;
	margin: auto; 
}
.container-Links {
    width: 975px;
	z-index: 1;
	clear:both;
	display: block;
	height: 550px;
	border: 1px solid #000;
	background-image:url(../img/linksBack.jpg);
	background-repeat:no-repeat;
	margin: auto; 
}
.container-Fanpost {
    width: 975px;
	z-index: 1;
	clear:both;
	display: block;
	height: 550px;
	border: 1px solid #000;
	background-image:url(../img/fanpostBack.jpg);
	background-repeat:no-repeat;
	margin: auto; 
}
.container-Presse {
    width: 975px;
	z-index: 1;
	clear:both;
	display: block;
	height: 550px;
	border: 1px solid #000;
	background-image:url(../img/presseBack.jpg);
	background-repeat:no-repeat;
	margin: auto; 
}
.container-PEtv {
    width: 975px;
	z-index: 1;
	clear:both;
	display: block;
	height: 550px;
	border: 1px solid #000;
	background-image:url(../img/petvBack.jpg);
	background-repeat:no-repeat;
	margin: auto; 
}
.container-PEtvLIVE {
    width: 975px;
	z-index: 1;
	clear:both;
	display: block;
	height: 550px;
	border: 1px solid #000;
	background-image:url(../img/petvlive.jpg);
	background-repeat:no-repeat;
	margin: auto; 
}
.container-Musik {
    width: 975px;
	z-index: 1;
	clear:both;
	display: block;
	height: 550px;
	border: 1px solid #000;
	background-image:url(../img/musikBack.jpg);
	background-repeat:no-repeat;
	margin: auto; 
}
.container-Fanartikel {
    width: 975px;
	z-index: 1;
	clear:both;
	display: block;
	height: 550px;
	border: 1px solid #000;
	background-image:url(../img/fanartikelBack.jpg);
	background-repeat:no-repeat;
	margin: auto; 
}
.container-Pics {
    width: 975px;
	z-index: 1;
	clear:both;
	display: block;
	height: 550px;
	border: 1px solid #000;
	background-image:url(../img/picsBack.jpg);
	background-repeat:no-repeat;
	margin: auto; 
}

/* ### -- -- -- -- -- Enter -- -- -- -- -- ### */

.container-Enter {
    width: 975px;
	z-index: 1;
	clear:both;
	display: block;
	height: 550px;
	border: 1px solid #000;
	background-image:url(../img/enterBack.jpg);
	background-repeat:no-repeat;
	margin: auto; 
}

/* ### -- -- -- -- -- Navigation -- -- -- -- -- ### */

.navigation-List-Div {
      position: relative;
	  top: 90px;
	  z-index: 33;
}
.navigation-List {
     list-style: none;
	 margin: 0;
	 padding: 0;
	 height: 100px;
}
.buttonNews {
	height: 27px;
	padding-left: 0px;
}
.buttonTermine {
	height: 21px;
	padding-left: 0px;
}
.buttonSteckbrief {
	height: 18px;
	padding-left: 0px;
}
.buttonDiscografie {
	height: 19px;
	padding-left: 0px;
}
.buttonLinks {
	height: 21px;
	padding-left: 0px;
}
.buttonFanpost {
	height: 24px;
	padding-left: 0px;
}
.buttonPresse {
     height: 19px;
	 padding-left: 0px;
}
.buttonPetv {
	height: 20px;
	padding-left: 0px;
}
.buttonMusik {
     height: 22px;
	 padding-left: 0px;
}
.buttonFanartikel {
     height: 21px;
	 padding-left: 0px;
}
.buttonPics {
	height: 20px;
	padding-left: 0px;
}
.buttonMySpace {
	height: 17px;
	padding-left: 0px;
}
.buttonTwitter {
	height: 16px;
	padding-left: 0px;
}
.buttonFanclub {
	height: 18px;
	padding-left: 0px;
}
/* ### -- -- -- -- -- Navigation Startseite -- -- -- -- -- ### */

.navigation-List-Div-Start {
      position: relative;
	  top: 90px;
	  z-index: 33;
}
.navigation-List-Start {
     list-style: none;
	 margin: 0;
	 padding: 0;
	 height: 100px;
}
.buttonNews-Start {
	height: 27px;
	padding-left: 60px;
}
.buttonTermine-Start {
	height: 21px;
	padding-left: 60px;
}
.buttonSteckbrief-Start {
	height: 18px;
	padding-left: 60px;
}
.buttonDiscografie-Start {
	height: 19px;
	padding-left: 60px;
}
.buttonLinks-Start {
	height: 21px;
	padding-left: 60px;
}
.buttonFanpost-Start {
	height: 24px;
	padding-left: 60px;
}
.buttonPresse-Start {
     height: 19px;
	 padding-left: 60px;
}
.buttonPetv-Start {
	height: 20px;
	padding-left: 60px;
}
.buttonMusik-Start {
     height: 22px;
	 padding-left: 60px;
}
.buttonFanartikel-Start {
     height: 21px;
	 padding-left: 60px;
}
.buttonPics-Start {
	height: 20px;
	padding-left: 60px;
}
.buttonMySpace-Start {
	height: 17px;
	padding-left: 60px;
}
.buttonTwitter-Start {
	height: 16px;
	padding-left: 60px;
}
.buttonFanclub-Start {
	height: 18px;
	padding-left: 60px;
}
/* ### -- -- -- -- -- Footer -- -- -- -- -- ### */

.container-Footer {
    width: 975px;
	height: 25px;
	text-align: right;
	padding-top: 5px;
	display: table;
	margin: 0 auto; 
}
.container-Footer span {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.container-Footer a:link, .container-Footer a:visited, .container-Footer a:active {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
} 
.container-Footer a:hover {
	color: #900606;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
} 

/* ### -- -- -- -- -- Newsticker -- -- -- -- -- ### */

.newsticker {
	position: relative;
	z-index: 3;
	top: 100px;
	left: 70px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* ### -- -- -- -- -- Content -- -- -- -- -- ### */

.content-Main {
	position: relative;
	z-index: 4;
	top: 169px;
	left: 16px;
	width: 442px;
	height:39px;
}
.content-Inside {
	width: auto;
	height: 353px;
	overflow: auto;
}
.content-Padding {
	padding: 10px 10px 10px 10px;
}

/* ### -- -- -- -- -- Text und Inhalte -- -- -- -- -- ### */

.text {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.text a:link, .text a:visited, .text a:active {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: none;
	text-decoration: underline;
} 
.text a:hover {
	color: #900606;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: none;
	text-decoration: none;
} 
.title {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
}
.date {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
}
.mini {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
}

.gallery-Image {
    border: 1px solid #333333;
	padding: 5px;
	margin: 8px;
}

/* ### -- -- -- -- -- Popup -- -- -- -- -- ### */

.popup-Impressum {
    margin: 0;
	background-image: url(../img/backImpressum.jpg);
}
.popup-Booking {
    margin: 0;
	background-image: url(../img/backBooking.jpg);
}
.popup-Info {
    margin: 0;
	background-image: url(../img/backInfo.jpg);
}
.popup-Container {
    position: absolute;
	top: 40px;
	left: 15px;
	width: 280px;
	height: 364px;
	overflow: auto;
}
	
/* ### -- -- -- -- -- Shop -- -- -- -- -- ### */

.containerShop {
	border: 0;
	margin: 10px 0 10px 0;
	padding: 0 5px 0 0;
	clear: both;
	width: 390px !important;
	display: table;
}
.shopImage {
	float: left;
	display: block;
	width: 90px;
}
.shopImage img {
	margin: 5px 0 0 0;
	border: 1px solid #493f36;
	width: 85px;
}
.shopBody {
	float: right;
	display: block;
	width: 300px;
	text-align: justify;
}
.shopTitle {
	float: left;
	display: block;
	width: 300px;
}
.shopTitle h2 {
	padding: 0 0 10px 0;
	font-size: 14px;
	text-decoration: underline;
	margin: 0;
}
.shopPrize {
	float: right;
	text-align: right;
	margin: 0;
	padding: 0;
	display: block;
	width: 80px;
}
.shopPrize h2 {
	padding: 0 0 10px 0;
	font-size: 16px;
	font-style: italic;
	margin: 0;
	color: #900606;
}