header, 
nav, 
footer {
   display: block;
}
/***********************************************/

body {
    background-color: #fbfbfb;
}

#wrapper {
    max-width: 1024px;
    margin: 0px auto;
    background-color: #FFFFFF;
    margin-top: 20px;
    padding: 20px;
}

header {
    width: 100%;
    height: 60px;
}
nav {
   width: 100%;
   margin-bottom: 2px;
	text-align: right;
}
#nav{
 display:none;
}
#content {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
footer {
    clear: both;
    width: 100%;
    height: 50px;
}


/* Mainmenu */
nav li { display: inline; list-style-type: none; }
nav a { margin: 0 15px 0 15px; padding-top: 10px; padding-bottom: 10px;display: inline-block;}
nav a:hover { background: #cbe7ff; }
nav input{display:none}
nav label{cursor:pointer;display:none}

@media screen and (max-width: 550px){
	
	
#nav{
 display:block;
}	
/* Mainmenu */	
nav .button {
	position: relative;
    display: block;
    justify-content: center;
    z-index: 1;
    -webkit-appearance: none;
    border: 0;
    background: transparent;
    border-radius: 0;
    height: 30px;
    width: 100%;
    cursor: pointer;
    pointer-events: auto;
    touch-action: manipulation;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    text-align: -webkit-right;
    padding-top: 12px;
}

nav .button:focus {outline: none;}
nav .icon-bar {
  display: block;
  width: 30px;
  height: 3px;
  background: #aaa;
  transition: .3s;
}

nav .icon-bar + .icon-bar { margin-top: 5px; }
 nav:focus-within .button {
 pointer-events: none;
}
nav:focus-within .icon-bar:nth-of-type(1) {
 transform: translate3d(0, 8px, 0) rotate(45deg);
}
nav:focus-within .icon-bar:nth-of-type(2) {
 opacity: 0;
}
nav:focus-within .icon-bar:nth-of-type(3) {
 transform: translate3d(0, -8px, 0) rotate(-45deg);
}	
nav label { cursor: pointer; display: block; line-height: 40px; }
navinput { display: none; }
nav input + * { height: 0;overflow: hidden; transition: height 0.5s; }
nav input:checked + * { height: 180px; }
nav li { display: block; list-style-type: none; text-align: center; }
nav a {  margin: 0; padding-top: 10px; padding-bottom: 10px; width: 100%; display: block;}
nav ul { padding-left: 0; }

#footer{
 display:none;
}		
}