body {
        margin: 0px ;
/*        background-color: #2B333E; */
  		background-color: #ffffff;
        text-align: center;
}

#basic { 
   overflow: hidden;
   width: 100%;
   height: 100%;
}



#bgimage {
        width: 100%;
        height: 100%;
 /*       top: -50px; */
        text-align: left;
        overflow: hidden;
        position: fixed;
        z-index: 10;      
}

#bgimage img {
  width: 100%;
}


#header {
    height: 135px;
    top: 0px;
    width: 100%;
/*    background-color: #000000; */
/*  	background: url(black-70.png);*/
    position: fixed;
    z-index: 30;
}

#social {
  text-align: right;
/*  width: 100px; */
  right: 0px;
  padding: 25px;
  height: 29px;
  z-index: 110;
  position: absolute;
  }

#logo {
	text-align: left;
    height: 80px;
    top: 5%;
	left: 5%;
    position: fixed;
    z-index: 40;
}


#navigation {
	text-align: left;
 /* 	font-size:12px; */
 /*   top: -135px; */
 /*   padding-left: 150px; */
/*    padding-right: 150px; */
      padding-left: calc(100% - 270px);
      padding-right: 50px;
      padding-top: 50px;
    z-index: 100;
 	position: relative;
}


#content {
	text-align: left;
    width: calc(80% - 136px);
	margin-top: 135px;
	margin-bottom: 80px;
    margin-left: calc(10% + 68px);
 /*   margin-right: calc(10% + 68px);*/
  	
    padding-bottom: 85px;
	background: url(weiss_85.png);	
    overflow: auto;
    float: left;
	position: absolute;
    z-index: 20;
}

#cmain {
  padding: 30px;
  float: left;
}

#cmain2 {
  padding: 30px;
  float: left;
  width: calc(50% - 60px);
}

#cright {
  padding: 30px;
  float: left;
  width: calc(50% - 60px);
}

#footer {
  position: fixed;
/*  background-color: #000000; */
/*  background: url(black-70.png);*/
  height: 50px;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 30;
}






#disc {
    font-size:10px;
    left: 0px;
    height:20px;
 /*   top:15px; */
    position: relative;
    z-index: 20;
    color: #cea82a;  
	text-align: center;      
}

/*  zweispaltig */
@media only screen and (max-width: 1000px) {
#cmain2 {
  width: calc(100% - 60px);
}

#cright {
  width: calc(100% - 60px);
}
}



  
#header {
    height: 110px;
}

#social {
  right: 60px;
  padding-right: 25px;
  padding-top: 35px;
  }

#logo {
  text-align: left;


}

 #content{
  width: 100%;
  margin-left: 0px;
  }

 #footer {
   height: 30px;
 }

 #disc {
    height:20px;
    top:-5px;
 }

.cbnav {
  font-size: 15px;
} 
  


