/* 
    --- 
    Prahersoft Magnolia Custom Styles 
    Style for intro of apotheke froschberg
    --- 
*/

html {
    height: 100%;
}

body {
    background-color: #f8f8f8;
    text-align: center;
    font-size: 100.1%;
    font-family: Verdana;
    margin: 0;
    padding: 0;
    height: 100%;
}


div#spaceDiv {
   float: left;
   height: 50%;
   margin-bottom: -253px; /*content_height/2*/
}

#centerDiv {
    clear: both;
    position: relative;
    margin: auto;    
    width: 846px;
    height: 506px;
}


a {
    font-size: 0.88em;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

ul#introNav {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin: 27px auto 0px auto;
    width: 472px;
}

ul#introNav li {
  /* for a horizontal menu (elments next to each other)*/
  float: left;
  width: 154px;
  height: 36px;
}

ul#introNav li#pharmacy {
  /*-moz-box-sizing: border-box !important;*/
  margin-right: 5px;
}
ul#introNav li#pharmacy a {
  background-image: url(../../imgs/design/intro_button_apotheke.jpg);
}
ul#introNav li#pharmacy a:hover {
  background-image: url(../../imgs/design/intro_button_apotheke_hover.jpg);
}

ul#introNav li#duty {
  margin-right: 5px;
}

ul#introNav li#duty a {
  background-image: url(../../imgs/design/intro_button_bereitschaftsdienst.jpg);
}

ul#introNav li#duty a:hover {
  background-image: url(../../imgs/design/intro_button_bereitschaftsdienst_hover.jpg);
}

ul#introNav li#contact a {
  background-image: url(../../imgs/design/intro_button_kontakt.jpg);
}

ul#introNav li#contact a:hover {
  background-image: url(../../imgs/design/intro_button_kontakt_hover.jpg);
}

ul#introNav li a {
  display: block;
  line-height: 36px;
  height: 36px;
}

ul#introNav li a strong {
    display: none;
}