a
        {
            text-decoration: none;
        }
        
        p 
        {
            font-size: 0.8em;   
            margin-top: 20px;
            margin-left: 20px;
            margin-right: 20px;
            line-height: 1.4em;
        }
        
        h1 
        {
            font-size: 1.3em;
            color: #fff;
            margin: 10px;
            padding: 20px 10px 20px 10px;
        }
                
        h1.karteninhalt
        {
            background-color: #0050A5;
        }
        
        .hide
        {
            display: none;
        }
        
        #cos-body
        {
            position:absolute;
            top: 0px;
            left: 0px;
            height: 100%;
            width: 100%;
            background-color: #fff;   
            border: none;
            overflow: hidden;
        }
        #kopfzeile
        { 
            position: absolute; 
            top: 0px; 
            left: 0px; 
            height: 94px;
            width: 100%;
            background-color: #f7fbfb;
        }

        #inhalt 
        { 
            position: absolute; 
            top: 95px; 
            bottom: 30px; 
            left: 0px; 
            width: 410px;
            z-index: 20;
            background: none;
        }
        
        #karte 
        { 
            position: absolute; 
            top: 95px; 
            bottom: 30px; 
            left: 380px; 
            right: 0px; 
        }
        
        .menubar
        {
            background-color: #DDE5EE; 
            border: none;
        }
        
        .menubar a
        {
            font-size: .7em;
            color: #333;
        }
        
        #karte .menubar
        {
            position: absolute;
            top: 0px;
            left: 0px;
            right: 0px;
            height: 30px;
        }
                
        #ie6 #karte .menubar
        {
            width: 100%;   
        }
        #karte .menubar ul.links
        {
            float: left;   
            margin-left: 40px;
        }
        
        #karte .menubar ul li
        {
            display: inline;
        }
        
        #karte .menubar ul li a
        {
            line-height: 30px;
            margin-right: 10px;
        }
        
        #karte .menubar ul.rechts
        {
            float: right;
        }
        
        #karte .schatten
        {
            position: absolute;
            top: 30px;
            left: 0px;
            right: 0px;
            height: 10px;
            z-index: 15;
            background: url(../images/kopfzeile-schatten.png) repeat-x;   
        }
        
        #karte .container
        {
            position: absolute;
            top: 30px;
            left: 0px;
            right: 0px;
            bottom: 0px;
            z-index: 10;
            background-color: #e4e4e4;   
        }
        
        div.info-fenster, div.info-fenster-rundgang
        {
            width: 325px;
            /*background: #f4f4f4;*/
            position: relative;
            background: url(../images/info-fenster-hintergrund.gif) no-repeat -335px -5px;
        }       
        
        div.info-fenster h2, div.info-fenster-rundgang h2
        {
            font-size: 1em;  
            /*color: #0050A5;*/
            margin-left: 10px;
            padding-top: 10px;
        }
        
        div.info-fenster img
        {
            margin-top: 20px;
            margin-bottom: 20px;   
        }
        
        div.info-fenster-rundgang img
        {
            margin-top: 20px;            
        }
                
        div.info-fenster h3
        {
            font-size: 0.7em;
            color: #0050A5;
            margin-top: 5px;
        }

        div.info-fenster p
        {
            margin: 0px 0px;   
        }   
        
        div.info-fenster p.kategorie
        {
            font-size: 0.7em; 
            margin-left: 10px;
        }
        
        div.info-fenster div.rechts
        {
            height: 90px;
            width: 120px;
            background-color: #e4e4e4;
            float: right;
            margin: 10px;
            
        }
        
        div.info-fenster ul
        {
            margin-left: 10px;
            width: 180px;            
        }
        
        div.info-fenster ul li
        {
            
           
        }
       
        
        div.info-fenster ul li p
        {
            font-size: 0.7em;   
        }
        
        div.info-fenster ul li a
        {
            font-size: 0.7em;
            padding: 0px;
        }
        
        div.info-fenster div.fusszeile
        {
            margin: 5px 5px;
            padding: 5px;
            background-color: #0050A5;
            clear: both;
        }
        
        div.info-fenster-rundgang div.fusszeile
        {
            padding: 5px;
            background-color: #0050A5;
            clear: both;
        }

        
        div.info-fenster div.fusszeile a, div.info-fenster-rundgang div.fusszeile a
        {
            padding-left: 7px;
            color: #fff; 
            font-size: .7em;
        }
        
        #inhalt .menubar
        {
            position: absolute;
            top: 0px;
            left: 0px;
            right: 0px;
            height: 30px;
            background-color: #0050a5;
        }
        
        #ie6 #inhalt .menubar
        {
            width: 100%;   
        }
        
        #inhalt .menubar a
        {
            float: right;
            margin-right: 40px;
            line-height: 30px;
            color: #fff;   
        }
        
        #inhalt .menubar .btn
        {
            position: absolute;
            top: 5px;
            right: 5px;
            height: 20px;
            width: 20px;
        }
        
        #inhalt .menubar .offen
        {
            background: url(../images/seitenfenster-schliessen.jpg) center center;
        }
        
        #inhalt .menubar .geschlossen
        {
            background: url(../images/seitenfenster-oeffnen.jpg) center center;
        }
        
        #inhalt .seite
        {
            position: absolute;
            width: 380px;
            background-color: #fff;  
            overflow-x: hidden;
            overflow-y: auto;      
        }
        
        #inhalt .schatten
        {
            position: absolute;
            left: 380px;
            width: 5px;
            height: 100%;
            background: url(../images/inhalt-schatten.png) repeat-y;   
        }
        
        #inhalt .seite1
        {
            position: absolute;
            top: 30px;
            left: 0px;
            right: 30px;
            bottom: 0px;
            background-color: #fff;        
        }
        
        #inhalt .seite ul.kategorie
        {
            margin-left: 0px;
        }
        

        
        #inhalt .seite ul.kategorie li h2
        {
            padding: 15px; 
            margin: 10px;
            /* background: url(../images/aussichtspunkt.png) no-repeat 20px 20px;*/
            color: #0050A5;
            background-color: #A4CCF7;
        }
        
        
        #inhalt .seite ul.standpunkte
        {
            margin-left: 10px;
            margin-right: 10px;
        }
        
        #inhalt .seite ul.standpunkte li
        { 
            padding: 10px 0 10px 60px; 
            border-bottom: 1px solid #f4f4f4;
            background: url(../images/aussichtspunkt.png) no-repeat 15px 12px;
        }
        
        #inhalt .seite ul.standpunkte li:hover
        {
            background-color: #F7FBFB;
        }
        
        #inhalt .seite ul.standpunkte li a
        {
            color: #000;   
        }
        
        #inhalt .seite ul.standpunkte li h3
        {
            font-size: 0.8em;
            font-weight: bold;
        }

        #inhalt .seite ul.standpunkte li p
        {
            margin: 0px;    
        }
        
        #inhalt .seite div.paging
        {
            margin: 20px 10px 30px;   
        }
        
        #inhalt .seite div.paging span
        {
            margin-right: 2px;
            background-color: #EAB914;
            color: #fff;
            padding: 3px 4px;   
            font-weight: bold;
            font-size: 0.8em;  
        }

        #inhalt .seite div.paging a
        {
            margin-right: 2px;
            background-color: #EAB914;
            color: #fff;
            padding: 3px 7px;   
            font-weight: bold;
            font-size: 0.8em;
        }
        
        #inhalt .seite div.paging a.aktiv
        {
            background-color: #0050A5;
        }
        
        

        #kopfzeile .logo
        {
            position: absolute;
            top: 5px;
            left: 10px;            
        }
        
        #kopfzeile ul.menubar
        {
            position: absolute;
            right: 0px;
            border: none;
            background: none;
        }
        
        #kopfzeile ul.menubar li
        {
            float: left;
            margin-top: 29px;
        }
        
        #kopfzeile ul.menubar li a
        {
            display: block;
            height: 60px;
            line-height: 60px;
            color: #333;
            font-size: 1.4em;
            padding-left: 55px;
            padding-right: 20px;
        }
        
        #kopfzeile ul.menubar li.willkommen
        {
            background: url(../images/kopfzeile-willkommen.png) no-repeat scroll 1px 5px;
        }
        
        #kopfzeile ul.menubar li.stadtrundgang
        {
            /* background-color: #81c043*/
            background: url(../images/kopfzeile-stadtrundgang.png) no-repeat scroll 5px 5px
        }
        
        #kopfzeile ul.menubar li.karteninhalt
        {
            background: url(../images/kopfzeile-karteninhalt.png) no-repeat scroll 1px 5px
        }
        
        #kopfzeile ul.menubar li.suche
        {
            background: url(../images/kopfzeile-suchen.png) no-repeat scroll 1px 5px
        }
        
        #ie6  #kopfzeile ul.menubar li a
        {
            width: 166px;   
        }
        
        #fusszeile
        {
            position: absolute;
            bottom: 0px;
            left: 0px;
            height: 29px;
            width: 100%;
            border-top: 1px solid #fff;
            background-color: #DDE5EE;
            z-index: 30;
        }
        
        #ie6 #fusszeile
        {
            bottom: -1px;   
        }
        
        #fusszeile ul
        {
            float: right;
            margin-right: 10px;
        }
        
        #fusszeile ul li
        {
            display: inline;
            margin-left: 10px;
            line-height: 30px;
        }

        #fusszeile ul li a
        {
            font-size: .7em;
            color: #333;
        }        
        
        #dialog-karteninhalt
        {
            position: absolute;
            top: 95px;
            left: 0px;
            width: 100%;
            height: 436px;
            background: url(../images/karteninhalt-hintergrund.png);
            z-index: 30;
        }
        
        #dialog-karteninhalt.geschlossen 
        {
            display: none;    
        }
        
        #dialog-karteninhalt a.btn-schliessen
        {
            font-size: 1.2em;
            color: #fff;
            position: absolute;
            bottom: 15px;
            left: 630px;
            background-color: #02d0dd; 
            border: 2px solid #fff;
            padding: 5px 30px;
        }
        
        #dialog-karteninhalt div
        {
            position: absolute;
            line-height: 25px;
            color: #fff;
        }
        
        #dialog-karteninhalt div h2
        {
            font-size: 1.4em;
            margin-bottom: 10px;
        }
        
        #dialog-karteninhalt div ul
        {
            margin-left: 15px;   
        }
        
        #dialog-karteninhalt div ul li
        {
            font-size: 0.9em;   
        }
        
        #dialog-karteninhalt div ul li input
        {
            margin-right: 5px;
        }
        
        #dialog-karteninhalt div.gruppe1
        {
            top: 40px;
            left: 100px;
        }

        #dialog-karteninhalt div.gruppe2
        {
            top: 40px;
            left: 370px;
        }
        
        #dialog-karteninhalt div.gruppe3
        {
            top: 40px;
            left: 620px;
        }
        
        #dialog-karteninhalt div.gruppe4
        {
            top: 250px;
            left: 100px;
        }
        
        #dialog-karteninhalt div.gruppe5
        {
            top: 250px;
            left: 370px;
        }
        
        #dialog-karteninhalt div.gruppe6
        {
            top: 250px;
            left: 620px;
        }
        
        
        #dialog-suche
        {
            position: absolute;
            top: 95px;
            left: 0px;
            width: 100%;
            height: 310px;
            background: url(../images/karteninhalt-hintergrund.png);
            z-index: 30;
        }
        
        #dialog-suche.geschlossen 
        {
            display: none;    
        }
        
        #dialog-suche a.btn-schliessen
        {
            font-size: 1.2em;
            color: #fff;
            position: absolute;
            bottom: 15px;
            left: 665px;
            background-color: #02d0dd; 
            border: 2px solid #fff;
            padding: 5px 20px;
        }
        
        #dialog-suche div
        {
            position: absolute;
            line-height: 25px;
            color: #fff;
        }
        
        #dialog-suche div p
        {
            margin: 0px;
            padding: 4px;
        }
        
        #dialog-suche div h2
        {
            font-size: 1.4em;
            margin-bottom: 10px;
        }
        
        #dialog-suche div ul
        {
            margin-left: 15px;   
            margin-top: -10px;
        }
        
        #dialog-suche div ul li
        {
            font-size: 0.9em;   
        }
        
        #dialog-suche div ul li input
        {
            margin-right: 5px;
        }
                
        #dialog-suche div.suche-in
        {
            top: 60px;
            left: 100px;
        }
        
        #dialog-suche div.suche-in h3
        {
            display: inline;
            font-size: 1.2em; 
        }
        
        #dialog-suche div.suche-in ul ul
        {
            margin-left: 20px;
            margin-top: 3px;
        }
        
        #dialog-suche div.suche-in span
        {
            position: absolute;
            top: 8px;
            left: -55px;
            font-size: 70px;
            line-height: 70px;  
        }

        #dialog-suche div.suche-nach
        {
            top: 60px;
            left: 380px;
        }

        #dialog-suche div.suche-nach span
        {
            position: absolute;
            top: 8px;
            left: -63px;
            font-size: 70px;
            line-height: 70px;  
        }
        
        #dialog-suche div.suche-nach input.textfeld
        {
            height: 25px;
            line-height: 25px;
            border: 3px solid #02D0DD;
            width: 350px;
            color: #999;
            font-size: 1.2em;
        }
        
        #dialog-suche div.suche-nach input.btn
        {
            
            border: 3px solid #fff;
            background-color: #02D0DD;
            padding: 0 10px;
            color: #fff;
            font-size: 1.2em;
        }
        
        div.willkommen h1
        {
            background-color: #eab914;
        }
        
        div.willkommen h2 
        {
            margin: 40px 20px 10px 20px;
            font-size: .8em;
            font-weight: bold;
        }
        
        div.willkommen ul
        {
            margin: 0 20px;
        }
        
        div.willkommen li
        {
            float: left;
            margin-right: 10px;
            margin-bottom: 10px;
            height: 70px;
            width: 70px;
            overflow: hidden
        }
        
        div.stadtrundgang h1
        {
            background-color: #ed1d69;
        }
        
        div.stadtrundgang ol
        {
            margin: 30px 10px 10px 10px;
        }
        
        div.stadtrundgang ol li
        {
            margin-bottom: 20px;
            padding-left: 40px;
            position: relative;
        }
        
        div.stadtrundgang ol li h3
        {
            font-size: 1em;
            font-weight: bold;
            margin-bottom: 5px;
        }
        
        div.stadtrundgang ol li p
        {
            margin: 0px;
            padding: 0px
        }
        
        div.stadtrundgang ol li img.left
        {
            margin: 3px;
            float:left;
        }

        div.stadtrundgang ol li img.right
        {
            margin: 3px;
            float:right;
        }

        div.stadtrundgang ol li div
        {
            position: absolute;
            background-color: #0050a5;
            top: 0px;
            left: 0px;
            color: #fff;
            text-align: right;
            width: 35px;
            font-size: 1em;
            font-weight: bold;
        }
        
        #inhalt .seite ul.standpunkte li p.kategorie
        { 
            font-size: 0.7em; 
            margin-bottom: 5px; 
            margin-top: 3px; 
        }
        
        #inhalt .seite ul.standpunkte li.suche_0
        { 
            background: url(../images/suche_0.png) no-repeat 15px 12px;
        }
        
        #inhalt .seite ul.standpunkte li.suche_0
        { 
            background: url(../images/suche_0.png) no-repeat 15px 12px;
        }
        
        #inhalt .seite ul.standpunkte li.suche_0
        { 
            background: url(../images/suche_0.png) no-repeat 15px 12px;
        }
        
        #inhalt .seite ul.standpunkte li.suche_0
        { 
            background: url(../images/suche_0.png) no-repeat 15px 12px;
        }
        
        #inhalt .seite ul.standpunkte li.suche_1
        { 
            background: url(../images/suche_1.png) no-repeat 15px 12px;
        }
        
        #inhalt .seite ul.standpunkte li.suche_2
        { 
            background: url(../images/suche_2.png) no-repeat 15px 12px;
        }
        
        #inhalt .seite ul.standpunkte li.suche_3
        { 
            background: url(../images/suche_3.png) no-repeat 15px 12px;
        }
        
        #inhalt .seite ul.standpunkte li.suche_4
        { 
            background: url(../images/suche_4.png) no-repeat 15px 12px;
        }
        
        #inhalt .seite ul.standpunkte li.suche_5
        { 
            background: url(../images/suche_5.png) no-repeat 15px 12px;
        }
        
        #inhalt .seite ul.standpunkte li.suche_6
        { 
            background: url(../images/suche_6.png) no-repeat 15px 12px;
        }
        
        #inhalt .seite ul.standpunkte li.suche_7
        { 
            background: url(../images/suche_7.png) no-repeat 15px 12px;
        }
        
        #inhalt .seite ul.standpunkte li.suche_8
        { 
            background: url(../images/suche_8.png) no-repeat 15px 12px;
        }
        
        #inhalt .seite ul.standpunkte li.suche_9
        { 
            background: url(../images/suche_9.png) no-repeat 15px 12px;
        }
        
        /*******************************************************************/
        /*                                                                 */
        /*               Symboldefinition der Standpunkt                   */
        /*                                                                 */
        /*******************************************************************/          
        
        #inhalt .seite ul.standpunkte li.altenpflege{
            background: url(../images/altenpflege.png) no-repeat 15px 12px;
        }
        #inhalt .seite ul.standpunkte li.apotheke{
            background: url(../images/apotheke.png) no-repeat 15px 12px;
        }
        #inhalt .seite ul.standpunkte li.arbeitsagentur{
            background: url(../images/arbeitsagentur.png) no-repeat 15px 12px;
        }
        #inhalt .seite ul.standpunkte li.arzt{
            background: url(../images/arzt.png) no-repeat 15px 12px;
        }
        #inhalt .seite ul.standpunkte li.aussichtspunkt{
            background: url(../images/aussichtspunkt.png) no-repeat 15px 12px;
        }
#inhalt .seite ul.standpunkte li.bahn{
            background: url(../images/bahn.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.camping{
            background: url(../images/camping.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.ec{
            background: url(../images/ec.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.ferienwohnung{
            background: url(../images/ferienwohnung.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.ganztageseinrichtung{
            background: url(../images/ganztageseinrichtung.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.grundschule{
            background: url(../images/grundschule.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.gymnasium{
            background: url(../images/gymnasium.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.haltestelle{
            background: url(../images/haltestelle.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.hotel{
            background: url(../images/hotel.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.information{
            background: url(../images/information.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.jugendeinrichtung{
            background: url(../images/jugendeinrichtung.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.kindergarten{
            background: url(../images/kindergarten.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.kinderhaus{
            background: url(../images/kinderhaus.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.kinderhort{
            background: url(../images/kinderhort.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.kino{
            background: url(../images/kino.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.kirche{
            background: url(../images/kirche.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.krankenhaus{
            background: url(../images/krankenhaus.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.mediathek{
            background: url(../images/mediathek.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.museum{
            background: url(../images/museum.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.musikschule{
            background: url(../images/musikschule.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.parkhaus{
            background: url(../images/parkhaus.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.parkplatz_02{
            background: url(../images/parkplatz_02.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.pension{
            background: url(../images/pension.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.pflegedienst{
            background: url(../images/pflegedienst.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.post{
            background: url(../images/post.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.postbank{
            background: url(../images/postbank.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.privatzimmer{
            background: url(../images/privatzimmer.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.rathaus_I{
            background: url(../images/rathaus_I.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.rathaus_II{
            background: url(../images/rathaus_II.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.rathaus_III{
            background: url(../images/rathaus_III.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.rathaus_IV{
            background: url(../images/rathaus_IV.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.rathaus_V{
            background: url(../images/rathaus_V.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.rathaus_VI{
            background: url(../images/rathaus_VI.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.realschule{
            background: url(../images/realschule.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.restaurant{
            background: url(../images/restaurant.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.schule{
            background: url(../images/schule.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.schwimmbad{
            background: url(../images/schwimmbad.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.sparkasse{
            background: url(../images/sparkasse.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.spielplatz{
            background: url(../images/spielplatz.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.sporthalle{
            background: url(../images/sporthalle.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.sportplatz{
            background: url(../images/sportplatz.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.stadion{
            background: url(../images/stadion.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.tiefgarage{
            background: url(../images/tiefgarage.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.veranstaltung{
            background: url(../images/veranstaltung.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.volksbank{
            background: url(../images/volksbank.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.volkshochschule{
            background: url(../images/volkshochschule.png) no-repeat 15px 12px;
          }
#inhalt .seite ul.standpunkte li.ZOB{
            background: url(../images/ZOB.png) no-repeat 15px 12px;
          }