/* allgemeines Grundlayout */

a:link    { text-decoration:none;      color:rgb(172,87,83); background-color:transparent; }
a:visited { text-decoration:none;      color:rgb(187,118,115); background-color:transparent; }
a:hover   { text-decoration:underline; color:rgb(172,87,83); background-color:transparent; }
a:active  { text-decoration:underline; color:rgb(172,87,83); background-color:transparent; }

	
img {
	border: none;
}


div {
	padding: 0px; 
	margin: 0px;
	border: 0px;
}


body {
	background-image:url(./pics/Hintergrundtextur1.png);
	background-color: #DEDEDE;
	color: #000000;
	margin: 0px;
	scrollbar-face-color: #D2ACAC;
	scrollbar-shadow-color: #603434;
	scrollbar-highlight-color: #EFE1E1;
	scrollbar-3dlight-color: #F2F2F2;
	scrollbar-darkshadow-color: #482727;
	scrollbar-track-color: #E4CDCD;
	scrollbar-arrow-color: #3A1F1F;
	
}

p {
	padding: 0px; 
	margin: 0px;
	border: 0px;
}


div#heading {
	position: absolute;
	top: 5px;
	left: 180px;
	z-index: 4;
}
	
div#content {
	z-index: 4;
	position: absolute;
	overflow:auto;
	top: 60px;
	left: 200px;
	height: 405px;
	width: 710px;
	background-color: transparent;
	font-size: 11pt;
	padding: 0px;
}




iframe#content {
	z-index: 4;
	position: absolute;
	overflow:auto;
	top: 60px;
	left: 200px;
	height: 405px;
	width: 710px;
	background-color: transparent;
	font-size: 11pt;
	padding: 0px;
}





/* Des sind die zwei großen Hintergrundbilder */

	#hintergrundLinks {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 194px;
	height: 573px;
	z-index: 2;
}


	#hintergrundRechts {
	position: absolute;
	top: 466px;
	left: 194px;
	width: 735px;
	height: 107px;
	z-index: 2;
}


/* Ab hier mach ich die Buttons, die das Bild wechseln, wenn man mit der Maus draufgeht */

div#newsButton {
	position: absolute;
	top: 100px;
	left: 20px;
	z-index: 5;
}
	

div#musikerButton {
	position: absolute;
	top: 230px;
	left: 20px;
	z-index: 5;
}


div#termineButton {
	position: absolute;
	top: 380px;
	left: 25px;
	z-index: 5;
}


div#livebilderButton {
	position: absolute;
	top: 490px;
	left: 50px;
	z-index: 5;
}


div#downloadsButton {
	position: absolute;
	top: 490px;
	left: 240px;
	z-index: 5;
}


div#gaestebuchButton {
	position: absolute;
	top: 510px;
	left: 400px;
	z-index: 5;
}


div#kontaktButton {
	position: absolute;
	top: 485px;
	left: 570px;
	z-index: 5;
}


div#fanshopButton {
	position: absolute;
	top: 510px;
	left: 730px;
	z-index: 5;
}


/* Eigenschaften KopfText */

div.KopfText {
	margin: 0 10px 0 0;
	text-align: justify;
}


/* Eigenschaften der Musikerhauptseite */

div#Musikerbild {
	position: absolute;
	left: 400px;
	top: 10px;
	margin: 0px;	
	padding: 0px;
	z-index: 5;
}

div#MusikerText {
	position: absolute;
	top: 330px;
	text-align: center;
	
	
}

div#MusikerName {
	position: absolute;
	bottom: 0px;
	left: 255px;	
}

/* Eigenschaften der Einzelmusikerseite */

div.scroll {
	margin: 0 0 0 120px;
}


div.Steckbrief {
	margin: 25px 0 0 133px;
	font-size: 14pt;
	text-decoration: underline;
}

div.mail {
	margin: 25px 0 0 133px;
	width: 420px;
}

div.mail a {
	font-size: 12pt;
	font-weight: bold;	
}



table.Steckbrief {
	margin: 5px 0 0 150px;	
	width: 420px;
	vertical-align:middle;
	text-align: left;
	padding: 0px;
}

div.musikerText {
	margin-left: 133px;
	width: 420px;
	height: 100px;
	text-align: justify;	
}


/* Steffen */




div.arminb2 {
	position: absolute;
	left: 200px;
	top: 100px;
	z-index: 6;
}



div.klausb2 {
	position: absolute;
	left: 200px;
	top: 70px;
	z-index: 6;
}

div.michaelb1 {
	position: absolute;
	left: 170px;
	top: 130px;
	z-index: 3;
}

div.michaelb2 {
	position: absolute;
	left: 730px;
	top: 120px;
	z-index: 3;
}



div.reinhardb2 {
	position: absolute;
	left: 170px;
	top: 85px;
	z-index: 6;
}



div.steffenb1 {
	position: absolute;
	left: 165px;
	top: 58px;
	z-index: 3;
}

div.steffenb2 {
	position: absolute;
	left: 250px;
	top: 85px;
	z-index: 6;
}

div.tinab1 {
	position: absolute;
	left: 170px;
	top: 115px;
	z-index: 3;
}

div.tinab2 {
	position: absolute;
	left: 725px;
	top: 80px;
	z-index: 2;
}

div.wernerb1 {
	position: absolute;
	left: 180px;
	top: 75px;
	z-index: 3;
}

div.wernerb2 {
	position: absolute;
	left: 700px;
	top: 45px;
	z-index: 3;
}



/* Eigenschaften Terminseite */

div.Termine {
	margin:20px 0 27px 150px;
}

table.Termine{
	width: 600px;
	vertical-align: middle;
	text-align: left;
	padding: 0;
	margin: 0 0 0 90px;
}

table.Termine td {
	padding-top: 4px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 4px;
	vertical-align: top;
}

table.Termine td.datum {
	width: 95px;
}


table.Termine tr.Rot td {
	background-color:#DDBBBB;
}

table.Termine tr.Gelb td {
	background-color:#FFFFDD;
}

table.Termine tr.Blau td {
	background-color:#BBBBDD;
}

table.Termine tr.Gruen td {
	background-color:#BBDDBB;
}

div.termineTina {
	position: absolute;
	left: 170px;
	top: 53px;
	z-index: 5;	
}


div.termineSpecial {
	width: 588px;
	margin-left: 96px;
	text-align: center;
	background-image: url(./pics/Termine/france.png);
	background-repeat:repeat-y;
	font-weight: bold;
	padding-top: 9px;
	padding-bottom: 9px;
}


/* Livebilder */


div.livebilderauswahl {
	margin: 10px 0 0 0;
	text-align: left;
}

div.livebilderauswahl img{
	margin: 5px 9px 5px 0;
}

div.livebilder {
	margin: 0 0 0 20px;
}


div.livebilder img {
	margin: 9px 8px 9px 8px;
}



div.livebilder h1 {
	font-size: 14pt;
}

div.livebilderSteffen {
	position: absolute;
	left: 770px;
	top: 90px;
	z-index: 3;
}


/* Eigenschaften PopUp-Fenster */

div.popup {
	margin: 5px;
	text-align: center;
}

div.popup div {
	font-size: 11pt;
	margin-top: 10px;
}

div.vor {
	position: absolute;
	top: 510px;
	left: 450px;
}


div.zurueck {
	position: absolute;
	top: 510px;
	left: 160px;
}



div.schliessen {
	position: absolute;
	bottom: 10px;
	right: 10px;	
}


div.schliessen3 {
	text-align: center;
	margin: 10px 0 0 0;
}

div.schliessen4 {
	text-align: center;
	margin: 30px 0 0 0;
}


/* Eigenschaften Newsseite */

div.news {
	width: 490px;	
}


div.news div {
	background-color: rgb(245,236,235);
	margin: 0;
	padding: 5px;
	text-align: justify;
	border-top: 0px;
	border-bottom: 0px;
	border-left: 1px;
	border-right: 1px;
	border-style: solid;
	border-color: Black;
}

div.news h1 {
	background-color: rgb(218,168,165);
	background-image: url(./pics/Titles/newstitle.png);
	text-align: left;
	margin: 0;
	padding: 0 5px 0 5px;
	font-weight: bold;
	border: 1px solid black;
	font-size: 11pt;
}

div.news h2 {
	background-color: rgb(218,168,165);
	background-image: url(./pics/Titles/newstitle.png);
	text-align: right;
	margin: 0 0 15px 0;
	padding: 0 5px 0 5px;
	font-weight: bold;
	border: 1px solid black;
	font-size: 11pt;
}

div.potw {
	position: absolute;
	top: 50px;
	left: 695px;
	width: 200px;
	text-align: center;
	z-index: 5;
}

div.potw img {
	margin-top: 5px;
	z-index: 5;
}

div.stemm {
	position: absolute;
	top: 219px;
	left: 742px;
	z-index: 4;
}

/* Eigenschaften CrewSeite */

div.crew1 {
margin: 50px 10px 0 0;
}

div.crew2 {
margin: 50px 10px 0 0;
}


div.crewText {
	text-align: justify;	
}



div.crew1 h1 {
margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 11pt;
}

div.crew2 h1 {
margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 11pt;
}




div.crew1 img {
	position: absolute;
	top: 240px;
	left: 10px;
	z-index: 4;
}


div.crew2 img {
	position: absolute;
	top: 600px;
	left: 10px;
	z-index: 4;

}


table.steckbriefCrew {
	margin: 10px 0 0 220px;	
	padding: 0px;
}


/* Eigenschaften Kontaktseite */

div.kontakt {
	width: 350px;
	margin: 30px 0 0 50px;
	line-height: 20px;
}

div.kontaktKlaus {
	position: absolute;
	left: 550px;
	top: 70px;
	z-index: 5;
}

div#impressumButton {
	position: absolute;
	top: 320px;
	left: 49px;
	z-index: 5;
}

/* Eigenschaften Impressumseite */

div.impressum {
	width: 500px;
	margin: 30px 0 0 0;
}


/* Eigenschaften Fanshopseite */

div.fanshopWernerArmin {
	position: absolute;
	left: 600px;
	top: 70px;
	z-index: 3;
}

div.fanshopDanke {
	text-align: center;
	font-size: 15pt;
	margin-top: 30%;
}

div.tShirt {
	width: 50px;
	margin: 10px 100px 20px 0;
}


div.bestellFormular {
	margin: 20px 0 20px 200px ;
}


div.bestellFormular a {
	font-weight: bold;
	font-size: 15pt;
}


div.agb {
	margin: 10px 10px 30px 10px;
	font-size: 11pt;
}

div.agb p {
	margin: 0 0 0 10px;
}

div.agb ul {
	list-style-type: none;
}

/* Eigenschafte Downloadseite */

div.video {
	position: absolute; 
	top: 80px;
	left: 50px;
	width: 176px;
}

div.video2 {
	text-align: center;
	margin-bottom: 5px;
}

div.veranstalterDownloads {
	position: absolute;
	top: 115px;
	left: 505px;
	width: 200px;
}

div.downloadsMichael {
	position: absolute;
	top: 109px;
	left: 500px;
	z-index: 3;
}


div.schliessen2 {
	text-align: center;
	margin: 50% 0 0 0;
}

/* Veranstalterdownloads */

div.logo {
	position: absolute;
	top: 70px;
	left: 200px;
	width: 200px;
	text-align: center;
}

div.logo img {
	margin: 0 0 8px 0;
}

div.schriftzug {
	position: absolute;	
	top: 250px;
	left: 200px;
	width: 200px;
	text-align: center;
}

div.schriftzug img {
	margin: 0 0 8px 0;
}