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

html {
height: 100%;
}


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

  #startbild {
	display: none;        
}
 
  #startbild400 {
	display: none;        
 } 
}
  
@media only screen and (min-width: 901px) and (max-width: 1140px) {

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

  
  
@media only screen and (min-width: 769px) and (max-width: 1140px) {
  
body{
margin:0;
padding:0px 0px 0px 0px;
text-align:center;
background:transparent;
font-size:13px;
color:#ffffff;
font-family:  Arial, Helvetica, sans-serif;
font-weight:normal;
background-color: #ffffff;

}


#background {
position:fixed; 
top:-5px; 
left:0; 
margin:0;
padding:0px 0px 0px 0px;  
z-index:-1; 

} 

#sidebar-left-container{
	display: none;        
}
  
#nav {
	display: none;        
}
  
  
#desktopausblenden1 {
	display: none;        
}
  
.nav-open {
	display: none;        
}
  
#banner_smartmedia {
	display: none;        
} 

#ftb-a {
	display: none;        
}  
  
#top-icons{
        position: absolute;
        width: 77%;
        min-width: 500px;
        text-align:center;
        height: 10px;
        top: 10px;
        margin-left:20%;
        margin-right:10%;
        border: 0px;
       z-index:5;
  
}



/***********************/
#sidebar-left-container{
        position: fixed;
        width: 40px; height: 72px;
        top: 50%; left: 0px;
        z-index:2;
        padding: 0px 0px 0px 0px;
}


#sidebar-left1{
  float: left;      
        width: 40px; height: 36px;
        left: 0px;
        z-index:1;
        padding: 0px 0px 0px 0px;
       
        /* box color and font styles */
        background-color: rgba(51,153,105,0.7);
        text-align: center;

        /* border an round corners*/
        border-top: 1px solid #FFFFFF;
        border-right: 1px solid #FFFFFF;
        border-bottom: 0px solid #FFFFFF; 
  
      -moz-border-radius: 0px 20px 20px 0px;
	  -webkit-border-radius: 0px 20px 20px 0px;
      -o-border-radius: 0px 20px 20px 0px;
	  border-radius: 0px 20px 20px 0px;
     -moz-box-shadow:2px -2px 10px #F1F1F1; /* Firefox */
     -webkit-box-shadow:2px -2px 10px #F1F1F1; /* Chrome, Safari */
     -khtml-box-shadow:2px -2px 10px #F1F1F1; /* Konqueror */
      box-shadow:2px -2px 10px #F1F1F1; /* CSS3 */ 

}

#sidebar-left1 a:hover{
display: block; 
  height:100%;
  background-color: rgba(255,255,255,0.6);
  -moz-border-radius: 0px 20px 20px 0px;
	  -webkit-border-radius: 0px 20px 20px 0px;
      -o-border-radius: 0px 20px 20px 0px;
     border-radius: 0px 20px 20px 0px;
}

#sidebar-left1 a:active{
	background-color: rgba(255,255,255,0.6);
}


#sidebar-left2{
        float: left;            
        width: 40px; height: 36px;
        left: 0px;
        z-index:1;
        padding: 0px 0px 0px 0px;
        /* box color and font styles */
        background-color: rgba(51,153,105,0.7);
        text-align: center;

        /* border an round corners*/
        border-top: 1px solid #FFFFFF;
        border-right: 1px solid #FFFFFF;
        border-bottom: 1px solid #FFFFFF; 
  
      -moz-border-radius: 0px 20px 20px 0px;
	  -webkit-border-radius: 0px 20px 20px 0px;
      -o-border-radius: 0px 20px 20px 0px;
	  border-radius: 0px 20px 20px 0px;
     -moz-box-shadow:2px -2px 10px #F1F1F1; /* Firefox */
     -webkit-box-shadow:2px -2px 10px #F1F1F1; /* Chrome, Safari */
     -khtml-box-shadow:2px -2px 10px #F1F1F1; /* Konqueror */
      box-shadow:2px -2px 10px #F1F1F1; /* CSS3 */ 

}

#sidebar-left2 a{
display: block; 
  height:100%;
  background-color: rgba(51,153,105,0.7);
  -moz-border-radius: 0px 20px 20px 0px;
	  -webkit-border-radius: 0px 20px 20px 0px;
      -o-border-radius: 0px 20px 20px 0px;
	  border-radius: 0px 20px 20px 0px;
}

#sidebar-left2 a:hover {
display: block; 
  height:100%;
  width:250px;
  color:#666060;
  background-color: rgba(51,153,105,1.0);
  border-top: 1px solid #FFFFFF;
        border-right: 1px solid #FFFFFF;
        border-bottom: 1px solid #FFFFFF; 
  -moz-border-radius: 0px 20px 0px 0px;
	  -webkit-border-radius: 0px 20px 0px 0px;
      -o-border-radius: 0px 20px 0px 0px;
	  border-radius: 0px 20px 0px 0px;
}

#sidebar-left2 a span {display:none;}

#sidebar-left2 a:hover span {
color:#666060;
background:#ffffff;
font:normal 12px Arial, Helvatia;
border:1px solid #BFAC60;
display:block;
padding:10px;}


#sidebar-left2 a:active{
	background-color: rgba(255,255,255,0.6);
}


/***********************/

/* maincontainer for site */
#container {
	width: 95%;
    text-align:center;
	margin-left:2%;
    margin-top:10px;
    margin-bottom:0px;
    
    background-color: #000000;
	position: relative;
	border: 0px;
    z-index:1;  
}

.pagewidth{
width:100%;
text-align:center;
background:transparent;
margin-top:0px;
margin-bottom:0px;
  
}

#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;
   
}




/***************************/


#sitename {
float:left;
width:197px;
height:69px;
margin:30px 0 0 45px;

}

#content {
float:left;
text-align:center;
width:100%;
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 */ 

}

#main {
float:left;
background-color: rgba(0,0,0,0.4);
width:67%;
min-width: 400px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
text-align:left;
margin-bottom:10px;
margin-left:10px;
margin-right:10px;
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:67%;
min-width: 400px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
text-align:left;
margin-bottom:10px;
margin-left:10px;
margin-right:10px;
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 */  
  
}



/******CALENDAR*******/
.calendar {
float:left;
margin-right:15px;
margin-bottom:0; 
display:block ;
padding: 5px 0 0 0 ;
background:#a0cc13;
width:40px ;
height:40px;
text-align:center;
border-radius:25px;

}

.day {
color: #fff;
font-weight:bold;
margin: 0 0 5px 0;
padding:0  ;
font-size:12px;
background:transparent;
display:block;

}

.month {
color: #fff;
font-weight: bold;
margin: 0;
padding:0px 0 0 0 ;
font-size:12px;
background:transparent;
display:block;

}

/***********************/
#left {
float:left;
position: relative;
width:25%;
min-width: 150px;
margin-left:10px;  
margin-right:auto;  
margin-top:10px;
text-align:left;
background-color: rgba(0,0,0,0.4);
  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 */ 
}

#left h3 {
font-size:18px;
text-transform:capitalize;
color:#C86000;
text-align:left;
font-weight:bold;
background-color: rgba(0,0,0,0.4);
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
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 */  
  
 

}

#left .moduletable_menu,
#left .moduletable {
margin-bottom:5px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
font-size:12px;
background-color: rgba(0,0,0,0.0);


}

#left .moduletable_menu a,
#left .moduletable a,
#left a {

}

#left .moduletable_menu a:hover,
#left .moduletable a:hover,
#left a:hover {

}
  
#left .moduletable_custom {
text-align:center;
}




/***************************/
#footer {
float:left;
width:100%;
background:#fff;
margin-top:10px;
margin-left:25px;
  

}

.box{
float:left;
width:190px;
background: url(../images/right.jpg) 0 0 repeat;
padding-bottom:20px;
margin-top:0px;
padding-top:15px;
text-align:left;
margin-left:10px;

}

.box .moduletable_menu h3,
.box .moduletable h3,
.box h3 {
font-size:15px;
text-transform:uppercase;
text-align:left;
font-weight:bold;
margin-left:10px;

}

.box .moduletable_menu ,
.box .moduletable ,
.box  {
padding-bottom:10px;
font-size:12px;

}

.box .moduletable_menu a,
.box .moduletable a,
.box a {
font-weight:normal;
font-style:italic;
font-size:13px;

}

/***********************/

#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:300px;
 position: absolute;
 left: 50%;
 margin-left: -150px;
 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;

} 

#top {
 float:right;
 text-align:center;
 width:30px !important;
 position: absolute;
 left: 75%;
 margin-left: -100px;
 height:30px !important;
 margin-top:3px !important;
 padding:0 !important;
 border:none !important;
 background:transparent;

 }

 .top_button {
  text-align:center;
 padding:0 !important;
 border:none !important;
 width:30px !important;
 height:30px !important;
 background:transparent;

 }

} 


/* Angaben media responsive Ende */