body {
  background-color:#000;
  background-repeat:no-repeat;
  color:#333;
  margin:0px;
  font: normal 9pt monospace, Georgia, Tahoma, sans-serif;
}
body#jetzt, body#home, body#ges {
  background-image:url(/pics/kontakt_bg3.jpg); }
body#kontakt {
  background-image:url(/pics/kontakt_bg.jpg); }
body#musik, body#links {
  background-image:url(/pics/kontakt_bg5.jpg); }
body#bild{
  background-image:url(/pics/kontakt_bg7.jpg); }
body#gb {
  background-color:#333; }

#head { 
  position:absolute;
  top:0px;
  left:0px;
  z-index:50;
}
#foot { 
  position:absolute;
  top:280px;
  left:0px;
  z-index:50;
}

/* -------------------------------------------------------------------- */

#home1 {
  color:#f22;
  font:bold 13pt Verdana, sans-serif;
  position:absolute;
  top:40px;
  left:6px;
  width:260px;
  padding:0 0px 0 0;
  overflow:auto;
  z-index:70;
}
#home2 {
  color:#fff;
  font:bold 13pt Verdana, sans-serif;
  position:absolute;
  top:220px;
  left:6px;
  width:260px;
  padding:0 0px 0 0;
  overflow:auto;
  z-index:70;
}
#home2 small {
  font:bold 11pt Verdana, sans-serif;
}
#home2 a {
  color:#fff;
}
/*
#home3 {
  color:#fff;
  font:normal 9pt monospace, Verdana, sans-serif;
  position:absolute;
  top:80px;
  left:280px;
  height:230px;
  width:280px;
  padding:0 8px 0 0;
  overflow:auto;
  z-index:70;
}
*/
#home3 {
  color:#fff;
  font:normal 30pt Verdana, sans-serif;
  position:absolute;
  top:120px;
  left:280px;
  height:230px;
  width:280px;
  padding:0 8px 0 0;
  overflow:auto;
  z-index:70;
}
#home4 {
  color:#fff;
  font: bold 9pt Verdana, sans-serif;
  position:absolute;
  top:75px;
  left:280px;
  height:230px;
  width:270px;
  padding:0 8px 0 0;
  overflow:auto;
  z-index:70;
}
#home4 a { 
  color:#fff;

}


#mainjetzt {
  direction:rtl;
  font:bold 8pt Verdana, Arial;
  text-align:left;
  color:#fff;
  position:absolute;
  top:45px;
  left:0px;
  height:240px;
  width:240px;
  padding:0 0 0 6px;
  overflow:auto;
  z-index:70;
}
#mainjetzt a { 
  color:#fff;
}

#maingesi {
  position:absolute;
  color:#fff;
  top:70px;
  left:280px;
  height:220px;
  width:270px;
  padding:6px;
  overflow:auto;
  z-index:70;
}
#filmstreifen {
  direction:rtl;
  text-align:center;
  position:absolute;
  top:34px;
  left:0px;
  height:245px;
  width:120px;
  overflow:auto;
  z-index:70;
}
#filmstreifen img { 
  margin:0 0 4px 0;
}

#back  {
  position:absolute;
  top:340px;
  left:660px;
  z-index:70;
}

#thumbnails {
  border-spacing:0px;
  padding:0px;
  position:absolute;
  font: normal 9pt monospace;
  top:90px;
  left:570px;
  overflow:auto;
  z-index:70;
}

#mainbild {
  position:absolute;
  color:#900;
  top:80px;
  left:570px;
  height:200px;
  width:160px;
  padding:0 6px 0 0px;
  overflow:auto;
  z-index:70;
}

img.tmb { 
/*  filter:Alpha(opacity=100, finishopacity=0, style=2);*/
  margin:1px;
  width:30px;
  height:22px;
}
img.tmb:hover { 
/*  filter:Alpha(opacity=100, finishopacity=50, style=2);*/
  margin:-1px;
  width:34px;
  height:24px;
}

#maincd {
  color:#000;
  font:bold 8pt sans-serif;
  position:absolute;
  top:80px;
  left:280px;
  height:246px;
  width:360px;
  padding:0 100px 0 0;
  overflow:auto;
  z-index:70;
}
#mainmusik {
  color:#000;
  position:absolute;
  top:80px;
  left:280px;
  height:246px;
  width:460px;
  padding:0 0px 0 0;
  overflow:auto;
  z-index:70;
}
#navmusik {
  position:absolute;
  top:50px;
  left:30px;
  height:230px;
  width:180px;
  padding:0 6px 0 0;
  overflow:auto;
  z-index:70;
}


#musiknav {
  position:absolute;
  top:110px;
  left:246px;
}

/* Thanks to Mr. Zeldman for CSS-Rollover-Effects! */

#musikkonzerte	{
  /* Opera uses this background for the rollover effect. */
	background: url(/pics/musik_konzerteh.png) no-repeat 1px;
	}	
#musiktexte	{
  /* Opera uses this background for the rollover effect. */
	background: url(/pics/musik_texteh.png) no-repeat 1px;
	}	
#musikcd	{
  /* Opera uses this background for the rollover effect. */
	background: url(/pics/musik_cdh.png) no-repeat 1px;
	}	

#muskon {
	display: block;
	padding: 0;
	background: url(/pics/musik_konzerte.png) no-repeat 1px; /* start hiding from macie\*/
	background-position: 0px; /* stop hiding */
	width: 18px;
	height: 72px;
	voice-family: "\"}\"";   /* Need we explain? */
	voice-family: inherit;   
	width: 18px;
	height: 72px; /* Actual values to overlap borders */
	}
#mustex {
	display: block;
	padding: 0;
	background: url(/pics/musik_texte.png) no-repeat 1px; /* start hiding from macie\*/
	background-position: 0px; /* stop hiding */
	width: 18px;
	height: 48px;
	voice-family: "\"}\"";   /* Need we explain? */
	voice-family: inherit;   
	width: 18px;
	height: 48px; /* Actual values to overlap borders */
	}
#muscd {
	display: block;
	padding: 0;
	background: url(/pics/musik_cd.png) no-repeat 1px; /* start hiding from macie\*/
	background-position: 0px; /* stop hiding */
	width: 18px;
	height: 48px;
	voice-family: "\"}\"";   /* Need we explain? */
	voice-family: inherit;   
	width: 18px;
	height: 48px; /* Actual values to overlap borders */
	}

html>body #muskon {
	width: 18px;
	height: 72px; /* Be nice to Opera */
	}
html>body #mustex {
	width: 18px;
	height: 48px; /* Be nice to Opera */
	}
html>body #muscd {
	width: 18px;
	height: 48px; /* Be nice to Opera */
	}

a#muskon:hover {
	background-image: url(/pics/musik_konzerteh.png);
	}
a#mustex:hover {
	background-image: url(/pics/musik_texteh.png);
	}
a#muscd:hover {
	background-image: url(/pics/musik_cdh.png);
	}


#mainkontakt {
  color:#fee;
  letter-spacing:2px;
  position:absolute;
  top:140px;
  left:380px;
  height:230px;
  width:360px;
  padding:0 6px 0 0;
  overflow:auto;
  z-index:70;
}

#mainlinks {
  color:#000;
  position:absolute;
  top:80px;
  left:290px;
  height:246px;
  width:450px;
  padding:0 0px 0 0;
  overflow:auto;
  z-index:70;
}
#navlinks {
  position:absolute;
  top:50px;
  left:20px;
  height:230px;
  width:240px;
  padding:0 6px 0 0;
  overflow:auto;
  z-index:70;
}


pre {
  font:normal 9pt monospace;
}

a, a:visited, a:link {
  color:#000;
}

a.light {
  color:#fff;
}

a:hover {
  text-decoration:underline;
}


q {
font-style:italic;
}

.skip { 
  display:none;
}

#gbiframe {
  border-width:0px;
  position:absolute;
  top:0px;
  left:0px;
  height:330px;
  width:740px;
  overflow:auto;
  z-index:70;
}

input { 
  border:solid 1px #000;
  background-color:#ffe;
  font:normal 8pt Verdana, sans-serif;
  padding:1px 2px 1px 2px;
}
input[type="text"] { 
  color:#900;
  width:160px;      
}

div.hr { 
  border-top:solid 1px #fff;
  margin:20px 5px;

}
hr { display:none; }
