*{
        margin: 0px;
        padding: 0px;
}

html, body{
        background-image:url(bg.png);
        background-attachment:fixed;
        background-position:center;
        background-size: 100% 100%;

}


/* ================ MENÜ ============== */

#main-nav .menu {

          background-image:url(menu1.png);
          background-repeat:no-repeat;
          background-size:100% 100%;
          width:1000px;
          height:43px;
          list-style-type: none;
          text-align:center;
          border-radius:5px;

          margin-top:30px;

          padding-top:60px;
          padding-left:84px;
          padding-right:0px;


}

#main-nav .menu li {

    display: inline;
    padding-left:18px;
    padding-right:18px;
    padding-top:5px;
    font-weigth: bold;
    cursor: default;
    margin-right:10px;
    border: white 3px outset
}

#main-nav .menu a{
    text-decoration: none;
    color: white;
    text-shadow: limegreen 0px 0px 3px;

}

#main-nav .menu li:hover {
    border: #AFAFAF 3px inset;
}


#main-nav .menu a:hover {

    color: darkred;
    text-shadow: black 0px 0px 10px;

    font-weight: 700;

    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;

}


/* ===================== WRAPPER =============== */

#wrapper{
         width: 1000px;
         margin:0 auto;

}

/* ================== UHR ================== */

#uhr{

     float:left;
     background-image:url(haupt4.png);
     text-align:center;

     border: darkblue 3px outset;
     border-radius:15px;
     width:95px;

     margin-top:18px;
     margin-left:4px;

     padding-top:22px;
     padding-left:12px;
     padding-right:12px;
     padding-bottom:22px;

     color:white;
}

/* ================= HAUPTTEIL =============== */

#haupt{

          float: left;
          list-style-type: none;

          background-image:url(haupt2.png);
          background-size:100% 100%;
          border: white 0px outset;

          width:1000px;
          height:auto;
          margin-top:7px;

          padding-top:5px;
          padding-left:42px;
          padding-right:42px;
          padding-bottom:20px;

          font-style:Handel Gothic;
}


#link{

          float: left;

          width:550px;
          margin-top:7px;


          font-style:Handel Gothic;

}

#kon{

          float:right;

          width:450px;
          margin-top:7px;

          font-style:Handel Gothic;

}


/* ================ FOOTER ===================== */

#footer{

        float:left;
        width: 1000px;
        height: 25px;
        color:white;

        margin-bottom:15px;

        padding-top:5px;
        padding-left:42px;
        padding-right:43px;


        background-image:url(haupt.png);
        text-align: center;
        list-style-type:none;

        text-shadow: 1px 0px 0px #CCC;
        -webkit-transition: all 200ms ease-in;
        -moz-transition: all 200ms ease-in;
        -ms-transition: all 200ms ease-in;
        -o-transition: all 200ms ease-in;
        transition: all 200ms ease-in;

}

#links{

        padding-bottom:5px;
        padding-left:0px;
        float:left;

}

#mitte{
        padding-bottom:5px;
        padding-left:150px;
        float:left;
}

#mitte a{
        color:white;
        text-decoration:none;
}

#mitte a:hover{
        font-size:16px;
        font-weight: 700;
        color:darkred;

        -webkit-transition: all 200ms ease-in;
        -moz-transition: all 200ms ease-in;
        -ms-transition: all 200ms ease-in;
        -o-transition: all 200ms ease-in;
        transition: all 200ms ease-in;
}


#rechts{
        padding-bottom:5px;
        padding-left:150px;
        padding-right:0px;
        float:right;

}