/* CSS für Gabelseite */

* {
  margin: 0;
  padding: 0;
}

body {
  background: #e7e7e7;
  color: #000;
  font-size: 100.01%;
  font-family: Verdana, Arial, sans-serif;
}

h1 {
  font: 28px georgia, garamond, serif;
  padding: 0 0 10px 0;
  color: #003366;
}

h2 {
  font: 14px georgia, garamond, serif;
  padding: 0 0 5px 0;
  color: #003366;
}

p {
  margin: 0 0 15px 0;
  font-size: 1.0em;
  line-height: 150%;
}

hr {
  display: none;
}

strong {
  font: bold 12px/18px Verdana, sans-serif;
}

img {
  border: none;
  display: block;
}

#container {
  background: transparent url(../images/gabel_123.jpg) left top no-repeat;
  margin: 150px auto 150px auto;
  max-width: 920px;
  height: 450px;
}

/* fuer IE 6 */
* html #container {
  width: 920px;
}

#img_left {
  position: relative;
  left: 28px;
  top: 0;
  width: 171px;
  height: 450px;
  float: left;
}

#img_right {
  position: relative;
  left: 28px;
  top: 0;
  width: 227px;
  height: 450px;
  float: left;
}

#content {
  margin: 180px 0 0 440px;
  width: auto;
  padding: 110px 10px 0 0;
}

#content a.domLink {
  background: transparent url(../images/link_normal_hover.png) 0px 5px no-repeat;
  padding: 0 50px 5px 20px;
  margin: 5px 0 0 0;
  font-family: georgia, garamond, serif;
  font-size: 1.1em;
  color: #ff8800;
  font-weight: bold;
  text-decoration: none;
  display: block;
  width: auto;
}

#content a.domLink:hover {
  background: transparent url(../images/link_normal_hover.png) 0px -129px no-repeat;  /* um 135 Pixel nach oben verschieben */
  color: #000;
  text-decoration: none;
}

#content a.domLink_hover {
  background: transparent url(../images/link_normal_hover.png) 0px -129px no-repeat;
  padding: 0 50px 5px 20px;
  margin: 5px 0 0 0;
  font-family: georgia, garamond, serif;
  font-size: 1.1em;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  display: block;
  width: auto;
}

#content a.gemeindeLink {
  background: transparent url(../images/link_normal_hover.png) 0px 5px no-repeat;
  padding: 0 50px 5px 20px;
  margin: 5px 0 0 0;
  font-family: georgia, garamond, serif;
  font-size: 1.1em;
  color: #ff8800;
  font-weight: bold;
  text-decoration: none;
  display: block;
  width: auto;
}

#content a.gemeindeLink:hover {
  background: transparent url(../images/link_normal_hover.png) 0px -129px no-repeat;  /* um 135 Pixel nach oben verschieben */
  color: #000;
  text-decoration: none;
}

#content a.gemeindeLink_hover {
  background: transparent url(../images/link_normal_hover.png) 0px -129px no-repeat;
  padding: 0 50px 5px 20px;
  margin: 5px 0 0 0;
  font-family: georgia, garamond, serif;
  font-size: 1.1em;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  display: block;
  width: auto;
}

#footer {
  clear: both;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  background: #fff;
  height: 85px;  /* orig: 100px */
}

/* fuer IE 6 */
* html #footer {
  position: static;
}

#zentriert {
  max-width: 920px;
  margin: 0 auto 0 auto;
  height: 84px;  /* orig: 100px */
}

#logo {
  background: transparent url(../images/gabelseite_logos.jpg) left top no-repeat;
  width: 279px;
  height: 85px;
  margin: 0 0 4px 40px;  /* orig: 10px 0 0 250px */
  float: left;
}

a.imprint {
  width: auto;
  margin: 46px 0 0 121px;
  display: block;
  float: left;
  font-family: georgia, garamond, serif;
  font-size: 1.1em;
  font-weight: bold;
  text-decoration: none;
  color: #838383;
}

a.imprint:hover {
  color: #333;
}

a.imprint span {
  font-weight: bold;
  text-decoration: none;
}

a.imprint span:hover {
  text-decoration: underline;
}

a.imprint-daten {
  margin-left: 15px;
}

a img {
  border: none;
}

.clearfix {
  clear: both;
  font-size: 0;
  height: 0.1em;
  line-height: 0;
  overflow: hidden;
}


/* Wenn Bildschirmbreite schmaler als 800px */
@media only screen and (max-width: 800px) {

 #back {
   background: transparent url(../images/gabel_1_mini.jpg) left top no-repeat;
   margin: 0 6px 2px 0;
   width: 140px;
   height: 164px;
   float: left;
 }

 h1 {
   font: 22px georgia, garamond, serif;
   padding: 0 0 10px 0;
   color: #003366;
 }

 #container {
  background: transparent;
  max-width: 800px;
 }

 #img_left {
   width: 0;
   height: 0;
 }

 #img_right {
   top: 0;
   width: 0;
   height: 0;
 }

 #content {
   margin: 0;
   padding: 10px 10px 0 146px;
 }

 #footer {
   clear: both;
   position: fixed;
   bottom: 0;
   left: 0;
   margin: 0;
   background: #fff;
   height: 50px;
 }

 div#logo {
   display: none;
 }

 a#dom, a#gemeinde {
   clear: none;
 }

 a.imprint {
   margin: 14px;
 }

}

/* Wenn Bildschirmbreite schmaler als 500px */
@media only screen and (max-width: 500px) {

 #content {
   padding: 10px 10px 0 6px;
 }

 #content a.domLink, #content a.gemeindeLink {
   margin-left: 5px;
   margin-top: 20px;
 }

 a#dom, a#gemeinde {
   clear: left;
 }

 a#imprint {
   margin: 12px 0 12px 10px;
 }

}

/* Wenn Bildschirmhöhe kleiner als 800px */
@media only screen and (max-height: 800px) {

 #container {
   margin-top: 80px;
 }

 #content {
   margin-top: 80px;
 }

}

/* Wenn Bildschirmhöhe kleiner als 600px */
@media only screen and (max-height: 600px) {

 #container {
   margin-top: 50px;
 }

 #content {
   margin-top: 50px;
 }

}

/* Wenn Bildschirmhöhe kleiner als 400px */
@media only screen and (max-height: 400px) {

 #container {
   margin-top: 30px;
 }

 #content {
   margin-top: 30px;
 }

}