* {margin:0;padding:0}

/* mac hide \*/
html,body{ height:100%;width:100%;}
/* end hide */

body {
  background-color: #174587;
  min-height:440px;
  min-width:980px;
  text-align:center;
}

#main{
  display:table;
  height:100%;
  width:100%;
  vertical-align:middle;
}
#container {
  position:relative;
  display:table-cell;
  text-align: center;
  vertical-align:middle;
  height: 440px;
}
#inner {
  position: relative;
  width: 980px;
  height: 440px;
  background: url(media/bg_startseite.jpg);
  margin: 0px auto;
}

#bild_stadt {
  position: absolute;
  top: 218px;
  left: 170px;
}

#bild_tourismus {
  position: absolute;
  top: 218px;
  left: 379px;
}

#bild_stadtmarketing {
  position: absolute;
  top: 218px;
  left: 566px;
}

#bild_stadtwerke {
  position: absolute;
  top: 218px;
  left: 797px;
}

.startbild {
  width: 159px;
  height: 148px;
  border: 0px;
}

.startbild2 {
  width: 206px;
  height: 155px;
  border: 0px;
}

.hide {
  display: inline;
  position: absolute;
  left: -4000px;
  top: -4000px;
}