/* @override http://neu.kommunaldialog.at/fileadmin/TEMPLATES/responsivemenu.css?1421925362
  http://www.kommunaldialog.at/fileadmin/TEMPLATES/responsivemenu.css?* */

/* @override http://neu.kommunaldialog.at/fileadmin/TEMPLATES/responsivemenu.css?1421922104 */

/* @override http://neu.kommunaldialog.at/fileadmin/TEMPLATES/responsivemenu.css?1421921528 */

/* @override http://neu.kommunaldialog.at/fileadmin/TEMPLATES/responsivemenu.css?1421910380 */

/* @group Menue ein und ausschalten */

/* Rules for desktop screen resolution */

#show, #hide {
  display: none;
}

/* Rules for small screen resolutions */

@media screen and (max-width: 830px) {

body {
  display: block;
}

#hide {
  display: none;
}

#show {
  display: block;
}

#ulContainer {
  display: none;
}

#ulContainer:hover {
  display: block;
}

#hide:focus ~ #ulContainer {
  display: none;
}

#hide:focus ~ #show {
  display: block;
}

#show:focus ~ #ulContainer {
  display: block;
}

#show:focus ~#hide {
  display: block;
}



  }

/* @end */

/* @group Menue Gestaltung  */

/* Zustand Normal */

ul, li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#ulMainMenu li a {
  font-size: 18px;
  padding: 10px 40px 10px 25px;
  display: block;
}

#ulMainMenu li:first-child a {
  background: url(home.png) no-repeat left 14px;
}

#ulMainMenu li:first-child + li a {
  background: url(buero.png) no-repeat left 14px;
}

#ulMainMenu li:first-child + li + li a {
  background: url(einsicht.png) no-repeat left 14px;
}

#ulMainMenu li:first-child + li + li + li a {
  background: url(buero.png) no-repeat left 14px;
}

#ulMainMenu li:first-child + li + li + li + li a {
  background: url(geo.png) no-repeat left 14px;
}

#ulMainMenu li:first-child + li + li + li + li + li a {
  background: url(kontakt.png) no-repeat left 14px;
}

#ulMainMenu li:first-child a:hover, #ulMainMenu li:first-child a.active {
  background: url(home_a.png) no-repeat left 14px;
}

#ulMainMenu li:first-child + li a:hover, #ulMainMenu li:first-child + li a.active {
  background: url(buero_a.png) no-repeat left 14px;
}

#ulMainMenu li:first-child + li + li a:hover, #ulMainMenu li:first-child + li + li a.activ {
  background: url(einsicht_a.png) no-repeat left 14px;
}

#ulMainMenu li:first-child + li + li + li a:hover, #ulMainMenu li:first-child + li + li + li a.activ {
  background: url(buero_a.png) no-repeat left 14px;
}

#ulMainMenu li:first-child + li + li + li + li a:hover, #ulMainMenu li:first-child + li + li + li + li a.activ {
  background: url(geo_a.png) no-repeat left 14px;
}

#ulMainMenu li:first-child + li + li + li + li + li a:hover, #ulMainMenu li:first-child + li + li + li + li + li a.active {
  background: url(kontakt_a.png) no-repeat left 14px;
}

#ulMainMenu li a {
  text-decoration: none;
  color: #2c4390;
}

#ulMainMenu li a:hover {
  font-weight: bold;
}

ul#ulMainMenu li ul.menu li.subNav a {
  background-image: none;
  font-size: 16px;
  padding-top: 4px;
  padding-bottom: 4px;
  line-height: 18px;
  padding-left: 35px;
  margin-top: 1px;
  margin-bottom: 1px;
}

ul#ulMainMenu li ul.menu li.subNav a:hover, ul#ulMainMenu li ul.menu li.subNav a.active {
  background-color: white;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-image: none;
}

.haakje {
  color: #2c4390;
  width: 12px;
  float: left;
  font-weight: bold;
  font-size: 18px;
  padding-top: 5px;
  text-align: right;
  line-height: 16px;
  padding-left: 17px;
}

/* Zustand unter x Pixel */

@media screen and (max-width: 830px) {

div#menuContainer {
  width: 100%;
}

div#mainMenu {
  width: 100%;
}

a#show, a#hide {
  position: absolute;
  top: 14px;
  left: 10px;
  width: 40px;
  height: 40px;
  text-indent: -3000px;
  background: url(menuicon.png) no-repeat;
}

#ulContainer {
  background-color: #dbecfc;
  width: 90%;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 5%;
}

ul#ulMainMenu li {
  display: block;
  width: 100%;
  border-top: 1px solid white;
  padding-top: 5px;
  padding-bottom: 5px;
}

li.liMainMenu a {
  display: block;
  color: #333;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 16px;
  padding: 15px 10px;
}

li.liMainMenu a:hover {
  color: gray;
}

}

/* @end */