/*
 * Main Layout
 */

#canvas {
    width: 800px;
    height: 550px;
    position: absolute;
    top: 50%;
    margin-top: -275px;
    left: 50%;
    margin-left: -400px;    
    padding: 0px;
    border: 0px;
    background-image: url('gfx/hintergrund.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

#upper_left {
    width: 200px;
    height: 430px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    top: 0px;
    left: 0px;
    position: absolute;    
}

#upper_left_content {
    width: 200px;
    height: 430px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    top: 0px;
    left: 0px;
    position: absolute; 
}

#upper_right {
    width: 600px;
    height: 430px;
    margin: 0px;
    padding: 15px;
    border: 0px;
    top: 0px;
    left: 201px;
    position: absolute;
    overflow: auto;
}

/* Browserweiche */

[id]#upper_right {
    width: 570px;
    height: 400px;
}


#lower_left {
    width: 200px;
    height: 120px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    top: 430px;
    left: 0px;
    position: absolute;
}

#lower_right {
    width: 600px;
    height: 120px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    top: 430px;
    left: 201px;
    position: absolute;
}

/*
 * Navigation Buttons
 */

.navi_button {
    width: 200;
    height: 25px;
    position: absolute;
    left: 0px;
}

#home {
    top: 78px;
}

#brunnen {
    top: 118px; 
}

#fondue {
    top: 158px; 
}

#mieten {
    top: 198px; 
}

#kaufen {
    top: 238px; 
}

#kontakt {
    top: 278px;
}

/*
 * Menüs - Example!
 */

#godi_menu {
    top: 346px;
    left: 201px;
    width: 101px;
    height: 105px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    position: absolute;
    visibility: hidden;
}

#next_godi {
    top: 0px; 
}
#wer_wir_sind {
    top: 21px; 
}
#feedback {
    top: 42px; 
}
#mitwirken {
    top: 63px; 
}