@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	background-color:black;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14pt;
	line-height:20pt;
}

h1 {
	color:#CC0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24pt;
	font-weight:bold;
	display:none;
}

h2 {
	color:#CC0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20pt;
	font-weight:bold;
	display:none;
}

p {
	padding:0;
	margin:0;
}

#wood {
	position:relative;
	margin:auto;
	padding:0;
	width:900px;
	background:url(../images/holz.jpg);
}

#wrapper {
	position:relative;
	/*padding-top:105px;*/
	margin:auto;
	margin-top:20px;
	padding:0;
	width:750px;
	background:#FFFFCE url(../images/back.jpg) repeat-y;
}

#header {
	background:url(../images/header.jpg) no-repeat;
	height:130px;
}

/************* Navigation ********************/

#nav {
	background:url(../images/menu_back.jpg) no-repeat;
	height:110px;
}

#nav1 {
	list-style:none;
	margin:0;
	padding:0;
/*	padding-top:105px;
/*	border-bottom:black solid 1px;*/
	text-align:center;
}

#nav1 li {
	float:left;
	font-weight:bold;
	padding:0;
	margin:0;
/*	background-color:#CCCCCC;*/
/*	height:60px;*/
	width:20%;
/*	background:url(../images/beton1.jpg);*/
}

#nav1 li a {
	display:block;  		/*	-> in Blocklevel-Element umwandeln */
	height:50px;			/*	-> Bildhöhe definieren */
	text-indent:-9999px;	/* -> Text aus dem sichtbaren Bereich herausrücken */
	overflow:hidden;		/* -> alles, was über den Elementrand hinausragt, wird abgeschnitten */
	font-size:1px;			/* -> damit durch Änderung der Schriftgröße das Element nicht größer wird */
	color:#FFFFFF;
	text-decoration:none;
	padding:0;
	margin:0;
}

#nav1 li a:hover {
	background-position:0 -50px;
}

#nav1 li#navitem_1 a {
	background-image:url(../images/but_home.png);
	background-repeat:no-repeat;
	width:150px;
}

#nav1 li#navitem_2 a {
	background-image:url(../images/but_band.png);
	background-repeat:no-repeat;
	width:150px;
}

#nav1 li#navitem_3 a {
	background-image:url(../images/but_repertoire.png);
	background-repeat:no-repeat;
	width:150px;
}

#nav1 li#navitem_4 a {
	background-image:url(../images/but_multimedia.png);
	background-repeat:no-repeat;
	width:150px;
}

#nav1 li#navitem_5 a {
	background-image:url(../images/but_termine.png);
	background-repeat:no-repeat;
	width:150px;
}

#nav2 {
	list-style:none;
	margin:0;
	padding:0;
/*	padding-top:35px;*/
	text-align:center;
/*	float:left;*/
}

#nav2 li {
	float:left;
	font-weight:bold;
	padding:0;
/*	background-color:#CCCCCC;*/
/*	height:60px;*/
	width:24.99%;
	padding:0;
	margin:0;
}

#nav2 li a {
	display:block;  		/*	-> in Blocklevel-Element umwandeln */
	height:50px;			/*	-> Bildhöhe definieren */
	text-indent:-9999px;	/* -> Text aus dem sichtbaren Bereich herausrücken */
	overflow:hidden;		/* -> alles, was über den Elementrand hinausragt, wird abgeschnitten */
	font-size:1px;			/* -> damit durch Änderung der Schriftgröße das Element nicht größer wird */
	color:#FFFFFF;
	text-decoration:none;
}

#nav2 li a:hover {
	background-position:0 -50px;
}

#nav2 li#navitem_6 a {
	background-image:url(../images/but_wissenswertes.png);
	background-repeat:no-repeat;
	width:187px;
}

#nav2 li#navitem_7 a {
	background-image:url(../images/but_guestbook.png);
	background-repeat:no-repeat;
	width:187px;
}

#nav2 li#navitem_8 a {
	background-image:url(../images/but_kontakt.png);
	background-repeat:no-repeat;
	width:187px;
}

#nav2 li#navitem_9 a {
	background-image:url(../images/but_links.png);
	background-repeat:no-repeat;
	width:187px;
}

#nav3 {
	list-style:none;
	margin:0;
	padding:0;
/*	padding-top:35px;*/
	text-align:center;
/*	float:left;*/
/*	height:50px;*/
/*	width:400px;*/
	background:url(../images/menu_back2.png) no-repeat;
	position:absolute;
	top:240px;
	left:350px;
}

#nav3 li {
	float:right;
	font-weight:bold;
	padding:0;
	margin:0;
/*	padding-top:15px;*/
/*	background-color:#CCCCCC;*/
/*	height:60px;*/
/*	width:25%;*/
}

#nav3 li a {
	display:block;  		/*	-> in Blocklevel-Element umwandeln */
	height:50px;			/*	-> Bildhöhe definieren */
	text-indent:-9999px;	/* -> Text aus dem sichtbaren Bereich herausrücken */
	overflow:hidden;		/* -> alles, was über den Elementrand hinausragt, wird abgeschnitten */
	font-size:1px;			/* -> damit durch Änderung der Schriftgröße das Element nicht größer wird */
	color:#CC0000;
	text-decoration:none;
}

#nav3 li a:hover {
	background-position:0 -50px;
	color:#000000;
}

#nav3 li#navitem_10 a {
	background-image:url(../images/but_techniker.png);
	background-repeat:no-repeat;
	width:187px;
}

#nav3 li#navitem_11 a {
	background-image:url(../images/but_musiker.png);
	background-repeat:no-repeat;
	width:187px;
}

#nav3 li#navitem_12 a {
	background-image:url(../images/but_rockhistory.png);
	background-repeat:no-repeat;
	width:187px;
}

#nav3 li#navitem_13 a {
	background-image:url(../images/but_blueshistory.png);
	background-repeat:no-repeat;
	width:187px;
}

#nav3 li#navitem_14 a {
	background-image:url(../images/but_back.png);
	background-repeat:no-repeat;
	width:187px;
}

/************** Seiten Überschriften ********************/

#title_heartofrock {
	background:url(../images/title_heartofrock.png) no-repeat;
	height:132px;
	margin:auto;
}


#title_start {
	background:url(../images/title_start.png) no-repeat;
	height:44px;
	padding-bottom:20px;
}

#title_band {
	background:url(../images/title_band.png) no-repeat;
	height:44px;
	padding-bottom:20px;
}

#title_repertoire {
	background:url(../images/title_repertoire.png) no-repeat;
	height:44px;
	padding-bottom:20px;
}

#title_rock_history {
	background:url(../images/title_rock_history.png) no-repeat;
	height:44px;
	padding-bottom:20px;
}

#title_blues_history {
	background:url(../images/title_blues_history.png) no-repeat;
	height:44px;
	padding-bottom:20px;
}

#title_termine {
	background:url(../images/title_termine.png) no-repeat;
	height:44px;
	padding-bottom:20px;
}

#title_kontakt {
	background:url(../images/title_kontakt.png) no-repeat;
	height:44px;
	padding-bottom:20px;
}

#title_links {
	background:url(../images/title_links.png) no-repeat;
	height:44px;
	padding-bottom:20px;
}

#title_guestbook {
	background:url(../images/title_guestbook.png) no-repeat;
	height:44px;
	padding-bottom:20px;
}

#title_wissenswertes {
	background:url(../images/title_wissenswertes.png) no-repeat;
	height:44px;
	padding-bottom:20px;
}

#title_musiker {
	background:url(../images/title_musiker.png) no-repeat;
	height:44px;
	padding-bottom:20px;
}

#title_techniker {
	background:url(../images/title_techniker.png) no-repeat;
	height:44px;
	padding-bottom:20px;
}

#title_links_shops {
	background:url(../images/title_link_shops.png) no-repeat;
	height:33px;
}

#title_links_bands {
	background:url(../images/title_link_bands.png) no-repeat;
	height:33px;
	margin-top:20px;
}

#title_links_lokale {
	background:url(../images/title_link_lokale.png) no-repeat;
	height:33px;
	margin-top:20px;
}

#title_band_claudia {
	background:url(../images/title_band_claudia.png) no-repeat;
	height:44px;
	padding-bottom:20px;
}

#title_band_helmut {
	background:url(../images/title_band_helmut.png) no-repeat;
	height:44px;
	padding-bottom:20px;
}

#title_band_markus {
	background:url(../images/title_band_markus.png) no-repeat;
	height:44px;
	padding-bottom:20px;
}

#title_band_martin {
	background:url(../images/title_band_martin.png) no-repeat;
	height:44px;
	padding-bottom:20px;
}

#title_band_peter {
	background:url(../images/title_band_peter.png) no-repeat;
	height:44px;
	padding-bottom:20px;
}

#title_band_rene {
	background:url(../images/title_band_rene.png) no-repeat;
	height:44px;
	padding-bottom:20px;
}

#title_band_andrea {
	background:url(../images/title_band_andrea.png) no-repeat;
	height:44px;
	padding-bottom:20px;
}

#title_band_thomas {
	background:url(../images/title_band_thomas.png) no-repeat;
	height:44px;
	padding-bottom:20px;
}

/***************************** Seiteninhalt ***********************/

#content {
	padding:20px;
	min-height:450px;
	text-align:justify;
/*	padding-top:100px;*/
}

#content a {
	text-decoration:none;
	color:black;
/*	font-weight:bold;*/
}

#content a:hover {
	color:#CC0000;
	text-decoration:underline;
}

img {
	border:0;
}

#guestbook {
	width:700px;
/*	height:1500px;*/
	height:1000px;
	border:0;
	margin:0;
	padding:0;
}

.technik {
	color:#CC0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18pt;
	font-weight:bolder;
	text-align:center;
	padding:20px;
}


table {
	width:710px;
/*	padding:10px;*/
	text-align:center;
}

td {
	width:20%;
	padding:20px;
}

#termine {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;

}

/***************************** Band *********************************/

dl {
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;

}

dt {
	font-weight:bolder;
	font-size:18pt;
	padding:10px 0;
}

dd {
	padding-right:15px;
	font-size:14pt;
}

#nickname {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18pt;
	font-weight:bolder;
}

#birthday {
	font-size:12pt;
	padding:0;
	margin:0;
	padding:10px 0;
}

#instruments {
	color:#CC0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18pt;
	font-weight:bolder;
	text-align:right;
	padding-bottom:200px;
	padding-right:50px;
}

#band_claudia {
	background:url(../images/band_claudia.jpg) no-repeat;
	height:600px;
	width:400px;
	float:left;
}

#band_helmut {
	background:url(../images/band_helmut.jpg) no-repeat;
	height:600px;
	width:400px;
	float:left;
}

#band_markus {
	background:url(../images/band_markus.jpg) no-repeat;
	height:600px;
	width:400px;
	float:left;
}

#band_martin {
	background:url(../images/band_martin.jpg) no-repeat;
	height:600px;
	width:400px;
	float:left;
}

#band_peter {
	background:url(../images/band_peter.jpg) no-repeat;
	height:600px;
	width:400px;
	float:left;
}

#band_rene {
	background:url(../images/band_rene.jpg) no-repeat;
	height:600px;
	width:400px;
	float:left;
}

#band_andrea {
	background:url(../images/band_andrea.jpg) no-repeat;
	height:600px;
	width:400px;
	float:left;
}

#band_thomas {
	background:url(../images/band_thomas.jpg) no-repeat;
	height:600px;
	width:400px;
	float:left;
}

/****************************** Fusszeile **************************/

#footer {
	position:relative;
	margin:auto;
	width:750px;
	background:url(../images/footer.png) no-repeat;
	height:70px;
}

#footer p {
	margin:0;
	padding:40px 0;
	color:white;
	font-size:small;
	text-align:right;
}

.floatclear {
	clear:both;
}