img {
   border: none;
}
a {
   color: black;
}
.none {   display: none; }
.block {   display: block; }
.hidden {   visibility: hidden; }
.visible {   visibility: visible; }
.margin {
   width: 700px;
   margin: auto;
}
.anchor { position: relative; }
img.button { cursor: pointer; }
br.big { margin-top: 0.5ex; }

body {
   margin: 0px;
   padding: 0px;
   font-family: Arial, sans-serif;
}

.background_top {
   background-image: url('../images/background_top.jpg');
   background-attachment: fixed;
}
.background_middle {
   background-color: rgb(124, 97, 200);
   background-image: url('../images/background_middle.jpg');
   background-repeat: no-repeat;
}
.background_bottom {
   background-color: rgb(238, 223, 120);
   background-image: url('../images/background_bottom.jpg');
   background-repeat: repeat-y;
}


div#loading {
   font-size: large;
   margin-top: 150px;
   text-align: center;
}


/* page 1 */
div#min-height {
   height: 344px;
   position: relative;
}
img#top_image {
   position: absolute;
   bottom: 0px;
   z-index: 99;
}
div#logo_bar {
   position: absolute;
   bottom: 0px;
   width: 100%;
}
div#menu_content {
   position: relative;
   left: 425px;
   bottom: 60px;
   width: 277px;
}
#img_container {
   width: 100%;
   position: relative;
}
img#logo {
   position: absolute;
   left: 183px;
   bottom: 6px;
}
span#buttons {
   position: absolute;
   left: 425px;
   bottom: 0px;
   font-size: 0px;
}
span#buttons img {
   cursor: pointer;
   position: absolute;
   bottom: 6px;
}
span#buttons img.button_0 {
   left: 0px;
}
span#buttons img.button_1 {
   left: 48px;
}
span#buttons img.button_2 {
   left: 96px;
}
span#buttons img.button_3 {
   left: 144px;
}
span#buttons img.button_4 {
   left: 192px;
}
span#buttons img.button_5 {
   left: 240px;
}

div#bar {
   background-color: black;
   height: 17px;
}
div#bar img {
   position: absolute;
   left: 425px;
   top: 0px;
   z-index: 200;
}


/* image strip */
div.multivision {
   white-space: nowrap;
   font-size: 0px;
   height: 131px;
   position: relative;
   overflow: hidden;
}
div.multivision img {
   cursor: pointer;
}
div#multivision {
   position: absolute;
}
div.multivision img.hole {
   padding-right: 175px;
   width: 0px;
}


/* floating windows */
div.floating_window {
   width: 696px;
   position: absolute;
   top: 0px;
   z-index: 1001;
   border: 2px solid rgb(118, 103, 168);
   background-color: white;
}
div#map_container {
   height: 431px;
}
div#image_zoom {
   height: 344px;
   margin-top: 131px;
}
img.close_button {
   position: absolute;
   top: 12px;
   left: 657px;
}

div#help_container {
   margin-top: 131px;
}
div#impressum_container div,
div#help_container div {
   background-image: url('../images/biobite_bisstro_laden_hintergrund.jpg');
   padding: 20px;
   min-height: 450px;
}
div#impressum_container img.new_section,
div#help_container img.new_section {
   margin-top: 1em;
}

img#map_title {
   position: absolute;
   top: 180px;
   left: 657px;
}
div#map {
   margin: auto;
   margin-top: 16px;
}
div#map_info {
   width: 218px;
   height: 100px;
}
div#map_info div {
   display: none;
}
div#map div#map_info div {
   display: inline;
}

div.floating_window img.big {
   height: 344px;
   width: 100%;
}
#overlay {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1000;
   background-color: #333;
   opacity: .8;
}


/* page 2 */
div#page_2_buttons {
   height: 121px;
   position: relative;
}
div#page_2_buttons img {
   position: absolute;
   top: 16px;
}
div#page_2_buttons img#back,
div#page_2_buttons img#back_2 {
   left: 16px;
}
div#page_2_buttons img#back_header{
   left: 66px;
   top: 18px;
}
div#page_2_buttons img#play,
div#page_2_buttons img#play_2,
div#page_2_buttons img#pause,
div#page_2_buttons img#pause_2 {
   left: 596px;
}
div#page_2_buttons img#pause_header,
div#page_2_buttons img#play_header {
   left: 460px;
}
div#page_2_buttons img#help,
div#page_2_buttons img#help_2 {
   left: 646px;
}

/* accordion */
div#accordion {
   position: relative;
   overflow: hidden;
   height: 567px;
}
div.accordion_tab {
   position: absolute;
}
div.accordion_header {
   position: absolute;
   background-color: black;
   width: 19px;
   margin-left: 6px;
   height: 567px;
   cursor: pointer;
}
div.accordion_header img {
   position: absolute;
   top: 4px;
   left: 4px;
   z-index: 200;
}
div.accordion_content {
   position: absolute;
   left: 25px;
   padding-right: 90px;
   width: 591px;
   height: 567px;
}
div.accordion_content div {
   margin-top: 30px;
   margin-left: 70px;
}
div.accordion_content img {
   float: left;
}

div#no_js_top {
   height: 344px;
}
div#no_js_top img {
   position: absolute;
   left: 0px;
   top: 0px;
}
div#no_js_top img#biobite_link {
   left: 416px;
   top: 10px;
}
div#no_js_content div#no_js_bottom {
   padding: 10px;
}
div#no_js_content div#no_js_bottom h2 {
   display: none;
}
div#no_js_content div#no_js_bottom img {
   margin-top: 1em;
}