#header img{
    float:right;
}

#lang p{
    margin-top: 0;
}



/*
.wrapper{
  width:1400px;
}
  */


/* Anfang Navigation oben */

  .naviwrapper{
    width:1400px;
    margin: 0 auto;
}

#nav2 {
	box-sizing: border-box;
	float: left;
	width: 100%;
	font-size: 16px;
	background-color: #808080;
	}

#nav2 ul {
  margin: 0;
  padding: 0;
  background-color: #808080;
	}

#nav2 a {
  display: block;
  color: #C0C0C0;
  text-decoration: none;
  }
  
#nav2 ul li {
  position: relative;
  float: left;
  list-style: none;
  background-color: #808080;
}

#nav2 ul li a {
    padding: 8px 3px 8px 3px;
    color: #FFFFFF}



#nav {
	box-sizing: border-box;
	float: left;
	width: 100%;
	font-size: 16px;
	background-color: #333;
}
#nav ul {
  margin: 0;
  padding: 0;
}
 
#nav a {
  display: block;
  color: #C0C0C0;
  text-decoration: none;
}
#nav ul li {
  position: relative;
  float: left;
  list-style: none;
}
 
#nav ul li:hover {
  background: #1F1F1F;
  }
 
#nav ul li a {
    padding: 10px 15px 6px 5px;
    color: #FFFFFF}
    
#nav ul ul {
	position: absolute;
	top: -9999px;
	left: -9999px;
	background: #808080;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
	background-color: #808080;
}
 
#nav ul ul li {
  float: none;
  width: 290px;
  border-bottom: 1px solid #555;
}
 
#nav ul ul li a {
  padding: 10px 5px;
}
#nav ul li:hover > ul {
  top: 100%;
  left: 0;
}
#nav ul ul li:hover > ul {
  top: 0;
  left: 200px;
}
#nav ul ul li:last-child {
  border-bottom: none;
}

		
#startseite #navi01 a,
#mp #navi02 a,
#steu #navi03 a,
#mot #navi04 a,
#anwend #navi05 a,
#dienst #navi06 a,
#wir #navi07 a
 {
  color:#ffffff; 
  border-bottom: 4px solid #cd0000;}

#startseite #navi01a a,
#startseite #navi01b a,  
#mp #navi02v a,
#mp #navi02a a,
#mp #navi02b a,
#mp #navi02c a,
#mp #navi02d a,
#steu #navi03v a,
#steu #navi03a a,
#steu #navi03b a,
#steu #navi03c a,
#steu #navi03d a,
#mot #navi04a a,
#mot #navi04b a,
#mot #navi04c a,
#mot #navi04d a,
#anwend #navi05a a,
#anwend #navi05b a,
#anwend #navi05c a,
#anwend #navi05d a,
#anwend #navi05e a,
#dienst #navi06a a,
#dienst #navi06b a,
#dienst #navi06c a,
#wir #navi07a a,
#wir #navi07b a,
#wir #navi07c a,
#wir #navi07d a,
#wir #navi07e a
{
   border-bottom: none;}

.nav-open {
     display: none;
}

.sitemap {
     display: none;
}

.close {
     display: none;
}
   
.video {
     display: none;
}

/* Ende Navigation oben */
   
   
table.mitbild { background: url("bg3.jpg") repeat-y; 
}


   
#footer {
	box-sizing: border-box;
	float: left;
	width: 100%;
	font-size: 16px;
	background-color: #444;
	padding: 10px 20px 10px 20px;
	/*! margin-top: 30px; */
	}


	
#col_a {
	
	float: left;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	padding: 0 80px 0 0;
	}
	
#col_b {
	
	float: left;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
    padding: 20px 80px 0 0;
    }

#col_c {
	
	float: left;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	padding: 20px 20px 0 0;
	}

#col_c_f_e {
	float: left;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	padding: 40px 20px 0 0;
	}


#col_b a {
	color:#fff;
	}
	
#col_b a:hover {
	font-weight: 600;
	}
	
#col_c a {
	color:#fff;
	}
	
#col_c a:hover {
	font-weight: 600;
	}
	
#col_c_f_e a {
	color:#fff;
	}
	
#col_c_f_e a:hover {
	font-weight: 600;
	}




@media screen and (max-width: 1500px) {
#col_a {
	padding: 0 80px 0 0;
	}
} 

  
@media screen and (max-width: 1200px) {
#startseite #navi01 a,
#mp #navi02 a,
#steu #navi03 a,
#vm #navi04 a,
#kw #navi05 a,
#dienst #navi06 a,
#wir #navi07 a
 {
  color:red;
  font-weight:bold; 
  border-bottom: none;}
 
#nav {
     position: fixed;
     top: 0;
     left: 0;
     float: none;
     width: 100%;
     margin: 0;
     padding: 0;
     font-size: 16px;

     
}
 
#nav ul li {
     float: none;
     text-align: center;
     border-bottom: 1px solid #555;
}

#nav ul li a {
    padding: 8px 15px 8px 5px;
   }

 

#nav ul li:last-child {
 border-bottom: none;
}



#nav ul li.close {
     display: block;
}
 

#nav ul li.sitemap {
     display: block;
}

#nav ul li.video {
  display: block;
}


 
.nav-open {
     position: fixed;
     top: 0;
     left: 0;
     background: #555;
     box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
     font-family: Arial, sans-serif;
     display: block;
     width: 100%;
}

.nav-open a:visited {
  padding: 10px 15px;
  display: block;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
 

.nav-open a:link {
  padding: 10px 15px;
  display: block;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
 
 
#nav {
     top: -200%;
}
 
 
#nav:target {
 top: 0;
}
 
 
#kopf {
 margin-top: 35px;
}
 

#nav ul ul {
  display: none;
  }
 
#nav ul ul li {
  display: none;
}

.naviwrapper{
  width:auto;
}

#header img{
  margin-top:50px;
  width: 160px;
  height: auto;
}



}


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

#col_c {
	width: 100%;
	padding: 0 20px 0 0;
	}
	
	
#col_c_f_e {
	width: 100%;
	padding: 0 20px 0 0;
	}

  #header img{
    width: 140px;  
  }

}

@media screen and (max-width: 700px) {
	
#col_b {
  width: 100%;
  padding: 0px 80px 0 0;
    }

    
    #header img{
      width: 120px;
      }
    
}