@charset "utf-8";
/* CSS Document */

body {background-image:url(gr.jpg);
        filter:alpha(opacity=90); /* IE */
         opacity:0.9; /* allgemein */
         -moz-opacity:0.9; /* Mozilla */
         -khtml-opacity:0.9; /* KTHML */
         -opera-opacity:0.9; /* Opera */
         background-color:#ffffff;
         background-repeat:no-repeat;
         background-position:350px -20%;
         background-size:1000px;
         border-radius:7px;
         color:#000000;
         font-family:Verdana, Geneva, sans-serif;
         margin:0px;}

body a {color:#0066ff;}

header {/* background-image:url(kitchen.jpg); */
         background-color:#ffffff;
         /* background-repeat:no-repeat; */
         background-position:50px 50%;
         background-size:300px;
        color: #009900;
        font-size: xx-large;
        font-style:italic;
        font-weight:bolder;
        padding: 10px;
        text-align:right;}

#hilfscontainer {margin:0px auto;
         max-width:1024px;}

aside {float:left;
        text-align:center;
        width:150px;}

nav {   /* background-image:url(zitrone.jpg);*/
        background-position:-450px 50%;
        background-size:900px;
        margin:10px;
        padding-bottom:20px;
        padding-left:5px;
        padding-right:5px;
        padding-top:9px;
        width:75%;
        background-color:#ff3300;
        border: 0px;
        border-radius: 25px 80px 100px 25px;
        box-shadow: 5px 5px 3px #ff9900;
        text-align:left;}

nav1 { margin:10px;
        padding-bottom:20px;
        padding-left:5px;
        padding-right:5px;
        padding-top:9px;
        width:100%;
        background-color:#ffffff;
        border-radius:7px
        text-align:left;}

main {background-color:#ffffff;
        color: #000000;
        float:left;
        width:80%;}


main h1 {font-size: xx-large;
         margin-bottom: 10px;
         margin-top: 0px;}

article {border: 1px solid grey;
        border-radius:10px;
        margin:20px;
        padding-bottom:10px;
        padding-left:20px;
        padding-right:20px;
        padding-top:10px;}

footer {background-color:#ffffff;
        clear:left;
        color:#ffffff;
        font-size:large;
        font-style:italic;
        font-weight:bolder;
        padding-bottom:10px;
        padding-top:10px;
        text-align:center;
        width: 100%;}

img {max-width:100%; height:auto; }

ul {margin:0;
    margin-top: 0px;
    padding:0;
    list-style-type:none;
        font-size:large;
}

ul li a {text-decoration:none;
         color:#ffff00;
         padding:5px 5px;
         height:100px;
         width: 100px;
         margin-bottom:15px;
         background-color:#00aa00;
         background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #000000 40%);
         background-image: -moz-linear-gradient(bottom, #ffffff 0%, #000000 40%);
         background-image: -o-linear-gradient(#ffffff 0%, #000000 40%);
         background-image: linear-gradient(#ffffff 0%, #000000 40%);
         display:block;
         box-shadow: 3px 3px 2px #ff9900;
         /* box-shadow: 5px 5px 3px #ff4D00; */
         border-radius:7px;
}

ul li a:visited {color:#ffff00;}

ul li a:hover, ul li .current {color:#ff3300;
    background-color:yellow;}