.Kiste {
    
    background-color: #FDECB7;
    padding: none;
    margin-top: 0em;
    border: solid thin #000000 ;

}

.Kiste2 {
    background-color: #FDECB7;
    padding: none;
    margin-top: 0em;
    border: solid thin #000000 ;

}

#foo  {
    text-align: right;
    margin: -185px 0 85px 0;
    font-size:20pt;
    font-family:"courier new";
    font-weight:bold;
}


#bar  {
    text-align: left;   
    margin: -190px 0 150px 5%;
    font-size:16pt;

}
#foo:hover  {
    font-size:20pt;
    font-family:"courier new";
    font-weight:bold; 
    background:green;

}

/*
  Author: Bert Bos <bert@w3.org> (Adapted from work by Håkon Wium Lie)
  Created: 17 August 1999
  Version: $Revision: 1.11 $

  The following section creates a set of partially overlapping
  headlines in different colors and font families. Negative
  margin values must be set on block-level elements to have an
  effect - in this document P elements are used and the selectors
  are named '#p*'.

  The source will look like this:

    <DIV CLASS="map">
      <P ID="p1"><A HREF="...">...</A></P>
      <P ID="p2"><A HREF="...">...</A></P>
      <P ID="p3"><A HREF="...">...</A></P>
      ...
    </DIV>

  This works by setting an offset from the bottom of the link area.
  The height of the line plus the bottom margin are equal to the top margin,
  so the line doesn't contribute to the height of its parent in any way.
*/

DIV.map {			/* Reserve some room for the links */
  padding-top: 1px;
  padding-bottom: 1px;
  margin-left: -4%;
  margin-right: -6em;
  /* width: 100%; */
  margin-bottom: 1.5em;
  margin-top: 2em;
  clear: both;
  text-shadow: 0.2em 0.2em /* 0.2em */ silver;
}

#p1, #p2, #p3, #p4, #p5, #p6, #p7, #p8, #p9, #p10 {white-space: nowrap}
#p1, #p2, #p3, #p4, #p5, #p6, #p7, #p8, #p9, #p10 {text-indent: 0}
#p1 A, #p2 A, #p3 A, #p4 A, #p5 A, #p6 A, #p7 A, #p8 A, #p9 A, #p10 A {text-decoration: none}

#p1, #p1 A {color: #DDD; font: 100px/1 "Impact", "Helvetica Narrow", sans-serif}
#p2, #p2 A {color: #37F; font: italic 40px/1 "Georgia", serif}
#p3, #p3 A {color: #080; font: 40px/1 "Verdana", sans-serif}
#p4, #p4 A {color: #0000; font: bold 28px/1 "Courier New", "Courier", monospace}
#p5, #p5 A {color: #F73; font: bold 100px/1 "Verdana", sans-serif}
#p6, #p6 A {color: #22A; font: bold 25px/1 "Verdana", sans-serif}
#p7, #p7 A {color: #088; font: italic 80px/1 "Verdana", sans-serif}
#p8, #p8 A {color: #088; font: italic 20px/1 "Verdana", sans-serif}
#p9, #p9 A {color: #088; font: italic 20px/1 "Verdana", sans-serif}
#p10, #p10 A {color: #F73; font: bold 60px/1 "Verdana", sans-serif}

<!-- p4 war #37F -->

#p1 {text-align: right;  margin: -185px 0 85px 0}	/* top right */
#p2 {text-align: left;   margin: -100px 0 150px 5%}	/* top left */
#p3 {text-align: right;  margin: -87px 35% 47px 0}	/* center */
#p4 {text-align: right;  margin: -98px 0 58px 0}	/* center right */
#p5 {text-align: left;   margin: -130px 0 30px 0}	/* center left */
#p6 {text-align: left;   margin: -40px 0 15px 35%}	/* bottom center */
#p7 {text-align: right;  margin: -80px 0 0px 0}		/* bottom right */
#p8 {text-align: left;   margin: -40px 0 20px 3%}	/* bottom left */
#p9 {text-align: right;  margin: -25px 0 5px 0}		/* bottom right */
#p10 {text-align: left;   margin: -130px 0 70px 0}	/* center left */

.gruppensex {
  border: 0px yellow dotted;
  position: fixed;
}

a:link {
    text-decoration: none;
    color: #9C0000;
}

a:visited {
    text-decoration: none;
    color: #9C0000;
}

a:active {
    color: #9C0000;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #000080;
    font-size: 100%;
}

#pagetitle  {
        padding-top: 0.3em;
        color: #900;
        font-size: 200%;
        font-weight: normal;
        font-family: "American Typewriter", Courier, sans-serif;
        text-shadow:  #300 2px 2px 2px;
        }

#pagetitle a:link,
#pagetitle a:visited {
    text-decoration: none;
        color: #900;
        text-shadow:  #300 2px 2px 2px;
        }

#pagetitle a:hover {
        color: green;    
    text-decoration: none;
        text-shadow:  #f00 0px 0px 4px;
        }

div#links a img {height: 0; width: 0; border-width: 0;}

div#links a:hover img {position: absolute;
    top: 880px; left: 640px; height: 100px; width: 100px;}


div#friedenlinks a img {height: 0; width: 0; border-width: 0;}

div#friedenlinks a:hover img {position: absolute;
    top: 464px; left: 109px; height: 80px; width: 80px;}

 div.termine { border: 1px  solid blue; } 

div.aktuelles { border: 1px  dashed red; }


div.normales { border: 1px  dashed black; }

div#mitarbeiter a:hover img {position: absolute;
    top: 390px; left: 50px; height: 100px; width: 100px;}


div#mlinks a img {height: 0; width: 0; border-width: 0;}

div#mlinks a span {display: none;}

div#mlinks
   a:hover span {display: block;
   position: absolute; top: 365px; left: 240; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: black; background: white;
   font: 10px Verdana, sans-serif; text-align: center;}

div#mlinks
a:hover img {position: absolute;
    top: 240px; left: 450px; height: 180px; width: 180px;}

div#mbackup
   a:hover span {display: block;
   position: absolute; top: 350px; left: 230; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #AAA; background: black;
   font: 10px Verdana, sans-serif; text-align: center;}

div#blinks a img {height: 0; width: 0; border-width: 0;}

div#blinks a span {display: none;}

div#blinks
   a:hover span {display: block;
   position: absolute; top: 494px; left: 571; width: 210px;
   padding: 5px; margin: 10px; z-index: 100;
   color: black; background: #EAEFF5;
   font: 10px Arial, sans-serif; text-align: center;}

div#blinks
a:hover img {position: absolute;
    top: 245px; left: 598px; height: 256px; width: 193px;
	border: 1px solid black;}

div.hinweis { border: 1px  solid red; } 


div.aktuelles2 { border: 1px  dashed red; }

div#uklink a img {height: 0; width: 0; border-width: 0;}

div#uklink a:hover img {position: absolute;
    top: 475px; left: 109px; height: 80px; width: 80px;}
	
div#koebes a img {height: 0; width: 0; border-width: 0;}

div#koebes a span {display: none;}

div#koebes
   a:hover span {display: block;
   position: absolute; top: 350px; left: 240; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: black; background: yellow;
   font: 10px Verdana, sans-serif; text-align: center;}

div#koebes
a:hover img {position: absolute;
    top: 240px; left: 450px; height: 180px; width: 180px;}

div#sskiste {
    background: #FBFAF;
    padding: 1;
    margin-top: 0em;
    position: absolute;
    top: 570px; left: 13px;
    border: solid thin #000000 ;

}


 /* set background images for corners */
.rbroundbox { background: url(simple_background.gif) repeat; }
.rbtop div  { background: url(simple_top_left.gif) no-repeat top left; }
.rbtop      { background: url(simple_top_right.gif) no-repeat top right; }
.rbbot div  { background: url(simple_bottom_left.gif) no-repeat bottom left; }
.rbbot      { background: url(simple_bottom_right.gif) no-repeat bottom right; }

 /* height and width details */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 14px;
	font-size: 1px;
}
.rbcontent  { margin: 0 14px; }
.rbroundbox { width: 18em; margin: auto; }


 /* set background images for corners */
.rbroundbox2 { background: url(simple_background.gif) repeat; }
.rbtop2 div  { background: url(simple_top_left.gif) no-repeat top left; }
.rbtop2      { background: url(simple_top_right.gif) no-repeat top right; }
.rbbot2 div  { background: url(simple_bottom_left.gif) no-repeat bottom left; }
.rbbot2      { background: url(simple_bottom_right.gif) no-repeat bottom right; }

 /* height and width details */
.rbtop2 div, .rbto2p, .rbbot2 div, .rbbot2 {
	width: 100%;
	height: 14px;
	font-size: 1px;
}
.rbcontent2  { margin: 0 14px; }
.rbroundbox2 { width: 100%; margin: auto; }









#trans-border { width:80px; margin:20px auto; padding:14px 20px; background:#444; color:#222; }
#trans-border .sb-border { background:#000; }