body {
 
 margin: 1px auto;

 max-width: 100%;

 border: 0px solid #c2c2c2;

 background: linear-gradient(to bottom right, #000080, #00ffff, #ffffff, #ffffff, #ffffff, #00ffff, #000080);

}

* {

 padding: 1px;

 margin: 1px;

}

/*-----------------------------------------------------*/

header {

 text-align: center;

 border: 0px solid #3481cd

}


nav {

 background: url(bilder/hg/panel1~4.png) repeat;

}


#menu1 {
 text-align: center;
}


#menu1 li {

 list-style-type: none;

 background-color: #ffff00;

 border-radius: 1em;

 border: solid 1px #000000;
 width: 10em;

 padding: 1px;

 margin: 1px;

 text-align: center;

 display: inline-block;

}

#menu1 li a {
 color: #0a011d;

 text-decoration: none;

 font-weight: bold;

 display: block;
}


#menu1 li:hover {
 background-color: #b57600;
}

#menu1 li a:hover {
 color: #fff000;
}


a.active {
 background-color: #00ffff;
 border-radius: 1em;
}
/*----------------------------------------------------------*/

main {

 border: 0px solid;

}

article {

 border: 0px solid;

}


section {

 border: 0px solid;

}


aside {

 border: 0px solid;

}

#menu2 {
 text-align: left;
}


#menu2 li{
 list-style-type: none;

 background-color: #003399;

 border: solid 1px #000000;

 width: 10em;

 padding: 1px;

 margin: 1px;

 text-align: center;

 display: inline-block;
}


#menu2 li a {
 color: #FFFFFF;

 text-decoration: none;

 font-weight: bold;

 display: block;
}


#menu2 li:hover {
 background-color: #0033FF;
}


#menu2 li a:hover {
 color: #FF0000;
}

#logo {
 border-radius: 2em;
 max-width: 80%;
}

footer {

 text-align: center;

 border: 0px solid;

}