/* Body: */
html, body {
margin: 0;
padding: 0;
}

body {
background-repeat: repeat-y;
background-attachmant: fixed;
font-family:  Verdana, Helvetica, sans-serif;
color: #FFF5B7;
}

body.biografie {
background-color: #143228;
background-image: url(../image/hintergrund-gruen.gif);
}

body.projekte {
background-color: #811D1D;
background-image: url(../image/hintergrund-rot.gif);
}

body.interaktiv {
background-color: #4E0323;
background-image: url(../image/hintergrund-aubergine.gif);
}

body.news {
background-color: #141F2D;
background-image: url(../image/hintergrund-blau.gif);
}

body.kontakt {
background-color: #351E09;
background-image: url(../image/hintergrund-braun.gif);
}

body.movie {
background-color: #811D1D;
}

p, h1, h2, h3, ul {
margin-left: 30px;
margin-right: 50px;
padding: 0;
}

li {
margin-left: 30px;
margin-right: 20px;
padding: 0;
}

/* Hauptüberschrift - gelb: */
h1 {
font-size: 14pt;
font-weight: normal;
color: #FFC803;
}

/* Überschrift 2 - orange: */
h2 {
font-size: 12pt;
font-weight: bold;
color: #FAA147;
}

/* Überschrift 2 - hellgelb: */
h3 {
font-size: 11pt;
font-weight: bold;
}

/* normaler Fließtext: */
p {
font-size: 10pt;
line-height: 140%;
margin-top: -3px;
}

ul, li {
font-size: 10pt;
line-height: 140%;
margin-top: 8px;
}

p.sub {
font-size: 7pt;
}

p.bild {
margin: 0px;
padding: 0px;
}

.orange {
color: #FAA147;
}

li.li-one {
margin-left: 30px;
margin-right: -10px;
padding: 0;
}

#main {
z-index: 2;
position: relative;
margin: 0px;
width: 800px;
}

#header-links {
z-index: 1;
position: absolute;
top: 20px; left: 2px;
height: 220px;
}

/* Name als Schriftzug orange */
.name {
font-size: 15pt;
font-weight: normal;
color: #FAA147;
margin: 15px 5px 28px 29px;
}

#header-mitte {
z-index: 1;
position: absolute;
top: 20px; left: 184px;
height: 220px;
}

#header-rechts {
z-index: 1;
position: absolute;
top: 20px; left: 507px;
height: 220px;
}

/* Box für Navigationsspalte: */
#navi {
z-index: 1;
width: 180px;
position: absolute;
top: 175px; left: 0px;
}

#navi p{
line-height: 180%;
margin-top: 0px;
}

/* Links Navigation hellgelb, nicht unterstr: */
a.navi:link, a.navi:active, a.navi:visited {
text-decoration: none;
color: #FFF5B7;
}

/* mouse over Links Navigation orange, nicht unterstr.: */ 
a.navi:hover {
text-decoration: none;
color: #FAA147;
}

/* Rahmen für Buttons: */
.linkbox {
display: block;
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
color: #FFF5B7;
margin: 10px 10px 10px 0px;
}

/* Rahmen für Sub-Buttons: */
.linkbox-sub {
display: block;
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
color: #FFF5B7;
margin: 10px 10px 10px 20px;
}

/* Button für die aktive Seite: */
.linkboxaktiv {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
color: #FAA147;
margin: 10px 10px 10px 0px;
}

/* Button für die aktiven Sub-Seiten: */
.linkboxaktiv-sub {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
color: #FAA147;
margin: 10px 10px 10px 20px;
}

/* Bild unter dem Navigationsmenü */
.navbild-01 {
position: relative; 
top: 0px;
left: 30px;
height: 161px;
}

/* Kasten links-unten - top, zurück */
#kastenl {
position: relative; 
margin: -37px 0 20px 0;
}

/* Box für Hauptspalte: */
#content {
z-index: 2;
position: relative;
top: 240px;
left: 180px;
width: 620px;
}

/* normale Links orange, unterstr.: */ 
#content a:link {
text-decoration: underline;
color: #FAA147;
}

/* normale Links orange, unterstr.: */ 
#content a:aktive {
text-decoration: underline;
color: #FAA147;
}

/* normale besuchte Links hellgelb, unterstr.: */ 
#content a:visited {
text-decoration: underline;
color: #FFF5B7;
}

/* normale mouse over Links gelb, unterstr.: */ 
#content a:hover {
text-decoration: underline;
color: #FFC803;
}

/* Die Formatierungen der Tabelle */
table {
padding: 0;
margin-left: 30px;
margin-right: 48px;
}

table.biografie  {
background-color: #143228;
}

table.musik  {
background-color: transparent;
}

table.interaktiv  {
background-color: #4E0323;
}

table.kontakt  {
background-color: #351E09
}

td {
padding: 0;
align: left;
vertical-align: top;
color: #FFF5B7;
}

td.one, td.two {
background-color: #143228;
color: #FFF5B7;
}

td.three, td.four  {
padding: 10px 0 10px 0;
vertical-align: middle;
background-color: transparent;
color: #FFF5B7;
}

td.five, td.six  {
padding: 10px 0 10px 0;
vertical-align: middle;
background-color: #811D1D;
color: #FFF5B7;
}

/* Gallery */
td.seven, td.eight, td.nine, td.twelve {
padding: 10px 0 10px 0;
vertical-align: middle;
background-color: #4E0323;
color: #FFF5B7;
}

/* home */
td.ten, td.eleven  {
padding: 10px 0 10px 0;
vertical-align: middle;
background-color: transparent;
color: #FFF5B7;
}

/* musik-audio / Paul */
td.twelf, td.thirteen {
padding:  0px 0 0px 0;
vertical-align: middle;
background-color: transparent;
color: #FFF5B7;
}

/* Quicktime Einbindung, Impressum */
td.fourteen, td.fifteen {
padding:  0px 0 0px 0;
vertical-align: middle;
background-color: transparent;
color: #FFF5B7;
}

ul.kinder {
margin: 0 5px 0 0px;
}

td.one {
width: 150px;
}

td.three {
width: 160px;
}

td.five {
width: 215px;
}

td.seven, td.eight, td.nine {
width: 190px;
}

td.ten {
width: 160px;
}

/* Kontakt / Notenzeile */
td.sixteen {
width: 270px;
}

th p, td p, th h3, td h3 {
margin: 2px 0 0 0;
padding: 0px 2px 3px 0px;
}

th.two p, td.two p {
padding: 0px 2px 3px 5px;
}

/* Startbild: */ 
#startbild {
position: relative;
top: 80px;
left: 180px;
margin-bottom: -160px;
color: #FFC803;
background-color: #3C3C3C
}

#deko-01 {
z-index: 1;
position: absolute;
top: 460px;
left: 200px;
}

#deko-02 {
z-index: 2;
position: absolute;
top: 350px;
left: 600px;
}

#logo {
margin: 0px 15px 0px 5px;
border: 0 none;
}

/* Interaktives Bild auf der Interaktiv-Seite */
#galerie, #link, #presse {
position: absolute;
font-size: 1.0 em;
font-weight: bold;
letter-spacing: 1pt;
background-repeat: no-repeat;
width: 200px;
height: 35px;
background-color: transparent;
padding: 8px 55px 6px 20px;
}

#galerie {
top: 120px;
left: 10px;
}

#link {
top: 65px;
left: 230px;
}

#presse {
top: 200px;
left: 430px;
}

#galerie a:link, #galerie a:visited,
#link a:link, #link a:visited,
#presse a:link, #presse a:visited,{
background-color: transparent;
background-repeat: no-repeat;
text-decoration: none;
padding: 8px 55px 6px 20px;
}

#galerie a:hover, #link a:hover,
#presse a:hover {
background-color: transparent;
background-repeat: no-repeat;
text-decoration: none;
background-image: url(../image/button-interaktiv-08.gif);
padding: 8px 55px 6px 20px;
color: #000000;
}

/* Fussnavigation */
#fussnavi {
z-index: 2;
font-size: 10pt;
position: relative;
margin: 280px 50px 10px 190px;
text-align: right;
}

#fussnavi a {
text-decoration: none;
margin: 0px 5px 0px 5px;
padding: 5px, 0px, 5px, 0px;
}

#kastenl a, a.home {
text-decoration: none;
}

#fussnavi a:link, #fussnavi a:active, #fussnavi a:visited, 
#kastenl a:link, #kastenl a:active, #kastenl a:visited, 
a.home:link, a.home:active, a.home:visited {
color: #FAA147;
}

#fussnavi a:hover, #kastenl a:hover, a.home:hover {
color: #FFF5B7;
}

#footer {
z-index: 2;
color: #FFF5B7;
position: relative;
margin: 0px 10px 20px 0px;
text-align: right;
}

#footer a, #top a {
text-decoration: none;
}
 
#footer a:link {
color: #FFF5B7;
}

#footer a:aktive {
color: #FFF5B7;
}

#footer a:visited {
color: #FFF5B7;
}

#top a:link {
color: #FFF5B7;
}

#top a:aktive {
color: #FFF5B7;
}

#top a:visited {
color: #FFF5B7;
}

#footer a:hover {
color: #FAA147;
}

top a:hover {
color: #FAA147;
}

img {
border: none;
}

img.movies {
align: left;
float: left;
}

img.audio {
margin-right: 50px;
text-align: right;
float: right;
}

/* others */
.invis, hr {
display: none;
}