/* css-letsgomusic.css */

html, body	{ 
 	height: 100%; /* wichtig */
	font:12px "Trebuchet MS", Verdana, Arial, sans-serif;
	color:black;
	/* background:white; */
	text-align:center;

    background-color: #ffdbb1; background-image: url(images/mm-bg.jpg); background-attachment: fixed;
	scrollbar-3d-light-color: white;
	scrollbar-arrow-color: yellow;
	scrollbar-base-color: black;
	scrollbar-dark-shadow-color: yellow;
	scrollbar-face-color: darkred;
	scrollbar-highlight-color: yellow;
	scrollbar-shadow-color: yellow;
}


*{
	padding:0;
	margin:0;
	border:0;
} 
/* #header{
	padding-left:20px;
	height:110px;
	font-size:20px;
	text-transform:uppercase;
	background:#ccc;
	line-height: 60px;
} */
 #box{
	width:900px;
	margin:0 auto;
	text-align:left;
  	position: relative;
  	min-height: 100%;
	height:auto !important;/* moderne Browser */
	height:100%; /* IE */
	/* background:#eaeaea; */
}

p {
  margin: 0;
  padding: 1em 0;
  line-height: 1.5em;
} 

.hp		{ width: 900px; height:100%; border-spacing: 0px; border: 0px solid blue; border-collapse: collapse; text-align: center; }
table.hpdimension	{ margin: 0px; padding: 0px; border: 0px solid blue; border-spacing:0px; width: 900px; height: 16px; border-collapse: separate; }	
table.navi1	{ margin: 0px; padding: 0px; border: 1px solid #000000; width: 100%; border-collapse: collapse; }	
td		{ vertical-align: top; margin: 0px; padding:0px; font-family: verdana, arial; font-size: 12px;}	
td.navi1	{ height: 20px; font-family: verdana; font-size: 12px; text-align: center; vertical-align: middle; background-color: #ffe3c3;}
.rahmen_null	{ border: 0px;}
.rahmen_black1	{ border: 1px solid #000000;}
.rahmen_brown	{ border: 1px solid #b87143;}
.red	 		{ color: darkred; font-weight: bold; padding-left: 20px; }
ul				{ margin-left: 16px; }
li				{ padding-bottom: 12px; margin-left: 2px;}
li.star			{ padding-bottom: 12px; list-style-image: url(images/star-red_26x26.gif); margin-left: 12px;}
li.songtitel	{ padding-bottom: 0px; font-size: 11px; font-weight: bold; font-family: arial; color: #515151; letter-spacing: 0px; list-style-image: none;}
.interpret		{ padding-left: 30px; font-size: 10px; font-weight: normal; font-family: verdana; color: #515151; letter-spacing: 0px;}
A.navstart:link, A.navstart:visited		{ background: url(images/nav-start-off_64x32.jpg); display: block;}
A.navstart:hover	{ background: url(images/nav-start-on_64x32.jpg); display: block;}
A.navwillkommen:link, A.navwillkommen:visited		{ background: url(images/nav-willkommen-off_116x32.jpg); display: block;}
A.navwillkommen:hover	{ background: url(images/nav-willkommen-on_116x32.jpg); display: block;}
A.navdieband:link, A.navdieband:visited		{ background: url(images/nav-dieband-off_84x32.jpg); display: block;}
A.navdieband:hover	{ background: url(images/nav-dieband-on_84x32.jpg); display: block;}
A.navprogramm:link, A.navprogramm:visited		{ background: url(images/nav-programm-off_100x32.jpg); display: block;}
A.navprogramm:hover	{ background: url(images/nav-programm-on_100x32.jpg); display: block;}
A.navshowtime:link, A.navshowtime:visited		{ background: url(images/nav-showtime-off_92x32.jpg); display: block;}
A.navshowtime:hover	{ background: url(images/nav-showtime-on_92x32.jpg); display: block;}
A.navgalerie:link, A.navgalerie:visited		{ background: url(images/nav-galerie-off_72x32.jpg); display: block;}
A.navgalerie:hover	{ background: url(images/nav-galerie-on_72x32.jpg); display: block;}
A.navreferenzen:link, A.navreferenzen:visited		{ background: url(images/nav-referenzen-off_108x32.jpg); display: block;}
A.navreferenzen:hover	{ background: url(images/nav-referenzen-on_108x32.jpg); display: block;}
A.navgaestebuch:link, A.navgaestebuch:visited		{ background: url(images/nav-gaestebuch-off_96x32.jpg); display: block;}
A.navgaestebuch:hover	{ background: url(images/nav-gaestebuch-on_96x32.jpg); display: block;}
A.navservice:link, A.navservice:visited		{ background: url(images/nav-service-off_76x32.jpg); display: block;}
A.navservice:hover	{ background: url(images/nav-service-on_76x32.jpg); display: block;}
A.navkontakt:link, A.navkontakt:visited		{ background: url(images/nav-kontakt-off_92x32.jpg); display: block;}
A.navkontakt:hover	{ background: url(images/nav-kontakt-on_92x32.jpg); display: block;}

#aktivstart {background: url(images/nav-start-on_64x32.jpg);}
#aktivwillkommen {background: url(images/nav-willkommen-on_116x32.jpg);}
#aktivdieband {background: url(images/nav-dieband-on_84x32.jpg);}
#aktivprogramm {background: url(images/nav-programm-on_100x32.jpg);}
#aktivshowtime {background: url(images/nav-showtime-on_92x32.jpg);}
#aktivfgalerie {background: url(images/nav-galerie-on_72x32.jpg);}
#aktivreferenzen {background: url(images/nav-referenzen-on_108x32.jpg);}
#aktivgaestebuch {background: url(images/nav-gaestebuch-on_96x32.jpg);}
#aktivservice {background: url(images/nav-service-on_76x32.jpg);}
#aktivkontakt {background: url(images/nav-kontakt-on_92x32.jpg);}

A.navi2:link	{	 
		color: #000000; text-decoration: none; font-weight: normal; font-variant: normal; vertical-align: middle; height: 12px;  }
A.navi2:visited	{	 
		color: #000000; text-decoration: none; font-weight: normal; font-variant: normal; vertical-align: middle; height: 12px;  }
A.navi2:hover	{	 
		color: #FFFFFF; text-decoration: none; font-weight: normal; font-variant: normal; vertical-align: middle; height: 12px; background-color: darkred;  }
A.navi2aktiv	{	 
		color: #FFFFFF; text-decoration: none; font-weight: bold; font-variant: normal; vertical-align: middle; display: block; height: 16px; background-color: #2f329b; }
td.empty12L	{ height: 12px; font-family: arial, verdana; font-size: 10px; text-align: left; vertical-align: middle; padding-left: 2px; width: 250px;}
td.empty12M	{ height: 12px; font-family: arial, verdana; font-size: 10px; text-align: center; vertical-align: middle; padding-left: 2px; padding-right: 2px; width: 400px;}
td.empty12R	{ height: 12px; font-family: arial, verdana; font-size: 10px; text-align: right; vertical-align: middle; padding-right: 2px; width: 250px;}	
.letsgo1		{ font-family: verdana; font-weight: bold; color: darkred; }
.hidden		{width: 900px; height: 100px; font-size: 0px; visibility: hidden; position: absolute; z-index:-1;}
.hint	{ height: 12px; font-family: arial, verdana; font-size: 10px; text-align: left; vertical-align: middle; padding-left: 2px; padding-right: 2px;background-color: red; color: #FFFFFF; font-weight: bold;}

