body {

        font-size:8pt;

        font-family: Tahoma, Arial, Helvetica;



        color: #000;

        width: 700px;

        margin: 5 auto;

        text-align: center;

}



a {

        text-decoration: none;

        color: #BF0000;

}



a:hover {

        text-decoration: underline;

}



h1 {

        font-size: 150%;

        letter-spacing: 2px;

        margin:0px 0px 4px 0px;

        padding:0px;

}



td {

        font-size:8pt;

        font-family: Tahoma, Arial, Helvetica;

        text-align: left;

        padding: 0px 3px 0px 3px;

}



th {

        font-size:8pt;

        font-family: Tahoma, Arial, Helvetica;

        font-weight: bold;

        text-align: left;

        padding: 0px 3px 0px 3px;

}



input, select {

        margin:3px 0px 3px 0px;

        width: 200px;

        padding:0px 3px 0px 3px;

        font-family: Tahoma, Arial, Helvetica;

        font-size: 8pt;

        color: #7F0000;

        font-weight:normal;

        border: 1px solid #9F9F9F;

        background-color: #FFFFFF;

}



select {

        padding: 0px;

}



input.button {

        width: 98px;

        border-right: 2px #8F8F8F solid;

        border-bottom: 2px #8F8F8F solid;

}



/* Der Content-Bereich */

#content {

        width:700px;

        margin:10px 0px 10px 0px;

        padding:0px;

        position:relative;

        text-align:left;

}





/* Der Container für das Kartenbild */

#map {

        background-image: url(harz.jpg);

        width:700px;

        height:600px;

        position:relative;

        text-align:left;

}



/* Der Container für das Kartenbild-Online-Status */

#maponline {

        background-image: url(deutschland-online.png);

        width:700px;

        height:600px;

        position:relative;

        text-align:left;

}



/* Der Container für das Kartenbild-Sucheergebnis */

#mapsuche {

        background-image: url(deutschland-suche.png);

        width:700px;

        height:600px;

        position:relative;

        text-align:left;

}



/* Der Container für das MouseOver ... dingens */

#inf {

        display:none;

        position: absolute;

        background-color:#fffefe;

        width: 300px;

        z-index:10;

        padding: 5px;

        border: 1px solid #ddd;

}



#inf h2 {

        color: #666;

        font-style: italic;

        font-weight: bold;

        font-size: 140%;

        margin: 0 0 5px 0;

        padding: 0;

        border-bottom: 1px solid #ccc;

}





/* die punkte auf der karte (durch verschiedengroße bilder realisiert)*/

#map a {

        background-repeat: no-repeat;

        width: 15px;

        height: 15px;

        position: absolute;

        text-decoration: none;

        overflow:hidden;

}



#map a:hover{

        border: 1px solid #000;

}



.p1 {

        background-image: url(p1.gif);

        background-position: 5px 5px;

}



.p2 {

        background-image: url(p2.gif);

        background-position: 3px 3px;

}



.p3 {

        background-image: url(p3.gif);

        background-position: 1px 1px;

}



.p4 {

        background-image: url(p4.gif);

}