/* responsive Design bis zu einer Auflösung von 768 Pixel */


@media only screen and (min-width: 401px) and (max-width: 768px) {

  #startbild {
	display: none;        
 }
  
  
}

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

  #startbild {
	display: none;        
 }
  #startbild900 {
	display: none;        
 }
}  

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

body{
margin: 0 auto;
padding:0px;
text-align:center;
background:transparent;
font-size:12px;
color:#ffffff;
font-family:  Arial, Helvetica, sans-serif;
font-weight:normal;
    height:100%;
background-color: #ffffff;

}  
  
  
#background {
	display: none;        
}  
  
#left {
	display: none;        
}

#startbild {
	display: none;        
}


#top-icons {
	display: none;        
}
  
#topmenu_outer {
	display: none;        
}

#sidebar-left-container {
	display: none;        
}

#top {
	display: none;        
}  
  
  
#responsiveausblenden1 {
	display: none;        
}
  

.slider1 {
	display: none;        
}  

/* Banner Header */
      
.banner_smartmedia{
  margin: 0px auto;
  width: 100%;
  height: 54px;
  text-align: left;
  z-index:3;
  background-color: rgba(255,255,255,0.0);
  position: relative;
}
  
/* maincontainer for site */

#container {
	width: 100%;
    text-align:center;
	margin-left:1px;
    margin-top:0px;
    margin-right:1px;
    margin-bottom:20px;
    background-color: rgba(255,255,255,0.0);
	position: relative;
	border: 0px;
    z-index:1;  
  
}

.pagewidth{
width:99%;
text-align:center;
background-color: rgba(255,255,255,0.8);
margin-top:0px;
margin-bottom:0px;
  
}
  
#content {
float:left;
text-align:center;
  margin-left:5px;
  margin-right:5px;
width:98%;
background-color: rgba(255,255,255,0.3);
margin-bottom:10px;  
border: 1px solid #9B9B9B;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
  -moz-box-shadow:2px 0px 5px #9B9B9B, -2px 0px 5px #9B9B9B; /* Firefox */
    -webkit-box-shadow:2px 0px 5px #9B9B9B, -2px 0px 5px #9B9B9B; /* Chrome, Safari */
    -khtml-box-shadow:2px 0px 5px #9B9B9B, -2px 0px 5px #9B9B9B; /* Konqueror */
    box-shadow:2px 0px 5px #9B9B9B, -2px 0px 5px #9B9B9B; /* CSS3 */ 

}
  
  #content-top {
display: none;        
float:left;
width:100%;
height:127px;
background:#fff;
z-index: 0;
  

}

#content-bottom {
float:left;
width:100%;
height:130px;
background-color: rgba(0,0,0,0.8);
border-top: 1px solid #9B9B9B;
border-left: 1px solid #9B9B9B;
border-right: 1px solid #9B9B9B;
   
}

#main {
float:left;
background-color: rgba(0,0,0,0.4);
width:92%;
padding-top:10px;
padding-left:10px;
padding-right:10px;
text-align:left;
margin-bottom:10px;
margin-left:2px;
margin-right:2px;
margin-top:10px;
 border: 1px solid #9B9B9B;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px; 
  -moz-box-shadow:2px -2px 10px #9E9898, -2px -2px 10px #9E9898; /* Firefox */
    -webkit-box-shadow:2px -2px 10px #9E9898, -2px -2px 10px #9E9898; /* Chrome, Safari */
    -khtml-box-shadow:2px -2px 10px #9E9898, -2px -2px 10px #9E9898; /* Konqueror */
    box-shadow:2px -2px 10px #9E9898, -2px -2px 10px #9E9898; /* CSS3 */ 
}
  
#main-full {
float:left;
background:#fff;
width:95%;
padding:0;
text-align:left;
padding-top:10px;
padding-left:10px;
padding-right:10px;
margin-bottom:10px;
margin-left:10px;
margin-right:10px;
margin-top:1px;
 border: 1px solid #9B9B9B;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px; 
  -moz-box-shadow:2px -2px 10px #9E9898, -2px -2px 10px #9E9898; /* Firefox */
    -webkit-box-shadow:2px -2px 10px #9E9898, -2px -2px 10px #9E9898; /* Chrome, Safari */
    -khtml-box-shadow:2px -2px 10px #9E9898, -2px -2px 10px #9E9898; /* Konqueror */
    box-shadow:2px -2px 10px #9E9898, -2px -2px 10px #9E9898; /* CSS3 */  
}

 

#nav {
     position: fixed;
     top: 0;
     left: -200%;
     float: none;
     overflow: auto;
     width: 260px;
     height: 100%;
     margin: 0;
     padding: 50px 0px 0px 0px;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     background: #333;
     opacity: 0.8;
     z-index: 2;
     -webkit-transition: all 1s ease-in-out;
     -moz-transition: all 1s ease-in-out;
     -o-transition: all 1s ease-in-out;
     -ms-transition: all 1s ease-in-out;
      transition: all 1s ease-in-out;

}
 
#nav ul li {
     float: none;
     text-align: left;     
}
 

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


#navclose a {
     text-decoration: none;
     color: #FFFFFF;
     margin: 10px 0px 30px 20px;
     padding: 0px 0px 0px 25px;
     background-image: url(../images/kreuz3.gif);
     background-repeat: no-repeat;
     background-position: left center;

}

#navclose a:hover {
     font-weight: bold;
     color: #FFFFFF;
     text-decoration: none;
}



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

.nav-open {
     position: fixed;
     top: 2px;
     right: 2px;
     text-align: right;
     background: #C86000;
     font-family: Arial, sans-serif;
     text-decoration:none;
     display: block;
     width: 46px;
     height: 46px;
     z-index: 3;
     border: 1px solid #9B9B9B;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
 	border-radius: 8px 8px 8px 8px; 
    -moz-box-shadow:2px -2px 10px #9E9898, -2px -2px 10px #9E9898; /* Firefox */
    -webkit-box-shadow:2px -2px 10px #9E9898, -2px -2px 10px #9E9898; /* Chrome, Safari */
    -khtml-box-shadow:2px -2px 10px #9E9898, -2px -2px 10px #9E9898; /* Konqueror */
    box-shadow:2px -2px 10px #9E9898, -2px -2px 10px #9E9898; /* CSS3 */ 
}
  
.nav-open:hover {
     background: #FA8012;
     display: block;
     text-decoration:none;
     border: 1px solid #9B9B9B;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
 	border-radius: 8px 8px 8px 8px; 
    -moz-box-shadow:2px -2px 10px #9E9898, -2px -2px 10px #9E9898; /* Firefox */
    -webkit-box-shadow:2px -2px 10px #9E9898, -2px -2px 10px #9E9898; /* Chrome, Safari */
    -khtml-box-shadow:2px -2px 10px #9E9898, -2px -2px 10px #9E9898; /* Konqueror */
    box-shadow:2px -2px 10px #9E9898, -2px -2px 10px #9E9898; /* CSS3 */ 
}  
 .nav-open-text {
     margin-top: 4px;
     margin-left: 7px;
     margin-right: 7px;
     width: 30px;
     text-align: center;
     font-size: 8px;
     color: #C86000;
     background: #C6C6C6;
     font-family: Arial, sans-serif;
     text-decoration: none;
     z-index: 4;
    border: 1px solid #C6C6C6;
    -moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px; 
} 
  
  .nav-open-text:hover {
     margin-top: 4px;
     margin-left: 7px;
     margin-right: 7px;
     width: 30px;
     text-align: center;
     font-size: 8px;
     color: #ffffff;
     background: #C6C6C6;
     font-family: Arial, sans-serif;
     text-decoration: none;
     z-index: 4;
    border: 1px solid #C6C6C6;
    -moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px; 
} 
  
  

  .nav-open-linie1 {
     margin-left: 7px;
     margin-right: 7px;
     margin-top: 9px;
     text-align: center;
     font-family: Arial, sans-serif;
     text-decoration: none;
     background: #C6C6C6;
     z-index: 4;
     width: 30px;
     height: 3px;
     border: 1px solid #C6C6C6;
    -moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px; 
} 
  
 
.nav-open-linie2 {
     margin-left: 7px;
     margin-right: 7px;
     margin-top: 4px;
     text-align: center;
     font-family: Arial, sans-serif;
     text-decoration: none;
     background: #C6C6C6;
     z-index: 4;
     width: 30px;
     height: 3px;
     border: 1px solid #C6C6C6;
    -moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px; 
}   
 
.nav-open a {
     display: block;
     color: none;
     text-align: left;
     text-decoration: none;
     border: 2px solid #9B9B9B;
  
}
  
.nav-open a:hover {
     display: block;
     color: #ffffff;
     background: #000000;
     text-decoration: none;
  border: 2px solid #9B9B9B;
  
}

#nav:target {
 left: 0;
}

/* Responsive Menu */

ul.menu {
    list-style-type: none;
	list-style-image: none;	
    padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

ul.menu li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
}

ul.menu li a {
    padding: 2px 3px 2px 15px;
	margin: 0 0 0 2px;
    display: block;
	text-decoration: none;
    color: #FFFFFF;
    font-size: 16px;
	border-bottom: 0px solid #ECC900;
	background-image: url(../images/navi4.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

ul.menu li a:hover {
        font-weight: bold;
        color: #FFFFFF;
        text-decoration: none;
}

ul.menu li.active a {
        color: #FFFFFF;
}

ul.menu li.close {
     display: block;
}


/* menu ebene 2 */

ul.menu li ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 1px 0px;
}

ul.menu li ul li {
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 1px 0px;
	background: url(../images/ebene_2.gif) 0 0 no-repeat;
}

ul.menu li ul li a span {
	font-weight: normal;
        color: #FFFFFF;
}

ul.menu li ul li a:hover span {
	font-weight: bold;
        color: #FFFFFF;
        text-decoration: none;
}

ul.menu li ul li.active a span {
	font-weight: normal;
        color: #FFFFFF;
}

ul.menu li ul li a:hover span {
	font-weight: bold;
        color: #FFFFFF;
}

/* menu ebene 3 */

ul.menu li ul li ul li a.submenu span {
color: #2c4966;
}

ul.menu li ul li ul li.active a span {
	font-weight: normal;
        color: #ccc;
}

/* menu ebene 4 */

ul.menu li ul li ul li ul li a.submenu span {
color: #FFFFFF;
}

  

#ftb-f{
 float:left;
 width:100%;
 height:45px;
 background:transparent;
  border-bottom: 1px solid #9B9B9B;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
}

 .ftb {
 float:left;
 margin-top:1px;
 text-align:center;
 font-size:12px;
 width:100%;
 position: absolute;
 color:#404040;
 padding:0;
 background:transparent;
 border: none;

}


 .ftb a{
 padding:0 !important;
 border:none !important;
  color:#404040;
 font-weight:normal;
 

} 

 .ftb a:hover{
 padding:0 !important;
 border:none !important;
 color:#7c7c76;
 text-decoration: underline;

} 




}