a.mapmark, a.mapmark:visited {
   border: 1px solid #ffffff;
   background: #cccccc;
   padding: 6px;
   color: #222222;
   font-size: 13px;
   line-height:36px;
   text-decoration: none;
   vertical-align: middle;
   }
a.mapmark:hover {
   border-color: #cc2d06;
   background-color: #CC2D06;
   color: #ffffff;
   }
   
a.mapmark:active {
   border-color: #04508E;
   }

   
#outer{ 
background-color: #ffffff; /* Farbe fuer Inhalt Spalten  */
float: left;
} 


#inner{ margin:0px;
 width:100%;
  }  
  

a.nav2, a.nav2:visited  {
    font-size:1em;
    color:#222222;
	display:block;
	background:#eeeeee;
   	padding:0.5em 0.4em 0.5em 1.8em;
    margin-top:-1em;
    text-decoration:none;
    border-bottom:1px dashed #111111;
	border-left:7px solid #EEEEEE;
	height:1em; /* diese Angabe ist nur für den IE, damit die ganze Linkfläche klickbar ist */
	}

    
    
html>body #nav2 a:link, html>body #nav2 a:visited  {
	height:auto; /* hebt für nicht-IE Browser die Höhenangabe 1em wieder auf */ 
}
	
a.nav2:hover {
    color:#222222;
    text-decoration:none;
   	background-color:#C6CDD2;
	border-color:#CC2D06;
}    


a.navsel, a.navsel:visited  {
    font-size:1em;
    color:#444444;
	display:block;
    font-weight: bold;
	background:#eeeeee;
   	padding:0.5em 0.5em 0.5em 1em;
    margin-top:-1em;
    text-decoration:none;
    border-bottom:1px dashed #111111;
	border-left:7px solid #6C7F8E;
	height:1em; /* diese Angabe ist nur für den IE, damit die ganze Linkfläche klickbar ist */
	}

    
    
html>body #navsel a:link, html>body #navsel a:visited  {
	height:auto; /* hebt für nicht-IE Browser die Höhenangabe 1em wieder auf */ 
}
	
a.navsel:hover {
    color:#222222;
    text-decoration:none;
   	background-color:#C6CDD2;
	border-color:#CC2D06;
}    
    
.navselected {
 color:#222222;
    font-size:1em; 
	display:block;
	background:#EEEEEE;
    font-weight: bold;
   	padding:0.5em 0.5em 0.5em 1em;
    margin-top:-0.8em;
    border-bottom:1px dashed #111111;
	border-left:7px solid #04508E;   
}

.navselected2 {
    font-size:1em;
    color:#222222;
	display:block;
	background:#EEEEEE;
    font-weight: bold;
   	padding:0.5em 0.4em 0.5em 1.6em;
    margin-top:-0.8em;
    border-bottom:1px dashed #111111;
	border-left:7px solid #04508E;   
}

.verwthemen {
letter-spacing:1px;
line-height:1.5em;
margin:0px;
color:#bbbbbb;
}    

/* ----------outer und inner----------------- */

#breadcrumb{
float:left; 
width:100%;
border-bottom: 1px solid #eeeeee;
margin-bottom: 12px;
margin-top:4px;
font-size: 12px;
} 


#map {
width: 720px; 
height: 460px;}

@media screen and (max-width:700px) {
#map {
width: 100%; 
height: 260px;}
}
 

     #leftnavi {
      width:100%;
      position: relative;
      background-color:#ffffff;
      margin-top:0px;
      line-height:25px;      
      }
      
    #leftnavi ul {
	  list-style:none;
      margin:0;
      padding:0;
      }
      
    #leftnavi li {
      display:inline;
      font-size:1em;
    
      }
      
      
    #leftnavi span {
      display:block;
      background:#003366;
      padding:2px 14px 2px 14px;
      color:#eeeeee;
      font-weight:normal;
      border-top:1px solid #dddddd;
      border-left:1px solid #dddddd;
      border-right:1px solid #dddddd;
      border-bottom:1px solid #dddddd;
      }
                  
    #leftnavi a {
      background:transparent;
      }
    #leftnavi a span {
      display:block;
      background:#ffffff;
      padding:2px 14px 2px 14px;
      color:#222222;
      font-weight:normal;
      border-top:1px solid #ffffff;
      border-left:1px solid #ffffff;
      border-right:1px solid #ffffff;
      border-bottom:1px solid #ffffff;                      
      }

     
     
    #leftnavi a span {
	  }
      
    #leftnavi a:hover {
      text-decoration: none;
      }
      
    #leftnavi a:hover span {
      background-color:#003366;
      color:#eeeeee;
      }

      
#leftnavi a.nav2 span {
      display:block;
      background:#dddddd;
      padding:2px 14px 2px 28px;
      color:#222222;
      font-weight:normal;
      border-top:1px solid #dddddd;
      border-left:1px solid #dddddd;
      border-right:1px solid #dddddd;
      border-bottom:1px solid #cccccc;
}

#leftnavi a.nav2:hover span{
      background-color:#003366;
      color:#eeeeee;
}

#leftnavi a.nav2s span {
      display:block;
      background:#336699;
      padding:2px 14px 2px 14px;
      color:#ffffff;
      font-weight:normal;
      border-top:1px solid #dddddd;
      border-left:1px solid #dddddd;
      border-right:1px solid #dddddd;
      border-bottom:1px solid #cccccc;
}      

#leftnavi span.nav2 {
      display:block;
      background:#003366;
      padding:2px 14px 2px 28px;
      color:#ffffff;
      font-weight:normal;
      border-top:1px solid #dddddd;
      border-left:1px solid #dddddd;
      border-right:1px solid #dddddd;
      border-bottom:1px solid #dddddd;
}

@media screen and (max-width:700px) {

      
   #leftnavi li.navbutton {
      display:block;
      background:#003366;
      padding:2px 14px 2px 14px;
      color:#eeeeee;
      font-weight:normal;
      border-top:1px solid #dddddd;
      border-left:1px solid #dddddd;
      border-right:1px solid #dddddd;
      border-bottom:1px solid #dddddd;      
	}
       #leftnavi li.navbutton a{
      display:block;
      color:#eeeeee;
	}    
    
    #leftnavi ul {
	  list-style:none;
      margin:0;
      padding:0;
      }
      
    #leftnavi li {
      display:none;
      font-size:1em;
 
      }
      
      #leftnavi span {
      display:none;
      font-size:1em;
      }
      
     #leftnavi li a{
      display:none;
      font-size:1em;
      }
 
      
	#leftnavi ul:hover li {
		display: block;
        font-size:1em;}
        
	#leftnavi ul:hover li span{
		display: block;
        font-size:1em;}        
        
	#leftnavi ul:hover li a{
		display: block;
        font-size:1em;}             
             
    #leftnavi a:hover span {
      display:block;
      padding:2px 14px 2px 14px;
      background-color:#003366;
      color:#eeeeee;
      }

      
      
#leftnavi a.nav2 span {
      background:#dddddd;
      padding:2px 14px 2px 28px;
      color:#222222;
      font-weight:normal;
      border-top:1px solid #dddddd;
      border-left:1px solid #dddddd;
      border-right:1px solid #dddddd;
      border-bottom:1px solid #cccccc;
}

#leftnavi a.nav2:hover span{
      background-color:#003366;
      color:#eeeeee;
}

#leftnavi a.nav2s span {
      background:#336699;
      padding:2px 14px 2px 14px;
      color:#ffffff;
      font-weight:normal;
      border-top:1px solid #dddddd;
      border-left:1px solid #dddddd;
      border-right:1px solid #dddddd;
      border-bottom:1px solid #cccccc;
}      

#leftnavi span.nav2 {
      background:#003366;
      padding:2px 14px 2px 28px;
      color:#ffffff;
      font-weight:normal;
      border-top:1px solid #dddddd;
      border-left:1px solid #dddddd;
      border-right:1px solid #dddddd;
      border-bottom:1px solid #dddddd;
}
}

@media screen and (min-width: 701px) {
#leftnavi li.navbutton {
      display:none;
      font-size:1em;
	}
    }