html, body {	background: rgb(153,146,143);	color: rgb(82,82,82);}
html, body, a, h2, h3, h4, div, p, ul, li, input, table {		font-family: Verdana, Arial, Helvetica, sans-serif;		font-size: 11px;}
html {	height:100%;}
body {	min-height:101%;}

img {	         border: none;	text-decoration: none;	}
table, td, div { border:0;}

body {
	min-width: 764px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: center;
}

div.dokument {
	width: 764px;
	margin: 0 auto 0; 
	text-align: left;
	}

#kopf {
	width: 764px;
	height: 150px;
	margin:0;	padding:0;
	background:url(../images/hg-kopf.jpg) top no-repeat;
}
#kopf-englisch {
	width: 764px;
	height: 150px;
	margin:0;	padding:0;
	background:url(../images/hg-kopf-englisch.jpg) top no-repeat;
}

#kopf h1 {   width: 690px; 	height: 60px; 	margin:73px 0px 0px 0px; padding:0;	background: url(../images/leer.gif) no-repeat top left;float: left;	border: none;	display:block;}
#kopf h1 a { width: 690px; 	 height: 60px; display: block;color: rgb(239,128,73);	margin: 0; padding:0;}
#kopf span { float:right;	text-decoration:normal;	font-size: 10px;	font-weight:normal;	margin: 0; padding:45px 75px 0px 0px;}

#kopf-englisch h1 {   width: 690px; 	height: 60px; 	margin:73px 0px 0px 0px; padding:0;	background: url(../images/leer.gif) no-repeat top left;float: left;	border: none;	display:block;}
#kopf-englisch h1 a { width: 690px; 	 height: 60px; display: block;color: rgb(239,128,73);	margin: 0; padding:0;}
#kopf-englisch span { float:right;	text-decoration:normal;	font-size: 10px;	font-weight:normal;	margin: 0; padding:45px 75px 0px 0px;}

.none{ width: 0.1em; height: 0.1em; display: block; overflow: hidden;}



/*-- Andreas Rapp - geerdeter Groove-Jazz mit intellektuellem Touch - Klarinettist, Saxophonist, Komponist, Arrangeur  ----------------------------------------------- content*/

table.content {	width: 764px;	height: 350px;	vertical-align: top; margin: 0px;	padding: 0px; text-align:left; background-image:url(../images/hg-content.jpg);}

td.c-nav {		width: 170px;	height: auto;	vertical-align: top;	margin:0; padding:80px 0px 20px 0px;   background: url(../images/bg-nav.jpg) no-repeat top;}
#content-nav { 	text-align:left;}

td.c-mi {		width: 520px;	height: auto;	vertical-align: top;	margin:0; padding:55px 0px 20px 0px;}
#content-mi {	text-align:justify; line-height:17px;}

td.a-1 {	width: 37px;	height: auto;	vertical-align: top;margin:0; padding:0;}
img.a-1 { 	width: 37px;	height: 400px;}
td.a-2 {	width: 37px;	height: auto;	vertical-align: top;margin:0; padding:0;}
img.a-2 { 	width: 37px;	height: 400px;}

/*-- Andreas Rapp - geerdeter Groove-Jazz mit intellektuellem Touch - Klarinettist, Saxophonist, Komponist, Arrangeur  -------------------------------------- menue 1  */

#nav {
position:relative;
width:170px;
margin:0px;
padding:0px;
text-align:left;
}

/* nav list */
#nav ul {
list-style:none;
width:170px;
margin:0;
padding:0;
}
#nav li {
display: block;
line-height:30px;
width:170px;
margin:0;
background:none;
}

/*  links */
#nav ul li a {
color:rgb(102,102,102);
font-weight:bold;
text-decoration:none;
margin:0px;
padding: 0px 0px 0px 45px;
display: block;
height:1em;
background: none;
}
html>body #nav a:link, #nav a:visited {
height:auto;
}

#nav ul li a:hover {
color:rgb(194,0,0);
font-weight:bold;
text-decoration:none;
display: block;
background: none;
}

#nav ul.u {
list-style:none;
width:170px;
margin:0px 0px 10px 0px;
padding:0;
background:none;
}

#nav li.u {
line-height:20px;
width:170px;
margin: 0;
padding:0;
background:none;
}

#nav ul.u li.u a {
color:rgb(92,92,92);
font-weight:normal;
text-decoration:none;
margin:0px;
padding: 0px 0px 0px 45px;
display: block;
background: none;
}
html>body #nav a:link, #nav a:visited {
height:auto;
}
#nav ul.u li.u a:hover {
color:rgb(194,0,0);
font-weight:bold;
text-decoration:none;
display: block;
}

/* you are here */


body#home li#homea a,
body#lebenslauf li#lebenslaufa a,
body#taetigkeitsfelder li#taetigkeitsfeldera a,/* taetigkeitsfelder */
body#galerie li#galeriea a,/* galerie */
body#mp3 li#mp3a a,/* mp3 */
body#demo-tracks li#mp3a a,
body#file-under-jazz li#file-under-jazza a,/* file-under-jazz */
body#termine li#terminea a,/* termine */
body#termine-2008 li#terminea a,
body#termine-2007 li#terminea a,
body#termine-2006 li#terminea a,
body#termine-2005 li#terminea a,
body#presse li#pressea a,/* presse */
body#presse-txt li#pressea a,
body#presse-horb-2007 li#pressea a,
body#presse-schuetzenhaus-2006 li#pressea a,
body#presse-lkz-12-2005 li#pressea a,
body#links li#linksa a, /* links */
body#gb li#gba a, /* gb */
body#kontakt li#kontakta a,/* kontakt */
body#impressum li#kontakta a,
body#datenschutz li#kontakta a
{
color:rgb(0,0,0);
font-weight:bold;
background: url(../images/hg-menue-marked.gif) no-repeat;
}

body#demo-tracks li#demo-tracksa a,/* mp3 */
body#termine-2008 li#termine-2008a a,/* termine */
body#termine-2007 li#termine-2007a a,
body#termine-2006 li#termine-2006a a,
body#termine-2005 li#termine-2005a a,
body#presse-txt li#presse-txta a,/* presse */
body#presse-horb-2007 li#presse-horb-2007a a,
body#presse-schuetzenhaus-2006 li#presse-schuetzenhaus-2006a a,
body#presse-lkz-12-2005 li#presse-lkz-12-2005a a,
body#impressum li#impressuma a,/* kontakt */
body#datenschutz li#datenschutza a
{
color:rgb(194,0,0);
text-decoration:none;
font-weight:bold;
background:none;
}


/*-- Andreas Rapp - geerdeter Groove-Jazz mit intellektuellem Touch - Klarinettist, Saxophonist, Komponist, Arrangeur  --------------------------------------  */


h1 {
	clear:both; 
	height:16px;
	margin: 0px 0px 50px 0px;
	padding: 5px 50px 0px 0px;
	color: rgb(153,146,143);
	font-size: 13px;
	font-weight: bolder;
	text-align:right;
}

body#presse h2 {
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 5px;
	color: rgb(51,51,51);
	font-size: 11px;
	font-weight: normal;
	font-style:italic;
	border-bottom: 1px solid rgb(194,0,0);
	background-color: rgb(235,234,233);
}

h2 {
	margin: 0px 0px 25px 0px;
	padding: 0px 5px 0px 0px;
	color: rgb(194,0,0);
	font-size: 11px;
	font-weight: bold;
}

h3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: rgb(82,82,82);
	font-size: 11px;
	font-weight: bold;
}
h4 {						
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	color: rgb(112,112,112);
	font-size: 9px;
	font-style: normal;
	text-decoration: none;
	font-weight:500;
}

h5 {
    clear:both;
	position:relative;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	color: rgb(92,92,92);
	font-size: 11px;
	font-weight: bold;
	border-bottom: dashed #cccccc 1px;
}
h6 {
    clear:both;
	position:relative;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	color: rgb(92,92,92);
	font-size: 11px;
	font-weight: bold;
	border-bottom: solid #dddddd 1px;
}

/*-- ----------------------------------------------------------   */

a:link {	color: rgb(194,0,0); text-decoration:none;}
a:visited {	color: rgb(194,0,0); text-decoration:none;}
a:hover {	color: rgb(153,146,143);   text-decoration:none;}
a:active {	color: rgb(194,0,0); text-decoration:none;}

/*-- Andreas Rapp - geerdeter Groove-Jazz mit intellektuellem Touch - Klarinettist, Saxophonist, Komponist, Arrangeur  --------------------------------------txt link*/
a.txt {			color: rgb(194,0,0);	font-weight: bold; text-decoration:none;}
a.txt:hover {	color: rgb(153,146,143);	font-weight: bold; text-decoration:none;}

/*-- Andreas Rapp - geerdeter Groove-Jazz mit intellektuellem Touch - Klarinettist, Saxophonist, Komponist, Arrangeur  -------------------------------txt hervorhebung*/
.txt {	color: rgb(194,0,0); font-weight:bold;}

/*--  info   */
#info {	width: 100%; height: 15px;	margin:0px 0px 20px 0px;	padding:0px 30px 0px 0px; 	text-align: right;	float:left;	clear:both;position:relative;}
#info a {	color: rgb(194,0,0);	font-size:10px; text-decoration:underline; }
#info a:hover {	color: rgb(160,160,160);}

/*--  hoch   */
#hoch {		position:relative;	width: 520px; 	height: 15px;	margin:10px 0px 0px 0px;	padding:10px 0px 0px 0px; 	text-align: right;	float:left;	clear:both;}
#hoch a {	color: rgb(160,160,160);	font-size:9px; text-decoration:underline; }
#hoch a:hover {	color: rgb(194,0,0);}

/*-- Andreas Rapp - geerdeter Groove-Jazz mit intellektuellem Touch - Klarinettist, Saxophonist, Komponist, Arrangeur ---------------------------------#content  mi + re ----   inhalt */
ul.decimal {	list-style-type: decimal; line-height:15px;}

#content-mi ul { list-style:none;	width:445px; display: block; margin:0px 0px 0px 0px; padding:0px 0px 0px 65px; }
#content-mi li { background: url(../images/listenpunkt.gif) top left no-repeat;	 line-height:16px; margin:5px 0px 0px 0px; padding:0px 0px 0px 15px; display: block;}

#content-mi ul.klein { list-style:none;	width:210px; display: block; margin:0px 0px 0px 0px; padding:0px 0px 0px 20px; }
#content-mi li.klein { background: url(../images/listenpunkt.gif) top left no-repeat;	 line-height:16px; margin:5px 0px 0px 0px; padding:0px 0px 0px 15px; display: block;}

#sitemap-u ul { 	list-style:none;	width:400px; display: block;  margin:0px 0px 0px 90px; padding:0; }
#sitemap-u li { 	list-style:none;	line-height:20px; font-size: 12px; font-weight: bold;	background:none; display: block;  margin:10px 0px 0px 0px; padding:0; }

#sitemap-u1 ul { 	list-style:none;	width:350px; display: block; margin:0px 0px 0px 120px; padding:0; }
#sitemap-u1 li { 	list-style:none;	line-height:20px; font-size: 11px;  font-weight: normal;	background:none; display: block; margin:0; padding:0; }
#sitemap-u2 ul { 	list-style:none;	width:300px; display: block; margin:0px 0px 10px 158px; padding:0; }
#sitemap-u2 li { 	list-style:none;	line-height:20px; font-size: 11px;  font-weight: normal;	background:none; display: block; margin:0; padding:0; }

#fl ul { list-style:none;	width:235px; display: block; margin:0px 0px 0px 0px; padding:0; }
#fl li { background: url(../images/listenpunkt.gif) top left no-repeat;	 line-height:16px; margin:5px 0px 0px 0px; padding:0px 0px 0px 15px; display: block;}

#fr ul { list-style:none;	width:235px; display: block; margin:0px 0px 0px 0px; padding:0; }
#fr li { background: url(../images/listenpunkt.gif) top left no-repeat;	 line-height:16px; margin:5px 0px 0px 0px; padding:0px 0px 0px 15px; display: block;}

#fr ul.d {	width:200px; display: block; margin:0px 0px 0px 10px; padding:0; }
#fr li.d { 	margin:5px 0px 0px 0px; padding:0px 0px 0px 20px; display: block;background: url(../images/leer.gif) top left no-repeat;}


.a-leer  {	height:1px; width:520px;clear:both; margin:0;	padding:0;}

.a5 { height:5px; width:100px;clear:both;}
.a10 { height:10px; width:100px;clear:both;}
.a20 { height:20px; width:100px;clear:both;}
.a30 {	height:30px; width:100px;clear:both;}
.a40 {	height:40px; width:100px;clear:both;}
.a50 {	height:50px; width:100px;clear:both;}
.a60 {	height:60px; width:100px;clear:both;}
.a70 {	height:70px; width:100px;clear:both;}
.a80 {	height:80px; width:100px;clear:both;}
.a90 {	height:90px; width:100px;clear:both;}
.a100 {	height:100px; width:100px;clear:both;}
.a120 {	height:120px; width:100px;clear:both;}

.ce {text-align:center;}
.li {	text-align:left;}
.re {	text-align:right;}

.cb { 	clear:both; margin:0px; padding:0px;}
.cl { 	clear:left; margin:0px; padding:0px;}
.cr { 	clear:right; margin:0px; padding:0px;}



/*--  floats */

div#hg {	position:relative; float:left; clear:left; 	width:520px; margin:0px 0px 20px 0px; padding:0; display:block;}


div.bi-fl {	position:relative; float:left;    clear:left; 	width:250px; margin:0px 10px 8px 0px; padding:0; text-align:center;}
div.bi-fr {	position:relative; float:right; clear:right;	width:250px; margin:0px 0px 10px 10px; padding:0; text-align:center;}

div.fl {	position:relative; float:left; clear:left; 		width:250px; margin:0px 10px 0px 0px; padding:0; display:block;}
div.fr {	position:relative; float:right; clear:right; 	width:250px; margin:0px 0px 0px 0px; padding:0; display:block;}

div#fl {	position:relative; float:left; clear:left; 	width:250px; margin:0px 10px 0px 0px; padding:0; display:block;}
div#fr {	position:relative; float:right; clear:right; 	width:250px; margin:0px 0px 0px 10px; padding:0; display:block;}


div.li-200 {		position:relative; float:left; clear:left;		width: 200px; 	margin: 0px 0px 0px 0px; 	text-align: right;}
div.re-300 {		position:relative; float:right; clear:right;	width: 300px; 	margin: 0px 0px 0px 0px; 	text-align: left;}


/*--  kontakt   */
div.li-90 {		position:relative; float:left; clear:left;		width: 70px; 	margin: 0; 	padding: 0; 	text-align:left;}
div.re-150 {		position:relative; float:right; clear:right;	width: 165px; 	margin: 0; 	padding: 0; 	text-align: left;}

/*--  links   */
div.li-150 {		position:relative; float:left; clear:left;		width: 150px; 	margin: 0px 0px 0px 0px; 	text-align: right;}
div.re-350 {		position:relative; float:right; clear:right;	width: 350px; 	margin: 0px 0px 0px 0px; 	text-align: left;}

/*--  lebenslauf   */
div.li-100 {		position:relative; float:left; clear:left;		width: 100px; 	margin: 0px 0px 0px 0px; 	text-align: center;	font-weight:bold;}
div.re-400 {		position:relative; float:right; clear:right;	width: 400px; 	margin: 0px 0px 0px 0px; 	padding: 0px 0px 0px 10px;	border-left:  1px solid rgb(180,180,180);}

/*--  termine   */
div.li-150-t {		position:relative; float:left; clear:left;		width: 150px; 	margin: 0px 0px 0px 0px; 	text-align: left;}
div.re-350-t {		position:relative; float:right; clear:right;	width: 350px; 	margin: 0px 0px 0px 0px; 	padding: 0px 0px 0px 10px;	border-left:  1px solid rgb(180,180,180);}







/*-- Andreas Rapp - geerdeter Groove-Jazz mit intellektuellem Touch - Klarinettist, Saxophonist, Komponist, Arrangeur  -------------------------------------- abschluss */

#abschluss {	    position:relative;	float:left;	width: 764px;	height:64px;	background:url(../images/hg-abschluss.jpg) no-repeat top;	float:left;	color:rgb(120,120,120); margin: 0; padding:0;}

#abschluss a {		    font-weight:normal; 	color:rgb(194,0,0);}
#abschluss a:hover {	color:rgb(82,82,82);}
#abschluss div.adresse {	width:580px;	float:right; position:relative;	text-align:center; margin: 26px 30px 0px 50px;	padding: 0px;	line-height:17px;}
#abschluss span.bull  {	font-size: 10px;	color:rgb(160,160,160);	margin: 0;	padding: 0px 4px 0px 4px;}
/*--  ------------------------------ abschluss */
#piperweb { 				width: 764px; height:20px; margin: 10px 0px 20px 0px; padding:0; display: block;position:relative;	float:left;}
#piperweb span {		width: auto; 	text-align: right;	position:relative; float:right; }
#piperweb span a {	width: auto; color: rgb(120,120,120);	font-size: 9px;	text-decoration: none;	 border:none;	word-spacing: 0.3em;	font-family: "Trebuchet MS"; }
#piperweb span a:hover {				color: rgb(100,100,100); }
#piperweb span a.piperweb {		padding: 10px 10px 10px 10px; margin: 0px 40px 0px 0px; }
#piperweb span a.sitemap {			padding: 10px 10px 10px 10px; }
#piperweb span.bull  {	 color: rgb(120,120,120); 	font-size: 7px;	padding: 2px 3px 10px 3px;}
#piperweb p  {				width: 764; 	font-size: 0.02em; display: none; overflow: hidden; }
#piperweb p a  { 			font-size: 0.02em;	 border:none; background:none; }