*{
        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:3px;

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

     color:white;
}


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

#haupt{
          text-align:center;

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

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

          padding-top:5px;
          padding-left:45px;
          padding-right:40px;
          padding-bottom:25px;

          font-style:Handel Gothic;

}

#haupt a{
        list-style-type:none;
        text-decoration:none;
}


#weiter a{

        list-style-type:none;
        text-decoration:none;
        color:darkblue;
        text-shadow: black 0px 1px 2px;
        font-family: Verdana, 'Lucida Sans Unicode', sans-serif;
}

#weiter a:hover{

        font-size:16px;
        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;

}

/* =========== NEWS ============= */

#news {

      color:white;
      text-shadow: 0px 5px 20px darkblue;

      margin-top: 20px;
      margin-left: 45px;
      margin-right: 45px;

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

      list-style-type:none;
      font-size:14px;

}

#news a{

      text-decoration:none;
      font-style:Handel Gothic;
      color:white;
      font-size:13px;

}

#news a:hover{
        font-size:15px;
        font-weight: 700;
        color:yellow;

        -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;
}

#news td{
      padding-left:9px;
      padding-top:7px;
      padding-bottom:5px;
      padding-right:3px;
}

#news img{

      box-shadow: -8px 0px 8px black;
      border-radius:3px;
      margin-left:15;
}

#news img:hover{

 transform: scale(+1.05);
}


/* ========== alternative für #news =========== */

/*       border: #AFAFAF 2px inset;
      border-radius: 30px;

      background-color:#003080;
*/

/* ============== Arikel ================= */

#artikel {

      text-shadow: 0px 5px 20px darkblue;
      color:white;

      margin-top: 20px;
      margin-left: 45px;
      margin-right: 45px;

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

      list-style-type:none;
      font-size:14px;

}

#artikel a{

      text-decoration:none;
      font-style:Handel Gothic;
      color:white;
      font-size:13px;

}

#artikel td{
      padding-left:7px;
      padding-top:7px;
      padding-bottom:5px;
      padding-right:3px;
}

#artikel img{

      box-shadow: -8px 5px 12px black;
      border-radius:3px;
      margin-left:15;
}


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

#footer{
        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;
        float:right;

}

/* ================= ENDE ================== */