html {
  margin: 0;
  padding: 0;
  font-size: 3.3mm;
}
body {
  font-family: "Trebuchet MS", sans-serif;
  margin: 0; padding: 0;
  font-size: 3.3mm;
}

*   {   margin: 0; padding: 0; }

img, a { margin: 0; padding: 0; border: 0;  text-decoration: none; }

.antifloat {
  clear: both;
}

/* Farbcode  */

.blau {
  color: #007FB9;
  	letter-spacing: 0.02em;
}
.gelb  {
  color: #CBCD1D;
  	letter-spacing: 0.02em;
}
.gruen  {
  color: #2FA439;
  	letter-spacing: 0.02em;
}
.orange  {
  color: #E78315;
  	letter-spacing: 0.02em;
}

/*   1. Abschnitt */

#kleine-navi {
  margin: 0;
  padding:10px 40px 0 0 ;
  text-align: right;
  font-size: 100%;    color: #666;
  z-index: 99;

}
#kleine-navi p a, #kleine-navi p a:link {
  border-bottom: Dotted 1px #666;
  color: #666;
  font-size: 110%;
}
#kleine-navi p a:focus, #kleine-navi p a:hover, #kleine-navi p a:active  {
  border-bottom: Dotted 1px #B90000;
  color: #B90000;
}

#top {
  width: 100%;
  	background-image: url(../bilder-prm-2010/stadtillu-top.gif);
  height: 176px;
}

.logo {
   text-align: center;
   width: 100%;
   margin-top: 0px;
}


#flagge {
	position: absolute; left:7px; top:190px;
	width:40px; height:40px;
	z-index:90;
}

/*   2. Abschnitt */
#navigation-rubriken  {
  	   background-image: url(../bilder-prm-2010/kleine-navi-hg.png);
       background-color: #999;
       width:100%;
       border: 0px solid green;
       height: 28px;
}
.mittig {
       text-align: center;
      width: 100%;

}
#navigation-rubriken h1 {
        position: relative;

        padding: 2px 10px 5px 0px;

        font-size: 18px; line-height: 25px;
        font-weight: normal; letter-spacing:0.2em;

        white-space: nowrap; display: inline;
}

#navigation-rubriken h1 span {
         display: none;
         font-size: 77%;
         position: absolute;
         top: 28px;left: 0px;
         padding:5px 10px 5px 10px;
         background-color:#666; letter-spacing:0.1em; text-align: left;
         line-height: 22px;
}
#navigation-rubriken h1:focus span, #navigation-rubriken h1:hover span, #navigation-rubriken h1:active span
{
        display:block; /* background-color:#333; color:#FFF;  */
        }
#navigation-rubriken h1 span a /* #navigation-rubriken h1 span:focus  */
{
        display:block; /* color:#FFF;  */
        }
#navigation-rubriken h1 a, #navigation-rubriken h1 a:link, #navigation-rubriken h1 a:visited {
        text-decoration: none;   color: #fff;  }  /* color: #324fae; */

#navigation-rubriken h1 a:focus, #navigation-rubriken h1 a:hover, #navigation-rubriken h1 a:active  {
        color: #800000; 
}
#navigation-rubriken h1:focus, #navigation-rubriken h1:hover, #navigation-rubriken h1:active
{  background-color:#999;
}

#navigation-rubriken h1 span a:hover, #navigation-rubriken h1 span a:focus
{
       background-color:#ECEBEE;
        }
/*   3. Abschnitt nur Homepage */
#buttons {
    background-image: url(../bilder-prm-2010/hg-verlauf-grau.png);
    background-repeat: repeat-x;
    min-height: 320px;
    width: 100%; text-align: center;    
}
#buttons div {
    white-space: nowrap; display: inline;
    border: 0px solid red;
     width: 180px;
}
#buttons div img {
   margin:25px 0 0 4%;
}

/* 3. Abschnitt   2er raster  auf Verlauf Unterseite    */
#two-raster {
    background-image: url(../bilder-prm-2010/verlauf-button-hg.png);
    background-repeat: repeat-x;
    min-height: 320px;
    width: 100%; text-align: center;
}
#two-raster div {
    float: left;
    border: 0px solid green;
    width:36%;
    margin-top:25px;
}
#two-raster h1 {
  letter-spacing: 0.2em;
}
#two-raster p {
	font-size: 15px;
        line-height: 24px;
}
#two-raster p a, #two-raster p a:link {
  border-bottom: Dotted 1px #52902c;
  color: #000
}
#two-raster p a:focus, #two-raster p a:hover, #two-raster p a:active  {
  border-bottom: Dotted 1px #B90000;
  color: #B90000;
}

/*   4. Abschnitt */
#text-unten {
            border: 0px solid green;
}
#text-unten div {
    float: left;
    border: 0px solid green;
    width:36%;
    padding:0; /* links rechts in der Div definiert  */
}
#text-unten h1  {
  margin: 0;
  padding: 0;
  display: inline;
  letter-spacing: 0.03em;
  	font-size:24px;
}
#text-unten h2 {
	margin: 0px 0px 6px 0px;
	padding: 0px;
	font-size:19px;
	/* word-spacing: 1px;  */
        letter-spacing: 0.02em;
}
#text-unten h3 {
	margin: 14px 0px 0px 0px;
	padding: 0px;
	font-size:15px;
	letter-spacing: 0.02em;
        line-height: 23px;
}
#text-unten p {
        margin-top: 0px;
	font-size: 15px;
	line-height: 23px;
}
#text-unten p a {
    color: #B90000;
  border-bottom: Dotted 1px #B90000;
}
#text-unten p a:hover, #text-unten p a:active, #text-unten p a:focus {
  color: #52902c;
  border-bottom: Dotted 1px #52902c;

}
/*   5. Abschnitt */

#abspann {
   margin-top: 25px;
   background-color: #999;
}

#abspann p {
  padding: 15px 0 15px 0;
  text-align:center;
  color: #FFF;
}

#abspann a, #abspann a:visited {
  color: #FFF;
  font-size: 90%;
  border-bottom: Dotted 1px #FFF;
}
#abspann a:focus, #abspann a:hover, #kleine-navi p a:active  {
  color: #B90000;
    font-size: 90%;
  border-bottom: Dotted 1px #B90000;
}
