#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;
	}
    }
    
    
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.nav2z, a.nav2z: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:2em; /* diese Angabe ist nur für den IE, damit die ganze Linkfläche klickbar ist */
	}

    
    
html>body #nav2z a:link, html>body #nav2z a:visited  {
	height:auto; /* hebt für nicht-IE Browser die Höhenangabe 1em wieder auf */ 
}
	
a.nav2z: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;
}    



.teascontent {
float:left;
border: 1px solid #bbbbbb;
padding: 10px 5px 10px 5px;
max-width:485px;
margin: 5px;
}

.teascontentbuch {
float:left;
border: none;
padding: 10px 5px 10px 5px;
width:485px;
margin: 25px 5px;
}

.teascontent2 {
float:left;
border: 1px solid #dddddd;
width:96%;
margin-top:6px;
margin-bottom:6px;
padding:10px;
}

.imgct {
float:left;
margin:4px 10px 6px 0;
border:0px;
}


.textct {
float:left;
text-align:left;
margin:0;
max-width:350px;
}

.textct2 {
float:left;
text-align:left;
margin:6px;
width:242px;
line-height: 1.4em!important; 
}

.anz {
float:right;
text-align:right;
color:#aaaaaa;
width:99%;
}

.anz2 {
text-align:left;
color:#aaaaaa;
width:99%;
}

.teaskapitel {
float:left;
border: none;
margin-top:15px;
margin-bottom:10px;
padding-bottom:4px;
}

.teaskapitel p {
margin:5px 0;
}
.teaskapitel p.right {
margin:0;
line-height: 1.4em!important;
float:right; }

.ct {
float:right;
}


img.gal {
border: 3px;
border-style:double;
border-color:#666666;
}


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

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

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


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


#infobox {
    background-color: #CCFFCC;
    border: 1px solid #006600;
    color: #111111;
    margin: 20px 10px;
    padding: 10px;
}

#infobox p {
padding-left: 38px;
}

p.offis {
padding-left: 38px;
background-image: url(img/icon-zug.png);
background-repeat: no-repeat;
background-position: top left;
}

p.addi {
padding-left: 38px;
background-image: url(img/icon-adress.png);
background-repeat: no-repeat;
background-position: top left;
}


p.car {
padding-left: 38px;
background-image: url(img/icon-auto.png);
background-repeat: no-repeat;
background-position: top left;
}

p.check {
padding-left: 38px;
background-image: url(img/icon-check.png);
background-repeat: no-repeat;
background-position: top left;
}

p.web {
padding-left: 38px;
background-image: url(img/icon-welt.png);
background-repeat: no-repeat;
background-position: top left;
}

#mehrartikel {
margin: 15px 0;
}

#mehrartikel h4 {
    color: #222222;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 16px;
    margin: 5px 0 0 0;
    padding: 0;
    }
    
   
#mehrartikel ul {
	  list-style:none;
      margin:0;
      padding:0;
 }
 
  
#mehrartikel li {
float:left;
margin-bottom: 20px;
}

#mehrartikel li a span{
display:block;
width:150px;
height:155px;
padding: 10px;
background-color:none;
}

#mehrartikel li a span img{
display:inline;
margin-bottom:5px;
}

#mehrartikel li a:hover span{
background-color:#cccccc;
}

#madetail {
float:left;
width:150px;
margin: 10px;
}

#madetail a span{
display:block;
width:100%;
padding: 10px;
background-color:none;
}

#madetail a:hover span{
background-color:#cccccc;
}

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

#mehrartikel li a span{
display:block;
width:150px;
height:auto;
background-color:none;
}

#mehrartikel li {
float:none;
margin-bottom: 5px;
}

#mehrartikel li a span img {
display:none;
margin-bottom:0;
}
}