@charset "utf-8";
/* CSS Document */
body {
	background: #19182b;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #2b2b2b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}


#container {
	position:relative;
	width: 900px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	height: 511px;
	background: #ffffff;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#navigation {
	width: 172px;
	position:absolute;
	top:214px;
	left: 0px;
	float:none;
	background-image:url(../Images/navigatiom_BG.jpg);
	height: 396px;
}

#navigation_home {
	width: 172px;
	height: 396px;
	position:absolute;
	top:214px;
	left: 0px;
	float:none;
	background-image:url(../Images/navigation_home_BG.jpg)
}

#content {
	width: 668px;
	float:none;
	position: absolute;
	left: 172px;
	top:214px;
	padding-top: 25px;
	padding-left: 30px;
	padding-bottom:5px;
	background-color: #FFFFFF;
	padding-right: 30px;
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
}

#content_home {
	width: 728px;
	height: 396px;
	float:none;
	position: absolute;
	left: 172px;
	top:214px;
	background-image: url(../Images/content_home_BG.jpg);
	background-repeat: no-repeat;
	
}

#content_kontakt {
	width: 728px;
	height: 398px;
	float:none;
	position: absolute;
	left: 172px;
	top:214px;
	background-image:url(../Images/content_kontakt_BG.jpg);
}

#content_presse {
	width: 728px;
	height: 398px;
	float:none;
	position: absolute;
	left: 172px;
	top:214px;
	background-image:url(../Images/content_presse_BG.jpg);
	
}

#content_jam {
	width: 728px;
	float:none;
	position: absolute;
	left: 172px;
	top:214px;
}

#header_top {
	width: 900px;
	height:214px;
	float:none;
	position: absolute;
	left: -42px;
	top: 187px;
	
}

#header_image {
	width: 290px;
	height: 214px;
	float:none;
	position: absolute;
	left: 610px;
	top:0px;
}

#header_bottom {
	width: 438px;
	height: 64px;
	float:none;
	position: absolute;
	left: 172px;
	top:150px;
	background-image:url(../Images/header_pietklinger.jpg);
}

#footer {
	width: 900px;
	height: 177px;
	position: absolute;
	left: 0px;
	top:955px;
}	

/* MENÜ */

#Nav {
	position:relative;
	top:90px;
	color:#FFFFFF;
	a:link="ffffff";
	font-size: 14px;
	font-weight: bold;
}


#Nav_Home {
	height:28px;
	background-image:url(../Images/line_home.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-left: 64px;
	padding-top: 8px;
	color: #ac24a5;
}
#Nav_about {
	height:28px;
	background-image:url(../Images/line_about.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-left: 64px;
	padding-top: 8px;
	color: #4957b4;
}
#Nav_Termine {
	height:28px;
	background-image:url(../Images/line_termine.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-left: 64px;
	padding-top: 8px;
	color: #21deee;
}
#Nav_Jam {
	height:28px;
	background-image:url(../Images/line_jam.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-left: 64px;
	padding-top: 8px;
	color: #399736;
}
#Nav_Musik {
	height:28px;
	background-image:url(../Images/line_musik.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-left: 64px;
	padding-top: 8px;
	color: #b6bd19;
}
#Nav_Presse {
	height:28px;
	background-image:url(../Images/line_presse.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-left: 64px;
	padding-top: 8px;
	color: #b60d1b;
}
#Nav_Pics {
	height:28px;
	background-image:url(../Images/line_pics.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-left: 64px;
	padding-top: 8px;
	color: #bb18a1;
}
#Nav_Kontakt {
	height:28px;
	background-image:url(../Images/line_kontakt.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-left: 64px;
	padding-top: 8px;
	color: #4855b2;
}


#Nav a, a:link, a:visited {color:#FFFFFF; text-decoration:none}
#Nav_Home a:hover{color:#ac24a5}
#Nav_about a:hover{color:#4957b4}
#Nav_Termine a:hover{color:#21deee}
#Nav_Jam a:hover{color:#399736}
#Nav_Musik a:hover{color:#b6bd19}
#Nav_Presse a:hover{color:#b60d1b}
#Nav_Pics a:hover{color:#bb18a1}
#Nav_Kontakt a:hover{color:#4855b2}




a{
	color: #b2b2b2;
	text-decoration: none;
}

a:link{
	color: #000000;
	text-decoration:underline;
}

a:visited{
	color: #2b2b2b;
	text-decoration: none;
}

a:hover{
	color: #f55c00;
	text-decoration: underline;
}
	
h3 {
	font-size: 14px;
	margin-bottom: 0px;
}
p {margin-top: 0px; }