body     {
   background-color: #e7c300;
   text-align: center }
#ad {
   position:absolute;
   top:120px;
   left:810px;
}
#head          {
   color: black;
   font-family: "Courier New", Courier, Monaco;
   background-image: url('/design/popo-bg.jpg');
   text-align: left;
   border: solid 0px #ffce3e;
   width: 100%;
   height: 110px }
#content            {
   float:left;
   color: #700000;
   font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   text-align: left;
   border: solid 0px #ffce3e;
   width: 820px }
#spalte1           {
   float: left;
   margin: 0px;
   border: solid 0px white;
   width: 125px }

#schalter1 a     {
   color: #700000;
   font-weight: bold;
   font-size: 80%;
   text-decoration: none;
   background-color: white;
   text-align: left;
   display: block;
   margin: 3px 0;
   padding: 2px;
   border: solid 1px #000;
   width: 120px }
#schalter1 a:link    {
   color: #700000 }
#schalter1 a:visited    {
   color: #700000 }
#schalter1 a:hover    {
   color: #ffffff;
   background-color: #700000;
   border-style: solid;
   border-width: 1px;
   border-color: #eeeeee #ffc139 #ffc139 #eeeeee }
#schalter1 a:active  {
   color: #ff8c00 }
#schalter1 a#active    {
   color: #ffffff;
   background-color: #700000;
   border-style: solid;
   border-width: 1px;
   border-color: #eeeeee #ffc139 #ffc139 #eeeeee }
#schalter1 a#second    {
   color: #700000;
   background-color: #d1d1d1;
   border-style: solid;
   border-width: 1px;
   border-color: #ffffff #ffc139 #ffc139 #eeeeee }
#schalter1 a:hover#second  {
   color: #ffffff;
   background-color: #808080;
   border-style: solid;
   border-width: 1px;
   border-color: #eeeeee #ffc139 #ffc139 #eeeeee }
.nix {
display: none;
}
#block         {
   margin-left: 125px;
   width: 650px }
#inhalt           {
   color: #700000;
   font-size: 90%;
   font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   float: left;
   margin: 0px;
   padding: 3px;
   width: 500px }
#spalte2               {
   text-align: right;
   margin-top: 5px;
   margin-bottom: 5px;
   margin-left: 515px;
   padding: 0px;
   border: 0px solid ;
   width: 120px }

/* Die Teaserbox */
#t-box       {
   color: #700;
   font-size: 75%;
   font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   display: block;
   padding: 3px 0px }
#t-box h4  {
   color: #666;
   font-size: 70%;
   letter-spacing: 1px;
   margin: 0px 0px 10px }
.teaser       {
   background-color: #ffffff;
   margin: 0px 1px 10px 0px;
   border-style: solid;
   border-width: 1px 2px 2px 1px;
   border-color: #ffc139;
   width: 120px }
.t-head          {
   color: white;
   font-size: 80%;
   font-family: Verdana, sans-serif;
   background-color: #00f;
   text-align: left;
   margin: 0;
   padding: 3px;
   border-bottom: 1px ridge white }
.t-txt      {
   color: #700;
   font-size: 70%;
   line-height: 150%;
   font-family: Arial, sans-serif;
   padding: 5px }

/* Link-Definitionen */
A.service:link    {
   color: #f00;
   font-weight: bold;
   font-size: 80% }
A.service:link   {
   color: #f00;
   font-weight: bold;
   font-size: 80% }
A.service:visited   {
   color: #ff4500;
   font-weight: bold;
   font-size: 80% }
A.service:hover   {
   color: #700;
   font-weight: bold;
   font-size: 80% }
#t-box a   {
   color: #ff001c;
   font-weight: normal;
   text-decoration: none }
#t-box a:link  {
   color: #ff001c;
   font-weight: normal }
#t-box a:visited  {
   color: #ff001c;
   font-weight: normal }
#t-box a:hover   {
   color: #0005ff;
   font-weight: normal }
#footer {
   position: absolute;
   top: 99% }
#artikel  { font-size: 11px; text-align: justify }
#bild  { 
background-color: #cfcfcf; 
text-align: center; 
border-top: 1px inset black; 
border-left: 1px inset black }
#bildlinks   {
   float: left;
   margin-right: 5px;
   padding: 5px;
   border: solid 2px #700000 }
#bildrechts   {
   float: right;
   margin-left: 5px;
   padding: 5px;
   border: solid 2px #700000 }
div#galbildlinks  a {
   float: left;
   width:25%;
   line-height: 10em;
   margin: 5px;
   padding: 5px;
   border: solid 2px #700000 }
#galbildrechts   {
   float: right;
   margin: 5px;
   padding: 2px;
   border: solid 2px #700000 }
h1  {
   font-size: 130%;
   margin: 2px }
h2 { margin: 2px }

#bildnav   {
   color: #700;
   background-color: #ffc139;
   width: 100% }
   
div#momonews {
/* width = cols * 220 in diesem Beispiel
   Abhängikeit zu width padding und margin bei p */
 width:475px;
 font-size:12px;
 font-family:arial,helvetia,verdana;
 padding-bottom:5px;
 margin:auto;
}
div#momonews h2 {
 text-align:center;
 margin:0px;
}
div#momonews h2 a{
 font-size:20px; 
 padding-left:10px; 
 padding-right:10px; 
 border-left:20px double blue; 
 border-right:20px double blue;
}
div#momonews p{
 background-color:#F5BF1A; 
 text-align:center; 
 float:left; 
 height:230px; 
 width:135px; 
 margin-left:5px; 
 margin-top:5px; 
 margin-bottom:0px; 
 border:1px solid black; 
 padding:5px;
 color:#000000;
 overflow:hidden;
}
div#momonews p a{
color:blue;
}
div#momonews b{
 line-height:18px;
}
div#momonews a {
 text-decoration:none; 
 font-size:14px;
}
div#momonews img {
 border-right:5px solid #9A3F03; 
 border-bottom:5px solid #FF6600;
}