body { font-family: Verdana, Arial, sans-serif ;
       font-size: 1em ; line-height: 130% ;
       color: gold ;
       position: relative ;
       margin: 0px ; background: black }
h1   { font-size: 2em  ; font-weight: normal; margin-bottom: 1em ; background: #01af46 ; padding: .2em ; color: white }
h2   { font-size: 1.3em; font-weight: normal; margin-top: 1.2em; margin-bottom: .3em }
p    { margin-top: .5em }

a:link    { color: gold }
a:visited { color: gold }
a:hover   { color: orange }

a img { border: none }

td.rt  { text-align: right }
td.sp2 { padding-left: 2em }
table.tab { margin: .5em 0em ; border-collapse: collapse ; border: 2px solid silver }
.tab td   { border: 1px solid silver ; padding: .1em .3em }


/* ========================== */
/*  Genereller Seiten-Layout  */
/* ========================== */

#portal { width: 100% ; height: 680px ; position: relative ;
	  z-index: 4 ;
border: 1px yellow solid ;
          background-color: black }
#wandl  { position: absolute ; top: 0 ; left: -2px ; width: 80px ; height: 100% ; z-index: 9 ;
          background: url(../startseite/ziegel.gif) ; }
#wandr  { position: absolute ; top: 0 ; right: -2px ; width: 80px ; height: 100% ; z-index: 9 ;
          background: url(../startseite/ziegel.gif) ; }
#rando  { width: 100% ; height: 70px ; position: absolute ; top: 0 ; left: 0 ; overflow: visible ;
          z-index: 7 ;
          background: url(vorh_rand_oben.gif) transparent center }
#randu  { height: 80px ; position: absolute ; bottom: 0 ; left: 0 ;
          margin-left: 80px }
#randu a { font-size: 80% ; padding: 2px 1em }
#inhalt { position: absolute ; top: 80px ; right: 0px ;
          margin-left: 300px ; margin-right: 90px ;
          padding: 10px ; z-index: 10 ;
          height: 500px ;
          border: 1px solid red }
#ynhalt { margin: 70px 80px ; padding: 0px ;
          z-index: 10 ;
          height: 500px ;
          border: 1px solid red }
#home   { position: absolute ; top: 80px ; left: 90px }



/* Spezialfälle für die Startseite */
/* =============================== */
#vorhl  { width: 50% ; height: 600px ; position: absolute; top: 0px ; left: 0px ;
	  z-index: 6 }
#vorhlo { width: 100% ; height: 400px ; position: absolute; top: 0px ; left: 0px ;
          background: url(../startseite/vorh_lh.gif) repeat right }
#vorhlu { width: 100% ; height: 220px ; position: absolute; top: 400px ; left: 0px ;
          background: url(../startseite/vorh_lu.gif) repeat right }


#vorhr  { width: 50% ; height: 600px ; position: absolute; top: 0px ; right: 0px ;
	  z-index: 6 }
#vorhro { width: 100% ; height: 400px ; position: absolute; top: 0px ; right: 0px ;
          z-index: 6 ;
          background: url(../startseite/vorh_rh.gif) repeat left }
#vorhru { width: 100% ; height: 220px ; position: absolute; top: 400px ; right: 0px ;
          z-index: 6 ;
          background: url(../startseite/vorh_ru.gif) repeat left }


#vorho  { width: 100% ; height: 150px ; position: absolute ; top: 0 ; left: 0 ; overflow: visible ;
          z-index: 7 ;
          background: url(../startseite/vorh_oben.gif) transparent center }
#vorhu  { width: 100% ; height: 200px ; position: absolute ; top: 480px ; left: 0 ;
          z-index: 1 ;
          background: url(../startseite/buehne.jpg) repeat-x center }

#ent    { position: absolute; width: 20%; height: 60px; top: 250px ; left: 40%;
	  z-index: 7 ;
	  border: white none 1px ; color: white; font-family: Georgia; font-size: 2em;
	  text-align: center; font-weight: bold }