/* Basisstylesheet setzt alle Einstellungen auf Grund*/

body { font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:
62.5%; background-color: #fff; color: #000; } body, h1, h2, h3, h4, h5, h6, div,
p, table, td, ul, ol, li, dd, dt, dl, blockquote, address, hr, pre { margin: 0;
padding: 0; } p, li, h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size:
1em; }

/* Ende Basisstylesheet*/

/* Hier werden die Basisstilregeln definiert */

body    { background-color: #2b0d05;
             color: #333;
             }

p {font-size: 1.1em; margin-bottom: 1em;}

h1 {font: bold 1.4em/2em Verdana, Geneva, Arial, Helvetica, sans-serif; padding-bottom: 0.6em;}
h2 {font: bold 1.1em/2.5em Verdana, Geneva, Arial, Helvetica, sans-serif; padding-bottom: 0.4em;}
h3 {font: bold 1.1em/1.8em Verdana, Geneva, Arial, Helvetica, sans-serif;}
h4 {font: bold 1.0em/1.4em Verdana, Geneva, Arial, Helvetica, sans-serif;}

a { text-decoration:none; font-weight:bold; color:#333; }
a:hover {
	text-decoration:underline;
	font-weight:bold;
	color:#00CCFF;
}

.en {lang: en;}

.bold {font-weight: bold;}

/* Ende der Basisstilregeln */

/* Definition der verschiedenen Boxen*/

#outer { margin: 15px auto 15px auto; width: 800px; }

#inner { margin: 0px, padding: 0px; width: 800px; background-color: #cde0eb; }

#kopf { padding:20px 0 0 0; margin:0 10px 0 10px; background-color: #cde0eb; }

#navi { border:0px; padding:10px; width:180px; height:453px; float:left; background-color: #cde0eb; }

#inhalt { background-color: #cde0eb; color: #333; padding:10px 20px 10px 20px;
margin:12px 12px 12px 203px; border: 1px dashed #dc268e; }

#footer { clear:both; border-top:1px dashed #dc268e; padding:10px 0 10px 0; margin:0 10px 0 10px; 
font-size: 1em; color: #333; text-align: right; background-color: #cde0eb;}

/* Definition der abgerundeten Ecken der Inner Box*/

.round{display:block}
.round *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#cde0eb}
.round1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #706767;
  border-right:1px solid #706767;
  background:#a4abb1}
.round2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #3b221c;
  border-right:1px solid #3b221c;
  background:#aeb7bf}
.round3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #aeb7bf;
  border-right:1px solid #aeb7bf;}
.round4{
  border-left:1px solid #706767;
  border-right:1px solid #706767}
.round5{
  border-left:1px solid #a4abb1;
  border-right:1px solid #a4abb1}
.roundfg{
  background:#cde0eb}
  
/* Ende der Definition der abgerundeten Ecken der Inner Box*/

/* Ende der Definition der verschiedenen Boxen*/

/* Definitionen des Inhalts */

#inhalt ul {list-style-type: none; line-height: 1.8em; font-size: 1.1em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
#inhalt ul li {padding-top: 0.6em; }
#inhalt ul ul li {list-style-image: none; list-style-type: none; margin-left: 4em;}
#inhalt ul ul li p {line-height: 1.4em; font-size: 0.8em; margin-bottom: 1em; }

#inhalt ul li a { font-weight: bold; color: #333; text-decoration: none; }
#inhalt a:hover { font-weight: bold; color: #dc268e; text-decoration: underline; }
#inhalt a.aktiv { font-weight: bold; color: #dc268e; }
#inhalt .red { font-weight: bold; color: #dc268e; }

#texte ul li a { font-size: 1em; line-height: 2.5em; }
#texte ul li p { line-height: 1.5em; font-size: 1em; margin-bottom: 0.9em; }
#texte ul li h2 { font-size: 1em; line-height:1.5em; }
h2.linie { border-bottom-width: 0.1em; border-bottom-style: solid; border-color: #999; margin-right: 275px; }
#texte ul li p a { line-height: 1.5em; font-size: 1em; margin-bottom: 0.9em; }

#box_sentimental_woanders {padding: 0; margin: 8px 0 0 0; height: 370px; width: 525px; overflow: auto; background-color: #cde0eb;}
#box_sentimental_bread {padding: 0; margin: 8px 0 0 0; height: 562px; width: 394px; overflow: auto; background-color: #cde0eb;}
#box_sentimental_lovewater {padding: 0; margin: 8px 0 0 0; height: 424px; width: 394px; overflow: auto; background-color: #cde0eb;}


img.rand {margin-left: 0; margin-right: 0.5em; margin-bottom: 0.5em;}
img.rand01 {margin-left: 54px; margin-right: 0.5em; margin-bottom: 0.5em;}
img.rand02 {margin-left: 69px; margin-right: 0.5em; margin-bottom: 0.5em;}
img.rand03 {margin-left: 51px; margin-right: 0.5em; margin-bottom: 0.5em;}
img.rand11 {margin-left: 49px; margin-right: 0.5em; margin-bottom: 0.5em;}
img.rand04 {margin-left: 51px; margin-top: 18px; margin-right: 0.5em; margin-bottom: 0.5em;}
img.rand05, img.rand06, img.rand07, img.rand08, img.rand09 {margin-top: 2em; margin-bottom: 2em;}
img.rand06 {margin-left: 5em;}
img.rand07 {margin-left: 10em;}
img.rand08 {margin-left: 15em;}
img.rand09 {margin-left: 20em;}
img.rand10 {margin-left: 20px; margin-right: 0.5em; margin-bottom: 0.5em;}


#inhaltpeople {height: 435px;}
#inhaltbroadway {height: 360px;}
#inhaltrobotbilder {height: 445px;}

/* Hier sind die Stilregeln fŸr Tabellen definiert */

tr.bio {text-align: left; font-size: 1.1em;}
td.sp1 {font-size: 1em; width: 9em; vertical-align: top; white-space: nowrap;}
td.sp2 {font-size: 1em; padding-bottom: 0.5em;}

/* Ende des Inhalts*/

/* Definitionen der Kopfnavigation */

ul.kopfliste { font-size: 1.1em;
                    list-style-type: none;
                    padding-bottom: 26px;
                    border-bottom: 1px dashed #dc268e;
                    margin: 0; }

ul.kopfliste li { float: right;
                       height: 21px;
                       margin: 2px 2px 0 2px;
                       border: none; }

.kopfliste li.aktiv {color: #333; padding: 4px; font-weight: bold; }

.kopfliste a { float: left; display: inline; color: #999; text-decoration: none;
padding: 4px; font-weight: bold; }

.kopfliste a:hover { color: #333; }

/* Ende der Kopfnavigation*/


/* Hier wird die Navigation definiert */

.menu { position:relative; top:0px; left:0px; width:180px; height:450px;
background:url(../bilder/hand_00.jpg); border:1px solid #cde0eb; }

.menu ul { padding:0; margin:0; list-style-type: none; position:absolute;
left:20px; top:20px; width:130px; height:20px; }

.menu ul li { float:left; position:relative; width:130px; }

.menu ul li a, .menu ul li a:visited { display:block; width:130px; height:20px;
font-size: 1.1em; font-weight: bold; color: #fff; text-decoration:none;
vertical-align:center; padding: 6px 0px 0px 10px; background-color: transparent}

/*Hier wird der Hover-Effekt des Textes definiert*/
.menu ul li a:hover { color: #630; background-color: #cde0eb; font-weight: bold;
font-size: 1.1em; padding: 6px 0px 0px 10px; }

/*Hier wird der Text des aktuell gewaehlten Links definiert*/
.menu li span.aktiv {display:block; width:130px; height:20px;
font-size: 1.1em; font-weight: bold; color: #630; background-color: #cde0eb;
vertical-align:center; padding: 6px 0px 0px 10px; }

/*Hier wird der Hover-Effekt des Bildes definiert*/
li:hover.hand01 em {display:block; width:180px; height:265px;
background:transparent url(../bilder/hand_01.jpg); position:absolute; top:165px; left:-20px;}
li:hover.hand02 em {display:block; width:180px; height:265px;
background:transparent url(../bilder/hand_02.jpg); position:absolute; top:139px; left:-20px;}
li:hover.hand03 em {display:block; width:180px; height:265px;
background:transparent url(../bilder/hand_03.jpg); position:absolute; top:113px; left:-20px;}
li:hover.hand04 em {display:block; width:180px; height:265px;
background:transparent url(../bilder/hand_04.jpg); position:absolute; top:87px; left:-20px;}
li:hover.hand05 em {display:block; width:180px; height:265px;
background:transparent url(../bilder/hand_05.jpg); position:absolute; top:61px; left:-20px;}

/* Ende der Navigation */