$(document).ready(function()
{
    $("#startseite").hover(function(){
        $(this).css({ "background-image":"url(./web/pics/nav1.png)" });
        $(this).children().css({ "color":"#ffffff" });
    },function(){
        $(this).css({ "background-image":"none" });
        $(this).children().css({ "color":"#000000" });
    });

    $("#angebot").hover(function(){
        $(this).css({ "background-image":"url(./web/pics/nav3.png)" });
        $(this).children().css({ "color":"#ffffff" });
    },function(){
        $(this).css({ "background-image":"none" });
        $(this).children().css({ "color":"#000000" });
    });

    $("#beispiele").hover(function(){
        $(this).css({ "background-image":"url(./web/pics/nav1.png)" });
        $(this).children().css({ "color":"#ffffff" });
    },function(){
        $(this).css({ "background-image":"none" });
        $(this).children().css({ "color":"#000000" });
    });

    $("#faq").hover(function(){
        $(this).css({ "background-image":"url(./web/pics/nav2.png)" });
        $(this).children().css({ "color":"#ffffff" });
    },function(){
        $(this).css({ "background-image":"none" });
        $(this).children().css({ "color":"#000000" });
    });

    $("#kontakt").hover(function(){
        $(this).css({ "background-image":"url(./web/pics/nav5.png)" });
        $(this).children().css({ "color":"#ffffff" });
    },function(){
        $(this).css({ "background-image":"none" });
        $(this).children().css({ "color":"#000000" });
    });

    $("#submit_button").hover(function(){
        $(this).css({ "background-color":"#0057AE" });
        $(this).css({ "color":"#ffffff" });
    },function(){
        $(this).css({ "background-color":"#ebebeb" });
        $(this).css({ "color":"#000000" });
    });

    $("#startseite:not(a)").click(function () {
      location.href='./'
    });

    $("#angebot:not(a)").click(function () {
      location.href='./angebot'
    });

    $("#beispiele:not(a)").click(function () {
      location.href='./beispiele'
    });

    $("#faq:not(a)").click(function () {
      location.href='./faq'
    });

    $("#kontakt:not(a)").click(function () {
      location.href='./kontakt'
    });


    $("#boxen .red").click(function () {
      location.href='./baudokumentation'
    });

    $("#boxen .orange").click(function () {
      location.href='./werbung-events'
    });

    $("#boxen .green").click(function () {
      location.href='./naturdokumentation'
    });

    $(".video_klein").hover(function(){
        $(this).css({ "background-image":"url(./web/pics/video_klein_back_hover.jpg)" });
    },function(){
        $(this).css({ "background-image":"url(./web/pics/video_klein_back.jpg)" });
    });


});